51:I[986326,["/_next/static/chunks/33t46atd3n2zd.js","/_next/static/chunks/1l34_19d90th9.js","/_next/static/chunks/3dtb-64nouqyf.js","/_next/static/chunks/172_8c2wp6bdr.js","/_next/static/chunks/0x35ittgckuo0.js","/_next/static/chunks/0-gwxa1r3-6nl.js","/_next/static/chunks/3g4b7ztsy96_4.js","/_next/static/chunks/0-ikn_rvgls24.js","/_next/static/chunks/099o484kfyxae.js","/_next/static/chunks/2ti9nyi6an-d9.js","/_next/static/chunks/0usvsw710nb0m.js","/_next/static/chunks/1ytr52g562opa.js","/_next/static/chunks/0grfyansmz62l.js"],"CodeTabsInner"] 3b:["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-7)"},"children":"const"}]," ",["$","span","2",{"style":{"color":"var(--ch-2)"},"children":"mutation"}]," ",["$","span","4",{"style":{"color":"var(--ch-7)"},"children":"="}]," ",["$","span","6",{"style":{"color":"var(--ch-5)"},"children":"useMutation"}],["$","span","7",{"style":{"color":"var(--ch-4)"},"children":"({"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}] 3c:["$","div","2,2",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],2]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"mutationFn"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ("}],["$","span","3",{"style":{"color":"var(--ch-3)"},"children":"variables"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","6",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","8",{"style":{"color":"var(--ch-5)"},"children":"fetch"}],["$","span","9",{"style":{"color":"var(--ch-4)"},"children":"("}],["$","span","10",{"style":{"color":"var(--ch-8)"},"children":"'/api/user'"}],["$","span","11",{"style":{"color":"var(--ch-4)"},"children":", {"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 3d:["$","div","3,3",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],3]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"method:"}]," ",["$","span","3",{"style":{"color":"var(--ch-8)"},"children":"'POST'"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 3e:["$","div","4,4",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],4]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"body:"}]," ",["$","span","3",{"style":{"color":"var(--ch-2)"},"children":"JSON"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":"."}],["$","span","5",{"style":{"color":"var(--ch-5)"},"children":"stringify"}],["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"(variables)"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 3f:["$","div","5,5",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],5]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"}),"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 40:["$","div","6,6",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],6]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"onSuccess"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ("}],["$","span","3",{"style":{"color":"var(--ch-3)"},"children":"data"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","6",{"style":{"color":"var(--ch-3)"},"children":"variables"}],["$","span","7",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","9",{"style":{"color":"var(--ch-3)"},"children":"context"}],["$","span","10",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","12",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","14",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 41:["$","div","7,7",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],7]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-1)"},"children":"// 成功后的回调"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 42:["$","div","8,8",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],8]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"},"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 43:["$","div","9,9",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":"0"}],9]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"onError"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ("}],["$","span","3",{"style":{"color":"var(--ch-3)"},"children":"error"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","6",{"style":{"color":"var(--ch-3)"},"children":"variables"}],["$","span","7",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","9",{"style":{"color":"var(--ch-3)"},"children":"context"}],["$","span","10",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","12",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","14",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 44:["$","div","10,10",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],10]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-1)"},"children":"// 失败后的回调"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 45:["$","div","11,11",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],11]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"},"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 46:["$","div","12,12",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],12]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"onSettled"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":": ("}],["$","span","3",{"style":{"color":"var(--ch-3)"},"children":"data"}],["$","span","4",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","6",{"style":{"color":"var(--ch-3)"},"children":"error"}],["$","span","7",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","9",{"style":{"color":"var(--ch-3)"},"children":"variables"}],["$","span","10",{"style":{"color":"var(--ch-4)"},"children":","}]," ",["$","span","12",{"style":{"color":"var(--ch-3)"},"children":"context"}],["$","span","13",{"style":{"color":"var(--ch-4)"},"children":")"}]," ",["$","span","15",{"style":{"color":"var(--ch-7)"},"children":"=>"}]," ",["$","span","17",{"style":{"color":"var(--ch-4)"},"children":"{"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 47:["$","div","13,13",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],13]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-1)"},"children":"// 无论成功还是失败都会执行"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 48:["$","div","14,14",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],14]}]}],["$","div",null,{"children":[" ",["$","span","1",{"style":{"color":"var(--ch-4)"},"children":"}"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 49:["$","div","15,15",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],15]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"})"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 4a:["$","div","16,16",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],16]}]}],["$","div",null,{"children":["\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 4b:["$","div","17,17",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],17]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-1)"},"children":"// 触发 mutation"}],"\n"],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 4c:["$","div","18,18",{"style":{"borderLeft":"solid 2px transparent","borderLeftColor":"$undefined","backgroundColor":"$undefined"},"className":"flex","children":["$","div",null,{"className":"flex items-center","children":[["$","span",null,{"className":"line-number px-2 md:px-4 text-gray-400 dark:text-gray-500 select-none","children":["$","span",null,{"className":"font-din text-xs","children":[["$","span",null,{"className":"","children":""}],18]}]}],["$","div",null,{"children":[["$","span","0",{"style":{"color":"var(--ch-4)"},"children":"mutation."}],["$","span","1",{"style":{"color":"var(--ch-5)"},"children":"mutate"}],["$","span","2",{"style":{"color":"var(--ch-4)"},"children":"({ name:"}]," ",["$","span","4",{"style":{"color":"var(--ch-8)"},"children":"'John'"}]," ",["$","span","6",{"style":{"color":"var(--ch-4)"},"children":"})"}]],"className":"px-2 flex-1 flex-1 pl-2"}]]}]}] 52:T21ae,'use client' import { useState } from 'react' import { useMutation } from '@tanstack/react-query' import { motion, AnimatePresence } from 'framer-motion' import { User, Mail, Loader2, CheckCircle2, AlertCircle, Sparkles } from 'lucide-react' import { createUser, NewUser, UserResponse } from './api' // 简单的辅助函数用于合并类名（如果你没有安装 clsx/tailwind-merge，可以直接用模板字符串） const cn = (...classes: (string | undefined | null | false)[]) => classes.filter(Boolean).join(' ') export default function CreateUserForm() { const [name, setName] = useState('') const [email, setEmail] = useState('') const [result, setResult] = useState(null) const mutation = useMutation({ mutationFn: createUser, onSuccess: (data) => { setResult(data) // 可选：成功后不立即清空，让用户看到刚才输入的内容变成了结果，或者延迟清空 setName('') setEmail('') // 3秒后自动清除成功状态，让界面回归初始（可选） setTimeout(() => setResult(null), 5000) }, onError: (error) => { console.error('Create failed:', error) } }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() if (!name.trim() || !email.trim()) return // 提交时重置之前的状态 setResult(null) mutation.mutate({ name, email }) } return (

