1 line
4.0 KiB
JavaScript
1 line
4.0 KiB
JavaScript
import{$ as e,D as t,E as n,Ft as r,On as i,Zn as a,_ as o,b as s,bt as c,et as l,k as u,mt as d,o as f,qt as p,tr as m,v as h,vn as g,xt as _,y as v}from"./runtime-core.esm-bundler-DkysjgTd.js";import{t as y}from"./objectSpread2-BmonrgTA.js";import{t as b}from"./cn-BpFrWzX2.js";import{g as x}from"./dist-DUuDCbWu.js";import{r as S}from"./src-DkoRg56f.js";import{c as C}from"./store-DWy_0h89.js";import{s as w}from"./VisuallyHiddenInput-CDz4_yZw.js";import{a as T,i as E,n as D,r as O,t as k}from"./avatar-Df6A0OqG.js";import{t as A}from"./page-CuTJnSJp.js";import{t as j}from"./base-setting-DMOVS08n.js";import{t as M}from"./notification-setting-7bFohVCQ.js";import{t as N}from"./password-setting-BzxgKWpd.js";import{t as P}from"./security-setting-C-Wxwv7E.js";var F=u({__name:`Card`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,n)=>(d(),s(`div`,{"data-slot":`card`,class:a(i(b)(`bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm`,t.class))},[_(e.$slots,`default`)],2))}}),I=u({__name:`TabsTrigger`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e,n=x(t,`class`),r=w(n);return(e,n)=>(d(),h(i(T),l({"data-slot":`tabs-trigger`,class:i(b)(`data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-3 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,t.class)},i(r)),{default:p(()=>[_(e.$slots,`default`)]),_:3},16,[`class`]))}}),L={class:`flex size-full`},R={class:`mt-4 flex-col-center h-40 gap-4`},z={class:`text-lg font-semibold`},B={class:`text-sm text-foreground/80`},V=u(y(y({},{name:`ProfileUI`}),{},{__name:`profile`,props:e({title:{default:`关于项目`},userInfo:{},tabs:{default:()=>[]}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let a=r(e,`modelValue`);return(r,l)=>(d(),h(i(A),{"auto-content-height":``},{default:p(()=>[o(`div`,L,[t(i(F),{class:`w-1/6 flex-none`},{default:p(()=>{var r,u,g,_,v,y;return[o(`div`,R,[t(i(k),{src:(r=(u=e.userInfo)==null?void 0:u.avatar)==null?i(S).app.defaultAvatar:r,class:`size-20`},null,8,[`src`]),o(`span`,z,m((g=(_=e.userInfo)==null?void 0:_.realName)==null?``:g),1),o(`span`,B,m((v=(y=e.userInfo)==null?void 0:y.username)==null?``:v),1)]),t(i(E),{class:`my-4`}),t(i(O),{modelValue:a.value,"onUpdate:modelValue":l[0]||(l[0]=e=>a.value=e),orientation:`vertical`,class:`m-4`},{default:p(()=>[t(i(D),{class:`grid w-full grid-cols-1 bg-card`},{default:p(()=>[(d(!0),s(f,null,c(e.tabs,e=>(d(),h(i(I),{key:e.value,value:e.value,class:`h-12 justify-start data-[state=active]:bg-primary data-[state=active]:text-primary-foreground`},{default:p(()=>[n(m(e.label),1)]),_:2},1032,[`value`]))),128))]),_:1})]),_:1},8,[`modelValue`])]}),_:1}),t(i(F),{class:`ml-4 w-5/6 flex-auto p-8`},{default:p(()=>[_(r.$slots,`content`)]),_:3})])]),_:3}))}})),H=u({__name:`index`,setup(e){let t=C(),n=g(`basic`),r=g([{label:`基本设置`,value:`basic`},{label:`安全设置`,value:`security`},{label:`修改密码`,value:`password`},{label:`新消息提醒`,value:`notice`}]);return(e,a)=>(d(),h(i(V),{"model-value":n.value,"onUpdate:modelValue":a[0]||(a[0]=e=>n.value=e),title:`个人中心`,"user-info":i(t).userInfo,tabs:r.value},{content:p(()=>[n.value===`basic`?(d(),h(j,{key:0})):v(``,!0),n.value===`security`?(d(),h(P,{key:1})):v(``,!0),n.value===`password`?(d(),h(N,{key:2})):v(``,!0),n.value===`notice`?(d(),h(M,{key:3})):v(``,!0)]),_:1},8,[`model-value`,`user-info`,`tabs`]))}});export{H as default}; |