xto-fronted 0.4.112 → 0.5.0
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-BYUyVmEj.js +1 -0
- package/dist/assets/404-CcAc5uFh.css +1 -0
- package/dist/assets/index-4oN1au3P.css +1 -0
- package/dist/assets/index-BEwGthu5.js +1 -0
- package/dist/assets/{index-Dk64JJvN.js → index-BG5gsGCY.js} +1 -1
- package/dist/assets/index-BHABoX0X.css +1 -0
- package/dist/assets/index-BUqGJdah.css +1 -0
- package/dist/assets/index-BvN8lC5q.js +1 -0
- package/dist/assets/index-C6ibP7SB.css +1 -0
- package/dist/assets/index-CJGmoNxx.css +1 -0
- package/dist/assets/index-DPrbBY2e.css +1 -0
- package/dist/assets/index-DUV7VLAm.js +2 -0
- package/dist/assets/index-DcPnYH2c.js +1 -0
- package/dist/assets/index-DhwBftHU.css +1 -0
- package/dist/assets/{index-CEwTCJMr.js → index-oc3LDwZZ.js} +1 -1
- package/dist/assets/index-vuy5HH8m.js +1 -0
- package/dist/assets/{vue-vendor-gcK82_Kd.js → vue-vendor-sSbh4bdR.js} +1 -1
- package/dist/assets/xto-base-Bv2ek7Ha.css +1 -0
- package/dist/assets/{xto-base-wYW0Uxvr.js → xto-base-kM8Cl-e6.js} +1 -1
- package/dist/assets/xto-business-CW6DXcvI.css +1 -0
- package/dist/assets/{xto-core-DtPNWVUu.js → xto-core-DsKtn1lm.js} +1 -1
- package/dist/assets/{xto-data-2diO2SyB.js → xto-data-CDPTH0CA.js} +1 -1
- package/dist/assets/xto-data-CEFTtli6.css +1 -0
- package/dist/assets/xto-feedback-Di1AeKNY.css +1 -0
- package/dist/assets/xto-feedback-Dp_1dES5.js +1 -0
- package/dist/assets/xto-form-Bl3jCZ4e.js +1 -0
- package/dist/assets/xto-form-DC11rd9L.css +1 -0
- package/dist/assets/xto-layout-BR7iLA0e.css +1 -0
- package/dist/assets/xto-navigation-Bl-kwgN_.css +1 -0
- package/dist/assets/xto-navigation-Brox2Ork.js +1 -0
- package/dist/index.html +16 -16
- package/package.json +18 -19
- package/src/App.vue +9 -9
- package/src/assets/styles/_dark.scss +181 -181
- package/src/assets/styles/_reset.scss +14 -14
- package/src/assets/styles/_root.scss +153 -132
- package/src/assets/styles/_transition.scss +10 -10
- package/src/assets/styles/_variables.scss +26 -25
- package/src/assets/styles/index.scss +62 -62
- package/src/components/Layout/Footer.vue +1 -1
- package/src/components/Layout/Header.vue +69 -69
- package/src/components/Layout/MixTopMenu.vue +66 -66
- package/src/components/Layout/Sidebar.vue +6 -6
- package/src/components/Layout/SidebarMenuItem.vue +3 -3
- package/src/components/Layout/Tabs.vue +6 -6
- package/src/components/Layout/TopMenu.vue +66 -66
- package/src/components/Layout/index.vue +7 -7
- package/src/stores/app.ts +4 -4
- package/src/style.scss +14 -14
- package/src/views/dashboard/index.vue +54 -54
- package/src/views/error/403.vue +18 -18
- package/src/views/error/404.vue +23 -23
- package/src/views/login/index.vue +20 -20
- package/src/views/system/menu/index.vue +26 -26
- package/src/views/system/role/index.vue +27 -27
- package/src/views/system/user/index.vue +30 -30
- package/dist/assets/404-Cw_4ZCL6.css +0 -1
- package/dist/assets/404-G0TYnM2t.js +0 -1
- package/dist/assets/index-8nuVIlbv.css +0 -1
- package/dist/assets/index-BlRslYYI.css +0 -1
- package/dist/assets/index-Br0rA9ST.js +0 -1
- package/dist/assets/index-BudArKxR.css +0 -1
- package/dist/assets/index-CFhWBbxk.css +0 -1
- package/dist/assets/index-Cm58iTuj.js +0 -1
- package/dist/assets/index-Cno3g_Ca.js +0 -1
- package/dist/assets/index-Cpew6d-v.css +0 -1
- package/dist/assets/index-D1AzIZb6.js +0 -1
- package/dist/assets/index-DCn9x-He.js +0 -2
- package/dist/assets/index-rQHcgyhm.css +0 -1
- package/dist/assets/index-vfvEFrCH.css +0 -1
- package/dist/assets/xto-base-CL2NKZJJ.css +0 -1
- package/dist/assets/xto-business--V1F5Gwb.css +0 -1
- package/dist/assets/xto-data-Bi03KULC.css +0 -1
- package/dist/assets/xto-feedback-BOOXC1Ev.js +0 -1
- package/dist/assets/xto-feedback-Bxx38c3P.css +0 -1
- package/dist/assets/xto-form-BBugNbnQ.js +0 -1
- package/dist/assets/xto-form-Cu6q3VLG.css +0 -1
- package/dist/assets/xto-layout-BDD6sSlM.css +0 -1
- package/dist/assets/xto-navigation-D_LFy9y9.js +0 -1
- package/dist/assets/xto-navigation-XfpyMpEo.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d,o as n,c as b,a as r,P as v,z as a,C as o,u as e,Q as p,i}from"./vue-vendor-sSbh4bdR.js";import{M as l}from"./xto-base-kM8Cl-e6.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-DsKtn1lm.js";const g={class:"error-page"},k={class:"error-container"},u={class:"error-content"},f={class:"error-actions"},w=d({__name:"404",setup(y){const s=p(),c=()=>{s.push("/")};return(m,t)=>(n(),b("div",g,[r("div",k,[t[7]||(t[7]=r("div",{class:"error-bg"},[r("div",{class:"bg-circle circle-1"}),r("div",{class:"bg-circle circle-2"}),r("div",{class:"bg-circle circle-3"})],-1)),r("div",u,[t[5]||(t[5]=v('<div class="error-code" data-v-cb725bbc><span class="code-digit" data-v-cb725bbc>4</span><span class="code-zero" data-v-cb725bbc><span class="zero-inner" data-v-cb725bbc>0</span></span><span class="code-digit" data-v-cb725bbc>4</span></div><div class="error-illustration" data-v-cb725bbc><svg viewBox="0 0 200 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-cb725bbc><rect x="40" y="20" width="120" height="80" rx="8" fill="var(--xto-fill-color, #F3F4F6)" stroke="var(--xto-border-color, #D1D5DB)" stroke-width="2" data-v-cb725bbc></rect><rect x="50" y="30" width="100" height="60" rx="4" fill="var(--xto-bg-color, #FFFFFF)" data-v-cb725bbc></rect><line x1="60" y1="45" x2="140" y2="45" stroke="var(--xto-border-color-light, #E5E7EB)" stroke-width="2" data-v-cb725bbc></line><line x1="60" y1="55" x2="120" y2="55" stroke="var(--xto-border-color-light, #E5E7EB)" stroke-width="2" data-v-cb725bbc></line><line x1="60" y1="65" x2="100" y2="65" stroke="var(--xto-border-color-light, #E5E7EB)" stroke-width="2" data-v-cb725bbc></line><text x="100" y="75" text-anchor="middle" fill="var(--xto-color-primary, #4F46E5)" font-size="24" font-weight="600" data-v-cb725bbc>?</text><circle cx="150" cy="35" r="12" stroke="var(--xto-color-primary, #4F46E5)" stroke-width="2" fill="none" data-v-cb725bbc></circle><line x1="158" y1="43" x2="168" y2="53" stroke="var(--xto-color-primary, #4F46E5)" stroke-width="2" stroke-linecap="round" data-v-cb725bbc></line></svg></div><h1 class="error-title" data-v-cb725bbc>页面不存在</h1><p class="error-desc" data-v-cb725bbc>抱歉,您访问的页面不存在或已被删除</p>',4)),r("div",f,[a(e(l),{type:"primary",size:"large",onClick:c},{icon:o(()=>[...t[1]||(t[1]=[r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[r("path",{d:"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"}),r("polyline",{points:"9,22 9,12 15,12 15,22"})],-1)])]),default:o(()=>[t[2]||(t[2]=i(" 返回首页 ",-1))]),_:1}),a(e(l),{size:"large",onClick:t[0]||(t[0]=h=>e(s).go(-1))},{icon:o(()=>[...t[3]||(t[3]=[r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[r("path",{d:"M19 12H5M12 19l-7-7 7-7"})],-1)])]),default:o(()=>[t[4]||(t[4]=i(" 返回上一页 ",-1))]),_:1})]),t[6]||(t[6]=r("div",{class:"error-tip"},[r("p",null,"您可以尝试:"),r("ul",null,[r("li",null,"检查您输入的网址是否正确"),r("li",null,"返回首页重新浏览"),r("li",null,"联系管理员反馈问题")])],-1))])])]))}}),z=x(w,[["__scopeId","data-v-cb725bbc"]]);export{z as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.error-page[data-v-cb725bbc]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--xto-bg-color-page, #F9FAFB);position:relative;overflow:hidden}.error-container[data-v-cb725bbc]{position:relative;z-index:2;max-width:600px;padding:40px}.error-bg[data-v-cb725bbc]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.error-bg .bg-circle[data-v-cb725bbc]{position:absolute;border-radius:50%;opacity:.1}.error-bg .bg-circle.circle-1[data-v-cb725bbc]{width:400px;height:400px;top:-100px;right:-100px;background:var(--xto-color-primary, #4F46E5)}.error-bg .bg-circle.circle-2[data-v-cb725bbc]{width:300px;height:300px;bottom:-50px;left:-50px;background:var(--xto-color-info, #6B7280)}.error-bg .bg-circle.circle-3[data-v-cb725bbc]{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--xto-color-primary-light-3, #818CF8)}.error-content[data-v-cb725bbc]{text-align:center}.error-code[data-v-cb725bbc]{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:32px}.error-code .code-digit[data-v-cb725bbc]{font-size:80px;font-weight:700;color:var(--xto-color-text-primary, #1F2937);line-height:1}.error-code .code-zero[data-v-cb725bbc]{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--xto-color-primary, #4F46E5) 0%,var(--xto-color-primary-light-1, #5B54E8) 100%);border-radius:50%}.error-code .code-zero .zero-inner[data-v-cb725bbc]{font-size:48px;font-weight:700;color:var(--xto-bg-color, #FFFFFF)}.error-illustration[data-v-cb725bbc]{width:200px;height:120px;margin:0 auto 24px}.error-title[data-v-cb725bbc]{font-size:24px;font-weight:600;color:var(--xto-color-text-primary, #1F2937);margin-bottom:12px}.error-desc[data-v-cb725bbc]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280);margin-bottom:32px}.error-actions[data-v-cb725bbc]{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.error-actions[data-v-cb725bbc] .x-button{padding:12px 24px;border-radius:var(--xto-border-radius-large, 8px)}.error-actions[data-v-cb725bbc] .x-button svg{width:18px;height:18px;margin-right:8px}.error-tip[data-v-cb725bbc]{padding:20px;background:var(--xto-fill-color-light, #F9FAFB);border-radius:var(--xto-border-radius-large, 8px)}.error-tip p[data-v-cb725bbc]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937);margin-bottom:12px}.error-tip ul[data-v-cb725bbc]{list-style:none;padding:0;margin:0}.error-tip ul li[data-v-cb725bbc]{font-size:13px;color:var(--xto-color-text-secondary, #6B7280);position:relative;padding:4px 0 4px 16px}.error-tip ul li[data-v-cb725bbc]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--xto-color-primary, #4F46E5);border-radius:50%;opacity:.6}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.menu-item__content[data-v-b20ef6e8]{display:inline-flex;align-items:center;line-height:1}.menu-item__text[data-v-b20ef6e8]{flex:1;line-height:1}.menu-item__icon[data-v-b20ef6e8]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;flex-shrink:0}.menu-item__char[data-v-b20ef6e8]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-8, #C7D2FE);border-radius:var(--xto-border-radius-small, 4px)}.sidebar[data-v-32160496]{height:100%;display:flex;flex-direction:column;background-color:var(--xto-bg-color, #FFFFFF);border-right:1px solid var(--xto-border-color-lighter, #F3F4F6)}.sidebar--collapsed .sidebar__logo[data-v-32160496]{justify-content:center;padding:0}.sidebar__logo[data-v-32160496]{height:50px;display:flex;align-items:center;padding:0 20px;gap:10px;border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6)}.sidebar__logo-img[data-v-32160496]{width:32px;height:32px}.sidebar__logo-text[data-v-32160496]{font-size:16px;font-weight:600;color:var(--xto-color-primary, #4F46E5)}.sidebar__menu[data-v-32160496]{flex:1;border-right:none;overflow-y:auto}.sidebar__user[data-v-32160496]{padding:10px;border-top:1px solid var(--xto-border-color-lighter, #F3F4F6);display:flex;align-items:center;justify-content:space-between}.sidebar__user-info[data-v-32160496]{display:flex;flex-direction:column;gap:2px}.sidebar__user-name[data-v-32160496]{font-size:14px;font-weight:500}.sidebar__user-role[data-v-32160496]{font-size:12px;color:var(--xto-color-text-secondary, #6B7280)}.header[data-v-b24cf66e]{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%;background-color:var(--xto-bg-color, #FFFFFF);border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6)}.header__left[data-v-b24cf66e]{display:flex;align-items:center;gap:15px}.header__collapse[data-v-b24cf66e]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--xto-color-text-regular, #4B5563);transition:color .2s}.header__collapse[data-v-b24cf66e]:hover{color:var(--xto-color-primary, #4F46E5)}.header__breadcrumb[data-v-b24cf66e]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}.header__breadcrumb .breadcrumb-separator[data-v-b24cf66e]{margin:0 8px;color:var(--xto-color-text-placeholder, #9CA3AF)}.header__breadcrumb .is-current[data-v-b24cf66e]{color:var(--xto-color-text-primary, #1F2937);font-weight:500}.header__right[data-v-b24cf66e]{display:flex;align-items:center;gap:8px}.header__search[data-v-b24cf66e]{position:relative;display:flex;align-items:center;background-color:var(--xto-fill-color-light, #F9FAFB);border-radius:var(--xto-border-radius-base, 6px);padding:0 12px;height:32px;width:200px}.header__search-icon[data-v-b24cf66e]{color:var(--xto-color-text-secondary, #6B7280)}.header__search-input[data-v-b24cf66e]{flex:1;height:100%;font-size:14px;color:var(--xto-color-text-primary, #1F2937);background:transparent;border:none;outline:none;padding-left:8px}.header__search-input[data-v-b24cf66e]::placeholder{color:var(--xto-color-text-placeholder, #9CA3AF)}.header__search-dropdown[data-v-b24cf66e]{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;max-height:300px;overflow-y:auto;background-color:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-base, 6px);box-shadow:var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));z-index:100}.header__search-results[data-v-b24cf66e]{padding:8px 0}.header__search-item[data-v-b24cf66e]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.header__search-item[data-v-b24cf66e]:hover{background-color:var(--xto-fill-color, #F3F4F6)}.header__search-item-title[data-v-b24cf66e]{font-size:14px;color:var(--xto-color-text-primary, #1F2937)}.header__search-item-parent[data-v-b24cf66e]{font-size:12px;color:var(--xto-color-text-secondary, #6B7280);margin-left:auto}.header__search-icon[data-v-b24cf66e]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.header__search-char[data-v-b24cf66e]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-8, #C7D2FE);border-radius:var(--xto-border-radius-small, 4px)}.header__search-empty[data-v-b24cf66e]{padding:16px 12px;text-align:center;color:var(--xto-color-text-secondary, #6B7280);font-size:14px}.header__action[data-v-b24cf66e]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--xto-border-radius-base, 6px);color:var(--xto-color-text-regular, #4B5563);transition:all .2s}.header__action[data-v-b24cf66e]:hover{background-color:var(--xto-fill-color, #F3F4F6);color:var(--xto-color-primary, #4F46E5)}.header__user[data-v-b24cf66e]{position:relative;margin-left:8px}.header__user-trigger[data-v-b24cf66e]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--xto-border-radius-base, 6px);transition:background-color .2s}.header__user-trigger[data-v-b24cf66e]:hover{background-color:var(--xto-fill-color, #F3F4F6)}.header__user-name[data-v-b24cf66e]{font-size:14px;color:var(--xto-color-text-primary, #1F2937);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__user-arrow[data-v-b24cf66e]{font-size:10px;color:var(--xto-color-text-secondary, #6B7280);transition:transform .2s}.header__user-arrow.is-active[data-v-b24cf66e]{transform:rotate(180deg)}.header__avatar[data-v-b24cf66e]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--xto-color-primary, #4F46E5),var(--xto-color-primary-light-3, #818CF8));display:flex;align-items:center;justify-content:center;color:var(--xto-bg-color, #FFFFFF);font-size:14px;font-weight:500}.header__dropdown[data-v-b24cf66e]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-base, 6px);box-shadow:var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));overflow:hidden;z-index:100}.header__dropdown-header[data-v-b24cf66e]{display:flex;align-items:center;gap:12px;padding:16px}.header__dropdown-avatar[data-v-b24cf66e]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--xto-color-primary, #4F46E5),var(--xto-color-primary-light-3, #818CF8));display:flex;align-items:center;justify-content:center;color:var(--xto-bg-color, #FFFFFF);font-size:16px;font-weight:500}.header__dropdown-info[data-v-b24cf66e]{flex:1}.header__dropdown-name[data-v-b24cf66e]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937)}.header__dropdown-role[data-v-b24cf66e]{font-size:12px;color:var(--xto-color-text-secondary, #6B7280);margin-top:2px}.header__dropdown-divider[data-v-b24cf66e]{height:1px;background-color:var(--xto-border-color-lighter, #F3F4F6)}.header__dropdown-menu[data-v-b24cf66e]{padding:8px 0}.header__dropdown-item[data-v-b24cf66e]{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--xto-color-text-regular, #4B5563);transition:all .2s}.header__dropdown-item[data-v-b24cf66e]:hover{background-color:var(--xto-fill-color, #F3F4F6);color:var(--xto-color-text-primary, #1F2937)}.header__dropdown-item--danger[data-v-b24cf66e]{color:var(--xto-color-danger, #EF4444)}.header__dropdown-item--danger[data-v-b24cf66e]:hover{background-color:var(--xto-color-danger-light, #FEE2E2);color:var(--xto-color-danger, #EF4444)}.settings-drawer .settings-section[data-v-b24cf66e]{margin-bottom:24px}.settings-drawer .settings-title[data-v-b24cf66e]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937);margin-bottom:12px}.settings-drawer .settings-layout-options[data-v-b24cf66e]{display:flex;gap:12px}.settings-drawer .layout-option[data-v-b24cf66e]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid var(--xto-border-color, #D1D5DB);border-radius:var(--xto-border-radius-base, 6px);cursor:pointer;transition:all .2s}.settings-drawer .layout-option[data-v-b24cf66e]:hover{border-color:var(--xto-color-primary-light-5, #A5B4FC)}.settings-drawer .layout-option.is-active[data-v-b24cf66e]{border-color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-9, #EEF2FF)}.settings-drawer .layout-option__preview[data-v-b24cf66e]{width:48px;height:36px;border:1px solid var(--xto-border-color-light, #E5E7EB);border-radius:2px;overflow:hidden}.settings-drawer .layout-option__label[data-v-b24cf66e]{font-size:12px;color:var(--xto-color-text-regular, #4B5563)}.settings-drawer .layout-preview-sidebar[data-v-b24cf66e]{display:flex;height:100%}.settings-drawer .layout-preview-sidebar .preview-aside[data-v-b24cf66e]{width:25%;height:100%;background-color:var(--xto-color-primary-light-7, #E0E7FF)}.settings-drawer .layout-preview-sidebar .preview-main[data-v-b24cf66e]{flex:1;display:flex;flex-direction:column}.settings-drawer .layout-preview-sidebar .preview-main .preview-header[data-v-b24cf66e]{height:20%;background-color:var(--xto-border-color-light, #E5E7EB)}.settings-drawer .layout-preview-sidebar .preview-main .preview-content[data-v-b24cf66e]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .layout-preview-top[data-v-b24cf66e]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-top .preview-header-full[data-v-b24cf66e]{height:25%;background-color:var(--xto-color-primary-light-7, #E0E7FF)}.settings-drawer .layout-preview-top .preview-content-full[data-v-b24cf66e]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .layout-preview-mix[data-v-b24cf66e]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-mix .preview-header-mix[data-v-b24cf66e]{height:25%;background-color:var(--xto-color-primary-light-7, #E0E7FF);display:flex}.settings-drawer .layout-preview-mix .preview-header-mix .preview-mix-left[data-v-b24cf66e]{width:30%;background-color:var(--xto-color-primary, #4F46E5)}.settings-drawer .layout-preview-mix .preview-mix-body[data-v-b24cf66e]{flex:1;display:flex}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-aside[data-v-b24cf66e]{width:25%;background-color:var(--xto-color-primary-light-8, #C7D2FE)}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-content[data-v-b24cf66e]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .settings-color-options[data-v-b24cf66e]{display:flex;gap:12px}.settings-drawer .color-option[data-v-b24cf66e]{width:24px;height:24px;border-radius:var(--xto-border-radius-small, 4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.settings-drawer .color-option[data-v-b24cf66e]:hover{transform:scale(1.1)}.settings-drawer .color-option.is-active[data-v-b24cf66e]{box-shadow:0 0 0 2px var(--xto-bg-color, #FFFFFF),0 0 0 4px var(--xto-color-primary, #4F46E5)}.settings-drawer .settings-switch-list[data-v-b24cf66e]{display:flex;flex-direction:column;gap:12px}.settings-drawer .settings-switch-item[data-v-b24cf66e]{display:flex;align-items:center;justify-content:space-between}.settings-drawer .settings-switch-item span[data-v-b24cf66e]{font-size:14px;color:var(--xto-color-text-regular, #4B5563)}.settings-drawer .switch-wrapper[data-v-b24cf66e]{width:44px;height:22px;display:flex;align-items:center;cursor:pointer}.settings-drawer .switch-wrapper .switch-core[data-v-b24cf66e]{width:100%;height:100%;border-radius:11px;background-color:var(--xto-border-color, #D1D5DB);position:relative;transition:background-color .2s}.settings-drawer .switch-wrapper .switch-core[data-v-b24cf66e]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:var(--xto-bg-color, #FFFFFF);border-radius:50%;transition:left .2s}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-b24cf66e]{background-color:var(--xto-color-primary, #4F46E5)}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-b24cf66e]:after{left:24px}.dropdown-enter-active[data-v-b24cf66e],.dropdown-leave-active[data-v-b24cf66e]{transition:all .2s ease}.dropdown-enter-from[data-v-b24cf66e],.dropdown-leave-to[data-v-b24cf66e]{opacity:0;transform:translateY(-10px)}.search-dropdown-enter-active[data-v-b24cf66e],.search-dropdown-leave-active[data-v-b24cf66e]{transition:all .2s ease}.search-dropdown-enter-from[data-v-b24cf66e],.search-dropdown-leave-to[data-v-b24cf66e]{opacity:0;transform:translateY(-4px)}.top-menu[data-v-1e3e78a1]{width:100%;height:100%;display:flex;align-items:center;padding:0 20px}.top-menu__logo[data-v-1e3e78a1]{display:flex;align-items:center;gap:10px;margin-right:20px}.top-menu__logo-img[data-v-1e3e78a1]{width:32px;height:32px}.top-menu__logo-text[data-v-1e3e78a1]{font-size:16px;font-weight:600;color:var(--xto-color-primary, #4F46E5)}.top-menu__menu[data-v-1e3e78a1]{flex:1;border-bottom:none;height:49px;display:flex;align-items:center;line-height:49px}.top-menu__menu[data-v-1e3e78a1] .x-menu{height:49px;line-height:49px;border-bottom:none}.top-menu__menu[data-v-1e3e78a1] .x-menu--horizontal{height:49px;display:flex;align-items:center;border-bottom:none;line-height:49px}.top-menu__menu[data-v-1e3e78a1] .x-menu-item{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.top-menu__menu[data-v-1e3e78a1] .x-menu-item.is-horizontal{height:49px;line-height:49px}.top-menu__menu[data-v-1e3e78a1] .x-menu-item__content{height:49px}.top-menu__menu[data-v-1e3e78a1] .x-sub-menu{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.top-menu__menu[data-v-1e3e78a1] .x-sub-menu--horizontal{height:49px}.top-menu__menu[data-v-1e3e78a1] .x-sub-menu__title{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.top-menu__menu[data-v-1e3e78a1] .x-sub-menu__content{height:49px}.top-menu__menu-content[data-v-1e3e78a1]{align-items:center;line-height:1}.top-menu__menu-text[data-v-1e3e78a1]{line-height:1}.top-menu__menu-icon[data-v-1e3e78a1]{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-1e3e78a1]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-8, #C7D2FE);border-radius:var(--xto-border-radius-small, 4px)}.top-menu__actions[data-v-1e3e78a1]{display:flex;align-items:center;gap:8px}.top-menu__search[data-v-1e3e78a1]{position:relative;display:flex;align-items:center;background-color:var(--xto-fill-color-light, #F9FAFB);border-radius:var(--xto-border-radius-base, 6px);padding:0 12px;height:32px;width:200px}.top-menu__search-icon[data-v-1e3e78a1]{color:var(--xto-color-text-secondary, #6B7280)}.top-menu__search-input[data-v-1e3e78a1]{flex:1;height:100%;font-size:14px;color:var(--xto-color-text-primary, #1F2937);background:transparent;border:none;outline:none;padding-left:8px}.top-menu__search-input[data-v-1e3e78a1]::placeholder{color:var(--xto-color-text-placeholder, #9CA3AF)}.top-menu__search-dropdown[data-v-1e3e78a1]{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;max-height:300px;overflow-y:auto;background-color:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-base, 6px);box-shadow:var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));z-index:100}.top-menu__search-results[data-v-1e3e78a1]{padding:8px 0}.top-menu__search-item[data-v-1e3e78a1]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.top-menu__search-item[data-v-1e3e78a1]:hover{background-color:var(--xto-fill-color, #F3F4F6)}.top-menu__search-item-title[data-v-1e3e78a1]{font-size:14px;color:var(--xto-color-text-primary, #1F2937)}.top-menu__search-item-parent[data-v-1e3e78a1]{font-size:12px;color:var(--xto-color-text-secondary, #6B7280);margin-left:auto}.top-menu__search-icon-item[data-v-1e3e78a1]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.top-menu__search-char[data-v-1e3e78a1]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-8, #C7D2FE);border-radius:var(--xto-border-radius-small, 4px)}.top-menu__search-empty[data-v-1e3e78a1]{padding:16px 12px;text-align:center;color:var(--xto-color-text-secondary, #6B7280);font-size:14px}.top-menu__action[data-v-1e3e78a1]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--xto-border-radius-base, 6px);color:var(--xto-color-text-regular, #4B5563);transition:all .2s}.top-menu__action[data-v-1e3e78a1]:hover{background-color:var(--xto-fill-color, #F3F4F6);color:var(--xto-color-primary, #4F46E5)}.top-menu__user[data-v-1e3e78a1]{position:relative;margin-left:8px}.top-menu__user-trigger[data-v-1e3e78a1]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--xto-border-radius-base, 6px);transition:background-color .2s}.top-menu__user-trigger[data-v-1e3e78a1]:hover{background-color:var(--xto-fill-color, #F3F4F6)}.top-menu__user-name[data-v-1e3e78a1]{font-size:14px;color:var(--xto-color-text-primary, #1F2937);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-menu__user-arrow[data-v-1e3e78a1]{font-size:10px;color:var(--xto-color-text-secondary, #6B7280);transition:transform .2s}.top-menu__user-arrow.is-active[data-v-1e3e78a1]{transform:rotate(180deg)}.top-menu__avatar[data-v-1e3e78a1]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--xto-color-primary, #4F46E5),var(--xto-color-primary-light-3, #818CF8));display:flex;align-items:center;justify-content:center;color:var(--xto-bg-color, #FFFFFF);font-size:14px;font-weight:500}.top-menu__dropdown[data-v-1e3e78a1]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-base, 6px);box-shadow:var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));overflow:hidden;z-index:100}.top-menu__dropdown-header[data-v-1e3e78a1]{display:flex;align-items:center;gap:12px;padding:16px}.top-menu__dropdown-avatar[data-v-1e3e78a1]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--xto-color-primary, #4F46E5),var(--xto-color-primary-light-3, #818CF8));display:flex;align-items:center;justify-content:center;color:var(--xto-bg-color, #FFFFFF);font-size:16px;font-weight:500}.top-menu__dropdown-info[data-v-1e3e78a1]{flex:1}.top-menu__dropdown-name[data-v-1e3e78a1]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937)}.top-menu__dropdown-role[data-v-1e3e78a1]{font-size:12px;color:var(--xto-color-text-secondary, #6B7280);margin-top:2px}.top-menu__dropdown-divider[data-v-1e3e78a1]{height:1px;background-color:var(--xto-border-color-lighter, #F3F4F6)}.top-menu__dropdown-menu[data-v-1e3e78a1]{padding:8px 0}.top-menu__dropdown-item[data-v-1e3e78a1]{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--xto-color-text-regular, #4B5563);transition:all .2s}.top-menu__dropdown-item[data-v-1e3e78a1]:hover{background-color:var(--xto-fill-color, #F3F4F6);color:var(--xto-color-text-primary, #1F2937)}.top-menu__dropdown-item--danger[data-v-1e3e78a1]{color:var(--xto-color-danger, #EF4444)}.top-menu__dropdown-item--danger[data-v-1e3e78a1]:hover{background-color:var(--xto-color-danger-light, #FEE2E2);color:var(--xto-color-danger, #EF4444)}.settings-drawer .settings-section[data-v-1e3e78a1]{margin-bottom:24px}.settings-drawer .settings-title[data-v-1e3e78a1]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937);margin-bottom:12px}.settings-drawer .settings-layout-options[data-v-1e3e78a1]{display:flex;gap:12px}.settings-drawer .layout-option[data-v-1e3e78a1]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid var(--xto-border-color, #D1D5DB);border-radius:var(--xto-border-radius-base, 6px);cursor:pointer;transition:all .2s}.settings-drawer .layout-option[data-v-1e3e78a1]:hover{border-color:var(--xto-color-primary-light-5, #A5B4FC)}.settings-drawer .layout-option.is-active[data-v-1e3e78a1]{border-color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-9, #EEF2FF)}.settings-drawer .layout-option__preview[data-v-1e3e78a1]{width:48px;height:36px;border:1px solid var(--xto-border-color-light, #E5E7EB);border-radius:2px;overflow:hidden}.settings-drawer .layout-option__label[data-v-1e3e78a1]{font-size:12px;color:var(--xto-color-text-regular, #4B5563)}.settings-drawer .layout-preview-sidebar[data-v-1e3e78a1]{display:flex;height:100%}.settings-drawer .layout-preview-sidebar .preview-aside[data-v-1e3e78a1]{width:25%;height:100%;background-color:var(--xto-color-primary-light-7, #E0E7FF)}.settings-drawer .layout-preview-sidebar .preview-main[data-v-1e3e78a1]{flex:1;display:flex;flex-direction:column}.settings-drawer .layout-preview-sidebar .preview-main .preview-header[data-v-1e3e78a1]{height:20%;background-color:var(--xto-border-color-light, #E5E7EB)}.settings-drawer .layout-preview-sidebar .preview-main .preview-content[data-v-1e3e78a1]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .layout-preview-top[data-v-1e3e78a1]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-top .preview-header-full[data-v-1e3e78a1]{height:25%;background-color:var(--xto-color-primary-light-7, #E0E7FF)}.settings-drawer .layout-preview-top .preview-content-full[data-v-1e3e78a1]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .layout-preview-mix[data-v-1e3e78a1]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-mix .preview-header-mix[data-v-1e3e78a1]{height:25%;background-color:var(--xto-color-primary-light-7, #E0E7FF);display:flex}.settings-drawer .layout-preview-mix .preview-header-mix .preview-mix-left[data-v-1e3e78a1]{width:30%;background-color:var(--xto-color-primary, #4F46E5)}.settings-drawer .layout-preview-mix .preview-mix-body[data-v-1e3e78a1]{flex:1;display:flex}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-aside[data-v-1e3e78a1]{width:25%;background-color:var(--xto-color-primary-light-8, #C7D2FE)}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-content[data-v-1e3e78a1]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .settings-color-options[data-v-1e3e78a1]{display:flex;gap:12px}.settings-drawer .color-option[data-v-1e3e78a1]{width:24px;height:24px;border-radius:var(--xto-border-radius-small, 4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.settings-drawer .color-option[data-v-1e3e78a1]:hover{transform:scale(1.1)}.settings-drawer .color-option.is-active[data-v-1e3e78a1]{box-shadow:0 0 0 2px var(--xto-bg-color, #FFFFFF),0 0 0 4px var(--xto-color-primary, #4F46E5)}.settings-drawer .settings-switch-list[data-v-1e3e78a1]{display:flex;flex-direction:column;gap:12px}.settings-drawer .settings-switch-item[data-v-1e3e78a1]{display:flex;align-items:center;justify-content:space-between}.settings-drawer .settings-switch-item span[data-v-1e3e78a1]{font-size:14px;color:var(--xto-color-text-regular, #4B5563)}.settings-drawer .switch-wrapper[data-v-1e3e78a1]{width:44px;height:22px;display:flex;align-items:center;cursor:pointer}.settings-drawer .switch-wrapper .switch-core[data-v-1e3e78a1]{width:100%;height:100%;border-radius:11px;background-color:var(--xto-border-color, #D1D5DB);position:relative;transition:background-color .2s}.settings-drawer .switch-wrapper .switch-core[data-v-1e3e78a1]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:var(--xto-bg-color, #FFFFFF);border-radius:50%;transition:left .2s}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-1e3e78a1]{background-color:var(--xto-color-primary, #4F46E5)}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-1e3e78a1]:after{left:24px}.dropdown-enter-active[data-v-1e3e78a1],.dropdown-leave-active[data-v-1e3e78a1]{transition:all .2s ease}.dropdown-enter-from[data-v-1e3e78a1],.dropdown-leave-to[data-v-1e3e78a1]{opacity:0;transform:translateY(-10px)}.search-dropdown-enter-active[data-v-1e3e78a1],.search-dropdown-leave-active[data-v-1e3e78a1]{transition:all .2s ease}.search-dropdown-enter-from[data-v-1e3e78a1],.search-dropdown-leave-to[data-v-1e3e78a1]{opacity:0;transform:translateY(-4px)}.mix-top-menu[data-v-bdcece25]{width:100%;height:100%;display:flex;align-items:center;padding:0 20px}.mix-top-menu__logo[data-v-bdcece25]{display:flex;align-items:center;gap:10px;margin-right:20px}.mix-top-menu__logo-img[data-v-bdcece25]{width:32px;height:32px}.mix-top-menu__logo-text[data-v-bdcece25]{font-size:16px;font-weight:600;color:var(--xto-color-primary, #4F46E5)}.mix-top-menu__menu[data-v-bdcece25]{flex:1;border-bottom:none;height:49px;display:flex;align-items:center;line-height:49px}.mix-top-menu__menu[data-v-bdcece25] .x-menu{height:49px;line-height:49px;border-bottom:none}.mix-top-menu__menu[data-v-bdcece25] .x-menu--horizontal{height:49px;display:flex;align-items:center;border-bottom:none;line-height:49px}.mix-top-menu__menu[data-v-bdcece25] .x-menu-item{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.mix-top-menu__menu[data-v-bdcece25] .x-menu-item.is-horizontal{height:49px;line-height:49px}.mix-top-menu__menu[data-v-bdcece25] .x-menu-item__content{height:49px}.mix-top-menu__menu[data-v-bdcece25] .x-sub-menu{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.mix-top-menu__menu[data-v-bdcece25] .x-sub-menu--horizontal{height:49px}.mix-top-menu__menu[data-v-bdcece25] .x-sub-menu__title{height:49px;line-height:49px;box-sizing:border-box;border-bottom:none}.mix-top-menu__menu[data-v-bdcece25] .x-sub-menu__content{height:49px}.mix-top-menu__menu-content[data-v-bdcece25]{align-items:center;line-height:1}.mix-top-menu__menu-text[data-v-bdcece25]{line-height:1}.mix-top-menu__menu-icon[data-v-bdcece25]{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-bdcece25]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-8, #C7D2FE);border-radius:var(--xto-border-radius-small, 4px)}.mix-top-menu__actions[data-v-bdcece25]{display:flex;align-items:center;gap:8px}.mix-top-menu__search[data-v-bdcece25]{position:relative;display:flex;align-items:center;background-color:var(--xto-fill-color-light, #F9FAFB);border-radius:var(--xto-border-radius-base, 6px);padding:0 12px;height:32px;width:200px}.mix-top-menu__search-icon[data-v-bdcece25]{color:var(--xto-color-text-secondary, #6B7280)}.mix-top-menu__search-input[data-v-bdcece25]{flex:1;height:100%;font-size:14px;color:var(--xto-color-text-primary, #1F2937);background:transparent;border:none;outline:none;padding-left:8px}.mix-top-menu__search-input[data-v-bdcece25]::placeholder{color:var(--xto-color-text-placeholder, #9CA3AF)}.mix-top-menu__search-dropdown[data-v-bdcece25]{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:200px;max-height:300px;overflow-y:auto;background-color:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-base, 6px);box-shadow:var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));z-index:100}.mix-top-menu__search-results[data-v-bdcece25]{padding:8px 0}.mix-top-menu__search-item[data-v-bdcece25]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s}.mix-top-menu__search-item[data-v-bdcece25]:hover{background-color:var(--xto-fill-color, #F3F4F6)}.mix-top-menu__search-item-title[data-v-bdcece25]{font-size:14px;color:var(--xto-color-text-primary, #1F2937)}.mix-top-menu__search-item-parent[data-v-bdcece25]{font-size:12px;color:var(--xto-color-text-secondary, #6B7280);margin-left:auto}.mix-top-menu__search-icon-item[data-v-bdcece25]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.mix-top-menu__search-char[data-v-bdcece25]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:600;color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-8, #C7D2FE);border-radius:var(--xto-border-radius-small, 4px)}.mix-top-menu__search-empty[data-v-bdcece25]{padding:16px 12px;text-align:center;color:var(--xto-color-text-secondary, #6B7280);font-size:14px}.mix-top-menu__action[data-v-bdcece25]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--xto-border-radius-base, 6px);color:var(--xto-color-text-regular, #4B5563);transition:all .2s}.mix-top-menu__action[data-v-bdcece25]:hover{background-color:var(--xto-fill-color, #F3F4F6);color:var(--xto-color-primary, #4F46E5)}.mix-top-menu__user[data-v-bdcece25]{position:relative;margin-left:8px}.mix-top-menu__user-trigger[data-v-bdcece25]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--xto-border-radius-base, 6px);transition:background-color .2s}.mix-top-menu__user-trigger[data-v-bdcece25]:hover{background-color:var(--xto-fill-color, #F3F4F6)}.mix-top-menu__user-name[data-v-bdcece25]{font-size:14px;color:var(--xto-color-text-primary, #1F2937);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-top-menu__user-arrow[data-v-bdcece25]{font-size:10px;color:var(--xto-color-text-secondary, #6B7280);transition:transform .2s}.mix-top-menu__user-arrow.is-active[data-v-bdcece25]{transform:rotate(180deg)}.mix-top-menu__avatar[data-v-bdcece25]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--xto-color-primary, #4F46E5),var(--xto-color-primary-light-3, #818CF8));display:flex;align-items:center;justify-content:center;color:var(--xto-bg-color, #FFFFFF);font-size:14px;font-weight:500}.mix-top-menu__dropdown[data-v-bdcece25]{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-base, 6px);box-shadow:var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));overflow:hidden;z-index:100}.mix-top-menu__dropdown-header[data-v-bdcece25]{display:flex;align-items:center;gap:12px;padding:16px}.mix-top-menu__dropdown-avatar[data-v-bdcece25]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--xto-color-primary, #4F46E5),var(--xto-color-primary-light-3, #818CF8));display:flex;align-items:center;justify-content:center;color:var(--xto-bg-color, #FFFFFF);font-size:16px;font-weight:500}.mix-top-menu__dropdown-info[data-v-bdcece25]{flex:1}.mix-top-menu__dropdown-name[data-v-bdcece25]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937)}.mix-top-menu__dropdown-role[data-v-bdcece25]{font-size:12px;color:var(--xto-color-text-secondary, #6B7280);margin-top:2px}.mix-top-menu__dropdown-divider[data-v-bdcece25]{height:1px;background-color:var(--xto-border-color-lighter, #F3F4F6)}.mix-top-menu__dropdown-menu[data-v-bdcece25]{padding:8px 0}.mix-top-menu__dropdown-item[data-v-bdcece25]{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--xto-color-text-regular, #4B5563);transition:all .2s}.mix-top-menu__dropdown-item[data-v-bdcece25]:hover{background-color:var(--xto-fill-color, #F3F4F6);color:var(--xto-color-text-primary, #1F2937)}.mix-top-menu__dropdown-item--danger[data-v-bdcece25]{color:var(--xto-color-danger, #EF4444)}.mix-top-menu__dropdown-item--danger[data-v-bdcece25]:hover{background-color:var(--xto-color-danger-light, #FEE2E2);color:var(--xto-color-danger, #EF4444)}.settings-drawer .settings-section[data-v-bdcece25]{margin-bottom:24px}.settings-drawer .settings-title[data-v-bdcece25]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937);margin-bottom:12px}.settings-drawer .settings-layout-options[data-v-bdcece25]{display:flex;gap:12px}.settings-drawer .layout-option[data-v-bdcece25]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid var(--xto-border-color, #D1D5DB);border-radius:var(--xto-border-radius-base, 6px);cursor:pointer;transition:all .2s}.settings-drawer .layout-option[data-v-bdcece25]:hover{border-color:var(--xto-color-primary-light-5, #A5B4FC)}.settings-drawer .layout-option.is-active[data-v-bdcece25]{border-color:var(--xto-color-primary, #4F46E5);background-color:var(--xto-color-primary-light-9, #EEF2FF)}.settings-drawer .layout-option__preview[data-v-bdcece25]{width:48px;height:36px;border:1px solid var(--xto-border-color-light, #E5E7EB);border-radius:2px;overflow:hidden}.settings-drawer .layout-option__label[data-v-bdcece25]{font-size:12px;color:var(--xto-color-text-regular, #4B5563)}.settings-drawer .layout-preview-sidebar[data-v-bdcece25]{display:flex;height:100%}.settings-drawer .layout-preview-sidebar .preview-aside[data-v-bdcece25]{width:25%;height:100%;background-color:var(--xto-color-primary-light-7, #E0E7FF)}.settings-drawer .layout-preview-sidebar .preview-main[data-v-bdcece25]{flex:1;display:flex;flex-direction:column}.settings-drawer .layout-preview-sidebar .preview-main .preview-header[data-v-bdcece25]{height:20%;background-color:var(--xto-border-color-light, #E5E7EB)}.settings-drawer .layout-preview-sidebar .preview-main .preview-content[data-v-bdcece25]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .layout-preview-top[data-v-bdcece25]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-top .preview-header-full[data-v-bdcece25]{height:25%;background-color:var(--xto-color-primary-light-7, #E0E7FF)}.settings-drawer .layout-preview-top .preview-content-full[data-v-bdcece25]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .layout-preview-mix[data-v-bdcece25]{display:flex;flex-direction:column;height:100%}.settings-drawer .layout-preview-mix .preview-header-mix[data-v-bdcece25]{height:25%;background-color:var(--xto-color-primary-light-7, #E0E7FF);display:flex}.settings-drawer .layout-preview-mix .preview-header-mix .preview-mix-left[data-v-bdcece25]{width:30%;background-color:var(--xto-color-primary, #4F46E5)}.settings-drawer .layout-preview-mix .preview-mix-body[data-v-bdcece25]{flex:1;display:flex}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-aside[data-v-bdcece25]{width:25%;background-color:var(--xto-color-primary-light-8, #C7D2FE)}.settings-drawer .layout-preview-mix .preview-mix-body .preview-mix-content[data-v-bdcece25]{flex:1;background-color:var(--xto-bg-color-page, #F9FAFB)}.settings-drawer .settings-color-options[data-v-bdcece25]{display:flex;gap:12px}.settings-drawer .color-option[data-v-bdcece25]{width:24px;height:24px;border-radius:var(--xto-border-radius-small, 4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.settings-drawer .color-option[data-v-bdcece25]:hover{transform:scale(1.1)}.settings-drawer .color-option.is-active[data-v-bdcece25]{box-shadow:0 0 0 2px var(--xto-bg-color, #FFFFFF),0 0 0 4px var(--xto-color-primary, #4F46E5)}.settings-drawer .settings-switch-list[data-v-bdcece25]{display:flex;flex-direction:column;gap:12px}.settings-drawer .settings-switch-item[data-v-bdcece25]{display:flex;align-items:center;justify-content:space-between}.settings-drawer .settings-switch-item span[data-v-bdcece25]{font-size:14px;color:var(--xto-color-text-regular, #4B5563)}.settings-drawer .switch-wrapper[data-v-bdcece25]{width:44px;height:22px;display:flex;align-items:center;cursor:pointer}.settings-drawer .switch-wrapper .switch-core[data-v-bdcece25]{width:100%;height:100%;border-radius:11px;background-color:var(--xto-border-color, #D1D5DB);position:relative;transition:background-color .2s}.settings-drawer .switch-wrapper .switch-core[data-v-bdcece25]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:var(--xto-bg-color, #FFFFFF);border-radius:50%;transition:left .2s}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-bdcece25]{background-color:var(--xto-color-primary, #4F46E5)}.settings-drawer .switch-wrapper.is-checked .switch-core[data-v-bdcece25]:after{left:24px}.dropdown-enter-active[data-v-bdcece25],.dropdown-leave-active[data-v-bdcece25]{transition:all .2s ease}.dropdown-enter-from[data-v-bdcece25],.dropdown-leave-to[data-v-bdcece25]{opacity:0;transform:translateY(-10px)}.search-dropdown-enter-active[data-v-bdcece25],.search-dropdown-leave-active[data-v-bdcece25]{transition:all .2s ease}.search-dropdown-enter-from[data-v-bdcece25],.search-dropdown-leave-to[data-v-bdcece25]{opacity:0;transform:translateY(-4px)}.layout[data-v-834e10c6]{display:flex;width:100%;height:100%}.layout--sidebar[data-v-834e10c6]{flex-direction:row}.layout--sidebar .layout__aside[data-v-834e10c6]{height:100%}.layout--sidebar .layout__main[data-v-834e10c6]{flex:1;display:flex;flex-direction:column;height:100%}.layout--top[data-v-834e10c6]{flex-direction:column}.layout--top .layout__main[data-v-834e10c6]{flex:1;display:flex;flex-direction:column;height:calc(100% - 50px)}.layout--top .layout__content[data-v-834e10c6]{flex:1}.layout--mix[data-v-834e10c6]{flex-direction:column}.layout--mix .layout__mix-top-menu[data-v-834e10c6]{width:100%;height:50px;background-color:var(--xto-bg-color, #FFFFFF);border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6);flex-shrink:0}.layout--mix .layout__mix-body[data-v-834e10c6]{flex:1;display:flex;flex-direction:row;height:calc(100% - 50px)}.layout__aside[data-v-834e10c6]{transition:width .3s;overflow:hidden;flex-shrink:0;height:100%}.layout__top-menu[data-v-834e10c6]{width:100%;height:50px;box-sizing:border-box;background-color:var(--xto-bg-color, #FFFFFF);border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6);flex-shrink:0}.layout__mix-top-menu[data-v-834e10c6]{width:100%;height:50px;box-sizing:border-box;flex-shrink:0}.layout__main[data-v-834e10c6]{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.layout__header[data-v-834e10c6]{height:50px;box-sizing:border-box;background-color:var(--xto-bg-color, #FFFFFF);border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6);flex-shrink:0}.layout__content[data-v-834e10c6]{flex:1;overflow:auto;background-color:var(--xto-bg-color-page, #F9FAFB);padding:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as B,o as g,c as f,P as z,a as r,z as i,C as v,u as n,I as T,k as h,Q as M,R,S as I,i as j}from"./vue-vendor-sSbh4bdR.js";import{n as C,M as L}from"./xto-base-kM8Cl-e6.js";import{t as S,n as w,j as V,l as N}from"./xto-form-Bl3jCZ4e.js";import{w as l}from"./xto-feedback-Dp_1dES5.js";import{J as P,a as q}from"./vendor-CWD9azq9.js";import{g as E,a as O,c as b,b as U,d as A,s as D}from"./index-DUV7VLAm.js";import{_ as J}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-DsKtn1lm.js";import"./xto-data-CDPTH0CA.js";import"./xto-navigation-Brox2Ork.js";/* empty css *//* empty css */const K=P({storeAsString:!0});function k(){const s="/";return(s.endsWith("/")?s:s+"/")+"login"}const X=()=>{const s=q.create({timeout:3e4,headers:{"Content-Type":"application/json"},transformResponse:[a=>{if(typeof a=="string")try{return K.parse(a)}catch{return a}return a}]});return s.interceptors.request.use(a=>{const t="/api";a.baseURL||(a.baseURL=t);const o=E(),u=O()||"Bearer";return o&&(a.headers.Authorization=`${u} ${o}`),a},a=>Promise.reject(a)),s.interceptors.response.use(a=>{const{data:t}=a;return t.code===200||t.code===0?t.data:t.code===9121?(l.error("登录已过期,请重新登录"),b(),window.location.href=k(),Promise.reject(new Error(t.message||"EXPIRED OR INVALID TOKEN"))):(l.error(t.message||"请求失败"),Promise.reject(new Error(t.message||"请求失败")))},a=>{var o,u;const{response:t}=a;if(t){const{data:d}=t;if((d==null?void 0:d.code)===9121)return l.error("登录已过期,请重新登录"),b(),window.location.href=k(),Promise.reject(a);switch(t.status){case 401:l.error("登录已过期,请重新登录"),b(),window.location.href=k();break;case 403:l.error("没有权限访问");break;case 404:l.error("请求资源不存在");break;case 500:l.error(((o=t.data)==null?void 0:o.message)||"服务器错误");break;default:l.error(((u=t.data)==null?void 0:u.message)||"请求失败")}}else l.error("网络连接失败");return Promise.reject(a)}),s},p=X(),$={get(s,a){return p.get(s,a)},post(s,a,t){return p.post(s,a,t)},put(s,a,t){return p.put(s,a,t)},patch(s,a,t){return p.patch(s,a,t)},delete(s,a){return p.delete(s,a)},download(s,a){return p.get(s,{...a,responseType:"blob"})}};function H(s){return $.post("/user/v1.0/login/by-domain",s)}const Q={class:"login-page"},W={class:"login-form-section"},F={class:"form-container"},G={class:"input-wrapper"},Y={class:"input-wrapper"},Z={class:"form-options"},aa={key:0},ea={key:1},ta=B({__name:"index",setup(s){const a=M(),t=R(),o=h(!1),u=h(!1),d=T({uid:"",password:""}),_={uid:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"},{min:6,message:"密码长度至少6位",trigger:"blur"}]},x=h(),y=async()=>{var m;try{await((m=x.value)==null?void 0:m.validate()),o.value=!0;const e=await H({appId:A(),clientId:U(),uid:d.uid,password:d.password,code:!0});D(e),l.success("登录成功");const c=t.query.redirect;c?a.push(c):a.push({name:"Dashboard"})}catch(e){console.error("登录失败:",e)}finally{o.value=!1}};return(m,e)=>(g(),f("div",Q,[e[10]||(e[10]=z('<div class="login-brand" data-v-021c2da7><div class="brand-content" data-v-021c2da7><div class="brand-logo" data-v-021c2da7><div class="logo-icon" data-v-021c2da7><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-021c2da7><rect width="48" height="48" rx="12" fill="currentColor" data-v-021c2da7></rect><path d="M14 24L20 30L34 16" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-v-021c2da7></path></svg></div><span class="logo-text" data-v-021c2da7>XTO</span></div><div class="brand-slogan" data-v-021c2da7><h1 data-v-021c2da7>企业级后台管理解决方案</h1><p data-v-021c2da7>开箱即用的中后台前端/设计解决方案</p></div><div class="brand-features" data-v-021c2da7><div class="feature-item" data-v-021c2da7><div class="feature-icon" data-v-021c2da7><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-021c2da7><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" data-v-021c2da7></path></svg></div><div class="feature-text" data-v-021c2da7><h4 data-v-021c2da7>高性能</h4><p data-v-021c2da7>极致的渲染性能与响应速度</p></div></div><div class="feature-item" data-v-021c2da7><div class="feature-icon" data-v-021c2da7><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-021c2da7><rect x="3" y="3" width="18" height="18" rx="2" data-v-021c2da7></rect><path d="M9 9h6M9 12h6M9 15h4" data-v-021c2da7></path></svg></div><div class="feature-text" data-v-021c2da7><h4 data-v-021c2da7>丰富组件</h4><p data-v-021c2da7>60+ 高质量业务组件</p></div></div><div class="feature-item" data-v-021c2da7><div class="feature-icon" data-v-021c2da7><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-021c2da7><circle cx="12" cy="12" r="10" data-v-021c2da7></circle><path d="M12 6v6l4 2" data-v-021c2da7></path></svg></div><div class="feature-text" data-v-021c2da7><h4 data-v-021c2da7>持续更新</h4><p data-v-021c2da7>活跃的社区与快速迭代</p></div></div></div><div class="brand-decoration" data-v-021c2da7><div class="decoration-line" data-v-021c2da7></div><div class="decoration-dots" data-v-021c2da7><span data-v-021c2da7></span><span data-v-021c2da7></span><span data-v-021c2da7></span></div></div></div><div class="brand-bg" data-v-021c2da7><div class="bg-grid" data-v-021c2da7></div><div class="bg-glow" data-v-021c2da7></div><div class="bg-pattern" data-v-021c2da7></div></div></div>',1)),r("div",W,[r("div",F,[e[7]||(e[7]=r("div",{class:"form-header"},[r("h2",null,"欢迎登录"),r("p",null,"请输入您的账户信息")],-1)),i(n(S),{ref_key:"formRef",ref:x,model:d,rules:_,class:"login-form","label-width":"0"},{default:v(()=>[i(n(w),{prop:"uid"},{default:v(()=>[r("div",G,[e[3]||(e[3]=r("label",{class:"input-label"},"用户名",-1)),i(n(V),{modelValue:d.uid,"onUpdate:modelValue":e[0]||(e[0]=c=>d.uid=c),placeholder:"请输入用户名",size:"large"},{prefix:v(()=>[i(n(C),{name:"user",size:18})]),_:1},8,["modelValue"])])]),_:1}),i(n(w),{prop:"password"},{default:v(()=>[r("div",Y,[e[4]||(e[4]=r("label",{class:"input-label"},"密码",-1)),i(n(V),{modelValue:d.password,"onUpdate:modelValue":e[1]||(e[1]=c=>d.password=c),type:"password",placeholder:"请输入密码",size:"large","show-password":"",onKeyup:I(y,["enter"])},{prefix:v(()=>[i(n(C),{name:"lock",size:18})]),_:1},8,["modelValue"])])]),_:1}),r("div",Z,[i(n(N),{modelValue:u.value,"onUpdate:modelValue":e[2]||(e[2]=c=>u.value=c)},{default:v(()=>[...e[5]||(e[5]=[j("记住我",-1)])]),_:1},8,["modelValue"]),e[6]||(e[6]=r("a",{href:"#",class:"forgot-link"},"忘记密码?",-1))]),i(n(w),null,{default:v(()=>[i(n(L),{type:"primary",size:"large",loading:o.value,class:"login-btn",onClick:y},{default:v(()=>[o.value?(g(),f("span",ea,"登录中...")):(g(),f("span",aa,"登 录"))]),_:1},8,["loading"])]),_:1})]),_:1},8,["model"]),e[8]||(e[8]=z('<div class="form-footer" data-v-021c2da7><p data-v-021c2da7>其他登录方式</p><div class="social-login" data-v-021c2da7><button class="social-btn" title="企业微信" data-v-021c2da7><svg viewBox="0 0 24 24" fill="currentColor" data-v-021c2da7><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-021c2da7></path></svg></button><button class="social-btn" title="钉钉" data-v-021c2da7><svg viewBox="0 0 24 24" fill="currentColor" data-v-021c2da7><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-021c2da7></path></svg></button><button class="social-btn" title="飞书" data-v-021c2da7><svg viewBox="0 0 24 24" fill="currentColor" data-v-021c2da7><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-021c2da7></path></svg></button></div></div>',1))]),e[9]||(e[9]=r("div",{class:"copyright"},[r("p",null,"© 2024 XTO Team. All rights reserved.")],-1))])]))}}),ga=J(ta,[["__scopeId","data-v-021c2da7"]]);export{ga as default};
|
|
@@ -1 +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-DCn9x-He.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 P,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-gcK82_Kd.js";import{y as Ee,z as we,b as Fe}from"./xto-navigation-D_LFy9y9.js";import{n as f,M as Ye}from"./xto-base-wYW0Uxvr.js";import{_ as pe}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{c as Ae}from"./xto-feedback-BOOXC1Ev.js";import"./xto-form-BBugNbnQ.js";import"./xto-core-DtPNWVUu.js";import"./xto-data-2diO2SyB.js";/* empty css *//* empty css */const Ne=Ge("auth",()=>{const M=k(Oe()),E=w(()=>We()),b=k(""),_=k(""),y=k(""),r=k("/login");return{token:M,isLoggedIn:E,baseUrl:b,appId:_,clientId:y,loginPath:r,login:$=>{M.value=$.access_token,Ke($)},logout:()=>{M.value=null,qe()},setBaseUrl:$=>{b.value=$},setAppId:$=>{_.value=$},setClientId:$=>{y.value=$},setLoginPath:$=>{r.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):"",r=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,[r(_(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,[r(_(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-f5865e28"]]),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(),r=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 R=(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=R(A.children,v,[...L,N(A)]);if(se)return se}}return null};ke([()=>b.path,h],([C,v])=>{if(v.length>0){const L=R(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(),r.clearUserInfo(),y.clearMenu(),_.push(T.loginPath)};return(C,v)=>(t(),o("div",{class:P(["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(r).userName),1),e("span",ds,i(n(r).departmentName),1)]),m(n(Ye),{type:"text",size:"small",onClick:Z},{default:z(()=>[...v[2]||(v[2]=[He("退出",-1)])]),_:1})])):x("",!0)],2))}}),Re=pe(ms,[["__scopeId","data-v-2ecab012"]]),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"},Ps=["onClick"],Rs={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(),r=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:"酱紫"}],R=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(c=>{c.children&&c.children.length>0?H.push(...K(c.children,c.menuName)):H.push({...c,parentTitle:a,title:c.menuName,path:c.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(),r.logout(),y.clearUserInfo(),S.clearMenu(),b.push(_.loginPath)},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(R.value,(c,p)=>(t(),o("span",{key:c.path},[p>0?(t(),o("span",hs,"/")):x("",!0),e("span",{class:P({"is-current":p===R.value.length-1})},i(c.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]=c=>$.value=c),type:"text",class:"header__search-input",placeholder:"搜索菜单...",onFocus:a[1]||(a[1]=c=>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,c=>(t(),o("div",{key:c.path,class:"header__search-item",onClick:p=>ve(c.path)},[c.title!=="首页"?(t(),o("span",ws,[Z(q(c.icon))?(t(),U(n(f),{key:0,name:q(c.icon),size:16},null,8,["name"])):(t(),o("span",bs,i(B(c.title)),1))])):x("",!0),e("span",xs,i(c.title),1),c.parentTitle?(t(),o("span",$s,i(c.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:P(["header__user-arrow",{"is-active":T.value}])},"▼",2)]),m(de,{name:"dropdown"},{default:z(()=>{var c;return[T.value?(t(),o("div",Ns,[e("div",Us,[e("div",zs,[e("span",null,i(((c=n(y).userName)==null?void 0:c.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]=c=>h.value=c),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,c=>e("div",{key:c.value,class:P(["layout-option",{"is-active":v.value===c.value}]),onClick:p=>se(c.value)},[e("div",Rs,[c.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)])])):c.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(c.label),1)],10,Ps)),64))])]),e("div",Ws,[a[12]||(a[12]=e("div",{class:"settings-title"},"主题色",-1)),e("div",Gs,[(t(),o(V,null,O(j,c=>e("div",{key:c.value,class:P(["color-option",{"is-active":n(_).primaryColor===c.value}]),style:be({backgroundColor:c.value}),title:c.label,onClick:p=>he(c.value)},[n(_).primaryColor===c.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:P(["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:P(["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-9ff678f3"]]),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"},Pt={class:"top-menu__dropdown-info"},Rt={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(),r=$e(),S=Ce(),T=Ne(),h=w(()=>b.path),F=(p,d="")=>{const Y=[];return p.forEach(s=>{s.children&&s.children.length>0?Y.push(...F(s.children,s.menuName)):Y.push({...s,parentTitle:d,title:s.menuName,path:s.menuUrl})}),Y},I=w(()=>q.value.trim()?F(y.menuList).filter(d=>d.title.toLowerCase().includes(q.value.toLowerCase())):[]),N=w(()=>r.isDark?"#1d1e1f":"#fff"),$=w(()=>r.isDark?"#cfd3dc":"#303133"),Q=w(()=>"#409eff"),G=k(!1),ee=k(null),j=k(!1),R=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=()=>{r.toggleTheme(),R.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=()=>{R.value=!0},X=p=>{K.value=p;const d=document.documentElement;p?d.classList.add("grey-mode"):d.classList.remove("grey-mode")},ae=()=>{X(!K.value),R.value=!1},ve=()=>{r.toggleTheme(),R.value=!1},he=[{value:"sidebar",label:"左侧菜单",icon:"sidebar-left"},{value:"top",label:"顶部菜单",icon:"menu"},{value:"mix",label:"混合菜单",icon:"grid"}],fe=w(()=>r.layout),ge=p=>{r.setLayout(p),R.value=!1},ye=[{value:"#409eff",label:"默认蓝"},{value:"#1890ff",label:"科技蓝"},{value:"#52c41a",label:"极光绿"},{value:"#faad14",label:"日落橙"},{value:"#f5222d",label:"薄暮红"},{value:"#722ed1",label:"酱紫"}],re=p=>{r.setPrimaryColor(p),R.value=!1},ce=()=>{te(),_.push("/profile")},g=()=>{te(),_.push("/change-password")},a=()=>{te(),T.logout(),S.clearUserInfo(),y.clearMenu(),_.push(r.loginPath)},H=p=>{ee.value&&!ee.value.contains(p.target)&&te(),B.value&&!B.value.contains(p.target)&&oe()},c=p=>{p.key==="Escape"&&(oe(),te())};return Te(()=>{document.addEventListener("click",H),document.addEventListener("fullscreenchange",le),document.addEventListener("keydown",c),K.value=document.documentElement.classList.contains("grey-mode")}),Ie(()=>{document.removeEventListener("click",H),document.removeEventListener("fullscreenchange",le),document.removeEventListener("keydown",c)}),(p,d)=>{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(r).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":d[0]||(d[0]=s=>q.value=s),type:"text",class:"top-menu__search-input",placeholder:"搜索菜单...",onFocus:d[1]||(d[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(r).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:P(["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",Pt,[e("div",Rt,i(n(S).userName),1),e("div",Bt,i(n(S).departmentName),1)])]),d[7]||(d[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}),d[3]||(d[3]=e("span",null,"个人信息",-1))]),e("div",{class:"top-menu__dropdown-item",onClick:g},[m(n(f),{name:"lock",size:16}),d[4]||(d[4]=e("span",null,"修改密码",-1))]),d[6]||(d[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}),d[5]||(d[5]=e("span",null,"退出登录",-1))])])])):x("",!0)]}),_:1})],512)]),m(n(Ae),{modelValue:R.value,"onUpdate:modelValue":d[2]||(d[2]=s=>R.value=s),title:"换肤设置",direction:"rtl",size:"320px"},{default:z(()=>[e("div",Kt,[e("div",qt,[d[11]||(d[11]=e("div",{class:"settings-title"},"布局模式",-1)),e("div",Wt,[(t(),o(V,null,O(he,s=>e("div",{key:s.value,class:P(["layout-option",{"is-active":fe.value===s.value}]),onClick:l=>ge(s.value)},[e("div",jt,[s.value==="sidebar"?(t(),o("div",Ht,[...d[8]||(d[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,[...d[9]||(d[9]=[e("div",{class:"preview-header-full"},null,-1),e("div",{class:"preview-content-full"},null,-1)])])):(t(),o("div",Qt,[...d[10]||(d[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,[d[12]||(d[12]=e("div",{class:"settings-title"},"主题色",-1)),e("div",Zt,[(t(),o(V,null,O(ye,s=>e("div",{key:s.value,class:P(["color-option",{"is-active":n(r).primaryColor===s.value}]),style:be({backgroundColor:s.value}),title:s.label,onClick:l=>re(s.value)},[n(r).primaryColor===s.value?(t(),U(n(f),{key:0,name:"check",size:12,color:"#fff"})):x("",!0)],14,en)),64))])]),e("div",sn,[d[17]||(d[17]=e("div",{class:"settings-title"},"功能设置",-1)),e("div",tn,[e("div",nn,[d[14]||(d[14]=e("span",null,"灰色模式",-1)),e("div",{class:P(["switch-wrapper",{"is-checked":K.value}]),onClick:ae},[...d[13]||(d[13]=[e("span",{class:"switch-core"},null,-1)])],2)]),e("div",on,[d[16]||(d[16]=e("span",null,"暗黑模式",-1)),e("div",{class:P(["switch-wrapper",{"is-checked":n(r).isDark}]),onClick:ve},[...d[15]||(d[15]=[e("span",{class:"switch-core"},null,-1)])],2)])])])])]),_:1},8,["modelValue"])])}}}),an=pe(ln,[["__scopeId","data-v-15f7b516"]]),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"],Pn={class:"layout-option__preview"},Rn={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(),r=$e(),S=Ce(),T=Ne(),h=k(""),F=(s,l="")=>{const D=[];return s.forEach(u=>{u.children&&u.children.length>0?D.push(...F(u.children,u.menuName)):D.push({...u,parentTitle:l,title:u.menuName,path:u.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(()=>r.isDark?"#1d1e1f":"#fff"),j=w(()=>r.isDark?"#cfd3dc":"#303133"),R=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(),r.setMixSubMenus(N.value)}),ke(()=>y.menuList,s=>{s&&s.length>0&&(Q(),r.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=()=>{r.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=()=>{r.toggleTheme(),B.value=!1},ye=[{value:"sidebar",label:"左侧菜单",icon:"sidebar-left"},{value:"top",label:"顶部菜单",icon:"menu"},{value:"mix",label:"混合菜单",icon:"grid"}],re=w(()=>r.layout),ce=s=>{r.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=>{r.setPrimaryColor(s),B.value=!1},H=()=>{ne(),_.push("/profile")},c=()=>{ne(),_.push("/change-password")},p=()=>{ne(),T.logout(),S.clearUserInfo(),y.clearMenu(),_.push(r.loginPath)},d=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",d),document.addEventListener("fullscreenchange",oe),document.addEventListener("keydown",Y),Z.value=document.documentElement.classList.contains("grey-mode"),Q()}),Ie(()=>{document.removeEventListener("click",d),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(r).appName),1)]),m(n(Fe),{"model-value":h.value,mode:"horizontal","background-color":ee.value,"text-color":j.value,"active-text-color":R.value,class:"mix-top-menu__menu",onSelect:G},{default:z(()=>[(t(!0),o(V,null,O(n(y).menuList,u=>(t(),U(n(we),{key:u.menuUrl,index:u.menuUrl},{default:z(()=>[e("span",mn,[u.menuName!=="首页"?(t(),o("span",pn,[le(A(u.icon))?(t(),U(n(f),{key:0,name:A(u.icon),size:16},null,8,["name"])):(t(),o("span",_n,i(se(u.menuName)),1))])):x("",!0),e("span",vn,i(u.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]=u=>v.value=u),type:"text",class:"mix-top-menu__search-input",placeholder:"搜索菜单...",onFocus:l[1]||(l[1]=u=>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,u=>(t(),o("div",{key:u.path,class:"mix-top-menu__search-item",onClick:Pe=>ae(u.path)},[u.title!=="首页"?(t(),o("span",kn,[le(A(u.icon))?(t(),U(n(f),{key:0,name:A(u.icon),size:16},null,8,["name"])):(t(),o("span",wn,i(se(u.title)),1))])):x("",!0),e("span",bn,i(u.title),1),u.parentTitle?(t(),o("span",xn,i(u.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(r).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:P(["mix-top-menu__user-arrow",{"is-active":K.value}])},"▼",2)]),m(de,{name:"dropdown"},{default:z(()=>{var u;return[K.value?(t(),o("div",Sn,[e("div",Nn,[e("div",Un,[e("span",null,i(((u=n(S).userName)==null?void 0:u.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:c},[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]=u=>B.value=u),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,u=>e("div",{key:u.value,class:P(["layout-option",{"is-active":re.value===u.value}]),onClick:Pe=>ce(u.value)},[e("div",Pn,[u.value==="sidebar"?(t(),o("div",Rn,[...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)])])):u.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(u.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,u=>e("div",{key:u.value,class:P(["color-option",{"is-active":n(r).primaryColor===u.value}]),style:be({backgroundColor:u.value}),title:u.label,onClick:Pe=>a(u.value)},[n(r).primaryColor===u.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:P(["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:P(["switch-wrapper",{"is-checked":n(r).isDark}]),onClick:ge},[...l[15]||(l[15]=[e("span",{class:"switch-core"},null,-1)])],2)])])])])]),_:1},8,["modelValue"])])}}}),Xn=pe(Jn,[["__scopeId","data-v-d5fb6d2a"]]),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"),r=w(()=>b.layout),S=w(()=>r.value==="mix"),T=w(()=>r.value==="sidebar"?_.menuList:r.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,[r.value==="sidebar"?(t(),o("div",Zn,[e("aside",{class:"layout__aside",style:be({width:y.value})},[m(Re,{"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),r.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),r.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(Re,{"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-38f2fc61"]]);export{$o as default};
|
|
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-DUV7VLAm.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 P,x as Me,D as je,z as m,i as He,R as Le,Q as Se,s as Te,v as Ie,U as De,T as de,B as Ve,b as be}from"./vue-vendor-sSbh4bdR.js";import{y as Ee,z as we,b as Fe}from"./xto-navigation-Brox2Ork.js";import{n as f,M as Ye}from"./xto-base-kM8Cl-e6.js";import{_ as pe}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{c as Ae}from"./xto-feedback-Dp_1dES5.js";import"./xto-form-Bl3jCZ4e.js";import"./xto-core-DsKtn1lm.js";import"./xto-data-CDPTH0CA.js";/* empty css *//* empty css */const Ne=Ge("auth",()=>{const M=k(Oe()),E=w(()=>We()),b=k(""),_=k(""),y=k(""),r=k("/login");return{token:M,isLoggedIn:E,baseUrl:b,appId:_,clientId:y,loginPath:r,login:$=>{M.value=$.access_token,Ke($)},logout:()=>{M.value=null,qe()},setBaseUrl:$=>{b.value=$},setAppId:$=>{_.value=$},setClientId:$=>{y.value=$},setLoginPath:$=>{r.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):"",r=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,[r(_(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,[r(_(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-b20ef6e8"]]),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(),r=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 R=(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=R(A.children,v,[...L,N(A)]);if(se)return se}}return null};ke([()=>b.path,h],([C,v])=>{if(v.length>0){const L=R(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(),r.clearUserInfo(),y.clearMenu(),_.push(T.loginPath)};return(C,v)=>(t(),o("div",{class:P(["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(r).userName),1),e("span",ds,i(n(r).departmentName),1)]),m(n(Ye),{type:"text",size:"small",onClick:Z},{default:z(()=>[...v[2]||(v[2]=[He("退出",-1)])]),_:1})])):x("",!0)],2))}}),Re=pe(ms,[["__scopeId","data-v-32160496"]]),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"},Ps=["onClick"],Rs={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(),r=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:"酱紫"}],R=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(c=>{c.children&&c.children.length>0?H.push(...K(c.children,c.menuName)):H.push({...c,parentTitle:a,title:c.menuName,path:c.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(),r.logout(),y.clearUserInfo(),S.clearMenu(),b.push(_.loginPath)},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(R.value,(c,p)=>(t(),o("span",{key:c.path},[p>0?(t(),o("span",hs,"/")):x("",!0),e("span",{class:P({"is-current":p===R.value.length-1})},i(c.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]=c=>$.value=c),type:"text",class:"header__search-input",placeholder:"搜索菜单...",onFocus:a[1]||(a[1]=c=>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,c=>(t(),o("div",{key:c.path,class:"header__search-item",onClick:p=>ve(c.path)},[c.title!=="首页"?(t(),o("span",ws,[Z(q(c.icon))?(t(),U(n(f),{key:0,name:q(c.icon),size:16},null,8,["name"])):(t(),o("span",bs,i(B(c.title)),1))])):x("",!0),e("span",xs,i(c.title),1),c.parentTitle?(t(),o("span",$s,i(c.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:P(["header__user-arrow",{"is-active":T.value}])},"▼",2)]),m(de,{name:"dropdown"},{default:z(()=>{var c;return[T.value?(t(),o("div",Ns,[e("div",Us,[e("div",zs,[e("span",null,i(((c=n(y).userName)==null?void 0:c.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]=c=>h.value=c),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,c=>e("div",{key:c.value,class:P(["layout-option",{"is-active":v.value===c.value}]),onClick:p=>se(c.value)},[e("div",Rs,[c.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)])])):c.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(c.label),1)],10,Ps)),64))])]),e("div",Ws,[a[12]||(a[12]=e("div",{class:"settings-title"},"主题色",-1)),e("div",Gs,[(t(),o(V,null,O(j,c=>e("div",{key:c.value,class:P(["color-option",{"is-active":n(_).primaryColor===c.value}]),style:be({backgroundColor:c.value}),title:c.label,onClick:p=>he(c.value)},[n(_).primaryColor===c.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:P(["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:P(["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-b24cf66e"]]),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"},Pt={class:"top-menu__dropdown-info"},Rt={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(),r=$e(),S=Ce(),T=Ne(),h=w(()=>b.path),F=(p,d="")=>{const Y=[];return p.forEach(s=>{s.children&&s.children.length>0?Y.push(...F(s.children,s.menuName)):Y.push({...s,parentTitle:d,title:s.menuName,path:s.menuUrl})}),Y},I=w(()=>q.value.trim()?F(y.menuList).filter(d=>d.title.toLowerCase().includes(q.value.toLowerCase())):[]),N=w(()=>r.isDark?"#1d1e1f":"#fff"),$=w(()=>r.isDark?"#cfd3dc":"#303133"),Q=w(()=>"#409eff"),G=k(!1),ee=k(null),j=k(!1),R=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=()=>{r.toggleTheme(),R.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=()=>{R.value=!0},X=p=>{K.value=p;const d=document.documentElement;p?d.classList.add("grey-mode"):d.classList.remove("grey-mode")},ae=()=>{X(!K.value),R.value=!1},ve=()=>{r.toggleTheme(),R.value=!1},he=[{value:"sidebar",label:"左侧菜单",icon:"sidebar-left"},{value:"top",label:"顶部菜单",icon:"menu"},{value:"mix",label:"混合菜单",icon:"grid"}],fe=w(()=>r.layout),ge=p=>{r.setLayout(p),R.value=!1},ye=[{value:"#409eff",label:"默认蓝"},{value:"#1890ff",label:"科技蓝"},{value:"#52c41a",label:"极光绿"},{value:"#faad14",label:"日落橙"},{value:"#f5222d",label:"薄暮红"},{value:"#722ed1",label:"酱紫"}],re=p=>{r.setPrimaryColor(p),R.value=!1},ce=()=>{te(),_.push("/profile")},g=()=>{te(),_.push("/change-password")},a=()=>{te(),T.logout(),S.clearUserInfo(),y.clearMenu(),_.push(r.loginPath)},H=p=>{ee.value&&!ee.value.contains(p.target)&&te(),B.value&&!B.value.contains(p.target)&&oe()},c=p=>{p.key==="Escape"&&(oe(),te())};return Te(()=>{document.addEventListener("click",H),document.addEventListener("fullscreenchange",le),document.addEventListener("keydown",c),K.value=document.documentElement.classList.contains("grey-mode")}),Ie(()=>{document.removeEventListener("click",H),document.removeEventListener("fullscreenchange",le),document.removeEventListener("keydown",c)}),(p,d)=>{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(r).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":d[0]||(d[0]=s=>q.value=s),type:"text",class:"top-menu__search-input",placeholder:"搜索菜单...",onFocus:d[1]||(d[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(r).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:P(["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",Pt,[e("div",Rt,i(n(S).userName),1),e("div",Bt,i(n(S).departmentName),1)])]),d[7]||(d[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}),d[3]||(d[3]=e("span",null,"个人信息",-1))]),e("div",{class:"top-menu__dropdown-item",onClick:g},[m(n(f),{name:"lock",size:16}),d[4]||(d[4]=e("span",null,"修改密码",-1))]),d[6]||(d[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}),d[5]||(d[5]=e("span",null,"退出登录",-1))])])])):x("",!0)]}),_:1})],512)]),m(n(Ae),{modelValue:R.value,"onUpdate:modelValue":d[2]||(d[2]=s=>R.value=s),title:"换肤设置",direction:"rtl",size:"320px"},{default:z(()=>[e("div",Kt,[e("div",qt,[d[11]||(d[11]=e("div",{class:"settings-title"},"布局模式",-1)),e("div",Wt,[(t(),o(V,null,O(he,s=>e("div",{key:s.value,class:P(["layout-option",{"is-active":fe.value===s.value}]),onClick:l=>ge(s.value)},[e("div",jt,[s.value==="sidebar"?(t(),o("div",Ht,[...d[8]||(d[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,[...d[9]||(d[9]=[e("div",{class:"preview-header-full"},null,-1),e("div",{class:"preview-content-full"},null,-1)])])):(t(),o("div",Qt,[...d[10]||(d[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,[d[12]||(d[12]=e("div",{class:"settings-title"},"主题色",-1)),e("div",Zt,[(t(),o(V,null,O(ye,s=>e("div",{key:s.value,class:P(["color-option",{"is-active":n(r).primaryColor===s.value}]),style:be({backgroundColor:s.value}),title:s.label,onClick:l=>re(s.value)},[n(r).primaryColor===s.value?(t(),U(n(f),{key:0,name:"check",size:12,color:"#fff"})):x("",!0)],14,en)),64))])]),e("div",sn,[d[17]||(d[17]=e("div",{class:"settings-title"},"功能设置",-1)),e("div",tn,[e("div",nn,[d[14]||(d[14]=e("span",null,"灰色模式",-1)),e("div",{class:P(["switch-wrapper",{"is-checked":K.value}]),onClick:ae},[...d[13]||(d[13]=[e("span",{class:"switch-core"},null,-1)])],2)]),e("div",on,[d[16]||(d[16]=e("span",null,"暗黑模式",-1)),e("div",{class:P(["switch-wrapper",{"is-checked":n(r).isDark}]),onClick:ve},[...d[15]||(d[15]=[e("span",{class:"switch-core"},null,-1)])],2)])])])])]),_:1},8,["modelValue"])])}}}),an=pe(ln,[["__scopeId","data-v-1e3e78a1"]]),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"],Pn={class:"layout-option__preview"},Rn={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(),r=$e(),S=Ce(),T=Ne(),h=k(""),F=(s,l="")=>{const D=[];return s.forEach(u=>{u.children&&u.children.length>0?D.push(...F(u.children,u.menuName)):D.push({...u,parentTitle:l,title:u.menuName,path:u.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(()=>r.isDark?"#1d1e1f":"#fff"),j=w(()=>r.isDark?"#cfd3dc":"#303133"),R=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(),r.setMixSubMenus(N.value)}),ke(()=>y.menuList,s=>{s&&s.length>0&&(Q(),r.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=()=>{r.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=()=>{r.toggleTheme(),B.value=!1},ye=[{value:"sidebar",label:"左侧菜单",icon:"sidebar-left"},{value:"top",label:"顶部菜单",icon:"menu"},{value:"mix",label:"混合菜单",icon:"grid"}],re=w(()=>r.layout),ce=s=>{r.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=>{r.setPrimaryColor(s),B.value=!1},H=()=>{ne(),_.push("/profile")},c=()=>{ne(),_.push("/change-password")},p=()=>{ne(),T.logout(),S.clearUserInfo(),y.clearMenu(),_.push(r.loginPath)},d=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",d),document.addEventListener("fullscreenchange",oe),document.addEventListener("keydown",Y),Z.value=document.documentElement.classList.contains("grey-mode"),Q()}),Ie(()=>{document.removeEventListener("click",d),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(r).appName),1)]),m(n(Fe),{"model-value":h.value,mode:"horizontal","background-color":ee.value,"text-color":j.value,"active-text-color":R.value,class:"mix-top-menu__menu",onSelect:G},{default:z(()=>[(t(!0),o(V,null,O(n(y).menuList,u=>(t(),U(n(we),{key:u.menuUrl,index:u.menuUrl},{default:z(()=>[e("span",mn,[u.menuName!=="首页"?(t(),o("span",pn,[le(A(u.icon))?(t(),U(n(f),{key:0,name:A(u.icon),size:16},null,8,["name"])):(t(),o("span",_n,i(se(u.menuName)),1))])):x("",!0),e("span",vn,i(u.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]=u=>v.value=u),type:"text",class:"mix-top-menu__search-input",placeholder:"搜索菜单...",onFocus:l[1]||(l[1]=u=>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,u=>(t(),o("div",{key:u.path,class:"mix-top-menu__search-item",onClick:Pe=>ae(u.path)},[u.title!=="首页"?(t(),o("span",kn,[le(A(u.icon))?(t(),U(n(f),{key:0,name:A(u.icon),size:16},null,8,["name"])):(t(),o("span",wn,i(se(u.title)),1))])):x("",!0),e("span",bn,i(u.title),1),u.parentTitle?(t(),o("span",xn,i(u.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(r).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:P(["mix-top-menu__user-arrow",{"is-active":K.value}])},"▼",2)]),m(de,{name:"dropdown"},{default:z(()=>{var u;return[K.value?(t(),o("div",Sn,[e("div",Nn,[e("div",Un,[e("span",null,i(((u=n(S).userName)==null?void 0:u.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:c},[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]=u=>B.value=u),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,u=>e("div",{key:u.value,class:P(["layout-option",{"is-active":re.value===u.value}]),onClick:Pe=>ce(u.value)},[e("div",Pn,[u.value==="sidebar"?(t(),o("div",Rn,[...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)])])):u.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(u.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,u=>e("div",{key:u.value,class:P(["color-option",{"is-active":n(r).primaryColor===u.value}]),style:be({backgroundColor:u.value}),title:u.label,onClick:Pe=>a(u.value)},[n(r).primaryColor===u.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:P(["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:P(["switch-wrapper",{"is-checked":n(r).isDark}]),onClick:ge},[...l[15]||(l[15]=[e("span",{class:"switch-core"},null,-1)])],2)])])])])]),_:1},8,["modelValue"])])}}}),Xn=pe(Jn,[["__scopeId","data-v-bdcece25"]]),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"),r=w(()=>b.layout),S=w(()=>r.value==="mix"),T=w(()=>r.value==="sidebar"?_.menuList:r.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,[r.value==="sidebar"?(t(),o("div",Zn,[e("aside",{class:"layout__aside",style:be({width:y.value})},[m(Re,{"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),r.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),r.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(Re,{"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-834e10c6"]]);export{$o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.app{width:100%;height:100%;background-color:var(--xto-bg-color-page, #F9FAFB);transition:background-color .3s var(--xto-transition-easing, cubic-bezier(.4, 0, .2, 1));font-family:var(--xto-font-family, "Inter", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif);-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(--xto-border-color-light, #E5E7EB);border-radius:var(--xto-border-radius-small, 4px);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--xto-border-color, #D1D5DB)}::selection{background:var(--xto-color-primary-light-5, #93A0FA);color:var(--xto-color-primary-dark-2, #3730A3)}:root{--xto-color-primary: #4F46E5;--xto-color-primary-light-1: #5B54E8;--xto-color-primary-light-2: #6B63EB;--xto-color-primary-light-3: #7C73EE;--xto-color-primary-light-4: #8B83F1;--xto-color-primary-light-5: #A5A4F4;--xto-color-primary-light-6: #BFBDF7;--xto-color-primary-light-7: #D4D3F9;--xto-color-primary-light-8: #E0DFFB;--xto-color-primary-light-9: #EEF2FF;--xto-color-primary-dark-1: #4338CA;--xto-color-primary-dark-2: #3730A3;--xto-color-primary-dark-3: #312E81;--xto-color-success: #10B981;--xto-color-success-light: #6EE7B7;--xto-color-success-lighter: #ECFDF5;--xto-color-success-dark: #059669;--xto-color-warning: #F59E0B;--xto-color-warning-light: #FCD34D;--xto-color-warning-lighter: #FFFBEB;--xto-color-warning-dark: #D97706;--xto-color-danger: #EF4444;--xto-color-danger-light: #FCA5A5;--xto-color-danger-lighter: #FEF2F2;--xto-color-danger-dark: #DC2626;--xto-color-info: #6B7280;--xto-color-info-light: #9CA3AF;--xto-color-info-lighter: #F3F4F6;--xto-color-info-dark: #4B5563;--xto-color-text-primary: #1F2937;--xto-color-text-regular: #4B5563;--xto-color-text-secondary: #6B7280;--xto-color-text-placeholder: #9CA3AF;--xto-color-text-disabled: #D1D5DB;--xto-border-color: #D1D5DB;--xto-border-color-light: #E5E7EB;--xto-border-color-lighter: #F3F4F6;--xto-border-color-extra-light: #F9FAFB;--xto-border-color-dark: #9CA3AF;--xto-fill-color: #F3F4F6;--xto-fill-color-light: #F9FAFB;--xto-fill-color-lighter: #FFFFFF;--xto-fill-color-blank: #FFFFFF;--xto-fill-color-dark: #E5E7EB;--xto-bg-color: #FFFFFF;--xto-bg-color-page: #F9FAFB;--xto-bg-color-component: #FFFFFF;--xto-bg-color-overlay: #FFFFFF;--xto-bg-color-spotlight: #EEF2FF;--xto-shadow-subtle: 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);--xto-shadow-base: 0 1px 4px rgba(0, 0, 0, .04);--xto-shadow-elevated: 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);--xto-shadow-prominent: 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);--xto-shadow-card: 0 1px 10px -6px rgba(0, 0, 0, .1);--xto-shadow-card-hover: 0 6px 16px -8px rgba(0, 0, 0, .12);--xto-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--xto-font-family-code: "IBM Plex Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--xto-font-size-base: 14px;--xto-font-size-small: 12px;--xto-font-size-large: 16px;--xto-font-size-extra-large: 20px;--xto-font-size-title: 24px;--xto-font-size-hero: 38px;--xto-font-line-height: 1.5714285714285714;--xto-border-radius-base: 6px;--xto-border-radius-small: 4px;--xto-border-radius-large: 8px;--xto-border-radius-extra-large: 12px;--xto-border-radius-round: 24px;--xto-border-radius-circle: 50%;--xto-spacing-xs: 4px;--xto-spacing-sm: 8px;--xto-spacing-md: 16px;--xto-spacing-lg: 24px;--xto-spacing-xl: 32px;--xto-spacing-xxl: 48px;--component-size-large: 40px;--component-size-default: 32px;--component-size-small: 24px;--xto-transition-duration: .2s;--xto-transition-duration-fast: .1s;--xto-transition-duration-slow: .3s;--xto-transition-easing: cubic-bezier(.645, .045, .355, 1);--xto-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;--xto-gradient-primary: linear-gradient(135deg, #4F46E5 0%, #6366F1 100%);--xto-gradient-hero: linear-gradient(135deg, #312E81 0%, #4F46E5 50%, #6366F1 100%);--xto-gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);--xto-gradient-mask: linear-gradient(180deg, rgba(79, 70, 229, .03) 0%, rgba(0, 0, 0, 0) 100%)}html.dark{--xto-color-primary: #818CF8;--xto-color-primary-light-1: #9BA3FA;--xto-color-primary-light-2: #B5BAFB;--xto-color-primary-light-3: #C7CAFC;--xto-color-primary-light-4: #D5D7FD;--xto-color-primary-light-5: #E0E2FE;--xto-color-primary-light-6: #EBECFE;--xto-color-primary-light-7: #F0F1FE;--xto-color-primary-light-8: #F5F5FE;--xto-color-primary-light-9: #FAFAFF;--xto-color-primary-dark-1: #6366F1;--xto-color-primary-dark-2: #4F46E5;--xto-color-primary-dark-3: #4338CA;--xto-color-text-primary: #F9FAFB;--xto-color-text-regular: #E5E7EB;--xto-color-text-secondary: #9CA3AF;--xto-color-text-placeholder: #6B7280;--xto-color-text-disabled: #4B5563;--xto-border-color: #374151;--xto-border-color-light: #1F2937;--xto-border-color-lighter: #111827;--xto-border-color-extra-light: #030712;--xto-border-color-dark: #4B5563;--xto-fill-color: #1F2937;--xto-fill-color-light: #111827;--xto-fill-color-lighter: #030712;--xto-fill-color-blank: #030712;--xto-fill-color-dark: #374151;--xto-bg-color: #111827;--xto-bg-color-page: #030712;--xto-bg-color-component: #1F2937;--xto-bg-color-overlay: #1F2937;--xto-bg-color-spotlight: #1E1B4B;--xto-shadow-subtle: 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);--xto-shadow-base: 0 1px 4px rgba(0, 0, 0, .2);--xto-shadow-elevated: 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);--xto-shadow-prominent: 0 6px 16px -8px rgba(0, 0, 0, .32), 0 9px 28px 8px rgba(0, 0, 0, .2), 0 12px 48px 16px rgba(0, 0, 0, .12);--xto-shadow-card: 0 1px 10px -6px rgba(0, 0, 0, .32);--xto-shadow-card-hover: 0 6px 16px -8px rgba(0, 0, 0, .48);--xto-gradient-primary: linear-gradient(135deg, #818CF8 0%, #6366F1 100%);--xto-gradient-hero: linear-gradient(135deg, #4338CA 0%, #4F46E5 50%, #818CF8 100%);--xto-gradient-card: linear-gradient(180deg, rgba(17, 24, 39, 0) 0%, rgba(17, 24, 39, .8) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;font-size:var(--xto-font-size-base, 14px);-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(--xto-font-family, "Inter", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:var(--xto-font-size-base, 14px);line-height:1.5;color:var(--xto-color-text-primary, #1F2937);background-color:var(--xto-bg-color-page, #F9FAFB)}#app{width:100%;height:100%}a{color:var(--xto-color-primary, #4F46E5);text-decoration:none;cursor:pointer;transition:color var(--xto-transition-duration-fast, .15s)}a:hover{color:var(--xto-color-primary-light-3, #7578F3)}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(--xto-color-text-primary, #1F2937)}p{margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--xto-fill-color-light, #F9FAFB);border-radius:3px}::-webkit-scrollbar-thumb{background-color:var(--xto-border-color, #D1D5DB);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--xto-color-text-secondary, #6B7280)}::selection{background-color:var(--xto-color-primary-light-8, #D4D7FE);color:var(--xto-color-primary, #4F46E5)}.fade-enter-active,.fade-leave-active{transition:opacity var(--xto-transition-duration-fast, .15s)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-scale-enter-active,.fade-scale-leave-active{transition:all var(--xto-transition-duration-fast, .15s)}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:scale(.9)}.fade-transform-enter-active,.fade-transform-leave-active{transition:all var(--xto-transition-duration-fast, .15s)}.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(--xto-transition-duration-fast, .15s)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-20px)}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--xto-transition-duration-fast, .15s)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.slide-left-enter-active,.slide-left-leave-active{transition:all var(--xto-transition-duration-fast, .15s)}.slide-left-enter-from,.slide-left-leave-to{opacity:0;transform:translate(20px)}.slide-right-enter-active,.slide-right-leave-active{transition:all var(--xto-transition-duration-fast, .15s)}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(-20px)}.zoom-enter-active,.zoom-leave-active{transition:all var(--xto-transition-duration-fast, .15s)}.zoom-enter-from,.zoom-leave-to{opacity:0;transform:scale(.5)}.list-enter-active,.list-leave-active{transition:all var(--xto-transition-duration-fast, .15s)}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(30px)}.collapse-transition{transition:width var(--xto-transition-duration-fast, .15s),padding var(--xto-transition-duration-fast, .15s)}html.dark .sidebar,html.dark .layout__aside{background-color:var(--xto-bg-color, #111827)}html.dark .sidebar{border-right:1px solid var(--xto-border-color, #374151)}html.dark .sidebar__search-results{background-color:var(--xto-bg-color-overlay, #1F2937);border-color:var(--xto-border-color, #374151)}html.dark .sidebar__search-item:hover{background-color:var(--xto-fill-color, #1F2937)}html.dark .sidebar__search-item-title{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .sidebar__search-item-parent{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .sidebar__logo{border-bottom-color:var(--xto-border-color, #374151)}html.dark .sidebar__user{border-top-color:var(--xto-border-color, #374151)}html.dark .sidebar__user-name{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .sidebar__user-role{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .x-menu{background-color:var(--xto-bg-color, #111827)!important;border-color:var(--xto-border-color, #374151);color:var(--xto-color-text-regular, #E5E7EB)}html.dark .x-menu.x-menu--vertical{border-right-color:var(--xto-border-color, #374151)}html.dark .x-menu.x-menu--horizontal{border-bottom-color:var(--xto-border-color, #374151);background-color:var(--xto-bg-color, #111827)!important}html.dark .x-menu-item{color:var(--xto-color-text-regular, #E5E7EB)!important;background-color:transparent!important}html.dark .x-menu-item:hover{background-color:var(--xto-fill-color, #1F2937)!important}html.dark .x-menu-item.is-active{color:var(--xto-color-primary, #818CF8)!important;background-color:#818cf81a!important}html.dark .x-menu-item.is-active:before{background-color:var(--xto-color-primary, #818CF8)}html.dark .x-menu-item.is-horizontal:hover{background-color:transparent!important}html.dark .x-menu-item.is-horizontal.is-active{background-color:transparent!important;border-bottom-color:var(--xto-color-primary, #818CF8)}html.dark .x-sub-menu__title{color:var(--xto-color-text-regular, #E5E7EB)!important;background-color:transparent!important}html.dark .x-sub-menu__title:hover{background-color:var(--xto-fill-color, #1F2937)!important}html.dark .x-sub-menu__menu{background-color:var(--xto-bg-color-overlay, #1F2937)!important;border:1px solid var(--xto-border-color, #374151);box-shadow:0 2px 12px #00000080}html.dark .x-sub-menu__menu .x-menu-item{background-color:transparent!important;color:var(--xto-color-text-regular, #E5E7EB)!important}html.dark .x-sub-menu__menu .x-menu-item:hover{background-color:var(--xto-fill-color, #1F2937)!important}html.dark .x-sub-menu__menu .x-menu-item.is-active{color:var(--xto-color-primary, #818CF8)!important;background-color:#818cf81a!important}html.dark .x-sub-menu__arrow{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .x-sub-menu.is-active>.x-sub-menu__title{color:var(--xto-color-primary, #818CF8)!important}html.dark .x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent!important}html.dark .x-sub-menu--horizontal .x-sub-menu__menu{background-color:var(--xto-bg-color-overlay, #1F2937)!important;border:1px solid var(--xto-border-color, #374151)}html.dark .x-sub-menu.is-collapse>.x-sub-menu__menu{background-color:var(--xto-bg-color-overlay, #1F2937)!important;border:1px solid var(--xto-border-color, #374151)}html.dark .header{background-color:var(--xto-bg-color, #111827);border-bottom-color:var(--xto-border-color, #374151)}html.dark .header__collapse{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .header__breadcrumb{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .header__user-name{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .header__user-arrow{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .header__action:hover,html.dark .header__user-trigger:hover{background-color:var(--xto-fill-color, #1F2937)}html.dark .header__dropdown{background-color:var(--xto-bg-color-overlay, #1F2937);border:1px solid var(--xto-border-color, #374151);box-shadow:0 2px 12px #00000080}html.dark .header__dropdown-name{color:var(--xto-color-text-primary, #F9FAFB)}html.dark .header__dropdown-role{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .header__dropdown-divider{background-color:var(--xto-border-color, #374151)}html.dark .header__dropdown-item{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .header__dropdown-item:hover{background-color:var(--xto-fill-color, #1F2937);color:var(--xto-color-text-primary, #F9FAFB)}html.dark .top-menu{background-color:var(--xto-bg-color, #111827)}html.dark .top-menu__menu{background-color:var(--xto-bg-color, #111827)!important}html.dark .top-menu__menu-char{background-color:#818cf833;color:var(--xto-color-primary-light-3, #7578F3)}html.dark .top-menu__action{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .top-menu__action:hover{background-color:var(--xto-fill-color, #1F2937);color:var(--xto-color-primary, #818CF8)}html.dark .top-menu__user-trigger:hover{background-color:var(--xto-fill-color, #1F2937)}html.dark .top-menu__user-name{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .top-menu__user-arrow{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .top-menu__dropdown{background-color:var(--xto-bg-color-overlay, #1F2937);border:1px solid var(--xto-border-color, #374151);box-shadow:0 2px 12px #00000080}html.dark .top-menu__dropdown-name{color:var(--xto-color-text-primary, #F9FAFB)}html.dark .top-menu__dropdown-role{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .top-menu__dropdown-divider{background-color:var(--xto-border-color, #374151)}html.dark .top-menu__dropdown-item{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .top-menu__dropdown-item:hover{background-color:var(--xto-fill-color, #1F2937);color:var(--xto-color-text-primary, #F9FAFB)}html.dark .x-button.x-button--default{background-color:var(--xto-bg-color, #111827);border-color:var(--xto-border-color-light, #1F2937);color:var(--xto-color-text-regular, #E5E7EB)}html.dark .x-button.x-button--default:hover{border-color:var(--xto-color-primary, #818CF8);color:var(--xto-color-primary, #818CF8)}html.dark .x-button.x-button--text{color:var(--xto-color-primary, #818CF8)}html.dark .x-form-item__label{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .x-form-item__error{color:var(--xto-color-danger, #F87171)}html.dark .x-input{background-color:var(--xto-bg-color, #111827);border-color:var(--xto-border-color-light, #1F2937)}html.dark .x-input.is-focus{border-color:var(--xto-color-primary, #818CF8)}html.dark .x-input .x-input__inner{background-color:transparent;color:var(--xto-color-text-primary, #F9FAFB)}html.dark .x-input .x-input__inner::placeholder{color:var(--xto-color-text-placeholder, #6B7280)}html.dark .x-input .x-input__suffix,html.dark .x-input .x-input__prefix{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .x-select{background-color:var(--xto-bg-color, #111827);border-color:var(--xto-border-color-light, #1F2937)}html.dark .x-card{background-color:var(--xto-bg-color-overlay, #1F2937);border-color:var(--xto-border-color, #374151)}html.dark .x-card__header{border-bottom-color:var(--xto-border-color, #374151);color:var(--xto-color-text-primary, #F9FAFB)}html.dark .data-table th{background-color:var(--xto-fill-color, #1F2937);color:var(--xto-color-text-regular, #E5E7EB);border-bottom-color:var(--xto-border-color, #374151)}html.dark .data-table td{border-bottom-color:var(--xto-border-color, #374151);color:var(--xto-color-text-regular, #E5E7EB)}html.dark .data-table tr:hover td{background-color:var(--xto-fill-color, #1F2937)}html.dark .x-modal__wrapper{background-color:#000000b3}html.dark .x-modal__container{background-color:var(--xto-bg-color-overlay, #1F2937);border:1px solid var(--xto-border-color, #374151)}html.dark .x-modal__header{border-bottom-color:var(--xto-border-color, #374151);color:var(--xto-color-text-primary, #F9FAFB)}html.dark .x-modal__footer{border-top-color:var(--xto-border-color, #374151)}html.dark .x-message{background-color:var(--xto-bg-color-overlay, #1F2937);border:1px solid var(--xto-border-color, #374151)}html.dark .x-tag.x-tag--primary{background-color:#818cf833;color:var(--xto-color-primary-light-3, #7578F3);border-color:#818cf84d}html.dark .x-tag.x-tag--success{background-color:#34d39933;color:var(--xto-color-success-light-3, #2DD4A0);border-color:#34d3994d}html.dark .x-tag.x-tag--warning{background-color:#fbbf2433;color:var(--xto-color-warning-light-3, #FBBF24);border-color:#fbbf244d}html.dark .x-tag.x-tag--danger{background-color:#f8717133;color:var(--xto-color-danger-light-3, #F87171);border-color:#f871714d}html.dark .x-tag.x-tag--info{background-color:#9ca3af33;color:var(--xto-color-text-disabled, #4B5563);border-color:#9ca3af4d}html.dark .x-switch{background-color:var(--xto-border-color-light, #1F2937)}html.dark .x-switch.is-checked{background-color:var(--xto-color-primary, #818CF8)}html.dark .x-pagination{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .x-pagination__item{background-color:var(--xto-bg-color, #111827);border-color:var(--xto-border-color-light, #1F2937);color:var(--xto-color-text-regular, #E5E7EB)}html.dark .x-pagination__item:hover{color:var(--xto-color-primary, #818CF8)}html.dark .x-pagination__item.is-active{background-color:var(--xto-color-primary, #818CF8);border-color:var(--xto-color-primary, #818CF8);color:#fff}html.dark .login{background:linear-gradient(135deg,#1a1a2e,#16213e)}html.dark .login__container{background-color:var(--xto-bg-color-overlay, #1F2937);border:1px solid var(--xto-border-color, #374151)}html.dark .login__title{color:var(--xto-color-primary, #818CF8)}html.dark .login__subtitle{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .login__footer{color:var(--xto-color-text-placeholder, #6B7280)}html.dark .stat-card__title{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .quick-link{background-color:var(--xto-fill-color, #1F2937)}html.dark .quick-link:hover{background-color:#818cf81a}html.dark .quick-link__title{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .activity-item{border-bottom-color:var(--xto-border-color, #374151)}html.dark .activity-item__action{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .search-card,html.dark .table-card,html.dark .x-popconfirm{background-color:var(--xto-bg-color-overlay, #1F2937);border:1px solid var(--xto-border-color, #374151)}html.dark .x-drawer{background-color:var(--xto-bg-color-overlay, #1F2937)}html.dark .x-drawer__header{background-color:var(--xto-bg-color-overlay, #1F2937);border-bottom-color:var(--xto-border-color, #374151);color:var(--xto-color-text-primary, #F9FAFB)}html.dark .x-drawer__body{background-color:var(--xto-bg-color-overlay, #1F2937);color:var(--xto-color-text-regular, #E5E7EB)}html.dark .x-drawer__footer{background-color:var(--xto-bg-color-overlay, #1F2937);border-top-color:var(--xto-border-color, #374151)}html.dark .settings-drawer .settings-title{color:var(--xto-color-text-primary, #F9FAFB)}html.dark .settings-drawer .settings-section{background-color:transparent}html.dark .settings-drawer .layout-option{border-color:var(--xto-border-color-light, #1F2937);background-color:transparent}html.dark .settings-drawer .layout-option:hover{border-color:var(--xto-color-primary, #818CF8)}html.dark .settings-drawer .layout-option.is-active{border-color:var(--xto-color-primary, #818CF8);background-color:#818cf81a}html.dark .settings-drawer .layout-option__label,html.dark .settings-drawer .settings-switch-item span{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .mix-top-menu{background-color:var(--xto-bg-color, #111827);border-bottom-color:var(--xto-border-color, #374151)}html.dark .mix-top-menu__logo-text{color:var(--xto-color-primary, #818CF8)}html.dark .mix-top-menu__menu{background-color:var(--xto-bg-color, #111827)!important}html.dark .mix-top-menu__menu-char{color:var(--xto-color-primary-light-3, #7578F3);background-color:#818cf833}html.dark .mix-top-menu__action{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .mix-top-menu__action:hover{background-color:var(--xto-fill-color, #1F2937);color:var(--xto-color-primary, #818CF8)}html.dark .mix-top-menu__user-trigger:hover{background-color:var(--xto-fill-color, #1F2937)}html.dark .mix-top-menu__user-name{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .mix-top-menu__user-arrow{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .mix-top-menu__dropdown{background-color:var(--xto-bg-color-overlay, #1F2937);border:1px solid var(--xto-border-color, #374151);box-shadow:0 2px 12px #00000080}html.dark .mix-top-menu__dropdown-name{color:var(--xto-color-text-primary, #F9FAFB)}html.dark .mix-top-menu__dropdown-role{color:var(--xto-color-text-secondary, #9CA3AF)}html.dark .mix-top-menu__dropdown-divider{background-color:var(--xto-border-color, #374151)}html.dark .mix-top-menu__dropdown-item{color:var(--xto-color-text-regular, #E5E7EB)}html.dark .mix-top-menu__dropdown-item:hover{background-color:var(--xto-fill-color, #1F2937);color:var(--xto-color-text-primary, #F9FAFB)}.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(--xto-color-primary, #4F46E5)}.text-success{color:var(--xto-color-success, #10B981)}.text-warning{color:var(--xto-color-warning, #F59E0B)}.text-danger{color:var(--xto-color-danger, #EF4444)}.text-info{color:var(--xto-color-info, #6B7280)}.text-secondary{color:var(--xto-color-text-secondary, #6B7280)}.text-placeholder{color:var(--xto-color-text-placeholder, #9CA3AF)}.bg-primary{background-color:var(--xto-color-primary, #4F46E5)}.bg-success{background-color:var(--xto-color-success, #10B981)}.bg-warning{background-color:var(--xto-color-warning, #F59E0B)}.bg-danger{background-color:var(--xto-color-danger, #EF4444)}.bg-page{background-color:var(--xto-bg-color-page, #F9FAFB)}.bg-card{background-color:var(--xto-bg-color, #FFFFFF)}.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(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);box-shadow:var(--xto-shadow-subtle, 0 1px 2px rgba(0, 0, 0, .05));padding:var(--xto-spacing-lg, 24px);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--xto-shadow-elevated, 0 4px 12px rgba(0, 0, 0, .1))}.card-flat{background-color:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);padding:var(--xto-spacing-lg, 24px);border:1px solid var(--xto-border-color-lighter, #F3F4F6)}.page-container{padding:12px;min-height:100%;background:var(--xto-bg-color-page, #F9FAFB)}.search-bar{display:flex;flex-wrap:wrap;gap:var(--xto-spacing-md, 12px);margin-bottom:12px;padding:12px;background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);box-shadow:var(--xto-shadow-subtle, 0 1px 2px rgba(0, 0, 0, .05))}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--xto-spacing-sm, 8px)}.table-container{background-color:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);box-shadow:var(--xto-shadow-subtle, 0 1px 2px rgba(0, 0, 0, .05));overflow:hidden}.pagination-container{display:flex;justify-content:flex-end;padding:12px;border-top:1px solid var(--xto-border-color-lighter, #F3F4F6)}.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(--xto-fill-color, #F3F4F6);color:var(--xto-color-text-secondary, #6B7280)}.badge-primary{background:var(--xto-color-primary-light-6, #A5B4FC);color:var(--xto-color-primary, #4F46E5)}.badge-success{background:var(--xto-color-success-light-9, #ECFDF5);color:var(--xto-color-success, #10B981)}.badge-warning{background:var(--xto-color-warning-light-9, #FFFBEB);color:var(--xto-color-warning, #F59E0B)}.badge-danger{background:var(--xto-color-danger-light-9, #FEF2F2);color:var(--xto-color-danger, #EF4444)}.divider{height:1px;background:var(--xto-border-color-lighter, #F3F4F6);margin:var(--xto-spacing-md, 12px) 0}.divider-vertical{width:1px;height:100%;background:var(--xto-border-color-lighter, #F3F4F6);margin:0 var(--xto-spacing-md, 12px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--xto-color-text-placeholder, #9CA3AF)}.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(--xto-border-color-lighter, #F3F4F6);border-top-color:var(--xto-color-primary, #4F46E5);border-radius:50%;animation:spin .8s linear infinite}.loading-state .loading-text{margin-top:16px;font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--xto-color-primary, #4F46E5);text-decoration:none;transition:color .2s ease}.link:hover{color:var(--xto-color-primary-light-1, #5B54E8)}.link-underline{color:var(--xto-color-primary, #4F46E5);text-decoration:underline;text-underline-offset:2px}.link-underline:hover{color:var(--xto-color-primary-light-1, #5B54E8)}.x-menu-item.is-active{color:var(--xto-color-primary, #4F46E5)!important;background-color:var(--xto-color-primary-light-9, #EEF2FF)!important;position:relative}.x-menu-item.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--xto-color-primary, #4F46E5);border-radius:0 2px 2px 0}.x-sub-menu__menu .x-menu-item.is-active{color:var(--xto-color-primary, #4F46E5)!important;background-color:var(--xto-color-primary-light-9, #EEF2FF)!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(--xto-color-primary, #4F46E5);border-radius:0 2px 2px 0}html.grey-mode{filter:grayscale(100%);-webkit-filter:grayscale(100%)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.login-page[data-v-021c2da7]{width:100%;min-height:100vh;display:flex;background:var(--xto-bg-color-page, #F9FAFB)}.login-brand[data-v-021c2da7]{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#312e81,#4338ca,#4f46e5);overflow:hidden}@media (max-width: 992px){.login-brand[data-v-021c2da7]{display:none}}.login-brand .brand-content[data-v-021c2da7]{position:relative;z-index:2;padding:60px;max-width:520px;color:#fff}.login-brand .brand-logo[data-v-021c2da7]{display:flex;align-items:center;gap:12px;margin-bottom:48px}.login-brand .brand-logo .logo-icon[data-v-021c2da7]{width:48px;height:48px;color:#fff}.login-brand .brand-logo .logo-text[data-v-021c2da7]{font-size:28px;font-weight:700;letter-spacing:2px}.login-brand .brand-slogan[data-v-021c2da7]{margin-bottom:48px}.login-brand .brand-slogan h1[data-v-021c2da7]{font-size:32px;font-weight:600;line-height:1.3;margin-bottom:12px}.login-brand .brand-slogan p[data-v-021c2da7]{font-size:16px;opacity:.8;line-height:1.6}.login-brand .brand-features[data-v-021c2da7]{display:flex;flex-direction:column;gap:24px}.login-brand .brand-features .feature-item[data-v-021c2da7]{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff1a;border-radius:var(--xto-border-radius-large, 8px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.login-brand .brand-features .feature-item[data-v-021c2da7]:hover{background:#ffffff26;transform:translate(8px)}.login-brand .brand-features .feature-icon[data-v-021c2da7]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--xto-border-radius-base, 6px);flex-shrink:0}.login-brand .brand-features .feature-icon svg[data-v-021c2da7]{width:20px;height:20px}.login-brand .brand-features .feature-text h4[data-v-021c2da7]{font-size:15px;font-weight:600;margin-bottom:4px}.login-brand .brand-features .feature-text p[data-v-021c2da7]{font-size:13px;opacity:.8}.login-brand .brand-decoration[data-v-021c2da7]{position:absolute;bottom:60px;left:60px;right:60px;display:flex;align-items:center;gap:16px}.login-brand .brand-decoration .decoration-line[data-v-021c2da7]{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3),transparent)}.login-brand .brand-decoration .decoration-dots[data-v-021c2da7]{display:flex;gap:8px}.login-brand .brand-decoration .decoration-dots span[data-v-021c2da7]{width:6px;height:6px;background:#ffffff80;border-radius:50%}.login-brand .brand-bg[data-v-021c2da7]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.login-brand .brand-bg .bg-grid[data-v-021c2da7]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}.login-brand .brand-bg .bg-glow[data-v-021c2da7]{position:absolute;top:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:glow-pulse-021c2da7 8s ease-in-out infinite}.login-brand .brand-bg .bg-pattern[data-v-021c2da7]{position:absolute;bottom:-10%;left:-10%;width:40%;height:40%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%)}@keyframes glow-pulse-021c2da7{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-form-section[data-v-021c2da7]{width:500px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:60px 80px;background:var(--xto-bg-color, #FFFFFF)}@media (max-width: 768px){.login-form-section[data-v-021c2da7]{width:100%;padding:40px 24px}}.login-form-section .form-container[data-v-021c2da7]{width:100%;max-width:360px;margin:0 auto}.login-form-section .form-header[data-v-021c2da7]{margin-bottom:40px}.login-form-section .form-header h2[data-v-021c2da7]{font-size:28px;font-weight:600;color:var(--xto-color-text-primary, #1F2937);margin-bottom:8px}.login-form-section .form-header p[data-v-021c2da7]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}.login-form-section .login-form .input-wrapper[data-v-021c2da7]{margin-bottom:4px}.login-form-section .login-form .input-label[data-v-021c2da7]{display:block;font-size:14px;font-weight:500;color:var(--xto-color-text-regular, #4B5563);margin-bottom:8px}.login-form-section .login-form[data-v-021c2da7] .x-form-item{margin-bottom:24px}.login-form-section .login-form[data-v-021c2da7] .x-input{--x-input-border-radius: 8px}.login-form-section .login-form[data-v-021c2da7] .x-input__prefix{margin-right:12px;color:var(--xto-color-text-placeholder, #9CA3AF)}.login-form-section .form-options[data-v-021c2da7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.login-form-section .form-options .forgot-link[data-v-021c2da7]{font-size:14px;color:var(--xto-color-primary, #4F46E5);text-decoration:none;transition:color .2s}.login-form-section .form-options .forgot-link[data-v-021c2da7]:hover{color:var(--xto-color-primary-dark-1, #4338CA)}.login-form-section .login-btn[data-v-021c2da7]{width:100%;height:44px;font-size:16px;font-weight:500;border-radius:var(--xto-border-radius-large, 8px);letter-spacing:4px;transition:all .3s ease}.login-form-section .login-btn[data-v-021c2da7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.login-form-section .login-btn[data-v-021c2da7]:active:not(:disabled){transform:translateY(0)}.login-form-section .form-footer[data-v-021c2da7]{margin-top:32px;padding-top:24px;border-top:1px solid var(--xto-border-color-lighter, #F3F4F6);text-align:center}.login-form-section .form-footer p[data-v-021c2da7]{font-size:13px;color:var(--xto-color-text-placeholder, #9CA3AF);margin-bottom:16px}.login-form-section .form-footer .social-login[data-v-021c2da7]{display:flex;justify-content:center;gap:16px}.login-form-section .form-footer .social-btn[data-v-021c2da7]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--xto-fill-color, #F3F4F6);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--xto-color-text-secondary, #6B7280)}.login-form-section .form-footer .social-btn svg[data-v-021c2da7]{width:20px;height:20px}.login-form-section .form-footer .social-btn[data-v-021c2da7]:hover{background:var(--xto-color-primary-light-6, #C7D2FE);color:var(--xto-color-primary, #4F46E5);transform:translateY(-2px)}.login-form-section .copyright[data-v-021c2da7]{margin-top:48px;text-align:center}.login-form-section .copyright p[data-v-021c2da7]{font-size:12px;color:var(--xto-color-text-placeholder, #9CA3AF)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as $,n as p,j as _,o as F,G as O,Z as A}from"./xto-form-Bl3jCZ4e.js";import{L as V}from"./xto-data-CDPTH0CA.js";import{r as j,w as H}from"./xto-feedback-Dp_1dES5.js";import{M as h,g as C}from"./xto-base-kM8Cl-e6.js";import{S as r,M as c,b as q}from"./index-BRR97dc6.js";import{d as Y,s 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 w,A as U,k as E,e as Z,I as J,i as m,g as K}from"./vue-vendor-sSbh4bdR.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./xto-core-DsKtn1lm.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"},ke={class:"col-status"},ge={class:"col-actions"},be={class:"col-name"},Ve={class:"menu-info"},Ee={class:"menu-icon-wrapper"},xe=["onClick"],Ae={class:"col-icon"},Ce={class:"icon-text"},we={class:"col-path"},Me={class:"path-code"},Ne={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"},Fe={class:"status-label"},Oe=Y({__name:"index",setup(je){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),k=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"}]},M=E(),N=()=>{x.value=!0,setTimeout(()=>{k.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},g=u=>{Object.assign(n,u),y.value=!0},R=async()=>{var u;try{await((u=M.value)==null?void 0:u.validate()),H.success(n.id?"编辑成功":"新增成功"),y.value=!1,N()}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(()=>{N()}),(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(k.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)])])):k.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(--xto-color-text-placeholder, #9CA3AF)","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(--xto-fill-color, #F3F4F6)"})])])]),e("span",null,"暂无数据")])],-1)])])):(f(!0),v(w,{key:2},U(k.value,l=>(f(),v(w,{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=>g(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",ke,[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",ge,[o(s(C),{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=>g(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(w,{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=>g(i)},d(i.title),9,xe)])]),e("td",Ae,[e("span",Ce,d(b(i.icon)),1)]),e("td",we,[e("code",Me,d(i.path),1)]),e("td",Ne,[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(C),{class:"action-buttons"},{default:a(()=>[o(s(h),{type:"primary",link:"",size:"small",onClick:S=>g(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(j),{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(C),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:M,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(F),{modelValue:n.type,"onUpdate:modelValue":t[2]||(t[2]=l=>n.type=l),options:s(q)},null,8,["modelValue","options"])]),_:1}),o(s(p),{label:"排序"},{default:a(()=>[o(s(O),{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(A),{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(A),{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(A),{modelValue:n.keepAlive,"onUpdate:modelValue":t[11]||(t[11]=l=>n.keepAlive=l)},null,8,["modelValue"]),e("span",Fe,d(n.keepAlive?"开启":"关闭"),1)])]),_:1})])]),_:1},8,["model"])]),_:1},8,["modelValue","title"])]))}}),Qe=P(Oe,[["__scopeId","data-v-9d90150a"]]);export{Qe as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dashboard[data-v-406a93af]{padding:24px;background:var(--xto-bg-color-page, #F9FAFB);min-height:100%}.stats-section[data-v-406a93af]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1200px){.stats-section[data-v-406a93af]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-section[data-v-406a93af]{grid-template-columns:1fr}}.stat-card[data-v-406a93af]{position:relative;display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);box-shadow:var(--xto-shadow-subtle, 0 1px 2px 0 rgba(0, 0, 0, .05));transition:all .3s ease;overflow:hidden}.stat-card[data-v-406a93af]:hover{box-shadow:var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));transform:translateY(-4px)}.stat-card:hover .stat-decoration[data-v-406a93af]{opacity:1}.stat-card .stat-icon[data-v-406a93af]{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--xto-border-radius-large, 8px);flex-shrink:0}.stat-card .stat-icon span[data-v-406a93af]{font-size:26px}.stat-card .stat-content[data-v-406a93af]{flex:1;min-width:0}.stat-card .stat-title[data-v-406a93af]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280);margin-bottom:8px}.stat-card .stat-value[data-v-406a93af]{font-size:28px;font-weight:600;line-height:1.2;margin-bottom:8px}.stat-card .stat-trend[data-v-406a93af]{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;border-radius:12px}.stat-card .stat-trend svg[data-v-406a93af]{width:14px;height:14px}.stat-card .stat-trend.up[data-v-406a93af]{color:var(--xto-color-success, #10B981);background:var(--xto-color-success-lighter, #D1FAE5)}.stat-card .stat-trend.down[data-v-406a93af]{color:var(--xto-color-danger, #EF4444);background:var(--xto-color-danger-lighter, #FEE2E2)}.stat-card .stat-decoration[data-v-406a93af]{position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;opacity:0;transition:opacity .3s ease}.main-section[data-v-406a93af]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media (max-width: 992px){.main-section[data-v-406a93af]{grid-template-columns:1fr}}.section-header[data-v-406a93af]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3[data-v-406a93af]{font-size:16px;font-weight:600;color:var(--xto-color-text-primary, #1F2937)}.section-header .section-badge[data-v-406a93af]{font-size:12px;color:var(--xto-color-text-placeholder, #9CA3AF);background:var(--xto-fill-color, #F3F4F6);padding:4px 10px;border-radius:12px}.section-header .section-link[data-v-406a93af]{font-size:14px;color:var(--xto-color-primary, #4F46E5);text-decoration:none;transition:color .2s}.section-header .section-link[data-v-406a93af]:hover{color:var(--xto-color-primary-dark-1, #4338CA)}.quick-section[data-v-406a93af]{background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);padding:20px;box-shadow:var(--xto-shadow-subtle, 0 1px 2px 0 rgba(0, 0, 0, .05))}.quick-grid[data-v-406a93af]{display:flex;flex-direction:column;gap:12px}.quick-card[data-v-406a93af]{display:flex;align-items:center;gap:16px;padding:16px;background:var(--xto-fill-color-light, #F9FAFB);border-radius:var(--xto-border-radius-base, 6px);text-decoration:none;transition:all .2s ease}.quick-card[data-v-406a93af]:hover{background:var(--xto-color-primary-light-6, #C7D2FE);transform:translate(4px)}.quick-card:hover .quick-arrow[data-v-406a93af]{color:var(--xto-color-primary, #4F46E5);transform:translate(4px)}.quick-card .quick-icon[data-v-406a93af]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-base, 6px);font-size:22px;flex-shrink:0}.quick-card .quick-info[data-v-406a93af]{flex:1;min-width:0}.quick-card .quick-title[data-v-406a93af]{font-size:15px;font-weight:500;color:var(--xto-color-text-primary, #1F2937);margin-bottom:4px}.quick-card .quick-desc[data-v-406a93af]{font-size:13px;color:var(--xto-color-text-secondary, #6B7280)}.quick-card .quick-arrow[data-v-406a93af]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--xto-color-text-placeholder, #9CA3AF);transition:all .2s ease}.quick-card .quick-arrow svg[data-v-406a93af]{width:16px;height:16px}.activity-section[data-v-406a93af]{background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);padding:20px;box-shadow:var(--xto-shadow-subtle, 0 1px 2px 0 rgba(0, 0, 0, .05))}.activity-list[data-v-406a93af]{display:flex;flex-direction:column}.activity-item[data-v-406a93af]{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6);position:relative}.activity-item[data-v-406a93af]:last-child{border-bottom:none}.activity-avatar[data-v-406a93af]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:500;flex-shrink:0}.activity-avatar.success[data-v-406a93af]{background:var(--xto-color-success-lighter, #D1FAE5);color:var(--xto-color-success, #10B981)}.activity-avatar.warning[data-v-406a93af]{background:var(--xto-color-warning-lighter, #FEF3C7);color:var(--xto-color-warning, #F59E0B)}.activity-avatar.info[data-v-406a93af]{background:var(--xto-color-info-lighter, #E5E7EB);color:var(--xto-color-info, #6B7280)}.activity-avatar.danger[data-v-406a93af]{background:var(--xto-color-danger-lighter, #FEE2E2);color:var(--xto-color-danger, #EF4444)}.activity-avatar.primary[data-v-406a93af]{background:var(--xto-color-primary-light-6, #C7D2FE);color:var(--xto-color-primary, #4F46E5)}.activity-content[data-v-406a93af]{flex:1;min-width:0}.activity-main[data-v-406a93af]{margin-bottom:4px}.activity-user[data-v-406a93af]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937);margin-right:8px}.activity-action[data-v-406a93af]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}.activity-time[data-v-406a93af]{font-size:12px;color:var(--xto-color-text-placeholder, #9CA3AF)}.activity-dot[data-v-406a93af]{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;opacity:.6}.activity-dot.success[data-v-406a93af]{background:var(--xto-color-success, #10B981)}.activity-dot.warning[data-v-406a93af]{background:var(--xto-color-warning, #F59E0B)}.activity-dot.info[data-v-406a93af]{background:var(--xto-color-info, #6B7280)}.activity-dot.danger[data-v-406a93af]{background:var(--xto-color-danger, #EF4444)}.activity-dot.primary[data-v-406a93af]{background:var(--xto-color-primary, #4F46E5)}.system-section[data-v-406a93af]{background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);padding:20px;box-shadow:var(--xto-shadow-subtle, 0 1px 2px 0 rgba(0, 0, 0, .05))}.system-grid[data-v-406a93af]{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}@media (max-width: 768px){.system-grid[data-v-406a93af]{grid-template-columns:1fr}}.system-info-list[data-v-406a93af]{display:flex;flex-direction:column;gap:12px}.info-item[data-v-406a93af]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--xto-fill-color-light, #F9FAFB);border-radius:var(--xto-border-radius-base, 6px)}.info-item .info-label[data-v-406a93af]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}.info-item .info-value[data-v-406a93af]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937)}.system-status[data-v-406a93af]{display:flex;flex-direction:column;gap:16px}.status-item .status-header[data-v-406a93af]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status-item .status-label[data-v-406a93af]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}.status-item .status-value[data-v-406a93af]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.menu-page[data-v-9d90150a]{padding:24px;background:var(--xto-bg-color-page, #F9FAFB);min-height:100%}.table-section[data-v-9d90150a]{background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);box-shadow:var(--xto-shadow-subtle, 0 1px 2px 0 rgba(0, 0, 0, .05));overflow:hidden}.table-toolbar[data-v-9d90150a]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6)}.table-toolbar .toolbar-left[data-v-9d90150a]{display:flex;gap:12px}.table-toolbar .table-count[data-v-9d90150a]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}.table-wrapper[data-v-9d90150a]{overflow-x:auto}.data-table[data-v-9d90150a]{width:100%;border-collapse:collapse}.data-table th[data-v-9d90150a],.data-table td[data-v-9d90150a]{padding:14px 16px;text-align:left;border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6)}.data-table th[data-v-9d90150a]{font-size:14px;font-weight:500;color:var(--xto-color-text-secondary, #6B7280);background:var(--xto-fill-color-light, #F9FAFB);white-space:nowrap}.data-table .data-row[data-v-9d90150a]{transition:background-color .2s}.data-table .data-row[data-v-9d90150a]:hover{background:var(--xto-color-primary-light-6, #C7D2FE)}.data-table td[data-v-9d90150a]{vertical-align:middle}.data-table .loading-cell[data-v-9d90150a],.data-table .empty-cell[data-v-9d90150a]{padding:60px 20px}.data-table .loading-content[data-v-9d90150a],.data-table .empty-content[data-v-9d90150a]{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--xto-color-text-placeholder, #9CA3AF)}.data-table .loading-content svg[data-v-9d90150a],.data-table .empty-content svg[data-v-9d90150a]{width:64px;height:41px}.data-table .loading-spinner[data-v-9d90150a]{width:32px;height:32px;border:3px solid var(--xto-border-color-lighter, #F3F4F6);border-top-color:var(--xto-color-primary, #4F46E5);border-radius:50%;animation:spin-9d90150a .8s linear infinite}@keyframes spin-9d90150a{to{transform:rotate(360deg)}}.tree-row--level-1 .col-name[data-v-9d90150a]{padding-left:40px}.tree-indent[data-v-9d90150a]{display:inline-block;width:24px}.tree-line[data-v-9d90150a]{position:relative;display:inline-block;width:16px;height:1px;background:var(--xto-border-color-light, #E5E7EB);margin-right:8px;vertical-align:middle}.col-name[data-v-9d90150a]{min-width:200px}.menu-info[data-v-9d90150a]{display:flex;align-items:center;gap:8px}.menu-icon-wrapper[data-v-9d90150a]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--xto-fill-color-light, #F9FAFB);border-radius:var(--xto-border-radius-base, 6px);font-size:14px}.menu-title[data-v-9d90150a]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937);cursor:pointer;transition:color .2s}.menu-title[data-v-9d90150a]:hover{color:var(--xto-color-primary, #4F46E5)}.col-icon[data-v-9d90150a]{width:80px}.icon-text[data-v-9d90150a]{font-size:16px}.col-path[data-v-9d90150a]{min-width:140px}.path-code[data-v-9d90150a]{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;padding:4px 8px;background:var(--xto-fill-color-light, #F9FAFB);border-radius:var(--xto-border-radius-small, 4px);color:var(--xto-color-text-secondary, #6B7280)}.col-type[data-v-9d90150a]{width:80px}.col-sort[data-v-9d90150a]{width:60px}.sort-badge[data-v-9d90150a]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--xto-fill-color, #F3F4F6);border-radius:12px;font-size:12px;color:var(--xto-color-text-secondary, #6B7280)}.col-status[data-v-9d90150a]{width:80px}.col-actions[data-v-9d90150a]{min-width:140px}.action-buttons[data-v-9d90150a] .x-button{padding:4px 8px}.action-buttons[data-v-9d90150a] .x-button svg{width:14px;height:14px;margin-right:4px}.menu-form[data-v-9d90150a]{padding:16px 0}.menu-form .form-grid[data-v-9d90150a]{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.menu-form .form-item-full[data-v-9d90150a]{grid-column:span 2}.menu-form .status-field[data-v-9d90150a]{display:flex;align-items:center;gap:12px}.menu-form .status-label[data-v-9d90150a]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.user-page[data-v-7d9e41af]{padding:24px;background:var(--xto-bg-color-page, #F9FAFB);min-height:100%}.search-section[data-v-7d9e41af]{background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);padding:20px 24px;margin-bottom:16px;box-shadow:var(--xto-shadow-subtle, 0 1px 2px rgba(0, 0, 0, .05))}.search-section .search-form[data-v-7d9e41af]{display:flex;flex-wrap:wrap;gap:16px}.search-section .search-form[data-v-7d9e41af] .x-form-item{margin-bottom:0}.search-section .search-form[data-v-7d9e41af] .x-input,.search-section .search-form[data-v-7d9e41af] .x-select{width:200px}.table-section[data-v-7d9e41af]{background:var(--xto-bg-color, #FFFFFF);border-radius:var(--xto-border-radius-large, 8px);box-shadow:var(--xto-shadow-subtle, 0 1px 2px rgba(0, 0, 0, .05));overflow:hidden}.table-toolbar[data-v-7d9e41af]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6)}.table-toolbar .toolbar-left[data-v-7d9e41af]{display:flex;gap:12px}.table-toolbar .table-count[data-v-7d9e41af]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}.table-wrapper[data-v-7d9e41af]{overflow-x:auto}.data-table[data-v-7d9e41af]{width:100%;border-collapse:collapse}.data-table th[data-v-7d9e41af],.data-table td[data-v-7d9e41af]{padding:14px 16px;text-align:left;border-bottom:1px solid var(--xto-border-color-lighter, #F3F4F6)}.data-table th[data-v-7d9e41af]{font-size:14px;font-weight:500;color:var(--xto-color-text-secondary, #6B7280);background:var(--xto-fill-color-light, #F9FAFB);white-space:nowrap}.data-table .data-row[data-v-7d9e41af]{transition:background-color .2s}.data-table .data-row[data-v-7d9e41af]:hover{background:var(--xto-color-primary-light-6, #A5B4FC)}.data-table td[data-v-7d9e41af]{vertical-align:middle}.data-table .loading-cell[data-v-7d9e41af],.data-table .empty-cell[data-v-7d9e41af]{padding:60px 20px}.data-table .loading-content[data-v-7d9e41af],.data-table .empty-content[data-v-7d9e41af]{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--xto-color-text-placeholder, #9CA3AF)}.data-table .loading-content svg[data-v-7d9e41af],.data-table .empty-content svg[data-v-7d9e41af]{width:64px;height:41px}.data-table .loading-spinner[data-v-7d9e41af]{width:32px;height:32px;border:3px solid var(--xto-border-color-lighter, #F3F4F6);border-top-color:var(--xto-color-primary, #4F46E5);border-radius:50%;animation:spin-7d9e41af .8s linear infinite}@keyframes spin-7d9e41af{to{transform:rotate(360deg)}}.col-id[data-v-7d9e41af]{width:80px}.id-badge[data-v-7d9e41af]{display:inline-block;min-width:32px;padding:4px 10px;background:var(--xto-fill-color, #F3F4F6);border-radius:12px;font-size:12px;font-weight:500;color:var(--xto-color-text-secondary, #6B7280);text-align:center}.col-user[data-v-7d9e41af]{min-width:180px}.user-info[data-v-7d9e41af]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-7d9e41af]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--xto-color-primary, #4F46E5) 0%,var(--xto-color-primary-light-1, #5B54E8) 100%);border-radius:50%;font-size:16px;font-weight:500;color:#fff;flex-shrink:0}.user-detail[data-v-7d9e41af]{display:flex;flex-direction:column;gap:2px}.user-nickname[data-v-7d9e41af]{font-size:14px;font-weight:500;color:var(--xto-color-text-primary, #1F2937)}.user-username[data-v-7d9e41af]{font-size:12px;color:var(--xto-color-text-placeholder, #9CA3AF)}.col-contact[data-v-7d9e41af]{min-width:180px}.contact-info[data-v-7d9e41af]{display:flex;flex-direction:column;gap:4px}.contact-email[data-v-7d9e41af],.contact-phone[data-v-7d9e41af]{font-size:13px;color:var(--xto-color-text-regular, #4B5563)}.contact-phone[data-v-7d9e41af]{color:var(--xto-color-text-secondary, #6B7280)}.col-roles[data-v-7d9e41af]{min-width:100px}.role-tags[data-v-7d9e41af]{display:flex;gap:6px}.col-status[data-v-7d9e41af]{min-width:120px}.status-switch[data-v-7d9e41af]{display:flex;align-items:center;gap:8px}.status-text[data-v-7d9e41af]{font-size:13px;color:var(--xto-color-text-secondary, #6B7280)}.status-text.enabled[data-v-7d9e41af]{color:var(--xto-color-success, #10B981)}.col-time[data-v-7d9e41af]{min-width:160px}.time-text[data-v-7d9e41af]{font-size:13px;color:var(--xto-color-text-secondary, #6B7280)}.col-actions[data-v-7d9e41af]{min-width:140px}.action-buttons[data-v-7d9e41af] .x-button{padding:4px 8px}.action-buttons[data-v-7d9e41af] .x-button svg{width:14px;height:14px;margin-right:4px}.pagination-wrapper[data-v-7d9e41af]{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--xto-border-color-lighter, #F3F4F6)}.user-form[data-v-7d9e41af]{padding:16px 0}.user-form .status-field[data-v-7d9e41af]{display:flex;align-items:center;gap:12px}.user-form .status-label[data-v-7d9e41af]{font-size:14px;color:var(--xto-color-text-secondary, #6B7280)}
|