{/* 头部区域 */}

新建用户

请输入用户信息以创建新的成员账号。

{/* 表单区域 */}

{/* 用户名输入 */}

用户名

setName(e.target.value)} placeholder="例如：Alice Johnson" disabled={mutation.isPending} className="w-full pl-10 indent-8 pr-4 py-2.5 bg-zinc-50 dark:bg-zinc-800/50 border border-zinc-200 dark:border-zinc-700 text-sm outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 transition-all placeholder:text-zinc-400 text-zinc-800 dark:text-zinc-200" />

{/* 邮箱输入 */}

电子邮箱

setEmail(e.target.value)} placeholder="alice@example.com" disabled={mutation.isPending} className="w-full pl-10 indent-8 pr-4 py-2.5 bg-zinc-50 dark:bg-zinc-800/50 border border-zinc-200 dark:border-zinc-700 text-sm outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 transition-all placeholder:text-zinc-400 text-zinc-800 dark:text-zinc-200" />

{/* 提交按钮 */}

{/* 状态反馈动画区域 */} {/* 错误显示 */} {mutation.isError && (

创建失败

{mutation.error?.message || "未知错误"}

)} {/* 成功结果卡片 */} {result && ( {/* 装饰背景 */}

用户创建成功

ID: {result.id}

姓名 {result.name}

邮箱 {result.email}

)}

) }53:T21ae,'use client' import { useState } from 'react' import { useMutation } from '@tanstack/react-query' import { motion, AnimatePresence } from 'framer-motion' import { User, Mail, Loader2, CheckCircle2, AlertCircle, Sparkles } from 'lucide-react' import { createUser, NewUser, UserResponse } from './api' // 简单的辅助函数用于合并类名（如果你没有安装 clsx/tailwind-merge，可以直接用模板字符串） const cn = (...classes: (string | undefined | null | false)[]) => classes.filter(Boolean).join(' ') export default function CreateUserForm() { const [name, setName] = useState('') const [email, setEmail] = useState('') const [result, setResult] = useState(null) const mutation = useMutation({ mutationFn: createUser, onSuccess: (data) => { setResult(data) // 可选：成功后不立即清空，让用户看到刚才输入的内容变成了结果，或者延迟清空 setName('') setEmail('') // 3秒后自动清除成功状态，让界面回归初始（可选） setTimeout(() => setResult(null), 5000) }, onError: (error) => { console.error('Create failed:', error) } }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() if (!name.trim() || !email.trim()) return // 提交时重置之前的状态 setResult(null) mutation.mutate({ name, email }) } return (

