xto-fronted 0.4.101 → 0.4.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/404-fVB40gfP.js +1 -0
- package/dist/assets/index-B2Y_ySNp.js +2 -0
- package/dist/assets/index-B75sburk.js +1 -0
- package/dist/assets/index-BBdRdMfs.js +1 -0
- package/dist/assets/index-CDPHn9Pd.js +1 -0
- package/dist/assets/index-Cpew6d-v.css +1 -0
- package/dist/assets/index-Dm3Gq6SY.js +1 -0
- package/dist/assets/index-DxbgF-OR.js +1 -0
- package/dist/assets/index-RUdXk1fA.css +1 -0
- package/dist/assets/index-_xB0udHf.js +1 -0
- package/dist/assets/vue-vendor-Bpie-0gH.js +29 -0
- package/dist/assets/xto-base-C3XNcx7i.js +1 -0
- package/dist/assets/xto-core-B1Ho_Ytu.js +1 -0
- package/dist/assets/xto-data-Coeo_ZYH.js +1 -0
- package/dist/assets/xto-feedback-CFysasJi.js +1 -0
- package/dist/assets/xto-form-DBlhgyXp.js +1 -0
- package/dist/assets/xto-navigation-I2o1CycT.js +1 -0
- package/dist/index.html +9 -9
- package/package.json +1 -1
- package/src/api/index.ts +7 -7
- package/src/components/Layout/Header.vue +1 -1
- package/src/stores/user.ts +2 -0
- package/src/types/api.d.ts +1 -0
- package/vite.config.ts +139 -139
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as n,o as c,c as v,a as e,P as p,z as s,C as a,u as t,Q as x,i}from"./vue-vendor-Bpie-0gH.js";import{M as l}from"./xto-base-C3XNcx7i.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-B1Ho_Ytu.js";const k={class:"error-page"},u={class:"error-container"},f={class:"error-content"},w={class:"error-actions"},y=n({__name:"404",setup(m){const o=x(),d=()=>{o.push("/")};return(h,r)=>(c(),v("div",k,[e("div",u,[r[7]||(r[7]=e("div",{class:"error-bg"},[e("div",{class:"bg-circle circle-1"}),e("div",{class:"bg-circle circle-2"}),e("div",{class:"bg-circle circle-3"})],-1)),e("div",f,[r[5]||(r[5]=p('<div class="error-code" data-v-3a9e61ae><span class="code-digit" data-v-3a9e61ae>4</span><span class="code-zero" data-v-3a9e61ae><span class="zero-inner" data-v-3a9e61ae>0</span></span><span class="code-digit" data-v-3a9e61ae>4</span></div><div class="error-illustration" data-v-3a9e61ae><svg viewBox="0 0 200 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-3a9e61ae><rect x="40" y="20" width="120" height="80" rx="8" fill="var(--color-fill)" stroke="var(--color-border)" stroke-width="2" data-v-3a9e61ae></rect><rect x="50" y="30" width="100" height="60" rx="4" fill="var(--bg-color)" data-v-3a9e61ae></rect><line x1="60" y1="45" x2="140" y2="45" stroke="var(--color-border-light)" stroke-width="2" data-v-3a9e61ae></line><line x1="60" y1="55" x2="120" y2="55" stroke="var(--color-border-light)" stroke-width="2" data-v-3a9e61ae></line><line x1="60" y1="65" x2="100" y2="65" stroke="var(--color-border-light)" stroke-width="2" data-v-3a9e61ae></line><text x="100" y="75" text-anchor="middle" fill="var(--color-primary)" font-size="24" font-weight="600" data-v-3a9e61ae>?</text><circle cx="150" cy="35" r="12" stroke="var(--color-primary)" stroke-width="2" fill="none" data-v-3a9e61ae></circle><line x1="158" y1="43" x2="168" y2="53" stroke="var(--color-primary)" stroke-width="2" stroke-linecap="round" data-v-3a9e61ae></line></svg></div><h1 class="error-title" data-v-3a9e61ae>页面不存在</h1><p class="error-desc" data-v-3a9e61ae>抱歉,您访问的页面不存在或已被删除</p>',4)),e("div",w,[s(t(l),{type:"primary",size:"large",onClick:d},{icon:a(()=>[...r[1]||(r[1]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"}),e("polyline",{points:"9,22 9,12 15,12 15,22"})],-1)])]),default:a(()=>[r[2]||(r[2]=i(" 返回首页 ",-1))]),_:1}),s(t(l),{size:"large",onClick:r[0]||(r[0]=b=>t(o).go(-1))},{icon:a(()=>[...r[3]||(r[3]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M19 12H5M12 19l-7-7 7-7"})],-1)])]),default:a(()=>[r[4]||(r[4]=i(" 返回上一页 ",-1))]),_:1})]),r[6]||(r[6]=e("div",{class:"error-tip"},[e("p",null,"您可以尝试:"),e("ul",null,[e("li",null,"检查您输入的网址是否正确"),e("li",null,"返回首页重新浏览"),e("li",null,"联系管理员反馈问题")])],-1))])])]))}}),M=g(y,[["__scopeId","data-v-3a9e61ae"]]);export{M as default};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-CDPHn9Pd.js","assets/vue-vendor-Bpie-0gH.js","assets/xto-base-C3XNcx7i.js","assets/xto-core-B1Ho_Ytu.js","assets/xto-base-CL2NKZJJ.css","assets/xto-form-DBlhgyXp.js","assets/xto-form-Cu6q3VLG.css","assets/xto-feedback-CFysasJi.js","assets/xto-feedback-Bxx38c3P.css","assets/vendor-CUVPinTg.js","assets/_plugin-vue_export-helper-DlAUqK2U.js","assets/xto-data-Coeo_ZYH.js","assets/xto-data-MxZsiJgi.css","assets/xto-navigation-I2o1CycT.js","assets/xto-navigation-XfpyMpEo.css","assets/index-CCXrcISf.css","assets/xto-layout-BDD6sSlM.css","assets/xto-business--V1F5Gwb.css","assets/index-DxbgF-OR.js","assets/index-RUdXk1fA.css","assets/index-B75sburk.js","assets/index-DM4Ezclc.css","assets/index-BBdRdMfs.js","assets/index-BRR97dc6.js","assets/index-DYv7nImj.css","assets/index-Dm3Gq6SY.js","assets/index-CAdztNsv.css","assets/index-_xB0udHf.js","assets/index-B5xc4gQB.css","assets/404-fVB40gfP.js","assets/404-C9Uh6Uu-.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{L as k,k as i,w as $,e as m,d as ee,c as te,z as se,n as oe,u as re,h as ne,o as ae,M as ue,N as ce,J as le,O as ie}from"./vue-vendor-Bpie-0gH.js";import{_ as f}from"./xto-form-DBlhgyXp.js";import{f as me}from"./xto-base-C3XNcx7i.js";import{n as de}from"./xto-data-Coeo_ZYH.js";import"./xto-feedback-CFysasJi.js";import"./xto-navigation-I2o1CycT.js";/* empty css *//* empty css */import"./xto-core-B1Ho_Ytu.js";(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const u of r)if(u.type==="childList")for(const l of u.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&c(l)}).observe(document,{childList:!0,subtree:!0});function s(r){const u={};return r.integrity&&(u.integrity=r.integrity),r.referrerPolicy&&(u.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?u.credentials="include":r.crossOrigin==="anonymous"?u.credentials="omit":u.credentials="same-origin",u}function c(r){if(r.ep)return;r.ep=!0;const u=s(r);fetch(r.href,u)}})();const _="xto_",pe=e=>({get(o){const s=e.getItem(_+o);if(!s)return null;try{return JSON.parse(s)}catch{return s}},set(o,s){if(s==null){e.removeItem(_+o);return}const c=typeof s=="string"?s:JSON.stringify(s);e.setItem(_+o,c)},remove(o){e.removeItem(_+o)},clear(){Object.keys(e).forEach(s=>{s.startsWith(_)&&e.removeItem(s)})}}),E=pe(window.localStorage),t={get:E.get,set:E.set,remove:E.remove,clear:E.clear},A=k("app",()=>{const e=i(t.get("appName")||"XTO App"),o=i(t.get("indexPath")||"/dashboard"),s=i(t.get("isDark")||!1),c=i(t.get("theme")||"light"),r=i(t.get("layout")||"sidebar"),u=i(t.get("isCollapsed")||!1),l=i(t.get("showTabs")??!0),d=i(t.get("showFooter")??!0),h=i(t.get("showBreadcrumb")??!0),v=i(t.get("primaryColor")||"#409eff"),p=i([]),T=i([]),n=m(()=>s.value?"dark":"light"),K=a=>{e.value=a,t.set("appName",a)},V=a=>{o.value=a,t.set("indexPath",a)},Y=()=>{s.value=!s.value,c.value=s.value?"dark":"light",y()},B=a=>{c.value=a,s.value=a==="dark",y()},y=()=>{const a=document.documentElement;s.value?a.classList.add("dark"):a.classList.remove("dark"),t.set("isDark",s.value),t.set("theme",c.value)},F=()=>{u.value=!u.value,t.set("isCollapsed",u.value)},H=a=>{r.value=a,t.set("layout",a)},J=()=>{l.value=!l.value,t.set("showTabs",l.value)},z=()=>{d.value=!d.value,t.set("showFooter",d.value)},W=()=>{h.value=!h.value,t.set("showBreadcrumb",h.value)},X=a=>{v.value=a,document.documentElement.style.setProperty("--color-primary",a),t.set("primaryColor",a)},j=a=>{p.value.includes(a)||p.value.push(a)},q=a=>{const L=p.value.indexOf(a);L>-1&&p.value.splice(L,1)},G=()=>{p.value=[]},Q=a=>{T.value=a},Z=()=>{y(),v.value!=="#409eff"&&document.documentElement.style.setProperty("--color-primary",v.value)};return $(s,y),{appName:e,indexPath:o,isDark:s,theme:c,layout:r,isCollapsed:u,showTabs:l,showFooter:d,showBreadcrumb:h,primaryColor:v,cachedViews:p,mixSubMenus:T,themeClass:n,setAppName:K,setIndexPath:V,toggleTheme:Y,toggleCollapse:F,setTheme:B,setLayout:H,toggleTabs:J,toggleFooter:z,toggleBreadcrumb:W,setPrimaryColor:X,addCachedView:j,removeCachedView:q,clearCachedViews:G,setMixSubMenus:Q,initTheme:Z}}),fe=ee({__name:"App",setup(e){const o=A();return(s,c)=>{const r=ne("router-view");return ae(),te("div",{class:oe(["app",{dark:re(o).isDark}])},[se(r)],2)}}}),he=[{path:"/login",name:"Login",component:()=>f(()=>import("./index-CDPHn9Pd.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17])),meta:{title:"登录",hidden:!0}}],ve={path:"/",name:"Layout",component:()=>f(()=>import("./index-DxbgF-OR.js"),__vite__mapDeps([18,1,13,3,14,2,4,10,7,8,5,6,11,12,19,16,17])),redirect:"/dashboard",children:[{path:"/dashboard",name:"Dashboard",component:()=>f(()=>import("./index-B75sburk.js"),__vite__mapDeps([20,11,3,1,12,10,21])),meta:{title:"仪表盘",icon:"dashboard",keepAlive:!0,affix:!0}},{path:"/system/user",name:"SystemUser",component:()=>f(()=>import("./index-BBdRdMfs.js"),__vite__mapDeps([22,1,5,3,6,11,12,7,8,2,4,23,10,24])),meta:{title:"用户管理",icon:"user",keepAlive:!0}},{path:"/system/role",name:"SystemRole",component:()=>f(()=>import("./index-Dm3Gq6SY.js"),__vite__mapDeps([25,1,5,3,6,11,12,7,8,2,4,23,10,26])),meta:{title:"角色管理",icon:"role",keepAlive:!0}},{path:"/system/menu",name:"SystemMenu",component:()=>f(()=>import("./index-_xB0udHf.js"),__vite__mapDeps([27,5,1,3,6,11,12,7,8,2,4,23,10,28])),meta:{title:"菜单管理",icon:"menu",keepAlive:!0}},{path:"/:pathMatch(.*)*",name:"CatchAll",component:()=>f(()=>import("./404-fVB40gfP.js"),__vite__mapDeps([29,1,2,3,4,10,30])),meta:{title:"404",hidden:!0}}]},_e=[{menuCode:"dashboard",menuName:"仪表盘",menuUrl:"/dashboard",icon:"dashboard",closable:!0,isDefault:!0,isOut:!1},{menuCode:"system",menuName:"系统管理",menuUrl:"/system",icon:"setting",closable:!1,isDefault:!1,isOut:!1,children:[{menuCode:"system_user",menuName:"用户管理",menuUrl:"/system/user",icon:"user",closable:!0,isDefault:!1,isOut:!1},{menuCode:"system_role",menuName:"角色管理",menuUrl:"/system/role",icon:"role",closable:!0,isDefault:!1,isOut:!1},{menuCode:"system_menu",menuName:"菜单管理",menuUrl:"/system/menu",icon:"menu",closable:!0,isDefault:!1,isOut:!1}]}],O="token",P="token_type",D="refresh_token",C="expires_time",M="refresh_time",x="code",ge=()=>t.get(O),ye=e=>{t.set(O,e)},He=()=>t.get(P),Ee=e=>{t.set(P,e)},Te=e=>{t.set(D,e)},Ie=()=>t.get(C),be=e=>{t.set(C,e)},Ne=e=>{t.set(M,e)},ke=e=>{t.set(x,e)},Je=e=>{ye(e.access_token),Ee(e.token_type||"Bearer"),Te(e.refresh_token),be(e.expires_time),Ne(e.refresh_time),e.code&&ke(e.code)},ze=()=>{t.remove(O),t.remove(P),t.remove(D),t.remove(C),t.remove(M),t.remove(x)},Oe=()=>{const e=Ie();return e?Date.now()>e:!0},Pe=()=>!!ge()&&!Oe(),S=i(""),w=i("");function Ce(){if(S.value)return S.value;try{return"your-app-id"}catch{return""}}function We(){if(w.value)return w.value;try{return"your-client-id"}catch{return""}}const I="user_info",Le=k("user",()=>{const e=i(t.get(I)),o=m(()=>!!e.value),s=m(()=>{var n;return((n=e.value)==null?void 0:n.userId)||""}),c=m(()=>{var n;return((n=e.value)==null?void 0:n.userName)||""}),r=m(()=>{var n;return((n=e.value)==null?void 0:n.departmentName)||""}),u=m(()=>{var n;return((n=e.value)==null?void 0:n.roleName)||""}),l=m(()=>{var n;return((n=e.value)==null?void 0:n.email)||""}),d=m(()=>{var n;return((n=e.value)==null?void 0:n.mobilePhone)||""}),h=m(()=>{var n;return((n=e.value)==null?void 0:n.positionName)||""}),v=m(()=>{var n;return((n=e.value)==null?void 0:n.avatar)||""});return{userInfo:e,isLoggedIn:o,userId:s,userName:c,departmentName:r,roleName:u,email:l,mobilePhone:d,positionName:h,avatar:v,setUserInfo:n=>{e.value=n,t.set(I,n)},clearUserInfo:()=>{e.value=null,t.remove(I)}}}),b="menu_list",N="permission_list",Se={menuCode:"home",menuName:"首页",menuUrl:"/dashboard",icon:"home",closable:!1,isDefault:!1,isOut:!1};function R(e){return e.filter(o=>o.type!==1).map(o=>({...o,children:o.children?R(o.children):void 0}))}function we(e){const o=[];function s(c){c.forEach(r=>{r.type===1&&r.menuCode&&o.push(r.menuCode),r.children&&s(r.children)})}return s(e),o}const Ae=k("menu",()=>{const e=i(t.get(b)||[]),o=i(t.get(N)||[]),s=m(()=>e.value.length>0);return{menuList:e,permissions:o,hasMenu:s,setMenuList:l=>{o.value=we(l),t.set(N,o.value);const d=R(l);e.value=[Se,...d],t.set(b,e.value)},clearMenu:()=>{e.value=[],o.value=[],t.remove(b),t.remove(N)},hasPermission:l=>Array.isArray(l)?l.some(d=>o.value.includes(d)):o.value.includes(l)}}),U=ue({history:ce(),routes:[...he,ve],scrollBehavior:()=>({left:0,top:0})}),De=["/login"];U.beforeEach(async(e,o,s)=>{const c=A();if(c.initTheme(),Pe())if(e.path==="/login")s({path:"/"});else{const r=Le();r.isLoggedIn||(r.setUserInfo({appId:Ce(),userId:"1",userName:"管理员",departmentName:"技术部",email:"admin@example.com",mobilePhone:"13800138000",positionName:"管理员",avatar:""}),Ae().setMenuList(_e)),e.name&&e.meta.keepAlive&&c.addCachedView(e.name),s()}else De.includes(e.path)?s():s("/login")});const g=le(fe);g.component("x-loading",me);g.component("TreeNode",de);g.use(ie());g.use(U);g.mount("#app");export{He as a,We as b,ze as c,Ce as d,Le as e,A as f,ge as g,Pe as h,t as l,Je as s,Ae as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{D as d}from"./xto-data-Coeo_ZYH.js";import{d as g,o as i,c as o,a as s,F as l,A as n,z as r,u,k as c,h as b,b as v,j as a,n as p,f as w,C as U}from"./vue-vendor-Bpie-0gH.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-B1Ho_Ytu.js";const x={class:"dashboard"},C={class:"stats-section"},B={class:"stat-content"},M={class:"stat-title"},I={key:0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},V={key:1,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},z={class:"main-section"},D={class:"quick-section"},L={class:"quick-grid"},S={class:"quick-icon"},$={class:"quick-info"},F={class:"quick-title"},N={class:"quick-desc"},j={class:"activity-section"},A={class:"activity-list"},E={class:"activity-content"},O={class:"activity-main"},P={class:"activity-user"},T={class:"activity-action"},X={class:"activity-time"},G={class:"system-section"},H={class:"system-grid"},J={class:"system-info-list"},K={class:"info-label"},Q={class:"info-value"},R={class:"system-status"},W={class:"status-item"},Y={class:"status-item"},Z={class:"status-item"},ss=g({__name:"index",setup(ts){const _=c([{title:"用户总数",value:1234,icon:"👥",color:"#1677ff",trend:"+12.5%",trendUp:!0},{title:"今日访问",value:567,icon:"👀",color:"#52c41a",trend:"+8.2%",trendUp:!0},{title:"订单数量",value:890,icon:"📦",color:"#faad14",trend:"-3.1%",trendUp:!1},{title:"销售金额",value:123456,icon:"💰",color:"#ff4d4f",trend:"+15.8%",trendUp:!0}]),m=c([{user:"张三",action:"登录系统",time:"2分钟前",type:"success",avatar:"张"},{user:"李四",action:"修改了用户信息",time:"5分钟前",type:"warning",avatar:"李"},{user:"王五",action:"创建了新订单",time:"10分钟前",type:"info",avatar:"王"},{user:"赵六",action:"删除了测试数据",time:"30分钟前",type:"danger",avatar:"赵"},{user:"钱七",action:"更新了系统配置",time:"1小时前",type:"primary",avatar:"钱"}]),h=c([{title:"用户管理",path:"/system/user",icon:"👤",desc:"管理系统用户"},{title:"角色管理",path:"/system/role",icon:"👥",desc:"角色权限配置"},{title:"菜单管理",path:"/system/menu",icon:"📋",desc:"菜单路由管理"},{title:"系统设置",path:"/system",icon:"⚙️",desc:"系统参数配置"}]),y=c([{label:"系统版本",value:"v1.0.0"},{label:"Vue 版本",value:"3.4.21"},{label:"构建工具",value:"Vite 5"},{label:"UI 组件库",value:"XTO UI"}]);return(es,e)=>{const f=b("router-link");return i(),o("div",x,[s("div",C,[(i(!0),o(l,null,n(_.value,t=>(i(),o("div",{key:t.title,class:"stat-card"},[s("div",{class:"stat-icon",style:v({background:`linear-gradient(135deg, ${t.color}20 0%, ${t.color}10 100%)`})},[s("span",null,a(t.icon),1)],4),s("div",B,[s("div",M,a(t.title),1),s("div",{class:"stat-value",style:v({color:t.color})},a(t.value.toLocaleString()),5),s("div",{class:p(["stat-trend",{up:t.trendUp,down:!t.trendUp}])},[t.trendUp?(i(),o("svg",I,[...e[0]||(e[0]=[s("path",{d:"M7 17l5-5 5 5M7 7l5 5 5-5"},null,-1)])])):(i(),o("svg",V,[...e[1]||(e[1]=[s("path",{d:"M7 7l5 5 5-5M7 17l5-5 5 5"},null,-1)])])),s("span",null,a(t.trend),1)],2)]),s("div",{class:"stat-decoration",style:v({background:`linear-gradient(135deg, ${t.color}08 0%, transparent 100%)`})},null,4)]))),128))]),s("div",z,[s("div",D,[e[3]||(e[3]=s("div",{class:"section-header"},[s("h3",null,"快捷入口"),s("span",{class:"section-badge"},"4 个入口")],-1)),s("div",L,[(i(!0),o(l,null,n(h.value,t=>(i(),w(f,{key:t.path,to:t.path,class:"quick-card"},{default:U(()=>[s("div",S,a(t.icon),1),s("div",$,[s("div",F,a(t.title),1),s("div",N,a(t.desc),1)]),e[2]||(e[2]=s("div",{class:"quick-arrow"},[s("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[s("path",{d:"M9 18l6-6-6-6"})])],-1))]),_:2},1032,["to"]))),128))])]),s("div",j,[e[4]||(e[4]=s("div",{class:"section-header"},[s("h3",null,"最近活动"),s("a",{href:"#",class:"section-link"},"查看全部")],-1)),s("div",A,[(i(!0),o(l,null,n(m.value,(t,k)=>(i(),o("div",{key:k,class:"activity-item"},[s("div",{class:p(["activity-avatar",t.type])},a(t.avatar),3),s("div",E,[s("div",O,[s("span",P,a(t.user),1),s("span",T,a(t.action),1)]),s("div",X,a(t.time),1)]),s("div",{class:p(["activity-dot",t.type])},null,2)]))),128))])])]),s("div",G,[e[8]||(e[8]=s("div",{class:"section-header"},[s("h3",null,"系统信息")],-1)),s("div",H,[s("div",J,[(i(!0),o(l,null,n(y.value,t=>(i(),o("div",{key:t.label,class:"info-item"},[s("span",K,a(t.label),1),s("span",Q,a(t.value),1)]))),128))]),s("div",R,[s("div",W,[e[5]||(e[5]=s("div",{class:"status-header"},[s("span",{class:"status-label"},"服务器状态"),s("span",{class:"status-value"},"75%")],-1)),r(u(d),{percentage:75,status:"success"})]),s("div",Y,[e[6]||(e[6]=s("div",{class:"status-header"},[s("span",{class:"status-label"},"内存使用"),s("span",{class:"status-value"},"45%")],-1)),r(u(d),{percentage:45})]),s("div",Z,[e[7]||(e[7]=s("div",{class:"status-header"},[s("span",{class:"status-label"},"CPU 使用率"),s("span",{class:"status-value"},"32%")],-1)),r(u(d),{percentage:32})])])])])])}}}),ns=q(ss,[["__scopeId","data-v-fd54abc0"]]);export{ns as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as R,q as K,o as f,c as y,a as e,z as a,C as o,u as t,j as u,F as A,A as w,k as h,e as P,I as N,S as Z,i as m,f as G,n as J}from"./vue-vendor-Bpie-0gH.js";import{t as S,n as c,j as x,o as Q,Z as U}from"./xto-form-DBlhgyXp.js";import{E as W,L as X}from"./xto-data-Coeo_ZYH.js";import{r as Y,h as ee,g as C}from"./xto-feedback-CFysasJi.js";import{M as g,g as L}from"./xto-base-C3XNcx7i.js";import{S as d,a as se}from"./index-BRR97dc6.js";import{_ as te}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-B1Ho_Ytu.js";const le={class:"user-page"},ae={class:"search-section"},oe={class:"table-section"},ne={class:"table-toolbar"},ie={class:"toolbar-left"},de={class:"toolbar-right"},re={class:"table-count"},ue={class:"table-wrapper"},me={class:"data-table"},ce={key:0},pe={key:1},ve={class:"col-id"},fe={class:"id-badge"},he={class:"col-user"},ge={class:"user-info"},ke={class:"user-avatar"},_e={class:"user-detail"},ye={class:"user-nickname"},xe={class:"user-username"},Ve={class:"col-contact"},be={class:"contact-info"},Ee={class:"contact-email"},Be={class:"contact-phone"},Ce={class:"col-roles"},Le={class:"role-tags"},De={class:"col-status"},ze={class:"status-switch"},Ae={class:"col-time"},we={class:"time-text"},Ne={class:"col-actions"},Se={class:"pagination-wrapper"},Ue={class:"status-field"},Me={class:"status-label"},Te=R({__name:"index",setup(Ie){const M=[{id:1,username:"admin",nickname:"管理员",email:"admin@example.com",phone:"13800138001",status:d.ENABLED,roles:["admin"],createTime:"2024-01-01 10:00:00"},{id:2,username:"zhangsan",nickname:"张三",email:"zhangsan@example.com",phone:"13800138002",status:d.ENABLED,roles:["editor"],createTime:"2024-01-02 10:00:00"},{id:3,username:"lisi",nickname:"李四",email:"lisi@example.com",phone:"13800138003",status:d.DISABLED,roles:["viewer"],createTime:"2024-01-03 10:00:00"},{id:4,username:"wangwu",nickname:"王五",email:"wangwu@example.com",phone:"13800138004",status:d.ENABLED,roles:["editor"],createTime:"2024-01-04 10:00:00"},{id:5,username:"zhaoliu",nickname:"赵六",email:"zhaoliu@example.com",phone:"13800138005",status:d.ENABLED,roles:["viewer"],createTime:"2024-01-05 10:00:00"}],b=h(!1),E=h([]),B=h(0),k=h(1),V=h(10),r=N({keyword:"",status:void 0}),_=h(!1),T=P(()=>n.id?"编辑用户":"新增用户"),n=N({id:0,username:"",nickname:"",email:"",phone:"",status:d.ENABLED,roles:[]}),I={username:[{required:!0,message:"请输入用户名",trigger:"blur"}],nickname:[{required:!0,message:"请输入昵称",trigger:"blur"}],email:[{required:!0,message:"请输入邮箱",trigger:"blur"},{type:"email",message:"请输入正确的邮箱格式",trigger:"blur"}]},D=h(),p=()=>{b.value=!0,setTimeout(()=>{let i=[...M];r.keyword&&(i=i.filter(s=>s.username.includes(r.keyword)||s.nickname.includes(r.keyword))),r.status!==void 0&&(i=i.filter(s=>s.status===r.status)),B.value=i.length,E.value=i.slice((k.value-1)*V.value,k.value*V.value),b.value=!1},300)},z=()=>{k.value=1,p()},j=()=>{r.keyword="",r.status=void 0,k.value=1,p()},H=()=>{Object.assign(n,{id:0,username:"",nickname:"",email:"",phone:"",status:d.ENABLED,roles:[]}),_.value=!0},$=i=>{Object.assign(n,i),_.value=!0},q=i=>{C.success("删除成功"),p()},F=async()=>{var i;try{await((i=D.value)==null?void 0:i.validate()),C.success(n.id?"编辑成功":"新增成功"),_.value=!1,p()}catch(s){console.error(s)}},O=i=>{C.success(`已${i.status===d.ENABLED?"启用":"禁用"}用户 ${i.username}`)};return K(()=>{p()}),(i,s)=>(f(),y("div",le,[e("div",ae,[a(t(S),{model:r,inline:"",class:"search-form"},{default:o(()=>[a(t(c),{label:"关键词"},{default:o(()=>[a(t(x),{modelValue:r.keyword,"onUpdate:modelValue":s[0]||(s[0]=l=>r.keyword=l),placeholder:"用户名/昵称",clearable:"",onKeyup:Z(z,["enter"])},null,8,["modelValue"])]),_:1}),a(t(c),{label:"状态"},{default:o(()=>[a(t(Q),{modelValue:r.status,"onUpdate:modelValue":s[1]||(s[1]=l=>r.status=l),options:t(se),placeholder:"请选择",clearable:""},null,8,["modelValue","options"])]),_:1}),a(t(c),null,{default:o(()=>[a(t(L),null,{default:o(()=>[a(t(g),{type:"primary",onClick:z},{icon:o(()=>[...s[11]||(s[11]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("circle",{cx:"11",cy:"11",r:"8"}),e("path",{d:"M21 21l-4.35-4.35"})],-1)])]),default:o(()=>[s[12]||(s[12]=m(" 搜索 ",-1))]),_:1}),a(t(g),{onClick:j},{icon:o(()=>[...s[13]||(s[13]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8"}),e("path",{d:"M3 3v5h5"})],-1)])]),default:o(()=>[s[14]||(s[14]=m(" 重置 ",-1))]),_:1})]),_:1})]),_:1})]),_:1},8,["model"])]),e("div",oe,[e("div",ne,[e("div",ie,[a(t(g),{type:"primary",onClick:H},{icon:o(()=>[...s[15]||(s[15]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),e("line",{x1:"5",y1:"12",x2:"19",y2:"12"})],-1)])]),default:o(()=>[s[16]||(s[16]=m(" 新增用户 ",-1))]),_:1})]),e("div",de,[e("span",re,"共 "+u(B.value)+" 条数据",1)])]),e("div",ue,[e("table",me,[s[23]||(s[23]=e("thead",null,[e("tr",null,[e("th",{class:"col-id"},"ID"),e("th",{class:"col-user"},"用户信息"),e("th",{class:"col-contact"},"联系方式"),e("th",{class:"col-roles"},"角色"),e("th",{class:"col-status"},"状态"),e("th",{class:"col-time"},"创建时间"),e("th",{class:"col-actions"},"操作")])],-1)),e("tbody",null,[b.value?(f(),y("tr",ce,[...s[17]||(s[17]=[e("td",{colspan:"7",class:"loading-cell"},[e("div",{class:"loading-content"},[e("div",{class:"loading-spinner"}),e("span",null,"加载中...")])],-1)])])):E.value.length===0?(f(),y("tr",pe,[...s[18]||(s[18]=[e("td",{colspan:"7",class:"empty-cell"},[e("div",{class:"empty-content"},[e("svg",{viewBox:"0 0 64 41",fill:"none"},[e("g",{transform:"translate(0 1)"},[e("ellipse",{fill:"#f5f5f5",cx:"32",cy:"33",rx:"32",ry:"7"}),e("g",{stroke:"var(--color-text-placeholder)","stroke-width":"2"},[e("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"}),e("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-fill)"})])])]),e("span",null,"暂无数据")])],-1)])])):(f(!0),y(A,{key:2},w(E.value,l=>(f(),y("tr",{key:l.id,class:"data-row"},[e("td",ve,[e("span",fe,u(l.id),1)]),e("td",he,[e("div",ge,[e("div",ke,u(l.nickname.charAt(0)),1),e("div",_e,[e("span",ye,u(l.nickname),1),e("span",xe,"@"+u(l.username),1)])])]),e("td",Ve,[e("div",be,[e("span",Ee,u(l.email),1),e("span",Be,u(l.phone),1)])]),e("td",Ce,[e("div",Le,[(f(!0),y(A,null,w(l.roles,v=>(f(),G(t(X),{key:v,size:"small",type:v==="admin"?"primary":"info"},{default:o(()=>[m(u(v),1)]),_:2},1032,["type"]))),128))])]),e("td",De,[e("div",ze,[a(t(U),{"model-value":l.status===t(d).ENABLED,"onUpdate:modelValue":v=>{l.status=v?t(d).ENABLED:t(d).DISABLED,O(l)}},null,8,["model-value","onUpdate:modelValue"]),e("span",{class:J(["status-text",{enabled:l.status===t(d).ENABLED}])},u(l.status===t(d).ENABLED?"已启用":"已禁用"),3)])]),e("td",Ae,[e("span",we,u(l.createTime),1)]),e("td",Ne,[a(t(L),{class:"action-buttons"},{default:o(()=>[a(t(g),{type:"primary",link:"",size:"small",onClick:v=>$(l)},{icon:o(()=>[...s[19]||(s[19]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"}),e("path",{d:"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"})],-1)])]),default:o(()=>[s[20]||(s[20]=m(" 编辑 ",-1))]),_:1},8,["onClick"]),a(t(ee),{title:"确定删除该用户吗?",onConfirm:v=>q(l.id)},{default:o(()=>[a(t(g),{type:"danger",link:"",size:"small"},{icon:o(()=>[...s[21]||(s[21]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("polyline",{points:"3,6 5,6 21,6"}),e("path",{d:"M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"}),e("line",{x1:"10",y1:"11",x2:"10",y2:"17"}),e("line",{x1:"14",y1:"11",x2:"14",y2:"17"})],-1)])]),default:o(()=>[s[22]||(s[22]=m(" 删除 ",-1))]),_:1})]),_:1},8,["onConfirm"])]),_:2},1024)])]))),128))])])]),e("div",Se,[a(t(W),{"current-page":k.value,"onUpdate:currentPage":s[2]||(s[2]=l=>k.value=l),"page-size":V.value,"onUpdate:pageSize":s[3]||(s[3]=l=>V.value=l),total:B.value,"page-sizes":[10,20,50,100],layout:"total, sizes, prev, pager, next",onCurrentChange:p,onSizeChange:p},null,8,["current-page","page-size","total"])])]),a(t(Y),{modelValue:_.value,"onUpdate:modelValue":s[10]||(s[10]=l=>_.value=l),title:T.value,width:"520px",class:"user-modal"},{footer:o(()=>[a(t(L),null,{default:o(()=>[a(t(g),{onClick:s[9]||(s[9]=l=>_.value=!1)},{default:o(()=>[...s[24]||(s[24]=[m("取消",-1)])]),_:1}),a(t(g),{type:"primary",onClick:F},{default:o(()=>[...s[25]||(s[25]=[m("确定",-1)])]),_:1})]),_:1})]),default:o(()=>[a(t(S),{ref_key:"formRef",ref:D,model:n,rules:I,"label-width":"80px",class:"user-form"},{default:o(()=>[a(t(c),{label:"用户名",prop:"username"},{default:o(()=>[a(t(x),{modelValue:n.username,"onUpdate:modelValue":s[4]||(s[4]=l=>n.username=l),placeholder:"请输入用户名"},null,8,["modelValue"])]),_:1}),a(t(c),{label:"昵称",prop:"nickname"},{default:o(()=>[a(t(x),{modelValue:n.nickname,"onUpdate:modelValue":s[5]||(s[5]=l=>n.nickname=l),placeholder:"请输入昵称"},null,8,["modelValue"])]),_:1}),a(t(c),{label:"邮箱",prop:"email"},{default:o(()=>[a(t(x),{modelValue:n.email,"onUpdate:modelValue":s[6]||(s[6]=l=>n.email=l),placeholder:"请输入邮箱"},null,8,["modelValue"])]),_:1}),a(t(c),{label:"手机号",prop:"phone"},{default:o(()=>[a(t(x),{modelValue:n.phone,"onUpdate:modelValue":s[7]||(s[7]=l=>n.phone=l),placeholder:"请输入手机号"},null,8,["modelValue"])]),_:1}),a(t(c),{label:"状态"},{default:o(()=>[e("div",Ue,[a(t(U),{modelValue:n.status,"onUpdate:modelValue":s[8]||(s[8]=l=>n.status=l),"active-value":t(d).ENABLED,"inactive-value":t(d).DISABLED},null,8,["modelValue","active-value","inactive-value"]),e("span",Me,u(n.status===t(d).ENABLED?"启用":"禁用"),1)])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"])]))}}),Pe=te(Te,[["__scopeId","data-v-da50b35c"]]);export{Pe as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as _,o as g,c as m,P as y,a as r,z as o,C as c,u as i,I as B,k as h,Q as T,R as M,S as R,i as I}from"./vue-vendor-Bpie-0gH.js";import{n as z,M as j}from"./xto-base-C3XNcx7i.js";import{t as S,n as w,j as C,l as L}from"./xto-form-DBlhgyXp.js";import{g as n}from"./xto-feedback-CFysasJi.js";import{J as N,a as P}from"./vendor-CUVPinTg.js";import{g as q,a as E,c as b,b as O,d as U,s as A}from"./index-B2Y_ySNp.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-B1Ho_Ytu.js";import"./xto-data-Coeo_ZYH.js";import"./xto-navigation-I2o1CycT.js";/* empty css *//* empty css */const J=N({storeAsString:!0}),K=()=>{const s=P.create({timeout:3e4,headers:{"Content-Type":"application/json"},transformResponse:[e=>{if(typeof e=="string")try{return J.parse(e)}catch{return e}return e}]});return s.interceptors.request.use(e=>{const a="/api";e.baseURL||(e.baseURL=a);const d=q(),l=E()||"Bearer";return d&&(e.headers.Authorization=`${l} ${d}`),e},e=>Promise.reject(e)),s.interceptors.response.use(e=>{const{data:a}=e;return a.code===200||a.code===0?a.data:a.code===9121?(n.error("登录已过期,请重新登录"),b(),window.location.href="/login",Promise.reject(new Error(a.message||"EXPIRED OR INVALID TOKEN"))):(n.error(a.message||"请求失败"),Promise.reject(new Error(a.message||"请求失败")))},e=>{var d;const{response:a}=e;if(a){const{data:l}=a;if((l==null?void 0:l.code)===9121)return n.error("登录已过期,请重新登录"),b(),window.location.href="/login",Promise.reject(e);switch(a.status){case 401:n.error("登录已过期,请重新登录"),b(),window.location.href="/login";break;case 403:n.error("没有权限访问");break;case 404:n.error("请求资源不存在");break;case 500:n.error("服务器错误");break;default:n.error(((d=a.data)==null?void 0:d.message)||"请求失败")}}else n.error("网络连接失败");return Promise.reject(e)}),s},p=K(),X={get(s,e){return p.get(s,e)},post(s,e,a){return p.post(s,e,a)},put(s,e,a){return p.put(s,e,a)},patch(s,e,a){return p.patch(s,e,a)},delete(s,e){return p.delete(s,e)},download(s,e){return p.get(s,{...e,responseType:"blob"})}};function $(s){return X.post("/user/v1.0/login/by-domain",s)}const H={class:"login-page"},Q={class:"login-form-section"},F={class:"form-container"},G={class:"input-wrapper"},W={class:"input-wrapper"},Y={class:"form-options"},Z={key:0},ee={key:1},te=_({__name:"index",setup(s){const e=T(),a=M(),d=h(!1),l=h(!1),v=B({uid:"",password:""}),V={uid:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"},{min:6,message:"密码长度至少6位",trigger:"blur"}]},k=h(),x=async()=>{var u;try{await((u=k.value)==null?void 0:u.validate()),d.value=!0;const t=await $({appId:U(),clientId:O(),uid:v.uid,password:v.password,code:!0});A(t),n.success("登录成功");const f=a.query.redirect||"/";e.push(f)}catch(t){console.error("登录失败:",t)}finally{d.value=!1}};return(u,t)=>(g(),m("div",H,[t[10]||(t[10]=y('<div class="login-brand" data-v-15fc7de5><div class="brand-content" data-v-15fc7de5><div class="brand-logo" data-v-15fc7de5><div class="logo-icon" data-v-15fc7de5><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-15fc7de5><rect width="48" height="48" rx="12" fill="currentColor" data-v-15fc7de5></rect><path d="M14 24L20 30L34 16" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-v-15fc7de5></path></svg></div><span class="logo-text" data-v-15fc7de5>XTO</span></div><div class="brand-slogan" data-v-15fc7de5><h1 data-v-15fc7de5>企业级后台管理解决方案</h1><p data-v-15fc7de5>开箱即用的中后台前端/设计解决方案</p></div><div class="brand-features" data-v-15fc7de5><div class="feature-item" data-v-15fc7de5><div class="feature-icon" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-15fc7de5><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" data-v-15fc7de5></path></svg></div><div class="feature-text" data-v-15fc7de5><h4 data-v-15fc7de5>高性能</h4><p data-v-15fc7de5>极致的渲染性能与响应速度</p></div></div><div class="feature-item" data-v-15fc7de5><div class="feature-icon" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-15fc7de5><rect x="3" y="3" width="18" height="18" rx="2" data-v-15fc7de5></rect><path d="M9 9h6M9 12h6M9 15h4" data-v-15fc7de5></path></svg></div><div class="feature-text" data-v-15fc7de5><h4 data-v-15fc7de5>丰富组件</h4><p data-v-15fc7de5>60+ 高质量业务组件</p></div></div><div class="feature-item" data-v-15fc7de5><div class="feature-icon" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-15fc7de5><circle cx="12" cy="12" r="10" data-v-15fc7de5></circle><path d="M12 6v6l4 2" data-v-15fc7de5></path></svg></div><div class="feature-text" data-v-15fc7de5><h4 data-v-15fc7de5>持续更新</h4><p data-v-15fc7de5>活跃的社区与快速迭代</p></div></div></div><div class="brand-decoration" data-v-15fc7de5><div class="decoration-line" data-v-15fc7de5></div><div class="decoration-dots" data-v-15fc7de5><span data-v-15fc7de5></span><span data-v-15fc7de5></span><span data-v-15fc7de5></span></div></div></div><div class="brand-bg" data-v-15fc7de5><div class="bg-grid" data-v-15fc7de5></div><div class="bg-glow" data-v-15fc7de5></div><div class="bg-pattern" data-v-15fc7de5></div></div></div>',1)),r("div",Q,[r("div",F,[t[7]||(t[7]=r("div",{class:"form-header"},[r("h2",null,"欢迎登录"),r("p",null,"请输入您的账户信息")],-1)),o(i(S),{ref_key:"formRef",ref:k,model:v,rules:V,class:"login-form","label-width":"0"},{default:c(()=>[o(i(w),{prop:"uid"},{default:c(()=>[r("div",G,[t[3]||(t[3]=r("label",{class:"input-label"},"用户名",-1)),o(i(C),{modelValue:v.uid,"onUpdate:modelValue":t[0]||(t[0]=f=>v.uid=f),placeholder:"请输入用户名",size:"large"},{prefix:c(()=>[o(i(z),{name:"user",size:18})]),_:1},8,["modelValue"])])]),_:1}),o(i(w),{prop:"password"},{default:c(()=>[r("div",W,[t[4]||(t[4]=r("label",{class:"input-label"},"密码",-1)),o(i(C),{modelValue:v.password,"onUpdate:modelValue":t[1]||(t[1]=f=>v.password=f),type:"password",placeholder:"请输入密码",size:"large","show-password":"",onKeyup:R(x,["enter"])},{prefix:c(()=>[o(i(z),{name:"lock",size:18})]),_:1},8,["modelValue"])])]),_:1}),r("div",Y,[o(i(L),{modelValue:l.value,"onUpdate:modelValue":t[2]||(t[2]=f=>l.value=f)},{default:c(()=>[...t[5]||(t[5]=[I("记住我",-1)])]),_:1},8,["modelValue"]),t[6]||(t[6]=r("a",{href:"#",class:"forgot-link"},"忘记密码?",-1))]),o(i(w),null,{default:c(()=>[o(i(j),{type:"primary",size:"large",loading:d.value,class:"login-btn",onClick:x},{default:c(()=>[d.value?(g(),m("span",ee,"登录中...")):(g(),m("span",Z,"登 录"))]),_:1},8,["loading"])]),_:1})]),_:1},8,["model"]),t[8]||(t[8]=y('<div class="form-footer" data-v-15fc7de5><p data-v-15fc7de5>其他登录方式</p><div class="social-login" data-v-15fc7de5><button class="social-btn" title="企业微信" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="currentColor" data-v-15fc7de5><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" data-v-15fc7de5></path></svg></button><button class="social-btn" title="钉钉" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="currentColor" data-v-15fc7de5><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z" data-v-15fc7de5></path></svg></button><button class="social-btn" title="飞书" data-v-15fc7de5><svg viewBox="0 0 24 24" fill="currentColor" data-v-15fc7de5><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" data-v-15fc7de5></path></svg></button></div></div>',1))]),t[9]||(t[9]=r("div",{class:"copyright"},[r("p",null,"© 2024 XTO Team. All rights reserved.")],-1))])]))}}),ue=D(te,[["__scopeId","data-v-15fc7de5"]]);export{ue as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.app{width:100%;height:100%;background-color:var(--bg-color-page);transition:background-color .3s var(--transition-easing);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}::selection{background:var(--color-primary-light-5);color:var(--color-primary-dark-2)}:root{--color-primary: #1677ff;--color-primary-light-1: #4096ff;--color-primary-light-2: #69b1ff;--color-primary-light-3: #91caff;--color-primary-light-4: #bae0ff;--color-primary-light-5: #e6f4ff;--color-primary-light-6: #f0f8ff;--color-primary-dark-1: #0958d9;--color-primary-dark-2: #003eb3;--color-primary-dark-3: #002c8c;--color-success: #52c41a;--color-success-light: #b7eb8f;--color-success-lighter: #f6ffed;--color-success-dark: #389e0d;--color-warning: #faad14;--color-warning-light: #ffe58f;--color-warning-lighter: #fffbe6;--color-warning-dark: #d48806;--color-danger: #ff4d4f;--color-danger-light: #ffa39e;--color-danger-lighter: #fff2f0;--color-danger-dark: #cf1322;--color-info: #1677ff;--color-info-light: #91caff;--color-info-lighter: #e6f4ff;--color-info-dark: #0958d9;--color-text-primary: #1f1f1f;--color-text-regular: #424242;--color-text-secondary: #757575;--color-text-placeholder: #9e9e9e;--color-text-disabled: #bdbdbd;--color-border: #d9d9d9;--color-border-light: #e8e8e8;--color-border-lighter: #f0f0f0;--color-border-extra-light: #f5f5f5;--color-border-dark: #bfbfbf;--color-fill: #f5f5f5;--color-fill-light: #fafafa;--color-fill-lighter: #ffffff;--color-fill-blank: #ffffff;--color-fill-dark: #e8e8e8;--bg-color: #ffffff;--bg-color-page: #f0f2f5;--bg-color-component: #ffffff;--bg-color-overlay: #ffffff;--bg-color-spotlight: #e6f4ff;--box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--box-shadow-light: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--box-shadow-lighter: 0 1px 4px rgba(0, 0, 0, .04);--box-shadow-dark: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03);--box-shadow-card: 0 1px 10px -6px rgba(0, 0, 0, .1);--box-shadow-card-hover: 0 6px 16px -8px rgba(0, 0, 0, .12);--font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-family-code: "IBM Plex Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-base: 14px;--font-size-small: 12px;--font-size-large: 16px;--font-size-extra-large: 20px;--font-size-title: 24px;--font-size-hero: 38px;--font-line-height: 1.5714285714285714;--border-radius-base: 6px;--border-radius-small: 4px;--border-radius-large: 8px;--border-radius-extra-large: 12px;--border-radius-round: 24px;--border-radius-circle: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--component-size-large: 40px;--component-size-default: 32px;--component-size-small: 24px;--transition-duration: .2s;--transition-duration-fast: .1s;--transition-duration-slow: .3s;--transition-easing: cubic-bezier(.645, .045, .355, 1);--transition-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--sidebar-width: 220px;--sidebar-collapsed-width: 64px;--header-height: 56px;--tabs-height: 40px;--footer-height: 32px;--gradient-primary: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);--gradient-hero: linear-gradient(135deg, #002c8c 0%, #1677ff 50%, #4096ff 100%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);--gradient-mask: linear-gradient(180deg, rgba(0, 44, 140, .03) 0%, rgba(0, 0, 0, 0) 100%)}.dark{--color-text-primary: #ffffff;--color-text-regular: #e0e0e0;--color-text-secondary: #a6a6a6;--color-text-placeholder: #737373;--color-text-disabled: #5c5c5c;--color-border: #434343;--color-border-light: #363636;--color-border-lighter: #2a2a2a;--color-border-extra-light: #1f1f1f;--color-border-dark: #5c5c5c;--color-fill: #262626;--color-fill-light: #1f1f1f;--color-fill-lighter: #141414;--color-fill-blank: #141414;--color-fill-dark: #363636;--bg-color: #141414;--bg-color-page: #0a0a0a;--bg-color-component: #1f1f1f;--bg-color-overlay: #1f1f1f;--bg-color-spotlight: #111d2c;--box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .32), 0 3px 6px -4px rgba(0, 0, 0, .48), 0 9px 28px 8px rgba(0, 0, 0, .2);--box-shadow-light: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 1px 6px -1px rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);--box-shadow-card: 0 1px 10px -6px rgba(0, 0, 0, .32);--box-shadow-card-hover: 0 6px 16px -8px rgba(0, 0, 0, .48);--gradient-primary: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);--gradient-hero: linear-gradient(135deg, #002c8c 0%, #0958d9 50%, #1677ff 100%);--gradient-card: linear-gradient(180deg, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, .8) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;font-size:var(--font-size-base);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--bg-color-page)}#app{width:100%;height:100%}a{color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color var(--transition-duration-fast)}a:hover{color:var(--color-primary-light-3)}ul,ol{list-style:none}img{max-width:100%;height:auto;vertical-align:middle}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;outline:none}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500;color:var(--color-text-primary)}p{margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--color-fill-light);border-radius:3px}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}::selection{background-color:var(--color-primary-light-8);color:var(--color-primary)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-duration)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-scale-enter-active,.fade-scale-leave-active{transition:all var(--transition-duration)}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:scale(.9)}.fade-transform-enter-active,.fade-transform-leave-active{transition:all var(--transition-duration-fast)}.fade-transform-enter-from{opacity:0;transform:translate(-10px)}.fade-transform-leave-to{opacity:0;transform:translate(10px)}.slide-down-enter-active,.slide-down-leave-active{transition:all var(--transition-duration)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-20px)}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-duration)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.slide-left-enter-active,.slide-left-leave-active{transition:all var(--transition-duration)}.slide-left-enter-from,.slide-left-leave-to{opacity:0;transform:translate(20px)}.slide-right-enter-active,.slide-right-leave-active{transition:all var(--transition-duration)}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(-20px)}.zoom-enter-active,.zoom-leave-active{transition:all var(--transition-duration)}.zoom-enter-from,.zoom-leave-to{opacity:0;transform:scale(.5)}.list-enter-active,.list-leave-active{transition:all var(--transition-duration)}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(30px)}.collapse-transition{transition:width var(--transition-duration),padding var(--transition-duration)}.dark .sidebar,.dark .layout__aside{background-color:#1d1e1f}.dark .sidebar{border-right:1px solid #363637}.dark .sidebar__search-results{background-color:#1d1e1f;border-color:#363637}.dark .sidebar__search-item:hover{background-color:#262727}.dark .sidebar__search-item-title{color:#cfd3dc}.dark .sidebar__search-item-parent{color:#a3a6ad}.dark .sidebar__logo{border-bottom-color:#363637}.dark .sidebar__user{border-top-color:#363637}.dark .sidebar__user-name{color:#cfd3dc}.dark .sidebar__user-role{color:#a3a6ad}.dark .x-menu{background-color:#1d1e1f!important;border-color:#363637;color:#cfd3dc}.dark .x-menu.x-menu--vertical{border-right-color:#363637}.dark .x-menu.x-menu--horizontal{border-bottom-color:#363637;background-color:#1d1e1f!important}.dark .x-menu-item{color:#cfd3dc!important;background-color:transparent!important}.dark .x-menu-item:hover{background-color:#262727!important}.dark .x-menu-item.is-active{color:#409eff!important;background-color:#409eff1a!important}.dark .x-menu-item.is-active:before{background-color:#409eff}.dark .x-menu-item.is-horizontal:hover{background-color:transparent!important}.dark .x-menu-item.is-horizontal.is-active{background-color:transparent!important;border-bottom-color:#409eff}.dark .x-sub-menu__title{color:#cfd3dc!important;background-color:transparent!important}.dark .x-sub-menu__title:hover{background-color:#262727!important}.dark .x-sub-menu__menu{background-color:#1d1e1f!important;border:1px solid #363637;box-shadow:0 2px 12px #00000080}.dark .x-sub-menu__menu .x-menu-item{background-color:transparent!important;color:#cfd3dc!important}.dark .x-sub-menu__menu .x-menu-item:hover{background-color:#262727!important}.dark .x-sub-menu__menu .x-menu-item.is-active{color:#409eff!important;background-color:#409eff1a!important}.dark .x-sub-menu__arrow{color:#a3a6ad}.dark .x-sub-menu.is-active>.x-sub-menu__title{color:#409eff!important}.dark .x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent!important}.dark .x-sub-menu--horizontal .x-sub-menu__menu{background-color:#1d1e1f!important;border:1px solid #363637}.dark .x-sub-menu.is-collapse>.x-sub-menu__menu{background-color:#1d1e1f!important;border:1px solid #363637}.dark .header{background-color:#1d1e1f;border-bottom-color:#363637}.dark .header__collapse{color:#cfd3dc}.dark .header__breadcrumb{color:#a3a6ad}.dark .header__user-name{color:#cfd3dc}.dark .header__user-arrow{color:#a3a6ad}.dark .header__action:hover,.dark .header__user-trigger:hover{background-color:#262727}.dark .header__dropdown{background-color:#1d1e1f;border:1px solid #363637;box-shadow:0 2px 12px #00000080}.dark .header__dropdown-name{color:#e5eaf3}.dark .header__dropdown-role{color:#a3a6ad}.dark .header__dropdown-divider{background-color:#363637}.dark .header__dropdown-item{color:#cfd3dc}.dark .header__dropdown-item:hover{background-color:#262727;color:#e5eaf3}.dark .top-menu{background-color:#1d1e1f}.dark .top-menu__menu{background-color:#1d1e1f!important}.dark .top-menu__menu-char{background-color:#409eff33;color:#79bbff}.dark .top-menu__action{color:#cfd3dc}.dark .top-menu__action:hover{background-color:#262727;color:#409eff}.dark .top-menu__user-trigger:hover{background-color:#262727}.dark .top-menu__user-name{color:#cfd3dc}.dark .top-menu__user-arrow{color:#a3a6ad}.dark .top-menu__dropdown{background-color:#1d1e1f;border:1px solid #363637;box-shadow:0 2px 12px #00000080}.dark .top-menu__dropdown-name{color:#e5eaf3}.dark .top-menu__dropdown-role{color:#a3a6ad}.dark .top-menu__dropdown-divider{background-color:#363637}.dark .top-menu__dropdown-item{color:#cfd3dc}.dark .top-menu__dropdown-item:hover{background-color:#262727;color:#e5eaf3}.dark .x-button.x-button--default{background-color:#1d1e1f;border-color:#4c4d4f;color:#cfd3dc}.dark .x-button.x-button--default:hover{border-color:#409eff;color:#409eff}.dark .x-button.x-button--text{color:#409eff}.dark .x-form-item__label{color:#cfd3dc}.dark .x-form-item__error{color:#f56c6c}.dark .x-input{background-color:#1d1e1f;border-color:#4c4d4f}.dark .x-input.is-focus{border-color:#409eff}.dark .x-input .x-input__inner{background-color:transparent;color:#e5eaf3}.dark .x-input .x-input__inner::placeholder{color:#6c6e72}.dark .x-input .x-input__suffix,.dark .x-input .x-input__prefix{color:#a3a6ad}.dark .x-select{background-color:#1d1e1f;border-color:#4c4d4f}.dark .x-card{background-color:#1d1e1f;border-color:#363637}.dark .x-card__header{border-bottom-color:#363637;color:#e5eaf3}.dark .data-table th{background-color:#262727;color:#cfd3dc;border-bottom-color:#363637}.dark .data-table td{border-bottom-color:#363637;color:#cfd3dc}.dark .data-table tr:hover td{background-color:#262727}.dark .x-modal__wrapper{background-color:#000000b3}.dark .x-modal__container{background-color:#1d1e1f;border:1px solid #363637}.dark .x-modal__header{border-bottom-color:#363637;color:#e5eaf3}.dark .x-modal__footer{border-top-color:#363637}.dark .x-message{background-color:#1d1e1f;border:1px solid #363637}.dark .x-tag.x-tag--primary{background-color:#409eff33;color:#79bbff;border-color:#409eff4d}.dark .x-tag.x-tag--success{background-color:#67c23a33;color:#95d475;border-color:#67c23a4d}.dark .x-tag.x-tag--warning{background-color:#e6a23c33;color:#eebe77;border-color:#e6a23c4d}.dark .x-tag.x-tag--danger{background-color:#f56c6c33;color:#fab6b6;border-color:#f56c6c4d}.dark .x-tag.x-tag--info{background-color:#90939933;color:#c0c4cc;border-color:#9093994d}.dark .x-switch{background-color:#4c4d4f}.dark .x-switch.is-checked{background-color:#409eff}.dark .x-pagination{color:#cfd3dc}.dark .x-pagination__item{background-color:#1d1e1f;border-color:#4c4d4f;color:#cfd3dc}.dark .x-pagination__item:hover{color:#409eff}.dark .x-pagination__item.is-active{background-color:#409eff;border-color:#409eff;color:#fff}.dark .login{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark .login__container{background-color:#1d1e1f;border:1px solid #363637}.dark .login__title{color:#409eff}.dark .login__subtitle{color:#a3a6ad}.dark .login__footer{color:#6c6e72}.dark .stat-card__title{color:#a3a6ad}.dark .quick-link{background-color:#262727}.dark .quick-link:hover{background-color:#409eff1a}.dark .quick-link__title{color:#cfd3dc}.dark .activity-item{border-bottom-color:#363637}.dark .activity-item__action{color:#cfd3dc}.dark .search-card,.dark .table-card,.dark .x-popconfirm{background-color:#1d1e1f;border:1px solid #363637}.dark .x-drawer{background-color:#1d1e1f}.dark .x-drawer__header{background-color:#1d1e1f;border-bottom-color:#363637;color:#e5eaf3}.dark .x-drawer__body{background-color:#1d1e1f;color:#cfd3dc}.dark .x-drawer__footer{background-color:#1d1e1f;border-top-color:#363637}.dark .settings-drawer .settings-title{color:#e5eaf3}.dark .settings-drawer .settings-section{background-color:transparent}.dark .settings-drawer .layout-option{border-color:#4c4d4f;background-color:transparent}.dark .settings-drawer .layout-option:hover{border-color:#409eff}.dark .settings-drawer .layout-option.is-active{border-color:#409eff;background-color:#409eff1a}.dark .settings-drawer .layout-option__label,.dark .settings-drawer .settings-switch-item span{color:#cfd3dc}.dark .mix-top-menu{background-color:#1d1e1f;border-bottom-color:#363637}.dark .mix-top-menu__logo-text{color:#409eff}.dark .mix-top-menu__menu{background-color:#1d1e1f!important}.dark .mix-top-menu__menu-char{color:#79bbff;background-color:#409eff33}.dark .mix-top-menu__action{color:#cfd3dc}.dark .mix-top-menu__action:hover{background-color:#262727;color:#409eff}.dark .mix-top-menu__user-trigger:hover{background-color:#262727}.dark .mix-top-menu__user-name{color:#cfd3dc}.dark .mix-top-menu__user-arrow{color:#a3a6ad}.dark .mix-top-menu__dropdown{background-color:#1d1e1f;border:1px solid #363637;box-shadow:0 2px 12px #00000080}.dark .mix-top-menu__dropdown-name{color:#e5eaf3}.dark .mix-top-menu__dropdown-role{color:#a3a6ad}.dark .mix-top-menu__dropdown-divider{background-color:#363637}.dark .mix-top-menu__dropdown-item{color:#cfd3dc}.dark .mix-top-menu__dropdown-item:hover{background-color:#262727;color:#e5eaf3}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-col{display:flex;flex-direction:column}.flex-col-center{display:flex;flex-direction:column;align-items:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-secondary{color:var(--color-text-secondary)}.text-placeholder{color:var(--color-text-placeholder)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-danger{background-color:var(--color-danger)}.bg-page{background-color:var(--bg-color-page)}.bg-card{background-color:var(--bg-color)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.ml-12{margin-left:12px}.ml-16{margin-left:16px}.mr-4{margin-right:4px}.mr-8{margin-right:8px}.mr-12{margin-right:12px}.mr-16{margin-right:16px}.p-4{padding:4px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-32{padding:32px}.px-4{padding-left:4px;padding-right:4px}.px-8{padding-left:8px;padding-right:8px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.px-24{padding-left:24px;padding-right:24px}.py-4{padding-top:4px;padding-bottom:4px}.py-8{padding-top:8px;padding-bottom:8px}.py-12{padding-top:12px;padding-bottom:12px}.py-16{padding-top:16px;padding-bottom:16px}.py-24{padding-top:24px;padding-bottom:24px}.card{background-color:var(--bg-color);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-card);padding:var(--spacing-lg);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--box-shadow-card-hover)}.card-flat{background-color:var(--bg-color);border-radius:var(--border-radius-large);padding:var(--spacing-lg);border:1px solid var(--color-border-lighter)}.page-container{padding:12px;min-height:100%;background:var(--bg-color-page)}.search-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:12px;padding:12px;background:var(--bg-color);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-card)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--color-border-lighter)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.table-container{background-color:var(--bg-color);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-card);overflow:hidden}.pagination-container{display:flex;justify-content:flex-end;padding:12px;border-top:1px solid var(--color-border-lighter)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:500;border-radius:10px;background:var(--color-fill);color:var(--color-text-secondary)}.badge-primary{background:var(--color-primary-light-6);color:var(--color-primary)}.badge-success{background:var(--color-success-lighter);color:var(--color-success)}.badge-warning{background:var(--color-warning-lighter);color:var(--color-warning)}.badge-danger{background:var(--color-danger-lighter);color:var(--color-danger)}.divider{height:1px;background:var(--color-border-lighter);margin:var(--spacing-md) 0}.divider-vertical{width:1px;height:100%;background:var(--color-border-lighter);margin:0 var(--spacing-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-placeholder)}.empty-state .empty-icon{width:64px;height:64px;margin-bottom:16px;opacity:.5}.empty-state .empty-text{font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-state .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-lighter);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state .loading-text{margin-top:16px;font-size:14px;color:var(--color-text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.link:hover{color:var(--color-primary-dark-1)}.link-underline{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.link-underline:hover{color:var(--color-primary-dark-1)}.x-menu-item.is-active{color:var(--color-primary)!important;background-color:var(--color-primary-light-9)!important;position:relative}.x-menu-item.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary);border-radius:0 2px 2px 0}.x-sub-menu__menu .x-menu-item.is-active{color:var(--color-primary)!important;background-color:var(--color-primary-light-9)!important;position:relative}.x-sub-menu__menu .x-menu-item.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary);border-radius:0 2px 2px 0}html.grey-mode{filter:grayscale(100%);-webkit-filter:grayscale(100%)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as q,q as F,o as _,c as k,a as e,z as a,C as o,u as s,j as u,F as O,A as K,k as m,e as P,I as A,S as Z,i as c,n as G}from"./vue-vendor-Bpie-0gH.js";import{t as z,n as v,j as x,o as J,Z as N}from"./xto-form-DBlhgyXp.js";import{E as Q,L as W}from"./xto-data-Coeo_ZYH.js";import{r as X,h as Y,g as B}from"./xto-feedback-CFysasJi.js";import{M as f,g as L}from"./xto-base-C3XNcx7i.js";import{S as d,a as ee}from"./index-BRR97dc6.js";import{_ as te}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-B1Ho_Ytu.js";const se={class:"role-page"},le={class:"search-section"},ae={class:"table-section"},oe={class:"table-toolbar"},ne={class:"toolbar-left"},ie={class:"toolbar-right"},de={class:"table-count"},re={class:"table-wrapper"},ue={class:"data-table"},ce={key:0},pe={key:1},me={class:"col-id"},ve={class:"id-badge"},fe={class:"col-name"},ge={class:"role-name"},ye={class:"col-code"},_e={class:"col-desc"},ke={class:"desc-text"},he={class:"col-status"},xe={class:"status-switch"},Ve={class:"col-time"},Ee={class:"time-text"},be={class:"col-actions"},Ce={class:"pagination-wrapper"},Be={class:"status-field"},Le={class:"status-label"},De=q({__name:"index",setup(we){const S=[{id:1,name:"超级管理员",code:"admin",description:"拥有所有权限",status:d.ENABLED,permissions:["*"],createTime:"2024-01-01 10:00:00"},{id:2,name:"编辑",code:"editor",description:"内容编辑权限",status:d.ENABLED,permissions:["user:read","user:write"],createTime:"2024-01-02 10:00:00"},{id:3,name:"访客",code:"viewer",description:"只读权限",status:d.ENABLED,permissions:["user:read"],createTime:"2024-01-03 10:00:00"}],V=m(!1),E=m([]),b=m(0),g=m(1),h=m(10),r=A({keyword:"",status:void 0}),y=m(!1),M=P(()=>i.id?"编辑角色":"新增角色"),i=A({id:0,name:"",code:"",description:"",status:d.ENABLED,permissions:[]}),U={name:[{required:!0,message:"请输入角色名称",trigger:"blur"}],code:[{required:!0,message:"请输入角色编码",trigger:"blur"}]},D=m(),p=()=>{V.value=!0,setTimeout(()=>{let n=[...S];r.keyword&&(n=n.filter(t=>t.name.includes(r.keyword)||t.code.includes(r.keyword))),r.status!==void 0&&(n=n.filter(t=>t.status===r.status)),b.value=n.length,E.value=n.slice((g.value-1)*h.value,g.value*h.value),V.value=!1},300)},w=()=>{g.value=1,p()},T=()=>{r.keyword="",r.status=void 0,g.value=1,p()},j=()=>{Object.assign(i,{id:0,name:"",code:"",description:"",status:d.ENABLED,permissions:[]}),y.value=!0},H=n=>{Object.assign(i,n),y.value=!0},I=n=>{B.success("删除成功"),p()},R=async()=>{var n;try{await((n=D.value)==null?void 0:n.validate()),B.success(i.id?"编辑成功":"新增成功"),y.value=!1,p()}catch(t){console.error(t)}},$=n=>{B.success(`已${n.status===d.ENABLED?"启用":"禁用"}角色 ${n.name}`)};return F(()=>{p()}),(n,t)=>(_(),k("div",se,[e("div",le,[a(s(z),{model:r,inline:"",class:"search-form"},{default:o(()=>[a(s(v),{label:"关键词"},{default:o(()=>[a(s(x),{modelValue:r.keyword,"onUpdate:modelValue":t[0]||(t[0]=l=>r.keyword=l),placeholder:"角色名称/编码",clearable:"",onKeyup:Z(w,["enter"])},null,8,["modelValue"])]),_:1}),a(s(v),{label:"状态"},{default:o(()=>[a(s(J),{modelValue:r.status,"onUpdate:modelValue":t[1]||(t[1]=l=>r.status=l),options:s(ee),placeholder:"请选择",clearable:""},null,8,["modelValue","options"])]),_:1}),a(s(v),null,{default:o(()=>[a(s(L),null,{default:o(()=>[a(s(f),{type:"primary",onClick:w},{icon:o(()=>[...t[10]||(t[10]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("circle",{cx:"11",cy:"11",r:"8"}),e("path",{d:"M21 21l-4.35-4.35"})],-1)])]),default:o(()=>[t[11]||(t[11]=c(" 搜索 ",-1))]),_:1}),a(s(f),{onClick:T},{icon:o(()=>[...t[12]||(t[12]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8"}),e("path",{d:"M3 3v5h5"})],-1)])]),default:o(()=>[t[13]||(t[13]=c(" 重置 ",-1))]),_:1})]),_:1})]),_:1})]),_:1},8,["model"])]),e("div",ae,[e("div",oe,[e("div",ne,[a(s(f),{type:"primary",onClick:j},{icon:o(()=>[...t[14]||(t[14]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),e("line",{x1:"5",y1:"12",x2:"19",y2:"12"})],-1)])]),default:o(()=>[t[15]||(t[15]=c(" 新增角色 ",-1))]),_:1})]),e("div",ie,[e("span",de,"共 "+u(b.value)+" 条数据",1)])]),e("div",re,[e("table",ue,[t[22]||(t[22]=e("thead",null,[e("tr",null,[e("th",{class:"col-id"},"ID"),e("th",{class:"col-name"},"角色名称"),e("th",{class:"col-code"},"角色编码"),e("th",{class:"col-desc"},"描述"),e("th",{class:"col-status"},"状态"),e("th",{class:"col-time"},"创建时间"),e("th",{class:"col-actions"},"操作")])],-1)),e("tbody",null,[V.value?(_(),k("tr",ce,[...t[16]||(t[16]=[e("td",{colspan:"7",class:"loading-cell"},[e("div",{class:"loading-content"},[e("div",{class:"loading-spinner"}),e("span",null,"加载中...")])],-1)])])):E.value.length===0?(_(),k("tr",pe,[...t[17]||(t[17]=[e("td",{colspan:"7",class:"empty-cell"},[e("div",{class:"empty-content"},[e("svg",{viewBox:"0 0 64 41",fill:"none"},[e("g",{transform:"translate(0 1)"},[e("ellipse",{fill:"#f5f5f5",cx:"32",cy:"33",rx:"32",ry:"7"}),e("g",{stroke:"var(--color-text-placeholder)","stroke-width":"2"},[e("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"}),e("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-fill)"})])])]),e("span",null,"暂无数据")])],-1)])])):(_(!0),k(O,{key:2},K(E.value,l=>(_(),k("tr",{key:l.id,class:"data-row"},[e("td",me,[e("span",ve,u(l.id),1)]),e("td",fe,[e("span",ge,u(l.name),1)]),e("td",ye,[a(s(W),{type:"primary",size:"small"},{default:o(()=>[c(u(l.code),1)]),_:2},1024)]),e("td",_e,[e("span",ke,u(l.description),1)]),e("td",he,[e("div",xe,[a(s(N),{"model-value":l.status===s(d).ENABLED,"onUpdate:modelValue":C=>{l.status=C?s(d).ENABLED:s(d).DISABLED,$(l)}},null,8,["model-value","onUpdate:modelValue"]),e("span",{class:G(["status-text",{enabled:l.status===s(d).ENABLED}])},u(l.status===s(d).ENABLED?"已启用":"已禁用"),3)])]),e("td",Ve,[e("span",Ee,u(l.createTime),1)]),e("td",be,[a(s(L),{class:"action-buttons"},{default:o(()=>[a(s(f),{type:"primary",link:"",size:"small",onClick:C=>H(l)},{icon:o(()=>[...t[18]||(t[18]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"}),e("path",{d:"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"})],-1)])]),default:o(()=>[t[19]||(t[19]=c(" 编辑 ",-1))]),_:1},8,["onClick"]),a(s(Y),{title:"确定删除该角色吗?",onConfirm:C=>I(l.id)},{default:o(()=>[a(s(f),{type:"danger",link:"",size:"small"},{icon:o(()=>[...t[20]||(t[20]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("polyline",{points:"3,6 5,6 21,6"}),e("path",{d:"M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"}),e("line",{x1:"10",y1:"11",x2:"10",y2:"17"}),e("line",{x1:"14",y1:"11",x2:"14",y2:"17"})],-1)])]),default:o(()=>[t[21]||(t[21]=c(" 删除 ",-1))]),_:1})]),_:1},8,["onConfirm"])]),_:2},1024)])]))),128))])])]),e("div",Ce,[a(s(Q),{"current-page":g.value,"onUpdate:currentPage":t[2]||(t[2]=l=>g.value=l),"page-size":h.value,"onUpdate:pageSize":t[3]||(t[3]=l=>h.value=l),total:b.value,"page-sizes":[10,20,50,100],layout:"total, sizes, prev, pager, next",onCurrentChange:p,onSizeChange:p},null,8,["current-page","page-size","total"])])]),a(s(X),{modelValue:y.value,"onUpdate:modelValue":t[9]||(t[9]=l=>y.value=l),title:M.value,width:"520px",class:"role-modal"},{footer:o(()=>[a(s(L),null,{default:o(()=>[a(s(f),{onClick:t[8]||(t[8]=l=>y.value=!1)},{default:o(()=>[...t[23]||(t[23]=[c("取消",-1)])]),_:1}),a(s(f),{type:"primary",onClick:R},{default:o(()=>[...t[24]||(t[24]=[c("确定",-1)])]),_:1})]),_:1})]),default:o(()=>[a(s(z),{ref_key:"formRef",ref:D,model:i,rules:U,"label-width":"80px",class:"role-form"},{default:o(()=>[a(s(v),{label:"角色名称",prop:"name"},{default:o(()=>[a(s(x),{modelValue:i.name,"onUpdate:modelValue":t[4]||(t[4]=l=>i.name=l),placeholder:"请输入角色名称"},null,8,["modelValue"])]),_:1}),a(s(v),{label:"角色编码",prop:"code"},{default:o(()=>[a(s(x),{modelValue:i.code,"onUpdate:modelValue":t[5]||(t[5]=l=>i.code=l),placeholder:"请输入角色编码"},null,8,["modelValue"])]),_:1}),a(s(v),{label:"描述"},{default:o(()=>[a(s(x),{modelValue:i.description,"onUpdate:modelValue":t[6]||(t[6]=l=>i.description=l),placeholder:"请输入描述"},null,8,["modelValue"])]),_:1}),a(s(v),{label:"状态"},{default:o(()=>[e("div",Be,[a(s(N),{modelValue:i.status,"onUpdate:modelValue":t[7]||(t[7]=l=>i.status=l),"active-value":s(d).ENABLED,"inactive-value":s(d).DISABLED},null,8,["modelValue","active-value","inactive-value"]),e("span",Le,u(i.status===s(d).ENABLED?"启用":"禁用"),1)])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue","title"])]))}}),He=te(De,[["__scopeId","data-v-935244f1"]]);export{He as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as Oe,s as Ke,c as qe,h as We,u as xe,e as Ce,f as $e,l as ue}from"./index-B2Y_ySNp.js";import{L as Ge,k,e as w,d as me,o as t,f as U,u as n,C as z,c as o,F as V,A as O,a as e,j as i,g as x,h as Be,w as ke,n as R,x as Me,D as je,z as m,i as He,R as Le,Q as Se,q as Te,s as Ie,U as De,T as de,B as Ve,b as be}from"./vue-vendor-Bpie-0gH.js";import{y as Ee,z as we,b as Fe}from"./xto-navigation-I2o1CycT.js";import{n as f,M as Ye}from"./xto-base-C3XNcx7i.js";import{_ as pe}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{c as Ae}from"./xto-feedback-CFysasJi.js";import"./xto-form-DBlhgyXp.js";import"./xto-core-B1Ho_Ytu.js";import"./xto-data-Coeo_ZYH.js";/* empty css *//* empty css */const Ne=Ge("auth",()=>{const M=k(Oe()),E=w(()=>We()),b=k(""),_=k(""),y=k(""),d=k("/login");return{token:M,isLoggedIn:E,baseUrl:b,appId:_,clientId:y,loginPath:d,login:$=>{M.value=$.access_token,Ke($)},logout:()=>{M.value=null,qe()},setBaseUrl:$=>{b.value=$},setAppId:$=>{_.value=$},setClientId:$=>{y.value=$},setLoginPath:$=>{d.value=$}}}),Qe={class:"menu-item__content"},Je={class:"menu-item__icon"},Xe={key:1,class:"menu-item__char"},Ze={class:"menu-item__text"},es={class:"menu-item__content"},ss={key:0,class:"menu-item__icon"},ts={key:1,class:"menu-item__char"},ns={class:"menu-item__text"},os=me({__name:"SidebarMenuItem",props:{menu:{}},setup(M){const E=M,b=new Set(["arrow-up","arrow-down","arrow-left","arrow-right","caret-down","caret-right","plus","minus","close","check","edit","delete","copy","download","upload","refresh","search","filter","more","setting","share","loading","info","success","warning","error","question","user","user-add","user-group","logout","login","file","folder","folder-open","document","image","video","music","camera","mail","phone","chat","bell","message","eye","eye-off","calendar","clock","history","timer","location","map","globe","star","heart","thumb-up","link","external-link","lock","unlock","key","home","menu","menu-fold","menu-unfold","sidebar-fold","sidebar-expand","sidebar-left","dashboard","chart","chart-pie","chart-line","report","analytics","system","permission","role","user-manage","log","notification","app","list","grid","fullscreen","fullscreen-exit","zoom-in","zoom-out","print","bookmark","tag","code","terminal","database","server","cloud","gift","moon","sun","theme","skin"]),_=h=>{if(!h||h==="")return"";if(h.startsWith("tineco-icon-")){const I=h.replace("tineco-icon-","");return{home:"home",dashboard:"dashboard",system:"system",user:"user",role:"role",menu:"list",setting:"setting",file:"file",folder:"folder",chart:"chart",report:"report",analytics:"analytics"}[I]||I}return{dashboard:"dashboard",system:"system",user:"user",role:"role",menu:"list",setting:"setting",home:"home",chart:"chart",report:"report",analytics:"analytics",permission:"permission",log:"log",notification:"notification",app:"app",list:"list",grid:"grid"}[h]||h},y=h=>h?h.charAt(0):"",d=h=>b.has(h),S=w(()=>E.menu.menuId||E.menu.menuCode||E.menu.menuUrl||""),T=w(()=>E.menu.children&&E.menu.children.length>0);return(h,F)=>{const I=Be("SidebarMenuItem",!0);return T.value?(t(),U(n(Ee),{key:0,index:S.value},{title:z(()=>[e("span",Qe,[e("span",Je,[d(_(M.menu.icon))?(t(),U(n(f),{key:0,name:_(M.menu.icon),size:16},null,8,["name"])):(t(),o("span",Xe,i(y(M.menu.menuName)),1))]),e("span",Ze,i(M.menu.menuName),1)])]),default:z(()=>[(t(!0),o(V,null,O(M.menu.children,N=>(t(),U(I,{key:N.menuId||N.menuCode||N.menuUrl,menu:N},null,8,["menu"]))),128))]),_:1},8,["index"])):(t(),U(n(we),{key:1,index:M.menu.menuUrl||S.value},{default:z(()=>[e("span",es,[M.menu.menuName!=="首页"?(t(),o("span",ss,[d(_(M.menu.icon))?(t(),U(n(f),{key:0,name:_(M.menu.icon),size:16},null,8,["name"])):(t(),o("span",ts,i(y(M.menu.menuName)),1))])):x("",!0),e("span",ns,i(M.menu.menuName),1)])]),_:1},8,["index"]))}}}),ls=pe(os,[["__scopeId","data-v-63a22b69"]]),as={key:0,class:"sidebar__logo"},is=["src"],rs={key:1,class:"sidebar__user"},cs={class:"sidebar__user-info"},us={class:"sidebar__user-name"},ds={class:"sidebar__user-role"},Ue="sidebar_opened_menus",ze="sidebar_menu_list_key",ms=me({__name:"Sidebar",props:{menuList:{default:()=>[]},showLogo:{type:Boolean,default:!0},showUser:{type:Boolean,default:!0},logoSrc:{default:"/vite.svg"}},setup(M){const E=M,b=Le(),_=Se(),y=xe(),d=Ce(),S=Ne(),T=$e(),h=w(()=>E.menuList.length>0?E.menuList:y.menuList),F=w(()=>T.isCollapsed),I=w(()=>b.path),N=C=>C.menuId||C.menuCode||C.menuUrl||"",$=()=>h.value.map(N).join(","),Q=ue.get(ze)||"",G=$(),ee=Q===G?ue.get(Ue)||[]:[],j=k(ee);ke(j,C=>{ue.set(Ue,C),ue.set(ze,$())},{deep:!0});const P=(C,v,L=[])=>{var W;for(const A of C){if(A.menuUrl&&(v===A.menuUrl||v.startsWith(A.menuUrl+"/")))return[...L,N(A)];if((W=A.children)!=null&&W.length){const se=P(A.children,v,[...L,N(A)]);if(se)return se}}return null};ke([()=>b.path,h],([C,v])=>{if(v.length>0){const L=P(v,C);if(L){const W=L.slice(0,-1),A=new Set([...j.value,...W]);j.value=Array.from(A)}}},{immediate:!0}),ke(h,(C,v)=>{C!==v&&(j.value=[],ue.set(Ue,[]),ue.set(ze,$()))},{immediate:!1});const K=w(()=>T.isDark?"#1d1e1f":"#fff"),J=w(()=>T.isDark?"#cfd3dc":"#303133"),q=w(()=>"#409eff"),B=C=>{C&&C!==b.path&&_.push(C)},Z=()=>{S.logout(),d.clearUserInfo(),y.clearMenu(),_.push("/login")};return(C,v)=>(t(),o("div",{class:R(["sidebar",{"sidebar--collapsed":F.value}])},[E.showLogo?(t(),o("div",as,[e("img",{src:E.logoSrc,alt:"Logo",class:"sidebar__logo-img"},null,8,is),Me(e("span",{class:"sidebar__logo-text"},i(n(T).appName),513),[[je,!F.value]])])):x("",!0),m(n(Fe),{modelValue:I.value,"onUpdate:modelValue":v[0]||(v[0]=L=>I.value=L),openeds:j.value,"onUpdate:openeds":v[1]||(v[1]=L=>j.value=L),mode:"vertical",collapse:F.value,"collapse-transition":!1,"background-color":K.value,"text-color":J.value,"active-text-color":q.value,class:"sidebar__menu",onSelect:B},{default:z(()=>[(t(!0),o(V,null,O(h.value,L=>(t(),U(ls,{key:N(L),menu:L},null,8,["menu"]))),128))]),_:1},8,["modelValue","openeds","collapse","background-color","text-color","active-text-color"]),E.showUser&&!F.value?(t(),o("div",rs,[e("div",cs,[e("span",us,i(n(d).userName),1),e("span",ds,i(n(d).departmentName),1)]),m(n(Ye),{type:"text",size:"small",onClick:Z},{default:z(()=>[...v[2]||(v[2]=[He("退出",-1)])]),_:1})])):x("",!0)],2))}}),Pe=pe(ms,[["__scopeId","data-v-dcb0753a"]]),ps={class:"header"},_s={class:"header__left"},vs={key:0,class:"header__breadcrumb"},hs={key:0,class:"breadcrumb-separator"},fs={class:"header__right"},gs={key:0,class:"header__search-dropdown"},ys={key:0,class:"header__search-results"},ks=["onClick"],ws={key:0,class:"header__search-icon"},bs={key:1,class:"header__search-char"},xs={class:"header__search-item-title"},$s={key:1,class:"header__search-item-parent"},Cs={key:1,class:"header__search-empty"},Ms=["title"],Ls={class:"header__avatar"},Ss={class:"header__user-name"},Ns={key:0,class:"header__dropdown"},Us={class:"header__dropdown-header"},zs={class:"header__dropdown-avatar"},Es={class:"header__dropdown-info"},Ts={class:"header__dropdown-name"},Is={class:"header__dropdown-role"},Ds={class:"header__dropdown-menu"},Vs={class:"settings-drawer"},Fs={class:"settings-section"},As={class:"settings-layout-options"},Rs=["onClick"],Ps={class:"layout-option__preview"},Bs={key:0,class:"layout-preview-sidebar"},Os={key:1,class:"layout-preview-top"},Ks={key:2,class:"layout-preview-mix"},qs={class:"layout-option__label"},Ws={class:"settings-section"},Gs={class:"settings-color-options"},js=["title","onClick"],Hs={class:"settings-section"},Ys={class:"settings-switch-list"},Qs={class:"settings-switch-item"},Js={class:"settings-switch-item"},Xs=me({__name:"Header",setup(M){const E=Le(),b=Se(),_=$e(),y=Ce(),d=Ne(),S=xe(),T=k(!1),h=k(!1),F=k(null),I=k(!1),N=k(!1),$=k(""),Q=k(null),G=k(!1),ee=[{value:"sidebar",label:"左侧菜单",icon:"sidebar-left"},{value:"top",label:"顶部菜单",icon:"menu"},{value:"mix",label:"混合菜单",icon:"grid"}],j=[{value:"#409eff",label:"默认蓝"},{value:"#1890ff",label:"科技蓝"},{value:"#52c41a",label:"极光绿"},{value:"#faad14",label:"日落橙"},{value:"#f5222d",label:"薄暮红"},{value:"#722ed1",label:"酱紫"}],P=w(()=>E.matched.filter(a=>a.meta&&a.meta.title).map(a=>({title:a.meta.title,path:a.path}))),K=(g,a="")=>{const H=[];return g.forEach(r=>{r.children&&r.children.length>0?H.push(...K(r.children,r.menuName)):H.push({...r,parentTitle:a,title:r.menuName,path:r.menuUrl})}),H},J=new Set(["arrow-up","arrow-down","arrow-left","arrow-right","caret-down","caret-right","plus","minus","close","check","edit","delete","copy","download","upload","refresh","search","filter","more","setting","share","loading","info","success","warning","error","question","user","user-add","user-group","logout","login","file","folder","folder-open","document","image","video","music","camera","mail","phone","chat","bell","message","eye","eye-off","calendar","clock","history","timer","location","map","globe","star","heart","thumb-up","link","external-link","lock","unlock","key","home","menu","menu-fold","menu-unfold","sidebar-fold","sidebar-expand","sidebar-left","dashboard","chart","chart-pie","chart-line","report","analytics","system","permission","role","user-manage","log","notification","app","list","grid","fullscreen","fullscreen-exit","zoom-in","zoom-out","print","bookmark","tag","code","terminal","database","server","cloud","gift","moon","sun","theme","skin"]),q=g=>{if(!g||g==="")return"";if(g.startsWith("tineco-icon-")){const H=g.replace("tineco-icon-","");return{home:"home",dashboard:"dashboard",system:"system",user:"user",role:"role",menu:"list",setting:"setting",file:"file",folder:"folder",chart:"chart",report:"report",analytics:"analytics"}[H]||H}return{dashboard:"dashboard",system:"system",user:"user",role:"role",menu:"list",setting:"setting",home:"home",chart:"chart",report:"report",analytics:"analytics",permission:"permission",log:"log",notification:"notification",app:"app",list:"list",grid:"grid"}[g]||g},B=g=>g?g.charAt(0):"",Z=g=>J.has(g),C=w(()=>$.value.trim()?K(S.menuList).filter(a=>a.title.toLowerCase().includes($.value.toLowerCase())):[]),v=w(()=>_.layout),L=()=>{_.toggleCollapse()},W=()=>{_.toggleTheme()},A=()=>{h.value=!0},se=g=>{_.setLayout(g),h.value=!1},le=g=>{G.value=g;const a=document.documentElement;g?a.classList.add("grey-mode"):a.classList.remove("grey-mode")},_e=()=>{le(!G.value),h.value=!1},te=()=>{_.toggleTheme(),h.value=!1},oe=()=>{document.fullscreenElement?document.exitFullscreen():document.documentElement.requestFullscreen()},ie=()=>{I.value=!!document.fullscreenElement},ne=()=>{T.value=!T.value},X=()=>{T.value=!1},ae=()=>{N.value=!1,$.value=""},ve=g=>{b.push(g),ae()},he=g=>{_.setPrimaryColor(g),h.value=!1},fe=()=>{X(),b.push("/profile")},ge=()=>{X(),b.push("/change-password")},ye=()=>{X(),d.logout(),y.clearUserInfo(),S.clearMenu(),b.push("/login")},re=g=>{F.value&&!F.value.contains(g.target)&&X(),Q.value&&!Q.value.contains(g.target)&&ae()},ce=g=>{g.key==="Escape"&&(ae(),X())};return Te(()=>{document.addEventListener("click",re),document.addEventListener("fullscreenchange",ie),document.addEventListener("keydown",ce),_.initTheme(),G.value=document.documentElement.classList.contains("grey-mode")}),Ie(()=>{document.removeEventListener("click",re),document.removeEventListener("fullscreenchange",ie),document.removeEventListener("keydown",ce)}),(g,a)=>{var H;return t(),o("div",ps,[e("div",_s,[e("div",{class:"header__collapse",onClick:L},[m(n(f),{name:n(_).isCollapsed?"menu-unfold":"menu-fold",size:18},null,8,["name"])]),n(_).showBreadcrumb?(t(),o("div",vs,[(t(!0),o(V,null,O(P.value,(r,p)=>(t(),o("span",{key:r.path},[p>0?(t(),o("span",hs,"/")):x("",!0),e("span",{class:R({"is-current":p===P.value.length-1})},i(r.title),3)]))),128))])):x("",!0)]),e("div",fs,[e("div",{class:"header__search",ref_key:"searchRef",ref:Q},[m(n(f),{name:"search",size:14,class:"header__search-icon"}),Me(e("input",{"onUpdate:modelValue":a[0]||(a[0]=r=>$.value=r),type:"text",class:"header__search-input",placeholder:"搜索菜单...",onFocus:a[1]||(a[1]=r=>N.value=!0)},null,544),[[De,$.value]]),m(de,{name:"search-dropdown"},{default:z(()=>[N.value&&(C.value.length>0||$.value)?(t(),o("div",gs,[C.value.length>0?(t(),o("div",ys,[(t(!0),o(V,null,O(C.value,r=>(t(),o("div",{key:r.path,class:"header__search-item",onClick:p=>ve(r.path)},[r.title!=="首页"?(t(),o("span",ws,[Z(q(r.icon))?(t(),U(n(f),{key:0,name:q(r.icon),size:16},null,8,["name"])):(t(),o("span",bs,i(B(r.title)),1))])):x("",!0),e("span",xs,i(r.title),1),r.parentTitle?(t(),o("span",$s,i(r.parentTitle),1)):x("",!0)],8,ks))),128))])):(t(),o("div",Cs," 未找到匹配的菜单 "))])):x("",!0)]),_:1})],512),e("div",{class:"header__action",onClick:oe,title:I.value?"退出全屏":"全屏"},[m(n(f),{name:I.value?"fullscreen-exit":"fullscreen",size:16},null,8,["name"])],8,Ms),e("div",{class:"header__action",onClick:A,title:"换肤设置"},[m(n(f),{name:"skin",size:16})]),e("div",{class:"header__action",onClick:W,title:"切换主题"},[m(n(f),{name:n(_).isDark?"sun":"moon",size:16},null,8,["name"])]),e("div",{class:"header__user",ref_key:"dropdownRef",ref:F},[e("div",{class:"header__user-trigger",onClick:Ve(ne,["stop"])},[e("div",Ls,[e("span",null,i(((H=n(y).userName)==null?void 0:H.charAt(0))||"U"),1)]),e("span",Ss,i(n(y).userName),1),e("span",{class:R(["header__user-arrow",{"is-active":T.value}])},"▼",2)]),m(de,{name:"dropdown"},{default:z(()=>{var r;return[T.value?(t(),o("div",Ns,[e("div",Us,[e("div",zs,[e("span",null,i(((r=n(y).userName)==null?void 0:r.charAt(0))||"U"),1)]),e("div",Es,[e("div",Ts,i(n(y).userName),1),e("div",Is,i(n(y).roleName||n(y).departmentName),1)])]),a[7]||(a[7]=e("div",{class:"header__dropdown-divider"},null,-1)),e("div",Ds,[e("div",{class:"header__dropdown-item",onClick:fe},[m(n(f),{name:"user",size:16}),a[3]||(a[3]=e("span",null,"个人信息",-1))]),e("div",{class:"header__dropdown-item",onClick:ge},[m(n(f),{name:"lock",size:16}),a[4]||(a[4]=e("span",null,"修改密码",-1))]),a[6]||(a[6]=e("div",{class:"header__dropdown-divider"},null,-1)),e("div",{class:"header__dropdown-item header__dropdown-item--danger",onClick:ye},[m(n(f),{name:"logout",size:16}),a[5]||(a[5]=e("span",null,"退出登录",-1))])])])):x("",!0)]}),_:1})],512)]),m(n(Ae),{modelValue:h.value,"onUpdate:modelValue":a[2]||(a[2]=r=>h.value=r),title:"换肤设置",direction:"rtl",size:"320px"},{default:z(()=>[e("div",Vs,[e("div",Fs,[a[11]||(a[11]=e("div",{class:"settings-title"},"布局模式",-1)),e("div",As,[(t(),o(V,null,O(ee,r=>e("div",{key:r.value,class:R(["layout-option",{"is-active":v.value===r.value}]),onClick:p=>se(r.value)},[e("div",Ps,[r.value==="sidebar"?(t(),o("div",Bs,[...a[8]||(a[8]=[e("div",{class:"preview-aside"},null,-1),e("div",{class:"preview-main"},[e("div",{class:"preview-header"}),e("div",{class:"preview-content"})],-1)])])):r.value==="top"?(t(),o("div",Os,[...a[9]||(a[9]=[e("div",{class:"preview-header-full"},null,-1),e("div",{class:"preview-content-full"},null,-1)])])):(t(),o("div",Ks,[...a[10]||(a[10]=[e("div",{class:"preview-header-mix"},[e("div",{class:"preview-mix-left"})],-1),e("div",{class:"preview-mix-body"},[e("div",{class:"preview-mix-aside"}),e("div",{class:"preview-mix-content"})],-1)])]))]),e("span",qs,i(r.label),1)],10,Rs)),64))])]),e("div",Ws,[a[12]||(a[12]=e("div",{class:"settings-title"},"主题色",-1)),e("div",Gs,[(t(),o(V,null,O(j,r=>e("div",{key:r.value,class:R(["color-option",{"is-active":n(_).primaryColor===r.value}]),style:be({backgroundColor:r.value}),title:r.label,onClick:p=>he(r.value)},[n(_).primaryColor===r.value?(t(),U(n(f),{key:0,name:"check",size:12,color:"#fff"})):x("",!0)],14,js)),64))])]),e("div",Hs,[a[17]||(a[17]=e("div",{class:"settings-title"},"功能设置",-1)),e("div",Ys,[e("div",Qs,[a[14]||(a[14]=e("span",null,"灰色模式",-1)),e("div",{class:R(["switch-wrapper",{"is-checked":G.value}]),onClick:_e},[...a[13]||(a[13]=[e("span",{class:"switch-core"},null,-1)])],2)]),e("div",Js,[a[16]||(a[16]=e("span",null,"暗黑模式",-1)),e("div",{class:R(["switch-wrapper",{"is-checked":n(_).isDark}]),onClick:te},[...a[15]||(a[15]=[e("span",{class:"switch-core"},null,-1)])],2)])])])])]),_:1},8,["modelValue"])])}}}),Zs=pe(Xs,[["__scopeId","data-v-c23eed08"]]),et={class:"top-menu"},st={class:"top-menu__logo"},tt=["src"],nt={class:"top-menu__logo-text"},ot={class:"top-menu__menu-content"},lt={key:0,class:"top-menu__menu-icon"},at={key:1,class:"top-menu__menu-char"},it={class:"top-menu__menu-text"},rt={class:"top-menu__menu-content"},ct={class:"top-menu__menu-icon"},ut={key:1,class:"top-menu__menu-char"},dt={class:"top-menu__menu-text"},mt={class:"top-menu__menu-content"},pt={class:"top-menu__menu-icon"},_t={key:1,class:"top-menu__menu-char"},vt={class:"top-menu__menu-text"},ht={class:"top-menu__menu-content"},ft={class:"top-menu__menu-icon"},gt={key:1,class:"top-menu__menu-char"},yt={class:"top-menu__menu-text"},kt={class:"top-menu__menu-content"},wt={key:0,class:"top-menu__menu-icon"},bt={key:1,class:"top-menu__menu-char"},xt={class:"top-menu__menu-text"},$t={class:"top-menu__actions"},Ct={key:0,class:"top-menu__search-dropdown"},Mt={key:0,class:"top-menu__search-results"},Lt=["onClick"],St={key:0,class:"top-menu__search-icon-item"},Nt={key:1,class:"top-menu__search-char"},Ut={class:"top-menu__search-item-title"},zt={key:1,class:"top-menu__search-item-parent"},Et={key:1,class:"top-menu__search-empty"},Tt=["title"],It={class:"top-menu__avatar"},Dt={class:"top-menu__user-name"},Vt={key:0,class:"top-menu__dropdown"},Ft={class:"top-menu__dropdown-header"},At={class:"top-menu__dropdown-avatar"},Rt={class:"top-menu__dropdown-info"},Pt={class:"top-menu__dropdown-name"},Bt={class:"top-menu__dropdown-role"},Ot={class:"top-menu__dropdown-menu"},Kt={class:"settings-drawer"},qt={class:"settings-section"},Wt={class:"settings-layout-options"},Gt=["onClick"],jt={class:"layout-option__preview"},Ht={key:0,class:"layout-preview-sidebar"},Yt={key:1,class:"layout-preview-top"},Qt={key:2,class:"layout-preview-mix"},Jt={class:"layout-option__label"},Xt={class:"settings-section"},Zt={class:"settings-color-options"},en=["title","onClick"],sn={class:"settings-section"},tn={class:"settings-switch-list"},nn={class:"settings-switch-item"},on={class:"settings-switch-item"},ln=me({__name:"TopMenu",props:{logoSrc:{default:"/vite.svg"}},setup(M){const E=M,b=Le(),_=Se(),y=xe(),d=$e(),S=Ce(),T=Ne(),h=w(()=>b.path),F=(p,u="")=>{const Y=[];return p.forEach(s=>{s.children&&s.children.length>0?Y.push(...F(s.children,s.menuName)):Y.push({...s,parentTitle:u,title:s.menuName,path:s.menuUrl})}),Y},I=w(()=>q.value.trim()?F(y.menuList).filter(u=>u.title.toLowerCase().includes(q.value.toLowerCase())):[]),N=w(()=>d.isDark?"#1d1e1f":"#fff"),$=w(()=>d.isDark?"#cfd3dc":"#303133"),Q=w(()=>"#409eff"),G=k(!1),ee=k(null),j=k(!1),P=k(!1),K=k(!1),J=k(!1),q=k(""),B=k(null),Z=p=>{p&&p!==b.path&&_.push(p)},C=new Set(["arrow-up","arrow-down","arrow-left","arrow-right","caret-down","caret-right","plus","minus","close","check","edit","delete","copy","download","upload","refresh","search","filter","more","setting","share","loading","info","success","warning","error","question","user","user-add","user-group","logout","login","file","folder","folder-open","document","image","video","music","camera","mail","phone","chat","bell","message","eye","eye-off","calendar","clock","history","timer","location","map","globe","star","heart","thumb-up","link","external-link","lock","unlock","key","home","menu","menu-fold","menu-unfold","sidebar-fold","sidebar-expand","sidebar-left","dashboard","chart","chart-pie","chart-line","report","analytics","system","permission","role","user-manage","log","notification","app","list","grid","fullscreen","fullscreen-exit","zoom-in","zoom-out","print","bookmark","tag","code","terminal","database","server","cloud","gift","moon","sun","theme","skin"]),v=p=>{if(!p||p==="")return"";if(p.startsWith("tineco-icon-")){const Y=p.replace("tineco-icon-","");return{home:"home",dashboard:"dashboard",system:"system",user:"user",role:"role",menu:"list",setting:"setting",file:"file",folder:"folder",chart:"chart",report:"report",analytics:"analytics"}[Y]||Y}return{dashboard:"dashboard",system:"system",user:"user",role:"role",menu:"list",setting:"setting",home:"home",chart:"chart",report:"report",analytics:"analytics",permission:"permission",log:"log",notification:"notification",app:"app",list:"list",grid:"grid"}[p]||p},L=p=>p?p.charAt(0):"",W=p=>C.has(p),A=()=>{d.toggleTheme(),P.value=!1},se=()=>{document.fullscreenElement?document.exitFullscreen():document.documentElement.requestFullscreen()},le=()=>{j.value=!!document.fullscreenElement},_e=()=>{G.value=!G.value},te=()=>{G.value=!1},oe=()=>{J.value=!1,q.value=""},ie=p=>{_.push(p),oe()},ne=()=>{P.value=!0},X=p=>{K.value=p;const u=document.documentElement;p?u.classList.add("grey-mode"):u.classList.remove("grey-mode")},ae=()=>{X(!K.value),P.value=!1},ve=()=>{d.toggleTheme(),P.value=!1},he=[{value:"sidebar",label:"左侧菜单",icon:"sidebar-left"},{value:"top",label:"顶部菜单",icon:"menu"},{value:"mix",label:"混合菜单",icon:"grid"}],fe=w(()=>d.layout),ge=p=>{d.setLayout(p),P.value=!1},ye=[{value:"#409eff",label:"默认蓝"},{value:"#1890ff",label:"科技蓝"},{value:"#52c41a",label:"极光绿"},{value:"#faad14",label:"日落橙"},{value:"#f5222d",label:"薄暮红"},{value:"#722ed1",label:"酱紫"}],re=p=>{d.setPrimaryColor(p),P.value=!1},ce=()=>{te(),_.push("/profile")},g=()=>{te(),_.push("/change-password")},a=()=>{te(),T.logout(),S.clearUserInfo(),y.clearMenu(),_.push("/login")},H=p=>{ee.value&&!ee.value.contains(p.target)&&te(),B.value&&!B.value.contains(p.target)&&oe()},r=p=>{p.key==="Escape"&&(oe(),te())};return Te(()=>{document.addEventListener("click",H),document.addEventListener("fullscreenchange",le),document.addEventListener("keydown",r),K.value=document.documentElement.classList.contains("grey-mode")}),Ie(()=>{document.removeEventListener("click",H),document.removeEventListener("fullscreenchange",le),document.removeEventListener("keydown",r)}),(p,u)=>{var Y;return t(),o("div",et,[e("div",st,[e("img",{src:E.logoSrc,alt:"Logo",class:"top-menu__logo-img"},null,8,tt),e("span",nt,i(n(d).appName),1)]),m(n(Fe),{"model-value":h.value,mode:"horizontal","background-color":N.value,"text-color":$.value,"active-text-color":Q.value,class:"top-menu__menu",onSelect:Z},{default:z(()=>[(t(!0),o(V,null,O(n(y).menuList,s=>(t(),o(V,{key:s.menuUrl},[s.children&&s.children.length>0?(t(),U(n(Ee),{key:0,index:s.menuUrl},{title:z(()=>[e("span",ot,[s.menuName!=="首页"?(t(),o("span",lt,[W(v(s.icon))?(t(),U(n(f),{key:0,name:v(s.icon),size:16},null,8,["name"])):(t(),o("span",at,i(L(s.menuName)),1))])):x("",!0),e("span",it,i(s.menuName),1)])]),default:z(()=>[(t(!0),o(V,null,O(s.children,l=>(t(),o(V,{key:l.menuUrl},[l.children&&l.children.length>0?(t(),U(n(Ee),{key:0,index:l.menuUrl},{title:z(()=>[e("span",rt,[e("span",ct,[W(v(l.icon))?(t(),U(n(f),{key:0,name:v(l.icon),size:16},null,8,["name"])):(t(),o("span",ut,i(L(l.menuName)),1))]),e("span",dt,i(l.menuName),1)])]),default:z(()=>[(t(!0),o(V,null,O(l.children,D=>(t(),U(n(we),{key:D.menuUrl,index:D.menuUrl},{default:z(()=>[e("span",mt,[e("span",pt,[W(v(D.icon))?(t(),U(n(f),{key:0,name:v(D.icon),size:16},null,8,["name"])):(t(),o("span",_t,i(L(D.menuName)),1))]),e("span",vt,i(D.menuName),1)])]),_:2},1032,["index"]))),128))]),_:2},1032,["index"])):(t(),U(n(we),{key:1,index:l.menuUrl},{default:z(()=>[e("span",ht,[e("span",ft,[W(v(l.icon))?(t(),U(n(f),{key:0,name:v(l.icon),size:16},null,8,["name"])):(t(),o("span",gt,i(L(l.menuName)),1))]),e("span",yt,i(l.menuName),1)])]),_:2},1032,["index"]))],64))),128))]),_:2},1032,["index"])):(t(),U(n(we),{key:1,index:s.menuUrl},{default:z(()=>[e("span",kt,[s.menuName!=="首页"?(t(),o("span",wt,[W(v(s.icon))?(t(),U(n(f),{key:0,name:v(s.icon),size:16},null,8,["name"])):(t(),o("span",bt,i(L(s.menuName)),1))])):x("",!0),e("span",xt,i(s.menuName),1)])]),_:2},1032,["index"]))],64))),128))]),_:1},8,["model-value","background-color","text-color","active-text-color"]),e("div",$t,[e("div",{class:"top-menu__search",ref_key:"searchRef",ref:B},[m(n(f),{name:"search",size:14,class:"top-menu__search-icon"}),Me(e("input",{"onUpdate:modelValue":u[0]||(u[0]=s=>q.value=s),type:"text",class:"top-menu__search-input",placeholder:"搜索菜单...",onFocus:u[1]||(u[1]=s=>J.value=!0)},null,544),[[De,q.value]]),m(de,{name:"search-dropdown"},{default:z(()=>[J.value&&(I.value.length>0||q.value)?(t(),o("div",Ct,[I.value.length>0?(t(),o("div",Mt,[(t(!0),o(V,null,O(I.value,s=>(t(),o("div",{key:s.path,class:"top-menu__search-item",onClick:l=>ie(s.path)},[s.title!=="首页"?(t(),o("span",St,[W(v(s.icon))?(t(),U(n(f),{key:0,name:v(s.icon),size:16},null,8,["name"])):(t(),o("span",Nt,i(L(s.title)),1))])):x("",!0),e("span",Ut,i(s.title),1),s.parentTitle?(t(),o("span",zt,i(s.parentTitle),1)):x("",!0)],8,Lt))),128))])):(t(),o("div",Et," 未找到匹配的菜单 "))])):x("",!0)]),_:1})],512),e("div",{class:"top-menu__action",onClick:se,title:j.value?"退出全屏":"全屏"},[m(n(f),{name:j.value?"fullscreen-exit":"fullscreen",size:16},null,8,["name"])],8,Tt),e("div",{class:"top-menu__action",onClick:ne,title:"换肤设置"},[m(n(f),{name:"skin",size:16})]),e("div",{class:"top-menu__action",onClick:A,title:"切换主题"},[m(n(f),{name:n(d).isDark?"sun":"moon",size:16},null,8,["name"])]),e("div",{class:"top-menu__user",ref_key:"dropdownRef",ref:ee},[e("div",{class:"top-menu__user-trigger",onClick:Ve(_e,["stop"])},[e("div",It,[e("span",null,i(((Y=n(S).userName)==null?void 0:Y.charAt(0))||"U"),1)]),e("span",Dt,i(n(S).userName),1),e("span",{class:R(["top-menu__user-arrow",{"is-active":G.value}])},"▼",2)]),m(de,{name:"dropdown"},{default:z(()=>{var s;return[G.value?(t(),o("div",Vt,[e("div",Ft,[e("div",At,[e("span",null,i(((s=n(S).userName)==null?void 0:s.charAt(0))||"U"),1)]),e("div",Rt,[e("div",Pt,i(n(S).userName),1),e("div",Bt,i(n(S).departmentName),1)])]),u[7]||(u[7]=e("div",{class:"top-menu__dropdown-divider"},null,-1)),e("div",Ot,[e("div",{class:"top-menu__dropdown-item",onClick:ce},[m(n(f),{name:"user",size:16}),u[3]||(u[3]=e("span",null,"个人信息",-1))]),e("div",{class:"top-menu__dropdown-item",onClick:g},[m(n(f),{name:"lock",size:16}),u[4]||(u[4]=e("span",null,"修改密码",-1))]),u[6]||(u[6]=e("div",{class:"top-menu__dropdown-divider"},null,-1)),e("div",{class:"top-menu__dropdown-item top-menu__dropdown-item--danger",onClick:a},[m(n(f),{name:"logout",size:16}),u[5]||(u[5]=e("span",null,"退出登录",-1))])])])):x("",!0)]}),_:1})],512)]),m(n(Ae),{modelValue:P.value,"onUpdate:modelValue":u[2]||(u[2]=s=>P.value=s),title:"换肤设置",direction:"rtl",size:"320px"},{default:z(()=>[e("div",Kt,[e("div",qt,[u[11]||(u[11]=e("div",{class:"settings-title"},"布局模式",-1)),e("div",Wt,[(t(),o(V,null,O(he,s=>e("div",{key:s.value,class:R(["layout-option",{"is-active":fe.value===s.value}]),onClick:l=>ge(s.value)},[e("div",jt,[s.value==="sidebar"?(t(),o("div",Ht,[...u[8]||(u[8]=[e("div",{class:"preview-aside"},null,-1),e("div",{class:"preview-main"},[e("div",{class:"preview-header"}),e("div",{class:"preview-content"})],-1)])])):s.value==="top"?(t(),o("div",Yt,[...u[9]||(u[9]=[e("div",{class:"preview-header-full"},null,-1),e("div",{class:"preview-content-full"},null,-1)])])):(t(),o("div",Qt,[...u[10]||(u[10]=[e("div",{class:"preview-header-mix"},[e("div",{class:"preview-mix-left"})],-1),e("div",{class:"preview-mix-body"},[e("div",{class:"preview-mix-aside"}),e("div",{class:"preview-mix-content"})],-1)])]))]),e("span",Jt,i(s.label),1)],10,Gt)),64))])]),e("div",Xt,[u[12]||(u[12]=e("div",{class:"settings-title"},"主题色",-1)),e("div",Zt,[(t(),o(V,null,O(ye,s=>e("div",{key:s.value,class:R(["color-option",{"is-active":n(d).primaryColor===s.value}]),style:be({backgroundColor:s.value}),title:s.label,onClick:l=>re(s.value)},[n(d).primaryColor===s.value?(t(),U(n(f),{key:0,name:"check",size:12,color:"#fff"})):x("",!0)],14,en)),64))])]),e("div",sn,[u[17]||(u[17]=e("div",{class:"settings-title"},"功能设置",-1)),e("div",tn,[e("div",nn,[u[14]||(u[14]=e("span",null,"灰色模式",-1)),e("div",{class:R(["switch-wrapper",{"is-checked":K.value}]),onClick:ae},[...u[13]||(u[13]=[e("span",{class:"switch-core"},null,-1)])],2)]),e("div",on,[u[16]||(u[16]=e("span",null,"暗黑模式",-1)),e("div",{class:R(["switch-wrapper",{"is-checked":n(d).isDark}]),onClick:ve},[...u[15]||(u[15]=[e("span",{class:"switch-core"},null,-1)])],2)])])])])]),_:1},8,["modelValue"])])}}}),an=pe(ln,[["__scopeId","data-v-da5e391c"]]),rn={class:"mix-top-menu"},cn={class:"mix-top-menu__logo"},un=["src"],dn={class:"mix-top-menu__logo-text"},mn={class:"mix-top-menu__menu-content"},pn={key:0,class:"mix-top-menu__menu-icon"},_n={key:1,class:"mix-top-menu__menu-char"},vn={class:"mix-top-menu__menu-text"},hn={class:"mix-top-menu__actions"},fn={key:0,class:"mix-top-menu__search-dropdown"},gn={key:0,class:"mix-top-menu__search-results"},yn=["onClick"],kn={key:0,class:"mix-top-menu__search-icon-item"},wn={key:1,class:"mix-top-menu__search-char"},bn={class:"mix-top-menu__search-item-title"},xn={key:1,class:"mix-top-menu__search-item-parent"},$n={key:1,class:"mix-top-menu__search-empty"},Cn=["title"],Mn={class:"mix-top-menu__avatar"},Ln={class:"mix-top-menu__user-name"},Sn={key:0,class:"mix-top-menu__dropdown"},Nn={class:"mix-top-menu__dropdown-header"},Un={class:"mix-top-menu__dropdown-avatar"},zn={class:"mix-top-menu__dropdown-info"},En={class:"mix-top-menu__dropdown-name"},Tn={class:"mix-top-menu__dropdown-role"},In={class:"mix-top-menu__dropdown-menu"},Dn={class:"settings-drawer"},Vn={class:"settings-section"},Fn={class:"settings-layout-options"},An=["onClick"],Rn={class:"layout-option__preview"},Pn={key:0,class:"layout-preview-sidebar"},Bn={key:1,class:"layout-preview-top"},On={key:2,class:"layout-preview-mix"},Kn={class:"layout-option__label"},qn={class:"settings-section"},Wn={class:"settings-color-options"},Gn=["title","onClick"],jn={class:"settings-section"},Hn={class:"settings-switch-list"},Yn={class:"settings-switch-item"},Qn={class:"settings-switch-item"},Jn=me({__name:"MixTopMenu",props:{logoSrc:{default:"/vite.svg"}},setup(M){const E=M,b=Le(),_=Se(),y=xe(),d=$e(),S=Ce(),T=Ne(),h=k(""),F=(s,l="")=>{const D=[];return s.forEach(c=>{c.children&&c.children.length>0?D.push(...F(c.children,c.menuName)):D.push({...c,parentTitle:l,title:c.menuName,path:c.menuUrl})}),D},I=w(()=>v.value.trim()?F(y.menuList).filter(l=>l.title.toLowerCase().includes(v.value.toLowerCase())):[]),N=w(()=>{const s=y.menuList.find(l=>l.menuUrl===h.value);return(s==null?void 0:s.children)||[]}),$=w(()=>y.menuList.find(s=>!!(b.path===s.menuUrl||s.children&&s.children.some(l=>b.path.startsWith(l.menuUrl)||b.path===l.menuUrl)))),Q=()=>{$.value?h.value=$.value.menuUrl:y.menuList.length>0&&(h.value=y.menuList[0].menuUrl)},G=s=>{h.value=s;const l=y.menuList.find(D=>D.menuUrl===s);if(l)if(l.children&&l.children.length>0){const D=l.children[0].menuUrl;b.path!==D&&_.push(D)}else b.path!==s&&_.push(s)},ee=w(()=>d.isDark?"#1d1e1f":"#fff"),j=w(()=>d.isDark?"#cfd3dc":"#303133"),P=w(()=>"#409eff"),K=k(!1),J=k(null),q=k(!1),B=k(!1),Z=k(!1),C=k(!1),v=k(""),L=k(null);ke(()=>b.path,()=>{Q(),d.setMixSubMenus(N.value)}),ke(()=>y.menuList,s=>{s&&s.length>0&&(Q(),d.setMixSubMenus(N.value))},{immediate:!0});const W=new Set(["arrow-up","arrow-down","arrow-left","arrow-right","caret-down","caret-right","plus","minus","close","check","edit","delete","copy","download","upload","refresh","search","filter","more","setting","share","loading","info","success","warning","error","question","user","user-add","user-group","logout","login","file","folder","folder-open","document","image","video","music","camera","mail","phone","chat","bell","message","eye","eye-off","calendar","clock","history","timer","location","map","globe","star","heart","thumb-up","link","external-link","lock","unlock","key","home","menu","menu-fold","menu-unfold","sidebar-fold","sidebar-expand","sidebar-left","dashboard","chart","chart-pie","chart-line","report","analytics","system","permission","role","user-manage","log","notification","app","list","grid","fullscreen","fullscreen-exit","zoom-in","zoom-out","print","bookmark","tag","code","terminal","database","server","cloud","gift","moon","sun","theme","skin"]),A=s=>{if(!s||s==="")return"";if(s.startsWith("tineco-icon-")){const D=s.replace("tineco-icon-","");return{home:"home",dashboard:"dashboard",system:"system",user:"user",role:"role",menu:"list",setting:"setting",file:"file",folder:"folder",chart:"chart",report:"report",analytics:"analytics"}[D]||D}return{dashboard:"dashboard",system:"system",user:"user",role:"role",menu:"list",setting:"setting",home:"home",chart:"chart",report:"report",analytics:"analytics",permission:"permission",log:"log",notification:"notification",app:"app",list:"list",grid:"grid"}[s]||s},se=s=>s?s.charAt(0):"",le=s=>W.has(s),_e=()=>{d.toggleTheme(),B.value=!1},te=()=>{document.fullscreenElement?document.exitFullscreen():document.documentElement.requestFullscreen()},oe=()=>{q.value=!!document.fullscreenElement},ie=()=>{K.value=!K.value},ne=()=>{K.value=!1},X=()=>{C.value=!1,v.value=""},ae=s=>{_.push(s),X()},ve=()=>{B.value=!0},he=s=>{Z.value=s;const l=document.documentElement;s?l.classList.add("grey-mode"):l.classList.remove("grey-mode")},fe=()=>{he(!Z.value),B.value=!1},ge=()=>{d.toggleTheme(),B.value=!1},ye=[{value:"sidebar",label:"左侧菜单",icon:"sidebar-left"},{value:"top",label:"顶部菜单",icon:"menu"},{value:"mix",label:"混合菜单",icon:"grid"}],re=w(()=>d.layout),ce=s=>{d.setLayout(s),B.value=!1},g=[{value:"#409eff",label:"默认蓝"},{value:"#1890ff",label:"科技蓝"},{value:"#52c41a",label:"极光绿"},{value:"#faad14",label:"日落橙"},{value:"#f5222d",label:"薄暮红"},{value:"#722ed1",label:"酱紫"}],a=s=>{d.setPrimaryColor(s),B.value=!1},H=()=>{ne(),_.push("/profile")},r=()=>{ne(),_.push("/change-password")},p=()=>{ne(),T.logout(),S.clearUserInfo(),y.clearMenu(),_.push("/login")},u=s=>{J.value&&!J.value.contains(s.target)&&ne(),L.value&&!L.value.contains(s.target)&&X()},Y=s=>{s.key==="Escape"&&(X(),ne())};return Te(()=>{document.addEventListener("click",u),document.addEventListener("fullscreenchange",oe),document.addEventListener("keydown",Y),Z.value=document.documentElement.classList.contains("grey-mode"),Q()}),Ie(()=>{document.removeEventListener("click",u),document.removeEventListener("fullscreenchange",oe),document.removeEventListener("keydown",Y)}),(s,l)=>{var D;return t(),o("div",rn,[e("div",cn,[e("img",{src:E.logoSrc,alt:"Logo",class:"mix-top-menu__logo-img"},null,8,un),e("span",dn,i(n(d).appName),1)]),m(n(Fe),{"model-value":h.value,mode:"horizontal","background-color":ee.value,"text-color":j.value,"active-text-color":P.value,class:"mix-top-menu__menu",onSelect:G},{default:z(()=>[(t(!0),o(V,null,O(n(y).menuList,c=>(t(),U(n(we),{key:c.menuUrl,index:c.menuUrl},{default:z(()=>[e("span",mn,[c.menuName!=="首页"?(t(),o("span",pn,[le(A(c.icon))?(t(),U(n(f),{key:0,name:A(c.icon),size:16},null,8,["name"])):(t(),o("span",_n,i(se(c.menuName)),1))])):x("",!0),e("span",vn,i(c.menuName),1)])]),_:2},1032,["index"]))),128))]),_:1},8,["model-value","background-color","text-color","active-text-color"]),e("div",hn,[e("div",{class:"mix-top-menu__search",ref_key:"searchRef",ref:L},[m(n(f),{name:"search",size:14,class:"mix-top-menu__search-icon"}),Me(e("input",{"onUpdate:modelValue":l[0]||(l[0]=c=>v.value=c),type:"text",class:"mix-top-menu__search-input",placeholder:"搜索菜单...",onFocus:l[1]||(l[1]=c=>C.value=!0)},null,544),[[De,v.value]]),m(de,{name:"search-dropdown"},{default:z(()=>[C.value&&(I.value.length>0||v.value)?(t(),o("div",fn,[I.value.length>0?(t(),o("div",gn,[(t(!0),o(V,null,O(I.value,c=>(t(),o("div",{key:c.path,class:"mix-top-menu__search-item",onClick:Re=>ae(c.path)},[c.title!=="首页"?(t(),o("span",kn,[le(A(c.icon))?(t(),U(n(f),{key:0,name:A(c.icon),size:16},null,8,["name"])):(t(),o("span",wn,i(se(c.title)),1))])):x("",!0),e("span",bn,i(c.title),1),c.parentTitle?(t(),o("span",xn,i(c.parentTitle),1)):x("",!0)],8,yn))),128))])):(t(),o("div",$n," 未找到匹配的菜单 "))])):x("",!0)]),_:1})],512),e("div",{class:"mix-top-menu__action",onClick:te,title:q.value?"退出全屏":"全屏"},[m(n(f),{name:q.value?"fullscreen-exit":"fullscreen",size:16},null,8,["name"])],8,Cn),e("div",{class:"mix-top-menu__action",onClick:ve,title:"换肤设置"},[m(n(f),{name:"skin",size:16})]),e("div",{class:"mix-top-menu__action",onClick:_e,title:"切换主题"},[m(n(f),{name:n(d).isDark?"sun":"moon",size:16},null,8,["name"])]),e("div",{class:"mix-top-menu__user",ref_key:"dropdownRef",ref:J},[e("div",{class:"mix-top-menu__user-trigger",onClick:Ve(ie,["stop"])},[e("div",Mn,[e("span",null,i(((D=n(S).userName)==null?void 0:D.charAt(0))||"U"),1)]),e("span",Ln,i(n(S).userName),1),e("span",{class:R(["mix-top-menu__user-arrow",{"is-active":K.value}])},"▼",2)]),m(de,{name:"dropdown"},{default:z(()=>{var c;return[K.value?(t(),o("div",Sn,[e("div",Nn,[e("div",Un,[e("span",null,i(((c=n(S).userName)==null?void 0:c.charAt(0))||"U"),1)]),e("div",zn,[e("div",En,i(n(S).userName),1),e("div",Tn,i(n(S).departmentName),1)])]),l[7]||(l[7]=e("div",{class:"mix-top-menu__dropdown-divider"},null,-1)),e("div",In,[e("div",{class:"mix-top-menu__dropdown-item",onClick:H},[m(n(f),{name:"user",size:16}),l[3]||(l[3]=e("span",null,"个人信息",-1))]),e("div",{class:"mix-top-menu__dropdown-item",onClick:r},[m(n(f),{name:"lock",size:16}),l[4]||(l[4]=e("span",null,"修改密码",-1))]),l[6]||(l[6]=e("div",{class:"mix-top-menu__dropdown-divider"},null,-1)),e("div",{class:"mix-top-menu__dropdown-item mix-top-menu__dropdown-item--danger",onClick:p},[m(n(f),{name:"logout",size:16}),l[5]||(l[5]=e("span",null,"退出登录",-1))])])])):x("",!0)]}),_:1})],512)]),m(n(Ae),{modelValue:B.value,"onUpdate:modelValue":l[2]||(l[2]=c=>B.value=c),title:"换肤设置",direction:"rtl",size:"320px"},{default:z(()=>[e("div",Dn,[e("div",Vn,[l[11]||(l[11]=e("div",{class:"settings-title"},"布局模式",-1)),e("div",Fn,[(t(),o(V,null,O(ye,c=>e("div",{key:c.value,class:R(["layout-option",{"is-active":re.value===c.value}]),onClick:Re=>ce(c.value)},[e("div",Rn,[c.value==="sidebar"?(t(),o("div",Pn,[...l[8]||(l[8]=[e("div",{class:"preview-aside"},null,-1),e("div",{class:"preview-main"},[e("div",{class:"preview-header"}),e("div",{class:"preview-content"})],-1)])])):c.value==="top"?(t(),o("div",Bn,[...l[9]||(l[9]=[e("div",{class:"preview-header-full"},null,-1),e("div",{class:"preview-content-full"},null,-1)])])):(t(),o("div",On,[...l[10]||(l[10]=[e("div",{class:"preview-header-mix"},[e("div",{class:"preview-mix-left"})],-1),e("div",{class:"preview-mix-body"},[e("div",{class:"preview-mix-aside"}),e("div",{class:"preview-mix-content"})],-1)])]))]),e("span",Kn,i(c.label),1)],10,An)),64))])]),e("div",qn,[l[12]||(l[12]=e("div",{class:"settings-title"},"主题色",-1)),e("div",Wn,[(t(),o(V,null,O(g,c=>e("div",{key:c.value,class:R(["color-option",{"is-active":n(d).primaryColor===c.value}]),style:be({backgroundColor:c.value}),title:c.label,onClick:Re=>a(c.value)},[n(d).primaryColor===c.value?(t(),U(n(f),{key:0,name:"check",size:12,color:"#fff"})):x("",!0)],14,Gn)),64))])]),e("div",jn,[l[17]||(l[17]=e("div",{class:"settings-title"},"功能设置",-1)),e("div",Hn,[e("div",Yn,[l[14]||(l[14]=e("span",null,"灰色模式",-1)),e("div",{class:R(["switch-wrapper",{"is-checked":Z.value}]),onClick:fe},[...l[13]||(l[13]=[e("span",{class:"switch-core"},null,-1)])],2)]),e("div",Qn,[l[16]||(l[16]=e("span",null,"暗黑模式",-1)),e("div",{class:R(["switch-wrapper",{"is-checked":n(d).isDark}]),onClick:ge},[...l[15]||(l[15]=[e("span",{class:"switch-core"},null,-1)])],2)])])])])]),_:1},8,["modelValue"])])}}}),Xn=pe(Jn,[["__scopeId","data-v-18f26903"]]),Zn={key:0,class:"layout layout--sidebar"},eo={class:"layout__main"},so={class:"layout__header"},to={class:"layout__content"},no={key:1,class:"layout layout--top"},oo={class:"layout__top-menu"},lo={class:"layout__main"},ao={class:"layout__content"},io={key:2,class:"layout layout--mix"},ro={class:"layout__mix-top-menu"},co={class:"layout__mix-body"},uo={class:"layout__content"},mo=me({__name:"index",props:{logoSrc:{default:"/vite.svg"}},setup(M){const E=M,b=$e(),_=xe(),y=w(()=>b.isCollapsed?"64px":"210px"),d=w(()=>b.layout),S=w(()=>d.value==="mix"),T=w(()=>d.value==="sidebar"?_.menuList:d.value==="mix"?b.mixSubMenus:[]),h=w(()=>S.value?T.value.length>0:!1);return(F,I)=>{const N=Be("router-view");return t(),o(V,null,[d.value==="sidebar"?(t(),o("div",Zn,[e("aside",{class:"layout__aside",style:be({width:y.value})},[m(Pe,{"menu-list":T.value,"show-logo":!0,"show-user":!0,"logo-src":E.logoSrc},null,8,["menu-list","logo-src"])],4),e("div",eo,[e("header",so,[m(Zs)]),e("main",to,[m(N)])])])):x("",!0),d.value==="top"?(t(),o("div",no,[e("div",oo,[m(an,{"logo-src":E.logoSrc},null,8,["logo-src"])]),e("div",lo,[e("main",ao,[m(N)])])])):x("",!0),d.value==="mix"?(t(),o("div",io,[e("div",ro,[m(Xn,{"logo-src":E.logoSrc},null,8,["logo-src"])]),e("div",co,[h.value?(t(),o("aside",{key:0,class:"layout__aside",style:be({width:y.value})},[m(Pe,{"menu-list":T.value,"show-logo":!1,"show-user":!1},null,8,["menu-list"])],4)):x("",!0),e("main",uo,[m(N)])])])):x("",!0)],64)}}}),$o=pe(mo,[["__scopeId","data-v-3317ef3c"]]);export{$o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.menu-item__content[data-v-63a22b69]{display:inline-flex;align-items:center;line-height:1}.menu-item__text[data-v-63a22b69]{flex:1;line-height:1}.menu-item__icon[data-v-63a22b69]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;flex-shrink:0}.menu-item__char[data-v-63a22b69]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--color-primary);background-color:var(--color-primary-light-8);border-radius:4px}.sidebar[data-v-dcb0753a]{height:100%;display:flex;flex-direction:column;background-color:var(--bg-color);border-right:1px solid var(--color-border-lighter)}.sidebar--collapsed .sidebar__logo[data-v-dcb0753a]{justify-content:center;padding:0}.sidebar__logo[data-v-dcb0753a]{height:50px;display:flex;align-items:center;padding:0 20px;gap:10px;border-bottom:1px solid var(--color-border-lighter)}.sidebar__logo-img[data-v-dcb0753a]{width:32px;height:32px}.sidebar__logo-text[data-v-dcb0753a]{font-size:16px;font-weight:600;color:var(--color-primary)}.sidebar__menu[data-v-dcb0753a]{flex:1;border-right:none;overflow-y:auto}.sidebar__user[data-v-dcb0753a]{padding:10px;border-top:1px solid var(--color-border-lighter);display:flex;align-items:center;justify-content:space-between}.sidebar__user-info[data-v-dcb0753a]{display:flex;flex-direction:column;gap:2px}.sidebar__user-name[data-v-dcb0753a]{font-size:14px;font-weight:500}.sidebar__user-role[data-v-dcb0753a]{font-size:12px;color:var(--color-text-secondary)}.header[data-v-c23eed08]{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%;background-color:var(--bg-color);border-bottom:1px solid var(--color-border-lighter)}.header__left[data-v-c23eed08]{display:flex;align-items:center;gap:15px}.header__collapse[data-v-c23eed08]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-regular);transition:color .2s}.header__collapse[data-v-c23eed08]:hover{color:var(--color-primary)}.header__breadcrumb[data-v-c23eed08]{font-size:14px;color:var(--color-text-secondary)}.header__breadcrumb .breadcrumb-separator[data-v-c23eed08]{margin:0 8px;color:var(--color-text-placeholder)}.header__breadcrumb .is-current[data-v-c23eed08]{color:var(--color-text-primary);font-weight:500}.header__right[data-v-c23eed08]{display:flex;align-items:center;gap:8px}.header__search[data-v-c23eed08]{position:relative;display:flex;align-items:center;background-color:var(--color-fill-light);border-radius:var(--border-radius-base);padding:0 12px;height:32px;width:200px}.header__search-icon[data-v-c23eed08]{color:var(--color-text-secondary)}.header__search-input[data-v-c23eed08]{flex:1;height:100%;font-size:14px;color:var(--color-text-primary);background:transparent;border:none;outline:none;padding-left:8px}.header__search-input[data-v-c23eed08]::placeholder{color:var(--color-text-placeholder)}.header__search-dropdown[data-v-c23eed08]{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;max-height:300px;overflow-y:auto;background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);z-index:100}.header__search-results[data-v-c23eed08]{padding:8px 0}.header__search-item[data-v-c23eed08]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.header__search-item[data-v-c23eed08]:hover{background-color:var(--color-fill)}.header__search-item-title[data-v-c23eed08]{font-size:14px;color:var(--color-text-primary)}.header__search-item-parent[data-v-c23eed08]{font-size:12px;color:var(--color-text-secondary);margin-left:auto}.header__search-icon[data-v-c23eed08]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.header__search-char[data-v-c23eed08]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--color-primary);background-color:var(--color-primary-light-8);border-radius:4px}.header__search-empty[data-v-c23eed08]{padding:16px 12px;text-align:center;color:var(--color-text-secondary);font-size:14px}.header__action[data-v-c23eed08]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius-base);color:var(--color-text-regular);transition:all .2s}.header__action[data-v-c23eed08]:hover{background-color:var(--color-fill);color:var(--color-primary)}.header__user[data-v-c23eed08]{position:relative;margin-left:8px}.header__user-trigger[data-v-c23eed08]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-base);transition:background-color .2s}.header__user-trigger[data-v-c23eed08]:hover{background-color:var(--color-fill)}.header__user-name[data-v-c23eed08]{font-size:14px;color:var(--color-text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__user-arrow[data-v-c23eed08]{font-size:10px;color:var(--color-text-secondary);transition:transform .2s}.header__user-arrow.is-active[data-v-c23eed08]{transform:rotate(180deg)}.header__avatar[data-v-c23eed08]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}.header__dropdown[data-v-c23eed08]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);overflow:hidden;z-index:100}.header__dropdown-header[data-v-c23eed08]{display:flex;align-items:center;gap:12px;padding:16px}.header__dropdown-avatar[data-v-c23eed08]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500}.header__dropdown-info[data-v-c23eed08]{flex:1}.header__dropdown-name[data-v-c23eed08]{font-size:14px;font-weight:500;color:var(--color-text-primary)}.header__dropdown-role[data-v-c23eed08]{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.header__dropdown-divider[data-v-c23eed08]{height:1px;background-color:var(--color-border-lighter)}.header__dropdown-menu[data-v-c23eed08]{padding:8px 0}.header__dropdown-item[data-v-c23eed08]{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--color-text-regular);transition:all .2s}.header__dropdown-item[data-v-c23eed08]:hover{background-color:var(--color-fill);color:var(--color-text-primary)}.header__dropdown-item--danger[data-v-c23eed08]{color:var(--color-danger)}.header__dropdown-item--danger[data-v-c23eed08]:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.settings-drawer .settings-section[data-v-c23eed08]{margin-bottom:24px}.settings-drawer .settings-title[data-v-c23eed08]{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:12px}.settings-drawer .settings-layout-options[data-v-c23eed08]{display:flex;gap:12px}.settings-drawer .layout-option[data-v-c23eed08]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s}.settings-drawer .layout-option[data-v-c23eed08]:hover{border-color:var(--color-primary-light-5)}.settings-drawer .layout-option.is-active[data-v-c23eed08]{border-color:var(--color-primary);background-color:var(--color-primary-light-9)}.settings-drawer .layout-option__preview[data-v-c23eed08]{width:48px;height:36px;border:1px solid var(--color-border-light);border-radius:2px;overflow:hidden}.settings-drawer .layout-option__label[data-v-c23eed08]{font-size:12px;color:var(--color-text-regular)}.settings-drawer .layout-preview-sidebar[data-v-c23eed08]{display:flex;height:100%}.settings-drawer .layout-preview-sidebar .preview-aside[data-v-c23eed08]{width:25%;height:100%;background-color:var(--color-primary-light-7)}.settings-drawer .layout-preview-sidebar .preview-main[data-v-c23eed08]{flex:1;display:flex;flex-direction:column}.settings-drawer .layout-preview-sidebar .preview-main .preview-header[data-v-c23eed08]{height:20%;background-color:var(--color-border-light)}.settings-drawer .layout-preview-sidebar .preview-main .preview-content[data-v-c23eed08]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .layout-preview-top[data-v-c23eed08]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-top .preview-header-full[data-v-c23eed08]{height:25%;background-color:var(--color-primary-light-7)}.settings-drawer .layout-preview-top .preview-content-full[data-v-c23eed08]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .layout-preview-mix[data-v-c23eed08]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-mix .preview-header-mix[data-v-c23eed08]{height:25%;background-color:var(--color-primary-light-7);display:flex}.settings-drawer .layout-preview-mix .preview-header-mix .preview-mix-left[data-v-c23eed08]{width:30%;background-color:var(--color-primary)}.settings-drawer .layout-preview-mix .preview-mix-body[data-v-c23eed08]{flex:1;display:flex}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-aside[data-v-c23eed08]{width:25%;background-color:var(--color-primary-light-8)}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-content[data-v-c23eed08]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .settings-color-options[data-v-c23eed08]{display:flex;gap:12px}.settings-drawer .color-option[data-v-c23eed08]{width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.settings-drawer .color-option[data-v-c23eed08]:hover{transform:scale(1.1)}.settings-drawer .color-option.is-active[data-v-c23eed08]{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--color-primary)}.settings-drawer .settings-switch-list[data-v-c23eed08]{display:flex;flex-direction:column;gap:12px}.settings-drawer .settings-switch-item[data-v-c23eed08]{display:flex;align-items:center;justify-content:space-between}.settings-drawer .settings-switch-item span[data-v-c23eed08]{font-size:14px;color:var(--color-text-regular)}.settings-drawer .switch-wrapper[data-v-c23eed08]{width:44px;height:22px;display:flex;align-items:center;cursor:pointer}.settings-drawer .switch-wrapper .switch-core[data-v-c23eed08]{width:100%;height:100%;border-radius:11px;background-color:var(--color-border);position:relative;transition:background-color .2s}.settings-drawer .switch-wrapper .switch-core[data-v-c23eed08]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:left .2s}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-c23eed08]{background-color:var(--color-primary)}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-c23eed08]:after{left:24px}.dropdown-enter-active[data-v-c23eed08],.dropdown-leave-active[data-v-c23eed08]{transition:all .2s ease}.dropdown-enter-from[data-v-c23eed08],.dropdown-leave-to[data-v-c23eed08]{opacity:0;transform:translateY(-10px)}.search-dropdown-enter-active[data-v-c23eed08],.search-dropdown-leave-active[data-v-c23eed08]{transition:all .2s ease}.search-dropdown-enter-from[data-v-c23eed08],.search-dropdown-leave-to[data-v-c23eed08]{opacity:0;transform:translateY(-4px)}.top-menu[data-v-da5e391c]{width:100%;height:100%;display:flex;align-items:center;padding:0 20px}.top-menu__logo[data-v-da5e391c]{display:flex;align-items:center;gap:10px;margin-right:20px}.top-menu__logo-img[data-v-da5e391c]{width:32px;height:32px}.top-menu__logo-text[data-v-da5e391c]{font-size:16px;font-weight:600;color:var(--color-primary)}.top-menu__menu[data-v-da5e391c]{flex:1;border-bottom:none;height:49px;display:flex;align-items:center;line-height:49px}.top-menu__menu[data-v-da5e391c] .x-menu{height:49px;line-height:49px;border-bottom:none}.top-menu__menu[data-v-da5e391c] .x-menu--horizontal{height:49px;display:flex;align-items:center;border-bottom:none;line-height:49px}.top-menu__menu[data-v-da5e391c] .x-menu-item{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.top-menu__menu[data-v-da5e391c] .x-menu-item.is-horizontal{height:49px;line-height:49px}.top-menu__menu[data-v-da5e391c] .x-menu-item__content{height:49px}.top-menu__menu[data-v-da5e391c] .x-sub-menu{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.top-menu__menu[data-v-da5e391c] .x-sub-menu--horizontal{height:49px}.top-menu__menu[data-v-da5e391c] .x-sub-menu__title{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.top-menu__menu[data-v-da5e391c] .x-sub-menu__content{height:49px}.top-menu__menu-content[data-v-da5e391c]{align-items:center;line-height:1}.top-menu__menu-text[data-v-da5e391c]{line-height:1}.top-menu__menu-icon[data-v-da5e391c]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;flex-shrink:0}.top-menu__menu-char[data-v-da5e391c]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--color-primary);background-color:var(--color-primary-light-8);border-radius:4px}.top-menu__actions[data-v-da5e391c]{display:flex;align-items:center;gap:8px}.top-menu__search[data-v-da5e391c]{position:relative;display:flex;align-items:center;background-color:var(--color-fill-light);border-radius:var(--border-radius-base);padding:0 12px;height:32px;width:200px}.top-menu__search-icon[data-v-da5e391c]{color:var(--color-text-secondary)}.top-menu__search-input[data-v-da5e391c]{flex:1;height:100%;font-size:14px;color:var(--color-text-primary);background:transparent;border:none;outline:none;padding-left:8px}.top-menu__search-input[data-v-da5e391c]::placeholder{color:var(--color-text-placeholder)}.top-menu__search-dropdown[data-v-da5e391c]{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;max-height:300px;overflow-y:auto;background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);z-index:100}.top-menu__search-results[data-v-da5e391c]{padding:8px 0}.top-menu__search-item[data-v-da5e391c]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.top-menu__search-item[data-v-da5e391c]:hover{background-color:var(--color-fill)}.top-menu__search-item-title[data-v-da5e391c]{font-size:14px;color:var(--color-text-primary)}.top-menu__search-item-parent[data-v-da5e391c]{font-size:12px;color:var(--color-text-secondary);margin-left:auto}.top-menu__search-icon-item[data-v-da5e391c]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.top-menu__search-char[data-v-da5e391c]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--color-primary);background-color:var(--color-primary-light-8);border-radius:4px}.top-menu__search-empty[data-v-da5e391c]{padding:16px 12px;text-align:center;color:var(--color-text-secondary);font-size:14px}.top-menu__action[data-v-da5e391c]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius-base);color:var(--color-text-regular);transition:all .2s}.top-menu__action[data-v-da5e391c]:hover{background-color:var(--color-fill);color:var(--color-primary)}.top-menu__user[data-v-da5e391c]{position:relative;margin-left:8px}.top-menu__user-trigger[data-v-da5e391c]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-base);transition:background-color .2s}.top-menu__user-trigger[data-v-da5e391c]:hover{background-color:var(--color-fill)}.top-menu__user-name[data-v-da5e391c]{font-size:14px;color:var(--color-text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-menu__user-arrow[data-v-da5e391c]{font-size:10px;color:var(--color-text-secondary);transition:transform .2s}.top-menu__user-arrow.is-active[data-v-da5e391c]{transform:rotate(180deg)}.top-menu__avatar[data-v-da5e391c]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}.top-menu__dropdown[data-v-da5e391c]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);overflow:hidden;z-index:100}.top-menu__dropdown-header[data-v-da5e391c]{display:flex;align-items:center;gap:12px;padding:16px}.top-menu__dropdown-avatar[data-v-da5e391c]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500}.top-menu__dropdown-info[data-v-da5e391c]{flex:1}.top-menu__dropdown-name[data-v-da5e391c]{font-size:14px;font-weight:500;color:var(--color-text-primary)}.top-menu__dropdown-role[data-v-da5e391c]{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.top-menu__dropdown-divider[data-v-da5e391c]{height:1px;background-color:var(--color-border-lighter)}.top-menu__dropdown-menu[data-v-da5e391c]{padding:8px 0}.top-menu__dropdown-item[data-v-da5e391c]{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--color-text-regular);transition:all .2s}.top-menu__dropdown-item[data-v-da5e391c]:hover{background-color:var(--color-fill);color:var(--color-text-primary)}.top-menu__dropdown-item--danger[data-v-da5e391c]{color:var(--color-danger)}.top-menu__dropdown-item--danger[data-v-da5e391c]:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.settings-drawer .settings-section[data-v-da5e391c]{margin-bottom:24px}.settings-drawer .settings-title[data-v-da5e391c]{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:12px}.settings-drawer .settings-layout-options[data-v-da5e391c]{display:flex;gap:12px}.settings-drawer .layout-option[data-v-da5e391c]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s}.settings-drawer .layout-option[data-v-da5e391c]:hover{border-color:var(--color-primary-light-5)}.settings-drawer .layout-option.is-active[data-v-da5e391c]{border-color:var(--color-primary);background-color:var(--color-primary-light-9)}.settings-drawer .layout-option__preview[data-v-da5e391c]{width:48px;height:36px;border:1px solid var(--color-border-light);border-radius:2px;overflow:hidden}.settings-drawer .layout-option__label[data-v-da5e391c]{font-size:12px;color:var(--color-text-regular)}.settings-drawer .layout-preview-sidebar[data-v-da5e391c]{display:flex;height:100%}.settings-drawer .layout-preview-sidebar .preview-aside[data-v-da5e391c]{width:25%;height:100%;background-color:var(--color-primary-light-7)}.settings-drawer .layout-preview-sidebar .preview-main[data-v-da5e391c]{flex:1;display:flex;flex-direction:column}.settings-drawer .layout-preview-sidebar .preview-main .preview-header[data-v-da5e391c]{height:20%;background-color:var(--color-border-light)}.settings-drawer .layout-preview-sidebar .preview-main .preview-content[data-v-da5e391c]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .layout-preview-top[data-v-da5e391c]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-top .preview-header-full[data-v-da5e391c]{height:25%;background-color:var(--color-primary-light-7)}.settings-drawer .layout-preview-top .preview-content-full[data-v-da5e391c]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .layout-preview-mix[data-v-da5e391c]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-mix .preview-header-mix[data-v-da5e391c]{height:25%;background-color:var(--color-primary-light-7);display:flex}.settings-drawer .layout-preview-mix .preview-header-mix .preview-mix-left[data-v-da5e391c]{width:30%;background-color:var(--color-primary)}.settings-drawer .layout-preview-mix .preview-mix-body[data-v-da5e391c]{flex:1;display:flex}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-aside[data-v-da5e391c]{width:25%;background-color:var(--color-primary-light-8)}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-content[data-v-da5e391c]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .settings-color-options[data-v-da5e391c]{display:flex;gap:12px}.settings-drawer .color-option[data-v-da5e391c]{width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.settings-drawer .color-option[data-v-da5e391c]:hover{transform:scale(1.1)}.settings-drawer .color-option.is-active[data-v-da5e391c]{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--color-primary)}.settings-drawer .settings-switch-list[data-v-da5e391c]{display:flex;flex-direction:column;gap:12px}.settings-drawer .settings-switch-item[data-v-da5e391c]{display:flex;align-items:center;justify-content:space-between}.settings-drawer .settings-switch-item span[data-v-da5e391c]{font-size:14px;color:var(--color-text-regular)}.settings-drawer .switch-wrapper[data-v-da5e391c]{width:44px;height:22px;display:flex;align-items:center;cursor:pointer}.settings-drawer .switch-wrapper .switch-core[data-v-da5e391c]{width:100%;height:100%;border-radius:11px;background-color:var(--color-border);position:relative;transition:background-color .2s}.settings-drawer .switch-wrapper .switch-core[data-v-da5e391c]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:left .2s}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-da5e391c]{background-color:var(--color-primary)}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-da5e391c]:after{left:24px}.dropdown-enter-active[data-v-da5e391c],.dropdown-leave-active[data-v-da5e391c]{transition:all .2s ease}.dropdown-enter-from[data-v-da5e391c],.dropdown-leave-to[data-v-da5e391c]{opacity:0;transform:translateY(-10px)}.search-dropdown-enter-active[data-v-da5e391c],.search-dropdown-leave-active[data-v-da5e391c]{transition:all .2s ease}.search-dropdown-enter-from[data-v-da5e391c],.search-dropdown-leave-to[data-v-da5e391c]{opacity:0;transform:translateY(-4px)}.mix-top-menu[data-v-18f26903]{width:100%;height:100%;display:flex;align-items:center;padding:0 20px}.mix-top-menu__logo[data-v-18f26903]{display:flex;align-items:center;gap:10px;margin-right:20px}.mix-top-menu__logo-img[data-v-18f26903]{width:32px;height:32px}.mix-top-menu__logo-text[data-v-18f26903]{font-size:16px;font-weight:600;color:var(--color-primary)}.mix-top-menu__menu[data-v-18f26903]{flex:1;border-bottom:none;height:49px;display:flex;align-items:center;line-height:49px}.mix-top-menu__menu[data-v-18f26903] .x-menu{height:49px;line-height:49px;border-bottom:none}.mix-top-menu__menu[data-v-18f26903] .x-menu--horizontal{height:49px;display:flex;align-items:center;border-bottom:none;line-height:49px}.mix-top-menu__menu[data-v-18f26903] .x-menu-item{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.mix-top-menu__menu[data-v-18f26903] .x-menu-item.is-horizontal{height:49px;line-height:49px}.mix-top-menu__menu[data-v-18f26903] .x-menu-item__content{height:49px}.mix-top-menu__menu[data-v-18f26903] .x-sub-menu{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.mix-top-menu__menu[data-v-18f26903] .x-sub-menu--horizontal{height:49px}.mix-top-menu__menu[data-v-18f26903] .x-sub-menu__title{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.mix-top-menu__menu[data-v-18f26903] .x-sub-menu__content{height:49px}.mix-top-menu__menu-content[data-v-18f26903]{align-items:center;line-height:1}.mix-top-menu__menu-text[data-v-18f26903]{line-height:1}.mix-top-menu__menu-icon[data-v-18f26903]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;flex-shrink:0}.mix-top-menu__menu-char[data-v-18f26903]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--color-primary);background-color:var(--color-primary-light-8);border-radius:4px}.mix-top-menu__actions[data-v-18f26903]{display:flex;align-items:center;gap:8px}.mix-top-menu__search[data-v-18f26903]{position:relative;display:flex;align-items:center;background-color:var(--color-fill-light);border-radius:var(--border-radius-base);padding:0 12px;height:32px;width:200px}.mix-top-menu__search-icon[data-v-18f26903]{color:var(--color-text-secondary)}.mix-top-menu__search-input[data-v-18f26903]{flex:1;height:100%;font-size:14px;color:var(--color-text-primary);background:transparent;border:none;outline:none;padding-left:8px}.mix-top-menu__search-input[data-v-18f26903]::placeholder{color:var(--color-text-placeholder)}.mix-top-menu__search-dropdown[data-v-18f26903]{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;max-height:300px;overflow-y:auto;background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);z-index:100}.mix-top-menu__search-results[data-v-18f26903]{padding:8px 0}.mix-top-menu__search-item[data-v-18f26903]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.mix-top-menu__search-item[data-v-18f26903]:hover{background-color:var(--color-fill)}.mix-top-menu__search-item-title[data-v-18f26903]{font-size:14px;color:var(--color-text-primary)}.mix-top-menu__search-item-parent[data-v-18f26903]{font-size:12px;color:var(--color-text-secondary);margin-left:auto}.mix-top-menu__search-icon-item[data-v-18f26903]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.mix-top-menu__search-char[data-v-18f26903]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--color-primary);background-color:var(--color-primary-light-8);border-radius:4px}.mix-top-menu__search-empty[data-v-18f26903]{padding:16px 12px;text-align:center;color:var(--color-text-secondary);font-size:14px}.mix-top-menu__action[data-v-18f26903]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--border-radius-base);color:var(--color-text-regular);transition:all .2s}.mix-top-menu__action[data-v-18f26903]:hover{background-color:var(--color-fill);color:var(--color-primary)}.mix-top-menu__user[data-v-18f26903]{position:relative;margin-left:8px}.mix-top-menu__user-trigger[data-v-18f26903]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-base);transition:background-color .2s}.mix-top-menu__user-trigger[data-v-18f26903]:hover{background-color:var(--color-fill)}.mix-top-menu__user-name[data-v-18f26903]{font-size:14px;color:var(--color-text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-top-menu__user-arrow[data-v-18f26903]{font-size:10px;color:var(--color-text-secondary);transition:transform .2s}.mix-top-menu__user-arrow.is-active[data-v-18f26903]{transform:rotate(180deg)}.mix-top-menu__avatar[data-v-18f26903]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:500}.mix-top-menu__dropdown[data-v-18f26903]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);overflow:hidden;z-index:100}.mix-top-menu__dropdown-header[data-v-18f26903]{display:flex;align-items:center;gap:12px;padding:16px}.mix-top-menu__dropdown-avatar[data-v-18f26903]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light-3));display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500}.mix-top-menu__dropdown-info[data-v-18f26903]{flex:1}.mix-top-menu__dropdown-name[data-v-18f26903]{font-size:14px;font-weight:500;color:var(--color-text-primary)}.mix-top-menu__dropdown-role[data-v-18f26903]{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.mix-top-menu__dropdown-divider[data-v-18f26903]{height:1px;background-color:var(--color-border-lighter)}.mix-top-menu__dropdown-menu[data-v-18f26903]{padding:8px 0}.mix-top-menu__dropdown-item[data-v-18f26903]{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--color-text-regular);transition:all .2s}.mix-top-menu__dropdown-item[data-v-18f26903]:hover{background-color:var(--color-fill);color:var(--color-text-primary)}.mix-top-menu__dropdown-item--danger[data-v-18f26903]{color:var(--color-danger)}.mix-top-menu__dropdown-item--danger[data-v-18f26903]:hover{background-color:var(--color-danger-light);color:var(--color-danger)}.settings-drawer .settings-section[data-v-18f26903]{margin-bottom:24px}.settings-drawer .settings-title[data-v-18f26903]{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:12px}.settings-drawer .settings-layout-options[data-v-18f26903]{display:flex;gap:12px}.settings-drawer .layout-option[data-v-18f26903]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s}.settings-drawer .layout-option[data-v-18f26903]:hover{border-color:var(--color-primary-light-5)}.settings-drawer .layout-option.is-active[data-v-18f26903]{border-color:var(--color-primary);background-color:var(--color-primary-light-9)}.settings-drawer .layout-option__preview[data-v-18f26903]{width:48px;height:36px;border:1px solid var(--color-border-light);border-radius:2px;overflow:hidden}.settings-drawer .layout-option__label[data-v-18f26903]{font-size:12px;color:var(--color-text-regular)}.settings-drawer .layout-preview-sidebar[data-v-18f26903]{display:flex;height:100%}.settings-drawer .layout-preview-sidebar .preview-aside[data-v-18f26903]{width:25%;height:100%;background-color:var(--color-primary-light-7)}.settings-drawer .layout-preview-sidebar .preview-main[data-v-18f26903]{flex:1;display:flex;flex-direction:column}.settings-drawer .layout-preview-sidebar .preview-main .preview-header[data-v-18f26903]{height:20%;background-color:var(--color-border-light)}.settings-drawer .layout-preview-sidebar .preview-main .preview-content[data-v-18f26903]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .layout-preview-top[data-v-18f26903]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-top .preview-header-full[data-v-18f26903]{height:25%;background-color:var(--color-primary-light-7)}.settings-drawer .layout-preview-top .preview-content-full[data-v-18f26903]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .layout-preview-mix[data-v-18f26903]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-mix .preview-header-mix[data-v-18f26903]{height:25%;background-color:var(--color-primary-light-7);display:flex}.settings-drawer .layout-preview-mix .preview-header-mix .preview-mix-left[data-v-18f26903]{width:30%;background-color:var(--color-primary)}.settings-drawer .layout-preview-mix .preview-mix-body[data-v-18f26903]{flex:1;display:flex}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-aside[data-v-18f26903]{width:25%;background-color:var(--color-primary-light-8)}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-content[data-v-18f26903]{flex:1;background-color:var(--bg-color-page)}.settings-drawer .settings-color-options[data-v-18f26903]{display:flex;gap:12px}.settings-drawer .color-option[data-v-18f26903]{width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.settings-drawer .color-option[data-v-18f26903]:hover{transform:scale(1.1)}.settings-drawer .color-option.is-active[data-v-18f26903]{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--color-primary)}.settings-drawer .settings-switch-list[data-v-18f26903]{display:flex;flex-direction:column;gap:12px}.settings-drawer .settings-switch-item[data-v-18f26903]{display:flex;align-items:center;justify-content:space-between}.settings-drawer .settings-switch-item span[data-v-18f26903]{font-size:14px;color:var(--color-text-regular)}.settings-drawer .switch-wrapper[data-v-18f26903]{width:44px;height:22px;display:flex;align-items:center;cursor:pointer}.settings-drawer .switch-wrapper .switch-core[data-v-18f26903]{width:100%;height:100%;border-radius:11px;background-color:var(--color-border);position:relative;transition:background-color .2s}.settings-drawer .switch-wrapper .switch-core[data-v-18f26903]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:left .2s}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-18f26903]{background-color:var(--color-primary)}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-18f26903]:after{left:24px}.dropdown-enter-active[data-v-18f26903],.dropdown-leave-active[data-v-18f26903]{transition:all .2s ease}.dropdown-enter-from[data-v-18f26903],.dropdown-leave-to[data-v-18f26903]{opacity:0;transform:translateY(-10px)}.search-dropdown-enter-active[data-v-18f26903],.search-dropdown-leave-active[data-v-18f26903]{transition:all .2s ease}.search-dropdown-enter-from[data-v-18f26903],.search-dropdown-leave-to[data-v-18f26903]{opacity:0;transform:translateY(-4px)}.layout[data-v-3317ef3c]{display:flex;width:100%;height:100%}.layout--sidebar[data-v-3317ef3c]{flex-direction:row}.layout--sidebar .layout__aside[data-v-3317ef3c]{height:100%}.layout--sidebar .layout__main[data-v-3317ef3c]{flex:1;display:flex;flex-direction:column;height:100%}.layout--top[data-v-3317ef3c]{flex-direction:column}.layout--top .layout__main[data-v-3317ef3c]{flex:1;display:flex;flex-direction:column;height:calc(100% - 50px)}.layout--top .layout__content[data-v-3317ef3c]{flex:1}.layout--mix[data-v-3317ef3c]{flex-direction:column}.layout--mix .layout__mix-top-menu[data-v-3317ef3c]{width:100%;height:50px;background-color:var(--bg-color);border-bottom:1px solid var(--color-border-lighter);flex-shrink:0}.layout--mix .layout__mix-body[data-v-3317ef3c]{flex:1;display:flex;flex-direction:row;height:calc(100% - 50px)}.layout__aside[data-v-3317ef3c]{transition:width .3s;overflow:hidden;flex-shrink:0;height:100%}.layout__top-menu[data-v-3317ef3c]{width:100%;height:50px;box-sizing:border-box;background-color:var(--bg-color);border-bottom:1px solid var(--color-border-lighter);flex-shrink:0}.layout__mix-top-menu[data-v-3317ef3c]{width:100%;height:50px;box-sizing:border-box;flex-shrink:0}.layout__main[data-v-3317ef3c]{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.layout__header[data-v-3317ef3c]{height:50px;box-sizing:border-box;background-color:var(--bg-color);border-bottom:1px solid var(--color-border-lighter);flex-shrink:0}.layout__content[data-v-3317ef3c]{flex:1;overflow:auto;background-color:var(--bg-color-page);padding:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as $,n as p,j as _,o as O,G as j,Z as C}from"./xto-form-DBlhgyXp.js";import{L as V}from"./xto-data-Coeo_ZYH.js";import{r as H,g as q}from"./xto-feedback-CFysasJi.js";import{M as h,g as A}from"./xto-base-C3XNcx7i.js";import{S as r,M as c,b as Y}from"./index-BRR97dc6.js";import{d as F,q as G,o as f,c as v,a as e,z as o,C as a,u as s,j as d,F as M,A as U,k as E,e as Z,I as J,i as m,g as K}from"./vue-vendor-Bpie-0gH.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-B1Ho_Ytu.js";const Q={class:"menu-page"},W={class:"table-section"},X={class:"table-toolbar"},ee={class:"toolbar-left"},te={class:"toolbar-right"},se={class:"table-count"},le={class:"table-wrapper"},oe={class:"data-table"},ae={key:0},ne={key:1},de={class:"data-row tree-row--level-0"},ie={class:"col-name"},re={class:"menu-info"},ue={class:"menu-icon-wrapper"},pe=["onClick"],ce={class:"col-icon"},me={class:"icon-text"},fe={class:"col-path"},ve={class:"path-code"},ye={class:"col-type"},_e={class:"col-sort"},he={class:"sort-badge"},ge={class:"col-status"},ke={class:"col-actions"},be={class:"col-name"},Ve={class:"menu-info"},Ee={class:"menu-icon-wrapper"},xe=["onClick"],Ce={class:"col-icon"},Ae={class:"icon-text"},Me={class:"col-path"},Ne={class:"path-code"},we={class:"col-type"},Le={class:"col-sort"},Be={class:"sort-badge"},De={class:"col-status"},Ue={class:"col-actions"},Ie={class:"form-grid"},Te={class:"status-field"},ze={class:"status-label"},Re={class:"status-field"},Se={class:"status-label"},$e={class:"status-field"},Oe={class:"status-label"},je=F({__name:"index",setup(He){const I=[{id:1,parentId:null,name:"Dashboard",path:"/dashboard",component:"dashboard/index",redirect:"",icon:"dashboard",title:"仪表盘",type:c.MENU,sort:1,status:r.ENABLED,hidden:!1,keepAlive:!0},{id:2,parentId:null,name:"System",path:"/system",component:"",redirect:"/system/user",icon:"setting",title:"系统管理",type:c.DIRECTORY,sort:2,status:r.ENABLED,hidden:!1,keepAlive:!1,children:[{id:21,parentId:2,name:"SystemUser",path:"/system/user",component:"system/user/index",redirect:"",icon:"user",title:"用户管理",type:c.MENU,sort:1,status:r.ENABLED,hidden:!1,keepAlive:!0},{id:22,parentId:2,name:"SystemRole",path:"/system/role",component:"system/role/index",redirect:"",icon:"role",title:"角色管理",type:c.MENU,sort:2,status:r.ENABLED,hidden:!1,keepAlive:!0},{id:23,parentId:2,name:"SystemMenu",path:"/system/menu",component:"system/menu/index",redirect:"",icon:"menu",title:"菜单管理",type:c.MENU,sort:3,status:r.ENABLED,hidden:!1,keepAlive:!0}]}],x=E(!1),g=E([]),y=E(!1),T=Z(()=>n.id?"编辑菜单":"新增菜单"),n=J({id:0,parentId:null,name:"",path:"",component:"",redirect:"",icon:"",title:"",type:c.MENU,sort:0,status:r.ENABLED,hidden:!1,keepAlive:!0}),z={name:[{required:!0,message:"请输入菜单名称",trigger:"blur"}],path:[{required:!0,message:"请输入路由路径",trigger:"blur"}],title:[{required:!0,message:"请输入菜单标题",trigger:"blur"}]},N=E(),w=()=>{x.value=!0,setTimeout(()=>{g.value=I,x.value=!1},300)},L=(u=null)=>{Object.assign(n,{id:0,parentId:u,name:"",path:"",component:"",redirect:"",icon:"",title:"",type:c.MENU,sort:0,status:r.ENABLED,hidden:!1,keepAlive:!0}),y.value=!0},k=u=>{Object.assign(n,u),y.value=!0},R=async()=>{var u;try{await((u=N.value)==null?void 0:u.validate()),q.success(n.id?"编辑成功":"新增成功"),y.value=!1,w()}catch(t){console.error(t)}},b=u=>({dashboard:"📊",system:"⚙️",user:"👤",role:"👥",menu:"📋",setting:"🔧"})[u||""]||"📄",B=u=>{switch(u){case c.DIRECTORY:return"primary";case c.MENU:return"success";default:return"warning"}},D=u=>{switch(u){case c.DIRECTORY:return"目录";case c.MENU:return"菜单";default:return"按钮"}};return G(()=>{w()}),(u,t)=>(f(),v("div",Q,[e("div",W,[e("div",X,[e("div",ee,[o(s(h),{type:"primary",onClick:t[0]||(t[0]=l=>L())},{icon:a(()=>[...t[14]||(t[14]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),e("line",{x1:"5",y1:"12",x2:"19",y2:"12"})],-1)])]),default:a(()=>[t[15]||(t[15]=m(" 新增菜单 ",-1))]),_:1})]),e("div",te,[e("span",se,"共 "+d(g.value.length)+" 个菜单",1)])]),e("div",le,[e("table",oe,[t[26]||(t[26]=e("thead",null,[e("tr",null,[e("th",{class:"col-name"},"菜单名称"),e("th",{class:"col-icon"},"图标"),e("th",{class:"col-path"},"路由路径"),e("th",{class:"col-type"},"类型"),e("th",{class:"col-sort"},"排序"),e("th",{class:"col-status"},"状态"),e("th",{class:"col-actions"},"操作")])],-1)),e("tbody",null,[x.value?(f(),v("tr",ae,[...t[16]||(t[16]=[e("td",{colspan:"7",class:"loading-cell"},[e("div",{class:"loading-content"},[e("div",{class:"loading-spinner"}),e("span",null,"加载中...")])],-1)])])):g.value.length===0?(f(),v("tr",ne,[...t[17]||(t[17]=[e("td",{colspan:"7",class:"empty-cell"},[e("div",{class:"empty-content"},[e("svg",{viewBox:"0 0 64 41",fill:"none"},[e("g",{transform:"translate(0 1)"},[e("ellipse",{fill:"#f5f5f5",cx:"32",cy:"33",rx:"32",ry:"7"}),e("g",{stroke:"var(--color-text-placeholder)","stroke-width":"2"},[e("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"}),e("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"var(--color-fill)"})])])]),e("span",null,"暂无数据")])],-1)])])):(f(!0),v(M,{key:2},U(g.value,l=>(f(),v(M,{key:l.id},[e("tr",de,[e("td",ie,[e("div",re,[e("span",ue,d(b(l.icon)),1),e("span",{class:"menu-title",onClick:i=>k(l)},d(l.title),9,pe)])]),e("td",ce,[e("span",me,d(b(l.icon)),1)]),e("td",fe,[e("code",ve,d(l.path),1)]),e("td",ye,[o(s(V),{type:B(l.type),size:"small"},{default:a(()=>[m(d(D(l.type)),1)]),_:2},1032,["type"])]),e("td",_e,[e("span",he,d(l.sort),1)]),e("td",ge,[o(s(V),{type:l.status===s(r).ENABLED?"success":"danger",size:"small"},{default:a(()=>[m(d(l.status===s(r).ENABLED?"启用":"禁用"),1)]),_:2},1032,["type"])]),e("td",ke,[o(s(A),{class:"action-buttons"},{default:a(()=>[o(s(h),{type:"primary",link:"",size:"small",onClick:i=>L(l.id)},{icon:a(()=>[...t[18]||(t[18]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),e("line",{x1:"5",y1:"12",x2:"19",y2:"12"})],-1)])]),default:a(()=>[t[19]||(t[19]=m(" 新增 ",-1))]),_:1},8,["onClick"]),o(s(h),{type:"primary",link:"",size:"small",onClick:i=>k(l)},{icon:a(()=>[...t[20]||(t[20]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"}),e("path",{d:"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"})],-1)])]),default:a(()=>[t[21]||(t[21]=m(" 编辑 ",-1))]),_:1},8,["onClick"])]),_:2},1024)])]),l.children?(f(!0),v(M,{key:0},U(l.children,i=>(f(),v("tr",{key:i.id,class:"data-row tree-row--level-1"},[e("td",be,[e("div",Ve,[t[22]||(t[22]=e("span",{class:"tree-indent"},null,-1)),t[23]||(t[23]=e("span",{class:"tree-line"},null,-1)),e("span",Ee,d(b(i.icon)),1),e("span",{class:"menu-title",onClick:S=>k(i)},d(i.title),9,xe)])]),e("td",Ce,[e("span",Ae,d(b(i.icon)),1)]),e("td",Me,[e("code",Ne,d(i.path),1)]),e("td",we,[o(s(V),{type:B(i.type),size:"small"},{default:a(()=>[m(d(D(i.type)),1)]),_:2},1032,["type"])]),e("td",Le,[e("span",Be,d(i.sort),1)]),e("td",De,[o(s(V),{type:i.status===s(r).ENABLED?"success":"danger",size:"small"},{default:a(()=>[m(d(i.status===s(r).ENABLED?"启用":"禁用"),1)]),_:2},1032,["type"])]),e("td",Ue,[o(s(A),{class:"action-buttons"},{default:a(()=>[o(s(h),{type:"primary",link:"",size:"small",onClick:S=>k(i)},{icon:a(()=>[...t[24]||(t[24]=[e("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e("path",{d:"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"}),e("path",{d:"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"})],-1)])]),default:a(()=>[t[25]||(t[25]=m(" 编辑 ",-1))]),_:1},8,["onClick"])]),_:2},1024)])]))),128)):K("",!0)],64))),128))])])])]),o(s(H),{modelValue:y.value,"onUpdate:modelValue":t[13]||(t[13]=l=>y.value=l),title:T.value,width:"600px",class:"menu-modal"},{footer:a(()=>[o(s(A),null,{default:a(()=>[o(s(h),{onClick:t[12]||(t[12]=l=>y.value=!1)},{default:a(()=>[...t[27]||(t[27]=[m("取消",-1)])]),_:1}),o(s(h),{type:"primary",onClick:R},{default:a(()=>[...t[28]||(t[28]=[m("确定",-1)])]),_:1})]),_:1})]),default:a(()=>[o(s($),{ref_key:"formRef",ref:N,model:n,rules:z,"label-width":"80px",class:"menu-form"},{default:a(()=>[e("div",Ie,[o(s(p),{label:"上级菜单",class:"form-item-full"},{default:a(()=>[o(s(_),{modelValue:n.parentId,"onUpdate:modelValue":t[1]||(t[1]=l=>n.parentId=l),placeholder:"上级菜单ID",disabled:""},null,8,["modelValue"])]),_:1}),o(s(p),{label:"菜单类型"},{default:a(()=>[o(s(O),{modelValue:n.type,"onUpdate:modelValue":t[2]||(t[2]=l=>n.type=l),options:s(Y)},null,8,["modelValue","options"])]),_:1}),o(s(p),{label:"排序"},{default:a(()=>[o(s(j),{modelValue:n.sort,"onUpdate:modelValue":t[3]||(t[3]=l=>n.sort=l),min:0},null,8,["modelValue"])]),_:1}),o(s(p),{label:"菜单名称",prop:"name"},{default:a(()=>[o(s(_),{modelValue:n.name,"onUpdate:modelValue":t[4]||(t[4]=l=>n.name=l),placeholder:"请输入菜单名称(路由name)"},null,8,["modelValue"])]),_:1}),o(s(p),{label:"菜单标题",prop:"title"},{default:a(()=>[o(s(_),{modelValue:n.title,"onUpdate:modelValue":t[5]||(t[5]=l=>n.title=l),placeholder:"请输入菜单标题"},null,8,["modelValue"])]),_:1}),o(s(p),{label:"路由路径",prop:"path",class:"form-item-full"},{default:a(()=>[o(s(_),{modelValue:n.path,"onUpdate:modelValue":t[6]||(t[6]=l=>n.path=l),placeholder:"请输入路由路径"},null,8,["modelValue"])]),_:1}),o(s(p),{label:"组件路径",class:"form-item-full"},{default:a(()=>[o(s(_),{modelValue:n.component,"onUpdate:modelValue":t[7]||(t[7]=l=>n.component=l),placeholder:"请输入组件路径"},null,8,["modelValue"])]),_:1}),o(s(p),{label:"图标"},{default:a(()=>[o(s(_),{modelValue:n.icon,"onUpdate:modelValue":t[8]||(t[8]=l=>n.icon=l),placeholder:"请输入图标名称"},null,8,["modelValue"])]),_:1}),o(s(p),{label:"状态"},{default:a(()=>[e("div",Te,[o(s(C),{modelValue:n.status,"onUpdate:modelValue":t[9]||(t[9]=l=>n.status=l),"active-value":s(r).ENABLED,"inactive-value":s(r).DISABLED},null,8,["modelValue","active-value","inactive-value"]),e("span",ze,d(n.status===s(r).ENABLED?"启用":"禁用"),1)])]),_:1}),o(s(p),{label:"隐藏"},{default:a(()=>[e("div",Re,[o(s(C),{modelValue:n.hidden,"onUpdate:modelValue":t[10]||(t[10]=l=>n.hidden=l)},null,8,["modelValue"]),e("span",Se,d(n.hidden?"隐藏":"显示"),1)])]),_:1}),o(s(p),{label:"缓存"},{default:a(()=>[e("div",$e,[o(s(C),{modelValue:n.keepAlive,"onUpdate:modelValue":t[11]||(t[11]=l=>n.keepAlive=l)},null,8,["modelValue"]),e("span",Oe,d(n.keepAlive?"开启":"关闭"),1)])]),_:1})])]),_:1},8,["model"])]),_:1},8,["modelValue","title"])]))}}),Qe=P(je,[["__scopeId","data-v-fcdec27c"]]);export{Qe as default};
|