import{d as B,u as V,r as _,o,c as i,a as n,b as e,w as a,t as r,F as p,e as f,f as g,g as $,h as D,E as F,i as x,j as M,k as E,l as N,m as R,n as T,p as b,q as P,s as j,v as q}from"./index-4533c179.js";/* empty css */const O={class:"settings"},G={class:"sidebar"},H={class:"profile"},J={class:"content"},K={key:0},Q={class:"content-title"},U={class:"content-menu-item-left"},W={class:"content-menu-item-right"},X={class:"setting-item-title"},Y={style:{display:"flex","align-items":"center",gap:"8px"}},Z=B({__name:"setting",setup(ee){const u=V(),d=_(u.settingList[0]),m=_(null),c=_(!1),h=_(null);function w(l){d.value=u.settingList.find(s=>s.key===l),c.value=!1}const A=async l=>{c.value=!0,m.value=l,h.value=R(()=>j(()=>import(`/src/views/settings/${l.content}.vue`),[],import.meta.url).then(s=>s.default))};return(l,s)=>{const L=T,S=b,v=D,y=P,k=F,I=x("ArrowRight"),C=M,z=x("ArrowLeft");return o(),i("div",O,[n("div",G,[n("div",H,[e(L,{src:"",alt:"Avatar",class:"avatar"}),s[1]||(s[1]=n("div",{class:"username"},"用户名",-1))]),e(S,{placeholder:"Find a setting",class:"search"}),e(k,{class:"menu","default-active":"1",onSelect:w},{default:a(()=>[(o(!0),i(p,null,E(N(u).settingList,t=>(o(),g(y,{class:"menu-item",index:t.key},{default:a(()=>[e(v,{name:t.icon,size:"18"},null,8,["name"]),f(" "+r(t.title),1)]),_:2},1032,["index"]))),256))]),_:1})]),n("div",J,[c.value?(o(),i(p,{key:1},[n("div",X,[e(C,{onClick:s[0]||(s[0]=t=>c.value=!1)},{default:a(()=>[e(z)]),_:1}),n("span",Y,[e(v,{name:m.value.icon,size:"18"},null,8,["name"]),f(" "+r(m.value.title),1)])]),(o(),g($(h.value)))],64)):(o(),i("div",K,[n("h1",Q,r(d.value.title),1),e(k,{class:"content-menu"},{default:a(()=>[(o(!0),i(p,null,E(d.value.children,t=>(o(),g(y,{onClick:te=>A(t),class:"content-menu-item",key:t.key},{default:a(()=>[n("div",U,[e(v,{name:t.icon,size:"18"},null,8,["name"]),f(" "+r(t.title),1)]),n("div",W,[e(C,{size:16},{default:a(()=>[e(I)]),_:1})])]),_:2},1032,["onClick"]))),128))]),_:1})]))])])}}});const oe=q(Z,[["__scopeId","data-v-0844efff"]]);export{oe as default};