{/* 头部区域 */}

新建用户

请输入用户信息以创建新的成员账号。

{/* 表单区域 */}

{/* 用户名输入 */}

用户名

{/* 邮箱输入 */}

电子邮箱

{/* 提交按钮 */}

{/* 状态反馈动画区域 */} {/* 错误显示 */} {mutation.isError && (

创建失败

{mutation.error?.message || "未知错误"}

)} {/* 成功结果卡片 */} {result && ( {/* 装饰背景 */}

用户创建成功

ID: {result.id}

姓名 {result.name}

邮箱 {result.email}

)}

) }50:["$","$L51",null,{"highlighteds":[{"meta":"index.tsx -c","value":"$52","lang":"tsx","code":"$53","tokens":[["'use client'","var(--ch-8)"],"\n\n",["import","var(--ch-7)"]," ",["{ useState }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'react'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["{ useMutation }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'@tanstack/react-query'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["{ motion, AnimatePresence }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'framer-motion'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["{ User, Mail, Loader2, CheckCircle2, AlertCircle, Sparkles }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'lucide-react'","var(--ch-8)"],"\n",["import","var(--ch-7)"]," ",["{ createUser, NewUser, UserResponse }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'./api'","var(--ch-8)"],"\n\n",["// 简单的辅助函数用于合并类名（如果你没有安装 clsx/tailwind-merge，可以直接用模板字符串）","var(--ch-1)"],"\n",["const","var(--ch-7)"]," ",["cn","var(--ch-5)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["...","var(--ch-7)"],["classes","var(--ch-3)"],[":","var(--ch-7)"]," ",["(","var(--ch-4)"],["string","var(--ch-2)"]," ",["|","var(--ch-7)"]," ",["undefined","var(--ch-2)"]," ",["|","var(--ch-7)"]," ",["null","var(--ch-2)"]," ",["|","var(--ch-7)"]," ",["false","var(--ch-2)"],[")[])","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["classes.","var(--ch-4)"],["filter","var(--ch-5)"],["(Boolean).","var(--ch-4)"],["join","var(--ch-5)"],["(","var(--ch-4)"],["' '","var(--ch-8)"],[")","var(--ch-4)"],"\n\n",["export default function","var(--ch-7)"]," ",["CreateUserForm","var(--ch-5)"],["()","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["[","var(--ch-4)"],["name","var(--ch-2)"],[",","var(--ch-4)"]," ",["setName","var(--ch-2)"],["]","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["useState","var(--ch-5)"],["(","var(--ch-4)"],["''","var(--ch-8)"],[")","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["[","var(--ch-4)"],["email","var(--ch-2)"],[",","var(--ch-4)"]," ",["setEmail","var(--ch-2)"],["]","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["useState","var(--ch-5)"],["(","var(--ch-4)"],["''","var(--ch-8)"],[")","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["[","var(--ch-4)"],["result","var(--ch-2)"],[",","var(--ch-4)"]," ",["setResult","var(--ch-2)"],["]","var(--ch-4)"]," ",["=","var(--ch-7)"]," ",["useState","var(--ch-5)"],["<","var(--ch-4)"],["UserResponse","var(--ch-3)"]," ",["|","var(--ch-7)"]," ",["null","var(--ch-2)"],[">(","var(--ch-4)"],["null","var(--ch-2)"],[")","var(--ch-4)"],"\n\n ",["const","var(--ch-7)"]," ",["mutation","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["useMutation","var(--ch-5)"],["({","var(--ch-4)"],"\n ",["mutationFn: createUser,","var(--ch-4)"],"\n ",["onSuccess","var(--ch-5)"],[": (","var(--ch-4)"],["data","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["setResult","var(--ch-5)"],["(data)","var(--ch-4)"],"\n ",["// 可选：成功后不立即清空，让用户看到刚才输入的内容变成了结果，或者延迟清空","var(--ch-1)"],"\n ",["setName","var(--ch-5)"],["(","var(--ch-4)"],["''","var(--ch-8)"],[")","var(--ch-4)"],"\n ",["setEmail","var(--ch-5)"],["(","var(--ch-4)"],["''","var(--ch-8)"],[")","var(--ch-4)"],"\n ",["// 3秒后自动清除成功状态，让界面回归初始（可选）","var(--ch-1)"],"\n ",["setTimeout","var(--ch-5)"],["(()","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["setResult","var(--ch-5)"],["(","var(--ch-4)"],["null","var(--ch-2)"],["),","var(--ch-4)"]," ",["5000","var(--ch-2)"],[")","var(--ch-4)"],"\n ",["},","var(--ch-4)"],"\n ",["onError","var(--ch-5)"],[": (","var(--ch-4)"],["error","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["console.","var(--ch-4)"],["error","var(--ch-5)"],["(","var(--ch-4)"],["'Create failed:'","var(--ch-8)"],[", error)","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n ",["})","var(--ch-4)"],"\n\n ",["const","var(--ch-7)"]," ",["handleSubmit","var(--ch-5)"]," ",["=","var(--ch-7)"]," ",["(","var(--ch-4)"],["e","var(--ch-3)"],[":","var(--ch-7)"]," ",["React","var(--ch-3)"],[".","var(--ch-4)"],["FormEvent","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["e.","var(--ch-4)"],["preventDefault","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["if","var(--ch-7)"]," ",["(","var(--ch-4)"],["!","var(--ch-7)"],["name.","var(--ch-4)"],["trim","var(--ch-5)"],["()","var(--ch-4)"]," ",["|| !","var(--ch-7)"],["email.","var(--ch-4)"],["trim","var(--ch-5)"],["())","var(--ch-4)"]," ",["return","var(--ch-7)"],"\n ",["// 提交时重置之前的状态","var(--ch-1)"],"\n ",["setResult","var(--ch-5)"],["(","var(--ch-4)"],["null","var(--ch-2)"],[")","var(--ch-4)"]," \n ",["mutation.","var(--ch-4)"],["mutate","var(--ch-5)"],["({ name, email })","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n\n ",["return","var(--ch-7)"]," ",["(","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"flex items-center justify-center p-6\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"w-full max-w-md dark:bg-zinc-900 border border-zinc-100 dark:border-zinc-800\"","var(--ch-8)"],[">","var(--ch-4)"],"\n \n ",["{","var(--ch-7)"],["/* 头部区域 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"px-8 pt-8 pb-6\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"flex items-center gap-3 mb-2\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"p-2 bg-indigo-50 dark:bg-indigo-900/30 text-indigo-600 dark:text-indigo-400\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["Sparkles","var(--ch-6)"]," ",["size","var(--ch-2)"],["={","var(--ch-7)"],["20","var(--ch-2)"],["}","var(--ch-7)"]," ",["/>","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-xl font-semibold text-zinc-900 dark:text-zinc-100 tracking-tight\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["新建用户","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-sm text-zinc-500 dark:text-zinc-400 pl-1\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["请输入用户信息以创建新的成员账号。","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n\n ",["{","var(--ch-7)"],["/* 表单区域 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"px-8 pb-8 space-y-6\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["form","var(--ch-6)"]," ",["onSubmit","var(--ch-2)"],["={","var(--ch-7)"],["handleSubmit","var(--ch-4)"],["}","var(--ch-7)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"space-y-4\"","var(--ch-8)"],[">","var(--ch-4)"],"\n \n ",["{","var(--ch-7)"],["/* 用户名输入 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"space-y-1.5\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["label","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-xs font-medium text-zinc-500 uppercase tracking-wider ml-1\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["用户名","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"relative group\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"absolute left-3 top-1/2 -translate-y-1/2 text-zinc-400 group-focus-within:text-indigo-500 transition-colors\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["User","var(--ch-6)"]," ",["size","var(--ch-2)"],["={","var(--ch-7)"],["18","var(--ch-2)"],["}","var(--ch-7)"]," ",["/>","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["input","var(--ch-6)"],"\n ",["type","var(--ch-2)"],["=","var(--ch-7)"],["\"text\"","var(--ch-8)"],"\n ",["value","var(--ch-2)"],["={","var(--ch-7)"],["name","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["onChange","var(--ch-2)"],["={","var(--ch-7)"],["(","var(--ch-4)"],["e","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["setName","var(--ch-5)"],["(e.target.value)","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["placeholder","var(--ch-2)"],["=","var(--ch-7)"],["\"例如：Alice Johnson\"","var(--ch-8)"],"\n ",["disabled","var(--ch-2)"],["={","var(--ch-7)"],["mutation.isPending","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"w-full pl-10 indent-8 pr-4 py-2.5 bg-zinc-50 dark:bg-zinc-800/50 border border-zinc-200 dark:border-zinc-700 text-sm outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 transition-all placeholder:text-zinc-400 text-zinc-800 dark:text-zinc-200\"","var(--ch-8)"],"\n ",["/>","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n\n ",["{","var(--ch-7)"],["/* 邮箱输入 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"space-y-1.5\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["label","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-xs font-medium text-zinc-500 uppercase tracking-wider ml-1\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["电子邮箱","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"relative group\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"absolute left-3 top-1/2 -translate-y-1/2 text-zinc-400 group-focus-within:text-indigo-500 transition-colors\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["Mail","var(--ch-6)"]," ",["size","var(--ch-2)"],["={","var(--ch-7)"],["18","var(--ch-2)"],["}","var(--ch-7)"]," ",["/>","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["input","var(--ch-6)"],"\n ",["type","var(--ch-2)"],["=","var(--ch-7)"],["\"email\"","var(--ch-8)"],"\n ",["value","var(--ch-2)"],["={","var(--ch-7)"],["email","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["onChange","var(--ch-2)"],["={","var(--ch-7)"],["(","var(--ch-4)"],["e","var(--ch-3)"],[")","var(--ch-4)"]," ",["=>","var(--ch-7)"]," ",["setEmail","var(--ch-5)"],["(e.target.value)","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["placeholder","var(--ch-2)"],["=","var(--ch-7)"],["\"alice@example.com\"","var(--ch-8)"],"\n ",["disabled","var(--ch-2)"],["={","var(--ch-7)"],["mutation.isPending","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"w-full pl-10 indent-8 pr-4 py-2.5 bg-zinc-50 dark:bg-zinc-800/50 border border-zinc-200 dark:border-zinc-700 text-sm outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 transition-all placeholder:text-zinc-400 text-zinc-800 dark:text-zinc-200\"","var(--ch-8)"],"\n ",["/>","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n\n ",["{","var(--ch-7)"],["/* 提交按钮 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["button","var(--ch-6)"],"\n ",["type","var(--ch-2)"],["=","var(--ch-7)"],["\"submit\"","var(--ch-8)"],"\n ",["disabled","var(--ch-2)"],["={","var(--ch-7)"],["mutation.isPending","var(--ch-4)"]," ",["|| !","var(--ch-7)"],["name.","var(--ch-4)"],["trim","var(--ch-5)"],["()","var(--ch-4)"]," ",["|| !","var(--ch-7)"],["email.","var(--ch-4)"],["trim","var(--ch-5)"],["()","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["className","var(--ch-2)"],["={","var(--ch-7)"],["cn","var(--ch-5)"],["(","var(--ch-4)"],"\n ",["\"w-full flex items-center justify-center gap-2 py-2.5 text-sm font-medium transition-all duration-200\"","var(--ch-8)"],[",","var(--ch-4)"],"\n ",["mutation.isPending","var(--ch-4)"]," ",["|| !","var(--ch-7)"],["name.","var(--ch-4)"],["trim","var(--ch-5)"],["()","var(--ch-4)"]," ",["|| !","var(--ch-7)"],["email.","var(--ch-4)"],["trim","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["?","var(--ch-7)"]," ",["\"bg-zinc-100 text-zinc-400 cursor-not-allowed dark:bg-zinc-800 dark:text-zinc-600\"","var(--ch-8)"],"\n ",[":","var(--ch-7)"]," ",["\"bg-zinc-900 text-white hover:bg-zinc-800 hover:shadow-lg dark:bg-indigo-600 dark:hover:bg-indigo-500\"","var(--ch-8)"],"\n ",[")","var(--ch-4)"],["}","var(--ch-7)"],"\n ",[">","var(--ch-4)"],"\n ",["{","var(--ch-7)"],["mutation.isPending","var(--ch-4)"]," ",["?","var(--ch-7)"]," ",["(","var(--ch-4)"],"\n ",["<>","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["Loader2","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"animate-spin\"","var(--ch-8)"]," ",["size","var(--ch-2)"],["={","var(--ch-7)"],["16","var(--ch-2)"],["}","var(--ch-7)"]," ",["/>","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["span","var(--ch-6)"],[">处理中...","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",[")","var(--ch-4)"]," ",[":","var(--ch-7)"]," ",["(","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["span","var(--ch-6)"],[">确认创建","var(--ch-4)"],"\n ",[")","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n\n ",["{","var(--ch-7)"],["/* 状态反馈动画区域 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["AnimatePresence","var(--ch-6)"]," ",["mode","var(--ch-2)"],["=","var(--ch-7)"],["\"wait\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["{","var(--ch-7)"],["/* 错误显示 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["{","var(--ch-7)"],["mutation.isError","var(--ch-4)"]," ",["&&","var(--ch-7)"]," ",["(","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["motion.div","var(--ch-6)"],"\n ",["initial","var(--ch-2)"],["={","var(--ch-7)"],["{ opacity:","var(--ch-4)"]," ",["0","var(--ch-2)"],[", y:","var(--ch-4)"]," ",["10","var(--ch-2)"]," ",["}","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["animate","var(--ch-2)"],["={","var(--ch-7)"],["{ opacity:","var(--ch-4)"]," ",["1","var(--ch-2)"],[", y:","var(--ch-4)"]," ",["0","var(--ch-2)"]," ",["}","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["exit","var(--ch-2)"],["={","var(--ch-7)"],["{ opacity:","var(--ch-4)"]," ",["0","var(--ch-2)"],[", y:","var(--ch-4)"]," ",["-","var(--ch-7)"],["10","var(--ch-2)"]," ",["}","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"p-4 bg-red-50 dark:bg-red-900/20 border border-red-100 dark:border-red-900/50 flex items-start gap-3\"","var(--ch-8)"],"\n ",[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["AlertCircle","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-red-600 dark:text-red-400 shrink-0 mt-0.5\"","var(--ch-8)"]," ",["size","var(--ch-2)"],["={","var(--ch-7)"],["18","var(--ch-2)"],["}","var(--ch-7)"]," ",["/>","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"space-y-1\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["h4","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-sm font-medium text-red-800 dark:text-red-300\"","var(--ch-8)"],[">创建失败","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["p","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-xs text-red-600 dark:text-red-400 opacity-90\"","var(--ch-8)"],[">","var(--ch-4)"],["{","var(--ch-7)"],["mutation.error?.message","var(--ch-4)"]," ",["||","var(--ch-7)"]," ",["\"未知错误\"","var(--ch-8)"],["}","var(--ch-7)"],["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",[")","var(--ch-4)"],["}","var(--ch-7)"],"\n\n ",["{","var(--ch-7)"],["/* 成功结果卡片 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["{","var(--ch-7)"],["result","var(--ch-4)"]," ",["&&","var(--ch-7)"]," ",["(","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["motion.div","var(--ch-6)"],"\n ",["initial","var(--ch-2)"],["={","var(--ch-7)"],["{ opacity:","var(--ch-4)"]," ",["0","var(--ch-2)"],[", scale:","var(--ch-4)"]," ",["0.95","var(--ch-2)"]," ",["}","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["animate","var(--ch-2)"],["={","var(--ch-7)"],["{ opacity:","var(--ch-4)"]," ",["1","var(--ch-2)"],[", scale:","var(--ch-4)"]," ",["1","var(--ch-2)"]," ",["}","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["exit","var(--ch-2)"],["={","var(--ch-7)"],["{ opacity:","var(--ch-4)"]," ",["0","var(--ch-2)"],[", scale:","var(--ch-4)"]," ",["0.95","var(--ch-2)"]," ",["}","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"relative overflow-hidden p-5 bg-emerald-50 dark:bg-emerald-900/10 border border-emerald-100 dark:border-emerald-900/30\"","var(--ch-8)"],"\n ",[">","var(--ch-4)"],"\n ",["{","var(--ch-7)"],["/* 装饰背景 */","var(--ch-1)"],["}","var(--ch-7)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"absolute top-0 right-0 -mt-2 -mr-2 w-16 h-16 bg-emerald-200 dark:bg-emerald-500/20 rounded-full blur-2xl opacity-50\"","var(--ch-8)"]," ",["/>","var(--ch-4)"],"\n \n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"relative flex flex-col items-center text-center space-y-3\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"w-10 h-10 rounded-full bg-emerald-100 dark:bg-emerald-900/50 flex items-center justify-center text-emerald-600 dark:text-emerald-400\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["CheckCircle2","var(--ch-6)"]," ",["size","var(--ch-2)"],["={","var(--ch-7)"],["20","var(--ch-2)"],["}","var(--ch-7)"]," ",["/>","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n \n ",["<","var(--ch-4)"],["div","var(--ch-6)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["h4","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-sm font-semibold text-emerald-900 dark:text-emerald-300\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["用户创建成功","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["p","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-xs text-emerald-700 dark:text-emerald-400/80 mt-0.5\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["ID:","var(--ch-4)"]," ",["{","var(--ch-7)"],["result.id","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"w-full pt-3 mt-1 border-t border-emerald-200/50 dark:border-emerald-800/30 grid grid-cols-2 gap-4 text-xs\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-left\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["span","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"block text-emerald-600/70 dark:text-emerald-500 mb-0.5\"","var(--ch-8)"],[">姓名","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["span","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"font-medium text-emerald-900 dark:text-emerald-200 truncate\"","var(--ch-8)"],[">","var(--ch-4)"],["{","var(--ch-7)"],["result.name","var(--ch-4)"],["}","var(--ch-7)"],["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["div","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"text-right\"","var(--ch-8)"],[">","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["span","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"block text-emerald-600/70 dark:text-emerald-500 mb-0.5\"","var(--ch-8)"],[">邮箱","var(--ch-4)"],"\n ",["<","var(--ch-4)"],["span","var(--ch-6)"]," ",["className","var(--ch-2)"],["=","var(--ch-7)"],["\"font-medium text-emerald-900 dark:text-emerald-200 truncate\"","var(--ch-8)"],[">","var(--ch-4)"],["{","var(--ch-7)"],["result.email","var(--ch-4)"],["}","var(--ch-7)"],["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",[")","var(--ch-4)"],["}","var(--ch-7)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",["","var(--ch-4)"],"\n ",[")","var(--ch-4)"],"\n",["}","var(--ch-4)"]],"annotations":[],"themeName":"github-from-css","style":{"color":"var(--ch-4)","background":"var(--ch-16)","colorScheme":"var(--ch-0)"}},{"meta":"api.ts -c","value":"import { randomFetch, createRandomMessage } from '@/utils'\n\nexport interface NewUser {\n name: string\n email: string\n}\n\nexport interface UserResponse {\n id: string\n name: string\n email: string\n createdAt: string\n message: string\n}\n\n// 模拟创建用户的 API 请求\nexport async function createUser(user: NewUser): Promise {\n // 使用 randomuser.me 模拟网络延迟\n const url = '/api/randomuser/api?results=1&inc=login&noinfo'\n const response = await randomFetch(url)\n const data = await response.json()\n\n // 模拟返回创建的用户数据\n return {\n id: data.results[0].login.uuid,\n name: user.name,\n email: user.email,\n createdAt: new Date().toISOString(),\n message: createRandomMessage()\n }\n}\n","lang":"tsx","code":"import { randomFetch, createRandomMessage } from '@/utils'\n\nexport interface NewUser {\n name: string\n email: string\n}\n\nexport interface UserResponse {\n id: string\n name: string\n email: string\n createdAt: string\n message: string\n}\n\n// 模拟创建用户的 API 请求\nexport async function createUser(user: NewUser): Promise {\n // 使用 randomuser.me 模拟网络延迟\n const url = '/api/randomuser/api?results=1&inc=login&noinfo'\n const response = await randomFetch(url)\n const data = await response.json()\n\n // 模拟返回创建的用户数据\n return {\n id: data.results[0].login.uuid,\n name: user.name,\n email: user.email,\n createdAt: new Date().toISOString(),\n message: createRandomMessage()\n }\n}\n","tokens":[["import","var(--ch-7)"]," ",["{ randomFetch, createRandomMessage }","var(--ch-4)"]," ",["from","var(--ch-7)"]," ",["'@/utils'","var(--ch-8)"],"\n\n",["export interface","var(--ch-7)"]," ",["NewUser","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["name","var(--ch-3)"],[":","var(--ch-7)"]," ",["string","var(--ch-2)"],"\n ",["email","var(--ch-3)"],[":","var(--ch-7)"]," ",["string","var(--ch-2)"],"\n",["}","var(--ch-4)"],"\n\n",["export interface","var(--ch-7)"]," ",["UserResponse","var(--ch-3)"]," ",["{","var(--ch-4)"],"\n ",["id","var(--ch-3)"],[":","var(--ch-7)"]," ",["string","var(--ch-2)"],"\n ",["name","var(--ch-3)"],[":","var(--ch-7)"]," ",["string","var(--ch-2)"],"\n ",["email","var(--ch-3)"],[":","var(--ch-7)"]," ",["string","var(--ch-2)"],"\n ",["createdAt","var(--ch-3)"],[":","var(--ch-7)"]," ",["string","var(--ch-2)"],"\n ",["message","var(--ch-3)"],[":","var(--ch-7)"]," ",["string","var(--ch-2)"],"\n",["}","var(--ch-4)"],"\n\n",["// 模拟创建用户的 API 请求","var(--ch-1)"],"\n",["export async function","var(--ch-7)"]," ",["createUser","var(--ch-5)"],["(","var(--ch-4)"],["user","var(--ch-3)"],[":","var(--ch-7)"]," ",["NewUser","var(--ch-3)"],[")","var(--ch-4)"],[":","var(--ch-7)"]," ",["Promise","var(--ch-3)"],["<","var(--ch-4)"],["UserResponse","var(--ch-3)"],["> {","var(--ch-4)"],"\n ",["// 使用 randomuser.me 模拟网络延迟","var(--ch-1)"],"\n ",["const","var(--ch-7)"]," ",["url","var(--ch-2)"]," ",["=","var(--ch-7)"]," ",["'/api/randomuser/api?results=1&inc=login&noinfo'","var(--ch-8)"],"\n ",["const","var(--ch-7)"]," ",["response","var(--ch-2)"]," ",["= await","var(--ch-7)"]," ",["randomFetch","var(--ch-5)"],["(url)","var(--ch-4)"],"\n ",["const","var(--ch-7)"]," ",["data","var(--ch-2)"]," ",["= await","var(--ch-7)"]," ",["response.","var(--ch-4)"],["json","var(--ch-5)"],["()","var(--ch-4)"],"\n\n ",["// 模拟返回创建的用户数据","var(--ch-1)"],"\n ",["return","var(--ch-7)"]," ",["{","var(--ch-4)"],"\n ",["id: data.results[","var(--ch-4)"],["0","var(--ch-2)"],["].login.uuid,","var(--ch-4)"],"\n ",["name: user.name,","var(--ch-4)"],"\n ",["email: user.email,","var(--ch-4)"],"\n ",["createdAt:","var(--ch-4)"]," ",["new","var(--ch-7)"]," ",["Date","var(--ch-5)"],["().","var(--ch-4)"],["toISOString","var(--ch-5)"],["(),","var(--ch-4)"],"\n ",["message:","var(--ch-4)"]," ",["createRandomMessage","var(--ch-5)"],["()","var(--ch-4)"],"\n ",["}","var(--ch-4)"],"\n",["}","var(--ch-4)"],"\n"],"annotations":[],"themeName":"github-from-css","style":{"color":"var(--ch-4)","background":"var(--ch-16)","colorScheme":"var(--ch-0)"}}]}]