@robot-admin/layout 2.0.2 → 2.1.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/README.md +344 -604
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +588 -0
- package/dist/index.js +2160 -430
- package/dist/index.js.map +1 -1
- package/package.json +76 -72
- package/src/styles/layouts.scss +662 -0
- package/src/styles/settings.scss +385 -385
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("naive-ui"),z=require("pinia"),O=[{name:"拂晓蓝",value:"#409eff"},{name:"薄暮红",value:"#f5222d"},{name:"火山橙",value:"#fa541c"},{name:"日暮黄",value:"#faad14"},{name:"极光绿",value:"#52c41a"},{name:"明青",value:"#13c2c2"},{name:"极客蓝",value:"#2f54eb"},{name:"酱紫",value:"#722ed1"}],D=[{name:"科技蓝",icon:"💙",primaryColor:"#409eff"},{name:"清新绿",icon:"💚",primaryColor:"#52c41a"},{name:"商务灰",icon:"🖤",primaryColor:"#595959"},{name:"活力橙",icon:"🧡",primaryColor:"#fa8c16"},{name:"优雅紫",icon:"💜",primaryColor:"#722ed1"},{name:"经典红",icon:"❤️",primaryColor:"#f5222d"}],j=[{mode:"side",label:"左侧菜单",description:"经典的左侧导航布局",icon:"i-mdi:page-layout-sidebar-left"},{mode:"top",label:"顶部菜单",description:"顶部水平导航布局",icon:"i-mdi:page-layout-header"},{mode:"mix",label:"混合菜单",description:"顶部 + 侧边混合布局",icon:"i-mdi:page-layout-header-sidebar-left"},{mode:"mix-top",label:"顶部混合",description:"侧边优先的混合布局",icon:"i-mdi:page-layout-sidebar-left-header"},{mode:"reverse-horizontal-mix",label:"反转混合",description:"反转的水平混合布局",icon:"i-mdi:page-layout-header-footer"},{mode:"card-layout",label:"卡片布局",description:"卡片式布局风格",icon:"i-mdi:card-outline"}],P={small:"4px",medium:"6px",large:"8px"},I={fade:"fade-transform",slide:"fade-slide",zoom:"fade-zoom",none:""},r={themeMode:"light",primaryColor:"#409eff",borderRadius:"medium",transitionType:"slide",enableTransition:!0,layoutMode:"side",collapsed:!1,fixedHeader:!0,showBreadcrumb:!0,showBreadcrumbIcon:!0,showTagsView:!0,tagsViewHeight:44,tagsViewStyle:"default",showFooter:!0,sidebarWidth:220,sidebarCollapsedWidth:64,headerHeight:56,enableHotkeys:!0,version:"2.0.2"},W=O.map(v=>v.value);function H(v,i){const d=parseInt(v.replace("#",""),16),o=Math.min(255,Math.max(0,(d>>16)+i)),p=Math.min(255,Math.max(0,(d>>8&255)+i)),c=Math.min(255,Math.max(0,(d&255)+i));return`#${(o<<16|p<<8|c).toString(16).padStart(6,"0")}`}function U(v={}){const{defaults:i={},onThemeModeChange:d}=v,o={...r,...i};return z.defineStore("settings",()=>{const p=e.ref(o.themeMode),c=e.ref(o.primaryColor),g=e.ref(o.borderRadius),m=e.ref(o.transitionType),f=e.ref(o.enableTransition),w=e.ref(o.layoutMode),u=e.ref(o.collapsed),T=e.ref(o.fixedHeader),V=e.ref(o.showBreadcrumb),y=e.ref(o.showBreadcrumbIcon),S=e.ref(o.showTagsView),b=e.ref(o.tagsViewHeight),k=e.ref(o.tagsViewStyle),B=e.ref(o.showFooter),x=e.ref(o.sidebarWidth),E=e.ref(o.sidebarCollapsedWidth),C=e.ref(o.headerHeight),R=e.ref(o.enableHotkeys),_=e.ref(o.version),M=e.computed(()=>P[g.value]),s=e.computed(()=>I[m.value]),t=e.computed(()=>f.value&&m.value!=="none"),l=e.computed(()=>({themeMode:p.value,primaryColor:c.value,borderRadius:g.value,transitionType:m.value,enableTransition:f.value,layoutMode:w.value,collapsed:u.value,fixedHeader:T.value,showBreadcrumb:V.value,showBreadcrumbIcon:y.value,showTagsView:S.value,tagsViewHeight:b.value,tagsViewStyle:k.value,showFooter:B.value,sidebarWidth:x.value,sidebarCollapsedWidth:E.value,headerHeight:C.value,enableHotkeys:R.value,version:_.value})),h=()=>{if(typeof document>"u")return;const n=document.documentElement;n.style.setProperty("--primary-color",c.value),n.style.setProperty("--primary-color-hover",H(c.value,10)),n.style.setProperty("--primary-color-pressed",H(c.value,-10)),n.style.setProperty("--border-radius",M.value),n.style.setProperty("--sidebar-width",`${x.value}px`),n.style.setProperty("--sidebar-collapsed-width",`${E.value}px`),n.style.setProperty("--header-height",`${C.value}px`),n.style.setProperty("--tags-view-height",`${b.value}px`)},N=async n=>{c.value=n.primaryColor,n.settings&&(n.settings.borderRadius&&(g.value=n.settings.borderRadius),n.settings.transitionType&&(m.value=n.settings.transitionType),n.settings.showBreadcrumb!==void 0&&(V.value=n.settings.showBreadcrumb),n.settings.showTagsView!==void 0&&(S.value=n.settings.showTagsView),n.settings.tagsViewStyle&&(k.value=n.settings.tagsViewStyle))},A=()=>{p.value=o.themeMode,c.value=o.primaryColor,g.value=o.borderRadius,m.value=o.transitionType,f.value=o.enableTransition,w.value=o.layoutMode,u.value=o.collapsed,T.value=o.fixedHeader,V.value=o.showBreadcrumb,y.value=o.showBreadcrumbIcon,S.value=o.showTagsView,b.value=o.tagsViewHeight,k.value=o.tagsViewStyle,B.value=o.showFooter,x.value=o.sidebarWidth,E.value=o.sidebarCollapsedWidth,C.value=o.headerHeight,R.value=o.enableHotkeys},F=async n=>{p.value=n,d&&await d(n)},$=()=>{u.value=!u.value};return e.watch([c,M,x,E,C,b],()=>{h()},{immediate:!0}),{themeMode:p,primaryColor:c,borderRadius:g,transitionType:m,enableTransition:f,layoutMode:w,collapsed:u,fixedHeader:T,showBreadcrumb:V,showBreadcrumbIcon:y,showTagsView:S,tagsViewHeight:b,tagsViewStyle:k,showFooter:B,sidebarWidth:x,sidebarCollapsedWidth:E,headerHeight:C,enableHotkeys:R,version:_,borderRadiusValue:M,transitionName:s,shouldEnableTransition:t,settingsState:l,syncCSSVariables:h,applyPreset:N,resetSettings:A,updateThemeMode:F,toggleCollapse:$}})}const L=U(),G=[{label:"左侧菜单（默认）",value:"side",disabled:!1,svg:`
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),se=require("pinia"),p=require("naive-ui"),R=require("vue-router"),ee=[{name:"拂晓蓝",value:"#409eff"},{name:"薄暮红",value:"#f5222d"},{name:"火山橙",value:"#fa541c"},{name:"日暮黄",value:"#faad14"},{name:"极光绿",value:"#52c41a"},{name:"明青",value:"#13c2c2"},{name:"极客蓝",value:"#2f54eb"},{name:"酱紫",value:"#722ed1"}],te=[{name:"科技蓝",icon:"💙",primaryColor:"#409eff"},{name:"清新绿",icon:"💚",primaryColor:"#52c41a"},{name:"商务灰",icon:"🖤",primaryColor:"#595959"},{name:"活力橙",icon:"🧡",primaryColor:"#fa8c16"},{name:"优雅紫",icon:"💜",primaryColor:"#722ed1"},{name:"经典红",icon:"❤️",primaryColor:"#f5222d"}],re=[{mode:"side",label:"左侧菜单",description:"经典的左侧导航布局",icon:"i-mdi:page-layout-sidebar-left"},{mode:"top",label:"顶部菜单",description:"顶部水平导航布局",icon:"i-mdi:page-layout-header"},{mode:"mix",label:"混合菜单",description:"顶部 + 侧边混合布局",icon:"i-mdi:page-layout-header-sidebar-left"},{mode:"mix-top",label:"顶部混合",description:"侧边优先的混合布局",icon:"i-mdi:page-layout-sidebar-left-header"},{mode:"reverse-horizontal-mix",label:"反转混合",description:"反转的水平混合布局",icon:"i-mdi:page-layout-header-footer"},{mode:"card-layout",label:"卡片布局",description:"卡片式布局风格",icon:"i-mdi:card-outline"}],oe={small:"4px",medium:"6px",large:"8px"},ne={fade:"fade-transform",slide:"fade-slide",zoom:"fade-zoom",none:""},x={themeMode:"light",primaryColor:"#409eff",borderRadius:"medium",transitionType:"slide",enableTransition:!0,layoutMode:"side",collapsed:!1,fixedHeader:!0,showBreadcrumb:!0,showBreadcrumbIcon:!0,showTagsView:!0,tagsViewHeight:44,tagsViewStyle:"default",showFooter:!0,sidebarWidth:220,sidebarCollapsedWidth:64,headerHeight:56,enableHotkeys:!0,version:"2.0.2"},le=ee.map(v=>v.value);function P(v,l){const h=parseInt(v.replace("#",""),16),o=Math.min(255,Math.max(0,(h>>16)+l)),m=Math.min(255,Math.max(0,(h>>8&255)+l)),i=Math.min(255,Math.max(0,(h&255)+l));return`#${(o<<16|m<<8|i).toString(16).padStart(6,"0")}`}function j(v={}){const{defaults:l={},onThemeModeChange:h}=v,o={...x,...l};return se.defineStore("settings",()=>{const m=e.ref(o.themeMode),i=e.ref(o.primaryColor),n=e.ref(o.borderRadius),s=e.ref(o.transitionType),r=e.ref(o.enableTransition),g=e.ref(o.layoutMode),u=e.ref(o.collapsed),c=e.ref(o.fixedHeader),f=e.ref(o.showBreadcrumb),y=e.ref(o.showBreadcrumbIcon),k=e.ref(o.showTagsView),w=e.ref(o.tagsViewHeight),d=e.ref(o.tagsViewStyle),E=e.ref(o.showFooter),N=e.ref(o.sidebarWidth),_=e.ref(o.sidebarCollapsedWidth),M=e.ref(o.headerHeight),b=e.ref(o.enableHotkeys),B=e.ref(o.version),T=e.computed(()=>oe[n.value]),C=e.computed(()=>ne[s.value]),t=e.computed(()=>r.value&&s.value!=="none"),a=e.computed(()=>({themeMode:m.value,primaryColor:i.value,borderRadius:n.value,transitionType:s.value,enableTransition:r.value,layoutMode:g.value,collapsed:u.value,fixedHeader:c.value,showBreadcrumb:f.value,showBreadcrumbIcon:y.value,showTagsView:k.value,tagsViewHeight:w.value,tagsViewStyle:d.value,showFooter:E.value,sidebarWidth:N.value,sidebarCollapsedWidth:_.value,headerHeight:M.value,enableHotkeys:b.value,version:B.value})),$=()=>{if(typeof document>"u")return;const V=document.documentElement;V.style.setProperty("--primary-color",i.value),V.style.setProperty("--primary-color-hover",P(i.value,10)),V.style.setProperty("--primary-color-pressed",P(i.value,-10)),V.style.setProperty("--border-radius",T.value),V.style.setProperty("--sidebar-width",`${N.value}px`),V.style.setProperty("--sidebar-collapsed-width",`${_.value}px`),V.style.setProperty("--header-height",`${M.value}px`),V.style.setProperty("--tags-view-height",`${w.value}px`)},S=async V=>{i.value=V.primaryColor,V.settings&&(V.settings.borderRadius&&(n.value=V.settings.borderRadius),V.settings.transitionType&&(s.value=V.settings.transitionType),V.settings.showBreadcrumb!==void 0&&(f.value=V.settings.showBreadcrumb),V.settings.showTagsView!==void 0&&(k.value=V.settings.showTagsView),V.settings.tagsViewStyle&&(d.value=V.settings.tagsViewStyle))},A=()=>{m.value=o.themeMode,i.value=o.primaryColor,n.value=o.borderRadius,s.value=o.transitionType,r.value=o.enableTransition,g.value=o.layoutMode,u.value=o.collapsed,c.value=o.fixedHeader,f.value=o.showBreadcrumb,y.value=o.showBreadcrumbIcon,k.value=o.showTagsView,w.value=o.tagsViewHeight,d.value=o.tagsViewStyle,E.value=o.showFooter,N.value=o.sidebarWidth,_.value=o.sidebarCollapsedWidth,M.value=o.headerHeight,b.value=o.enableHotkeys},H=async V=>{m.value=V,h&&await h(V)},F=()=>{u.value=!u.value};return e.watch([i,T,N,_,M,w],()=>{$()},{immediate:!0}),{themeMode:m,primaryColor:i,borderRadius:n,transitionType:s,enableTransition:r,layoutMode:g,collapsed:u,fixedHeader:c,showBreadcrumb:f,showBreadcrumbIcon:y,showTagsView:k,tagsViewHeight:w,tagsViewStyle:d,showFooter:E,sidebarWidth:N,sidebarCollapsedWidth:_,headerHeight:M,enableHotkeys:b,version:B,borderRadiusValue:T,transitionName:C,shouldEnableTransition:t,settingsState:a,syncCSSVariables:$,applyPreset:S,resetSettings:A,updateThemeMode:H,toggleCollapse:F}})}const K=j(),ae=Symbol("layout-context"),Y=Symbol("drawer-handlers");function D(){const v=e.inject(ae);if(!v)throw new Error("[Layout] LayoutContext not provided. 请在上层组件中使用 provide(LAYOUT_CONTEXT_KEY, ...) 注入布局数据。");return v}const z={name:"Admin",subtitle:"",logoSrc:"",logoType:"image",logoSize:36,homePath:"/home",copyright:""};function I(v={}){const{maxCacheCount:l=20,enableDevLog:h=!0,exposeToWindow:o=!0}=v,m=R.useRoute(),i=e.ref([]),n=e.ref(l),s=c=>!c||typeof c!="string"?!1:m.meta?.keepAlive===!0,r=c=>{!i.value.includes(c)&&s(c)&&(i.value.push(c),i.value.length>n.value&&i.value.shift())},g=c=>{const f=i.value.indexOf(c);f>-1&&i.value.splice(f,1)},u=()=>{i.value=[]};return e.watch(()=>m.name,c=>{c&&typeof c=="string"&&r(c)},{immediate:!0}),{cachedViews:i,maxCacheCount:n,addCache:r,removeCache:g,clearAllCache:u}}const G=e.defineComponent({name:"SideLayout",__name:"index",props:{collapsed:{type:Boolean,default:!1}},emits:["update:collapsed"],setup(v,{expose:l,emit:h}){const o=v,m=h,i=D(),{cachedViews:n,maxCacheCount:s}=I(),r=e.ref(o.collapsed);e.watch(()=>o.collapsed,f=>{r.value=f});const g=e.computed(()=>r.value),u=f=>{r.value=f,m("update:collapsed",f)};return l({collapsed:g,toggleCollapse:()=>{const f=!r.value;r.value=f,m("update:collapsed",f)}}),(f,y)=>{const k=e.resolveComponent("RouterView");return e.openBlock(),e.createBlock(e.unref(p.NLayout),{"has-sider":""},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NLayoutSider),{bordered:"","collapse-mode":"width","collapsed-width":e.unref(i).sidebarCollapsedWidth.value,width:e.unref(i).sidebarWidth.value,"native-scrollbar":!1,collapsed:g.value,"onUpdate:collapsed":u,class:e.normalizeClass(["layout-sider","no-horizontal-scroll",e.unref(i).isDark.value?"dark-theme":"light-theme"])},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"logo"),e.renderSlot(f.$slots,"menu",{collapsed:g.value})]),_:3},8,["collapsed-width","width","collapsed","class"]),e.createVNode(e.unref(p.NLayout),null,{default:e.withCtx(()=>[e.renderSlot(f.$slots,"header"),e.createVNode(e.unref(p.NLayoutContent),{class:"content-with-header p16px app-content"},{default:e.withCtx(()=>[e.createVNode(k,null,{default:e.withCtx(({Component:w,route:d})=>[e.createVNode(e.Transition,{name:e.unref(i).transitionName.value,mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{include:e.unref(n),max:e.unref(s)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w),{key:d.path}))],1032,["include","max"]))]),_:2},1032,["name"])]),_:1})]),_:1}),e.renderSlot(f.$slots,"footer")]),_:3})]),_:3})}}}),ie={ref:"visibleRef",class:"responsive-menu__visible"},ce={class:"responsive-menu__more"},de=e.defineComponent({name:"ResponsiveMenu",__name:"index",props:{data:{}},setup(v){const l=v,h=R.useRoute(),o=R.useRouter(),m=D(),i=e.computed(()=>l.data||[]),n=e.computed(()=>h.path),s=m.isDark,r={itemTextColor:"rgba(51, 65, 85, 0.85)",itemTextColorHover:"rgba(30, 64, 175, 0.95)",itemTextColorActive:"rgba(30, 64, 175, 1)",itemTextColorActiveHover:"rgba(30, 64, 175, 1)",itemTextColorChildActive:"rgba(30, 64, 175, 1)",itemIconColor:"rgba(51, 65, 85, 0.7)",itemIconColorHover:"rgba(30, 64, 175, 0.85)",itemIconColorActive:"rgba(30, 64, 175, 1)",itemIconColorActiveHover:"rgba(30, 64, 175, 1)",itemIconColorChildActive:"rgba(30, 64, 175, 1)",itemColorHover:"rgba(30, 64, 175, 0.06)",itemColorActive:"rgba(30, 64, 175, 0.1)",itemColorActiveHover:"rgba(30, 64, 175, 0.12)",itemColorActiveCollapsed:"rgba(30, 64, 175, 0.1)",arrowColor:"rgba(51, 65, 85, 0.6)",arrowColorHover:"rgba(30, 64, 175, 0.8)",arrowColorActive:"rgba(30, 64, 175, 1)",arrowColorChildActive:"rgba(30, 64, 175, 1)",itemHeight:"42px",itemPadding:"0 18px",itemBorderRadius:"10px",groupTextColor:"rgba(51, 65, 85, 0.65)"},g={itemTextColor:"rgba(226, 232, 240, 0.85)",itemTextColorHover:"rgba(255, 255, 255, 0.95)",itemTextColorActive:"rgba(147, 197, 253, 1)",itemTextColorActiveHover:"rgba(147, 197, 253, 1)",itemTextColorChildActive:"rgba(147, 197, 253, 1)",itemIconColor:"rgba(226, 232, 240, 0.7)",itemIconColorHover:"rgba(255, 255, 255, 0.85)",itemIconColorActive:"rgba(147, 197, 253, 1)",itemIconColorActiveHover:"rgba(147, 197, 253, 1)",itemIconColorChildActive:"rgba(147, 197, 253, 1)",itemColorHover:"rgba(59, 130, 246, 0.1)",itemColorActive:"rgba(59, 130, 246, 0.15)",itemColorActiveHover:"rgba(59, 130, 246, 0.18)",itemColorActiveCollapsed:"rgba(59, 130, 246, 0.15)",arrowColor:"rgba(226, 232, 240, 0.5)",arrowColorHover:"rgba(255, 255, 255, 0.7)",arrowColorActive:"rgba(147, 197, 253, 1)",arrowColorChildActive:"rgba(147, 197, 253, 1)",itemHeight:"42px",itemPadding:"0 18px",itemBorderRadius:"10px",groupTextColor:"rgba(226, 232, 240, 0.6)"},u=e.computed(()=>s.value?g:r),c=(t,a=18)=>m.iconComponent?()=>e.h(m.iconComponent,{name:t,size:a}):()=>e.h("i",{class:t,style:{fontSize:`${a}px`,display:"inline-flex",alignItems:"center"}}),f=t=>({key:t.path||"",label:t.meta?.title||t.name||"",icon:t.meta?.icon?c(t.meta.icon,18):void 0,children:t.children?.length?t.children.map(f):void 0}),y=e.ref(),k=e.ref([]),w=e.ref([]),d=e.computed(()=>k.value.map(f)),E=e.computed(()=>w.value.map(t=>({key:t.path||"",label:t.meta?.title||t.name||"",icon:t.meta?.icon?c(t.meta.icon,16):void 0,children:t.children?.length?t.children.map(a=>({key:a.path||"",label:a.meta?.title||a.name||"",icon:a.meta?.icon?c(a.meta.icon,16):void 0})):void 0}))),N=t=>{t&&o.push(t)},_=t=>{const V=(t.meta?.title||t.name||"").length*12,O=t.meta?.icon?26:0;return V+O+36+8+5},M=t=>{if(!i.value.length)return 0;const a=80,$=15;let S=0;for(const V of i.value)S+=_(V);if(S+$<=t)return i.value.length;let A=0,H=0;const F=t-a-$;for(const V of i.value){const O=_(V);if(A+O<=F)A+=O,H++;else break}return Math.max(H,1)},b=()=>{if(!y.value||!i.value.length)return;const t=y.value.offsetWidth;if(t===0){e.nextTick(()=>b());return}const a=M(t);k.value=i.value.slice(0,a),w.value=i.value.slice(a)};let B=null;const T=()=>{B&&clearTimeout(B),B=window.setTimeout(()=>b(),100)};let C=null;return e.onMounted(()=>{e.nextTick(()=>b()),y.value&&(C=new ResizeObserver(()=>T()),C.observe(y.value))}),e.onUnmounted(()=>{C?.disconnect(),B&&clearTimeout(B)}),e.watch(()=>l.data,()=>e.nextTick(()=>b()),{deep:!0}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:y,class:"responsive-menu"},[e.createElementVNode("div",ie,[d.value.length>0?(e.openBlock(),e.createBlock(e.unref(p.NMenu),{key:0,mode:"horizontal",value:n.value,options:d.value,"theme-overrides":u.value,"onUpdate:value":N},null,8,["value","options","theme-overrides"])):e.createCommentVNode("",!0)],512),w.value.length>0?(e.openBlock(),e.createBlock(e.unref(p.NDropdown),{key:0,options:E.value,placement:"bottom-end",trigger:"hover",onSelect:N},{default:e.withCtx(()=>[e.createElementVNode("div",ce,[e.createVNode(e.unref(p.NButton),{text:"",class:"responsive-menu__more-btn"},{default:e.withCtx(()=>[...a[0]||(a[0]=[e.createElementVNode("span",{class:"i-mdi:dots-horizontal",style:{"font-size":"20px"}},null,-1)])]),_:1})])]),_:1},8,["options"])):e.createCommentVNode("",!0)],512))}}),L=(v,l)=>{const h=v.__vccOpts||v;for(const[o,m]of l)h[o]=m;return h},U=L(de,[["__scopeId","data-v-92216781"]]),ue={class:"top-layout-container"},me={class:"navbar-left"},ve={class:"logo-container"},pe=["src","width","height"],he=["src","width","height"],fe={class:"brand-name"},ge={class:"brand-title"},ke={class:"brand-subtitle"},ye={class:"navbar-center"},Ce={class:"page-content"},X=e.defineComponent({name:"TopLayout",__name:"index",setup(v){const l=D(),{cachedViews:h,maxCacheCount:o}=I(),m=l.isDark,i=e.computed(()=>l.menus.value),n=e.computed(()=>l.showTagsView.value),s=e.computed(()=>l.tagsViewHeight.value),r=e.computed(()=>l.showFooter.value),g=e.computed(()=>l.transitionName.value),u={...z,...l.brand};return(c,f)=>{const y=e.resolveComponent("RouterView");return e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",{class:e.normalizeClass(["top-navbar",[e.unref(m)?"dark-theme":"light-theme"]])},[e.createElementVNode("div",me,[e.renderSlot(c.$slots,"logo",{},()=>[e.createElementVNode("div",ve,[f[0]||(f[0]=e.createElementVNode("div",{class:"logo-glow"},null,-1)),u.logoType==="video"?(e.openBlock(),e.createElementBlock("video",{key:0,src:u.logoSrc,width:u.logoSize||36,height:u.logoSize||36,autoplay:"",loop:"",muted:"",playsinline:"",class:"logo-video"}," 您的浏览器不支持 video 标签。 ",8,pe)):(e.openBlock(),e.createElementBlock("img",{key:1,src:u.logoSrc,width:u.logoSize||36,height:u.logoSize||36,class:"logo-video"},null,8,he))]),e.createElementVNode("div",fe,[e.createElementVNode("span",ge,e.toDisplayString(u.name),1),e.createElementVNode("span",ke,e.toDisplayString(u.subtitle),1)]),f[1]||(f[1]=e.createElementVNode("div",{class:"navbar-divider"},null,-1))])]),e.createElementVNode("div",ye,[e.renderSlot(c.$slots,"menu",{},()=>[e.createVNode(U,{data:i.value},null,8,["data"])])]),e.renderSlot(c.$slots,"header-extra")],2),n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"tags-view-container",style:e.normalizeStyle({height:`${s.value}px`})},[e.renderSlot(c.$slots,"tags-view")],4)):e.createCommentVNode("",!0),e.createVNode(e.unref(p.NLayout),null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.NLayoutContent),{class:"main-content"},{default:e.withCtx(()=>[e.createElementVNode("div",Ce,[e.createVNode(y,null,{default:e.withCtx(({Component:k,route:w})=>[e.createVNode(e.Transition,{name:g.value,mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{include:e.unref(h),max:e.unref(o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k),{key:w.path}))],1032,["include","max"]))]),_:2},1032,["name"])]),_:1})])]),_:1}),r.value?e.renderSlot(c.$slots,"footer",{key:0}):e.createCommentVNode("",!0)]),_:3})])}}});function W(v){const{menus:l,floatingSecondMenu:h=!1}=v,o=R.useRoute(),m=R.useRouter(),i=e.ref(""),n=e.ref(null),s=e.ref(!1),r=d=>d.startsWith("/")?d:`/${d}`,g=d=>{if(!d)return!1;const E=o.path;if(E===d)return!0;const N=r(d),_=r(E);return _===N?!0:_.includes(`/${d}`)},u=d=>{for(const E of d)if(g(E.path)||E.children?.length&&u(E.children))return E;return null},c=e.computed(()=>l.value.find(d=>d.path===i.value)),f=e.computed(()=>c.value?.children||[]),y=d=>{i.value=d.path||"",e.toValue(h)?d.children&&d.children.length>0?s.value&&n.value?.path===d.path?(s.value=!1,n.value=null):(n.value=d,s.value=!0):(s.value=!1,n.value=null,d.path&&m.push(d.path)):(!d.children||d.children.length===0)&&d.path&&m.push(d.path)},k=d=>{d.path&&m.push(d.path)},w=()=>{const d=l.value,E=u(d);E?i.value=E.path||"":d.length>0&&!i.value&&(i.value=d[0].path||"")};return e.watch(()=>o.path,()=>w(),{immediate:!0}),e.watch(l,d=>{d&&d.length>0&&w()},{immediate:!0}),e.onMounted(()=>w()),{activeFirstMenu:i,activeFirstMenuItem:c,currentSecondMenus:f,hoveredMenuItem:n,showSecondMenu:s,handleFirstMenuClick:y,handleSecondMenuClick:k,isMenuItemActive:g}}const Ne={class:"mix-layout-container"},we={class:"logo-container"},_e=["src","width","height"],Ve=["src","width","height"],Ee={class:"first-menu-list"},Be=["onClick","onMouseenter"],be={class:"menu-item-content"},xe={key:1,class:"menu-item-text"},$e={class:"menu-item-label"},Se={class:"second-menu-header"},Te={class:"menu-title"},De={class:"second-menu-list"},Me=["onClick"],ze={class:"menu-item-label"},Le={class:"main-layout"},q=e.defineComponent({name:"MixLayout",__name:"index",setup(v){const l=D(),{cachedViews:h,maxCacheCount:o}=I(),m=l.isDark,i=e.computed(()=>l.menus.value),n=e.computed(()=>l.showFooter.value),s=e.computed(()=>l.transitionName.value),r={...z,...l.brand},g=W({menus:l.menus,floatingSecondMenu:e.computed(()=>!0)}),u=l.iconComponent??e.defineComponent({name:"LayoutIcon",props:{name:String,size:{type:Number,default:18}},setup(c){return()=>e.h("i",{class:c.name,style:{fontSize:`${c.size}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}})}});return(c,f)=>{const y=e.resolveComponent("RouterView");return e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("div",{class:e.normalizeClass(["first-level-menu",[e.unref(m)?"dark-theme":"light-theme"]])},[e.createElementVNode("div",we,[e.renderSlot(c.$slots,"logo",{},()=>[f[1]||(f[1]=e.createElementVNode("div",{class:"logo-glow"},null,-1)),r.logoType==="video"?(e.openBlock(),e.createElementBlock("video",{key:0,src:r.logoSrc,width:r.logoSize||40,height:r.logoSize||40,autoplay:"",loop:"",muted:"",playsinline:"",class:"logo-video"}," 您的浏览器不支持 video 标签。 ",8,_e)):(e.openBlock(),e.createElementBlock("img",{key:1,src:r.logoSrc,width:r.logoSize||40,height:r.logoSize||40,class:"logo-video"},null,8,Ve))])]),e.createElementVNode("div",Ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,k=>(e.openBlock(),e.createElementBlock("div",{key:k.path,class:e.normalizeClass(["first-menu-item",{active:e.unref(g).activeFirstMenu.value===k.path}]),onClick:w=>e.unref(g).handleFirstMenuClick(k),onMouseenter:w=>e.unref(g).hoveredMenuItem.value=k},[e.createElementVNode("div",be,[k.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{key:0,name:k.meta.icon,size:22},null,8,["name"])):(e.openBlock(),e.createElementBlock("span",xe,e.toDisplayString((k.meta?.title||"")[0]),1))]),e.createElementVNode("span",$e,e.toDisplayString(k.meta?.title),1)],42,Be))),128))])],2),e.createVNode(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[e.unref(g).showSecondMenu.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["second-level-menu-popup",[e.unref(m)?"dark-theme":"light-theme"]]),onMouseleave:f[0]||(f[0]=k=>e.unref(g).hoveredMenuItem.value=null)},[e.createElementVNode("div",Se,[e.unref(g).hoveredMenuItem.value?.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{key:0,name:e.unref(g).hoveredMenuItem.value.meta.icon,size:20},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",Te,e.toDisplayString(e.unref(g).hoveredMenuItem.value?.meta?.title),1)]),e.createElementVNode("div",De,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).hoveredMenuItem.value?.children||[],k=>(e.openBlock(),e.createElementBlock("div",{key:k.path,class:e.normalizeClass(["second-menu-item",{active:e.unref(g).isMenuItemActive(k.path)}]),onClick:w=>e.unref(g).handleSecondMenuClick(k)},[k.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{key:0,name:k.meta.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",ze,e.toDisplayString(k.meta?.title),1)],10,Me))),128))])],34)):e.createCommentVNode("",!0)]),_:1}),e.createElementVNode("div",Le,[e.renderSlot(c.$slots,"header"),e.createVNode(e.unref(p.NLayout),null,{default:e.withCtx(()=>[e.createVNode(e.unref(p.NLayoutContent),{class:"content-with-header p16px app-content"},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(({Component:k,route:w})=>[e.createVNode(e.Transition,{name:s.value,mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{include:e.unref(h),max:e.unref(o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k),{key:w.path}))],1032,["include","max"]))]),_:2},1032,["name"])]),_:1})]),_:1}),n.value?e.renderSlot(c.$slots,"footer",{key:0}):e.createCommentVNode("",!0)]),_:3})])])}}}),Re={class:"mix-top-layout-container"},Ie={class:"logo-container"},Ae=["src","width","height"],He=["src","width","height"],Fe={class:"first-menu-list"},Oe=["onClick"],Ue={class:"menu-item-content"},We={key:1,class:"menu-item-text"},Pe={class:"menu-item-label"},je={class:"main-area"},Ke={class:"navbar-left"},Ye={class:"brand-name"},Ge={class:"brand-title"},Xe={class:"brand-subtitle"},qe={class:"navbar-center"},Je={class:"page-content"},J=e.defineComponent({name:"MixTopLayout",__name:"index",setup(v){const l=D(),{cachedViews:h,maxCacheCount:o}=I(),m=l.isDark,i=e.computed(()=>l.menus.value),n=e.computed(()=>l.showTagsView.value),s=e.computed(()=>l.tagsViewHeight.value),r=e.computed(()=>l.showFooter.value),g=e.computed(()=>l.transitionName.value),u={...z,...l.brand},c=W({menus:l.menus,floatingSecondMenu:e.computed(()=>!1)}),f=l.iconComponent??e.defineComponent({name:"LayoutIcon",props:{name:String,size:{type:Number,default:18}},setup(y){return()=>e.h("i",{class:y.name,style:{fontSize:`${y.size}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}})}});return(y,k)=>{const w=e.resolveComponent("RouterView");return e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("div",{class:e.normalizeClass(["first-level-sidebar",[e.unref(m)?"dark-theme":"light-theme"]])},[e.createElementVNode("div",Ie,[e.renderSlot(y.$slots,"logo",{},()=>[k[0]||(k[0]=e.createElementVNode("div",{class:"logo-glow"},null,-1)),u.logoType==="video"?(e.openBlock(),e.createElementBlock("video",{key:0,src:u.logoSrc,width:u.logoSize||40,height:u.logoSize||40,autoplay:"",loop:"",muted:"",playsinline:"",class:"logo-video"}," 您的浏览器不支持 video 标签。 ",8,Ae)):(e.openBlock(),e.createElementBlock("img",{key:1,src:u.logoSrc,width:u.logoSize||40,height:u.logoSize||40,class:"logo-video"},null,8,He))])]),e.createElementVNode("div",Fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,d=>(e.openBlock(),e.createElementBlock("div",{key:d.path,class:e.normalizeClass(["first-menu-item",{active:e.unref(c).activeFirstMenu.value===d.path}]),onClick:E=>e.unref(c).handleFirstMenuClick(d)},[e.createElementVNode("div",Ue,[d.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)),{key:0,name:d.meta.icon,size:22},null,8,["name"])):(e.openBlock(),e.createElementBlock("span",We,e.toDisplayString((d.meta?.title||"")[0]),1))]),e.createElementVNode("span",Pe,e.toDisplayString(d.meta?.title),1)],10,Oe))),128))])],2),e.createElementVNode("div",je,[e.createElementVNode("div",{class:e.normalizeClass(["top-navbar",[e.unref(m)?"dark-theme":"light-theme"]])},[e.createElementVNode("div",Ke,[e.renderSlot(y.$slots,"brand",{},()=>[e.createElementVNode("div",Ye,[e.createElementVNode("span",Ge,e.toDisplayString(u.name),1),e.createElementVNode("span",Xe,e.toDisplayString(u.subtitle),1)]),k[1]||(k[1]=e.createElementVNode("div",{class:"navbar-divider"},null,-1))])]),e.createElementVNode("div",qe,[e.renderSlot(y.$slots,"top-menu",{},()=>[e.unref(c).currentSecondMenus.value.length>0?(e.openBlock(),e.createBlock(U,{key:0,data:e.unref(c).currentSecondMenus.value},null,8,["data"])):e.createCommentVNode("",!0)])]),e.renderSlot(y.$slots,"header-extra")],2),n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"tags-view-container",style:e.normalizeStyle({height:`${s.value}px`})},[e.renderSlot(y.$slots,"tags-view")],4)):e.createCommentVNode("",!0),e.createVNode(e.unref(p.NLayout),{class:"content-layout"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NLayoutContent),{class:"main-content"},{default:e.withCtx(()=>[e.createElementVNode("div",Je,[e.createVNode(w,null,{default:e.withCtx(({Component:d,route:E})=>[e.createVNode(e.Transition,{name:g.value,mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{include:e.unref(h),max:e.unref(o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d),{key:E.path}))],1032,["include","max"]))]),_:2},1032,["name"])]),_:1})])]),_:1}),r.value?e.renderSlot(y.$slots,"footer",{key:0}):e.createCommentVNode("",!0)]),_:3})])])}}}),Ze={class:"reverse-horizontal-mix-layout-container"},Qe={class:"navbar-left"},et={class:"logo-container"},tt=["src","width","height"],ot=["src","width","height"],nt={class:"brand-name"},lt={class:"brand-title"},at={class:"brand-subtitle"},st={class:"navbar-center"},rt={class:"main-area"},it={class:"page-content"},ct={class:"sidebar-content"},dt={class:"header-icon"},ut={class:"header-title"},mt={class:"sidebar-menu-list"},vt={key:0,class:"menu-group"},pt={class:"group-title"},ht=["onClick"],ft={class:"item-title"},gt=["onClick"],kt={class:"item-title"},Z=e.defineComponent({name:"ReverseHorizontalMixLayout",__name:"index",setup(v){const l=D(),{cachedViews:h,maxCacheCount:o}=I(),m=l.isDark,i=e.computed(()=>l.menus.value),n=e.computed(()=>l.showTagsView.value),s=e.computed(()=>l.tagsViewHeight.value),r=e.computed(()=>l.showFooter.value),g=e.computed(()=>l.transitionName.value),u={...z,...l.brand},c=W({menus:l.menus,floatingSecondMenu:e.computed(()=>!1)}),f=e.ref(!1),y=()=>{f.value=!f.value},k=l.iconComponent??e.defineComponent({name:"LayoutIcon",props:{name:String,size:{type:Number,default:18}},setup(w){return()=>e.h("i",{class:w.name,style:{fontSize:`${w.size}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}})}});return(w,d)=>{const E=e.resolveComponent("RouterView");return e.openBlock(),e.createElementBlock("div",Ze,[e.createElementVNode("div",{class:e.normalizeClass(["top-navbar",[e.unref(m)?"dark-theme":"light-theme"]])},[e.createElementVNode("div",Qe,[e.renderSlot(w.$slots,"logo",{},()=>[e.createElementVNode("div",et,[d[0]||(d[0]=e.createElementVNode("div",{class:"logo-glow"},null,-1)),u.logoType==="video"?(e.openBlock(),e.createElementBlock("video",{key:0,src:u.logoSrc,width:u.logoSize||36,height:u.logoSize||36,autoplay:"",loop:"",muted:"",playsinline:"",class:"logo-video"}," 您的浏览器不支持 video 标签。 ",8,tt)):(e.openBlock(),e.createElementBlock("img",{key:1,src:u.logoSrc,width:u.logoSize||36,height:u.logoSize||36,class:"logo-video"},null,8,ot))]),e.createElementVNode("div",nt,[e.createElementVNode("span",lt,e.toDisplayString(u.name),1),e.createElementVNode("span",at,e.toDisplayString(u.subtitle),1)]),d[1]||(d[1]=e.createElementVNode("div",{class:"navbar-divider"},null,-1))])]),e.createElementVNode("div",st,[e.renderSlot(w.$slots,"top-menu",{},()=>[e.createVNode(U,{data:i.value},null,8,["data"])])]),e.renderSlot(w.$slots,"header-extra")],2),n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"tags-view-container",style:e.normalizeStyle({height:`${s.value}px`})},[e.renderSlot(w.$slots,"tags-view")],4)):e.createCommentVNode("",!0),e.createElementVNode("div",rt,[e.createVNode(e.unref(p.NLayout),{class:"content-layout"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NLayoutContent),{class:"main-content"},{default:e.withCtx(()=>[e.createElementVNode("div",it,[e.createVNode(E,null,{default:e.withCtx(({Component:N,route:_})=>[e.createVNode(e.Transition,{name:g.value,mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{include:e.unref(h),max:e.unref(o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N),{key:_.path}))],1032,["include","max"]))]),_:2},1032,["name"])]),_:1})])]),_:1}),r.value?e.renderSlot(w.$slots,"footer",{key:0}):e.createCommentVNode("",!0)]),_:3}),e.unref(c).currentSecondMenus.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["right-sidebar",[e.unref(m)?"dark-theme":"light-theme",{collapsed:f.value}]])},[e.createElementVNode("div",{class:"collapse-trigger",onClick:y},[e.createElementVNode("i",{class:e.normalizeClass(["transition-all duration-300 ease-in-out",f.value?"i-ri:menu-fold-4-fill":"i-ri:menu-fold-3-fill"])},null,2)]),e.withDirectives(e.createElementVNode("div",ct,[e.createElementVNode("div",{class:e.normalizeClass(["sidebar-header",[e.unref(m)?"dark-theme":"light-theme"]])},[e.createElementVNode("div",dt,[e.unref(c).activeFirstMenuItem.value?.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),{key:0,name:e.unref(c).activeFirstMenuItem.value.meta.icon,size:20},null,8,["name"])):e.createCommentVNode("",!0)]),e.createElementVNode("span",ut,e.toDisplayString(e.unref(c).activeFirstMenuItem.value?.meta?.title||"菜单"),1)],2),e.createElementVNode("div",mt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c).currentSecondMenus.value,N=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:N.path},[N.children&&N.children.length>0?(e.openBlock(),e.createElementBlock("div",vt,[e.createElementVNode("div",pt,[N.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),{key:0,name:N.meta.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(N.meta?.title),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.children,_=>(e.openBlock(),e.createElementBlock("div",{key:_.path,class:e.normalizeClass(["menu-item sub-item",{active:e.unref(c).isMenuItemActive(_.path)}]),onClick:M=>e.unref(c).handleSecondMenuClick(_)},[_.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),{key:0,name:_.meta.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",ft,e.toDisplayString(_.meta?.title),1)],10,ht))),128))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["menu-item",{active:e.unref(c).isMenuItemActive(N.path)}]),onClick:_=>e.unref(c).handleSecondMenuClick(N)},[N.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),{key:0,name:N.meta.icon,size:18},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",kt,e.toDisplayString(N.meta?.title),1)],10,gt))],64))),128))])],512),[[e.vShow,!f.value]])],2)):e.createCommentVNode("",!0)])])}}}),yt={class:"card-layout-container"},Ct={class:"navbar-left"},Nt={class:"logo-container"},wt=["src","width","height"],_t=["src","width","height"],Vt={class:"brand-name"},Et={class:"brand-title"},Bt={class:"brand-subtitle"},bt={class:"drawer-content"},xt={class:"menu-grid"},$t=["onClick"],St={key:0,class:"category-items"},Tt=["onClick"],Dt={class:"item-title"},Mt={key:0,class:"submenu-items"},zt={class:"submenu-title"},Lt=["onClick"],Rt={class:"item-title"},It={class:"main-content-area"},At={class:"page-content"},Q=e.defineComponent({name:"CardLayout",__name:"index",setup(v){const l=D(),{cachedViews:h,maxCacheCount:o}=I(),m=R.useRouter(),i=l.isDark,n=e.computed(()=>l.menus.value),s=e.computed(()=>l.showTagsView.value),r=e.computed(()=>l.tagsViewHeight.value),g=e.computed(()=>l.showFooter.value),u=e.computed(()=>l.transitionName.value),c={...z,...l.brand},f=e.ref(!1),y=e.ref(null),k=()=>{y.value&&clearTimeout(y.value),y.value=setTimeout(()=>{f.value=!1},300)},w=()=>{y.value&&(clearTimeout(y.value),y.value=null),f.value=!0},d=N=>{N.path&&(m.push(N.path),f.value=!1)},E=l.iconComponent??e.defineComponent({name:"LayoutIcon",props:{name:String,size:{type:Number,default:18}},setup(N){return()=>e.h("i",{class:N.name,style:{fontSize:`${N.size}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}})}});return e.onUnmounted(()=>{y.value&&clearTimeout(y.value)}),(N,_)=>{const M=e.resolveComponent("RouterView");return e.openBlock(),e.createElementBlock("div",yt,[e.createElementVNode("div",{class:e.normalizeClass(["top-navbar",[e.unref(i)?"dark-theme":"light-theme"]])},[e.createElementVNode("div",Ct,[e.createElementVNode("div",{class:"hover-trigger-area",onMouseenter:w,onMouseleave:k},[e.renderSlot(N.$slots,"menu-trigger",{},()=>[_[0]||(_[0]=e.createElementVNode("div",{class:"menu-indicator"},[e.createElementVNode("i",{class:"i-ri:menu-3-line"})],-1))])],32),e.renderSlot(N.$slots,"logo",{},()=>[e.createElementVNode("div",Nt,[_[1]||(_[1]=e.createElementVNode("div",{class:"logo-glow"},null,-1)),c.logoType==="video"?(e.openBlock(),e.createElementBlock("video",{key:0,src:c.logoSrc,width:c.logoSize||36,height:c.logoSize||36,autoplay:"",loop:"",muted:"",playsinline:"",class:"logo-video"}," 您的浏览器不支持 video 标签。 ",8,wt)):(e.openBlock(),e.createElementBlock("img",{key:1,src:c.logoSrc,width:c.logoSize||36,height:c.logoSize||36,class:"logo-video"},null,8,_t))]),e.createElementVNode("div",Vt,[e.createElementVNode("span",Et,e.toDisplayString(c.name),1),e.createElementVNode("span",Bt,e.toDisplayString(c.subtitle),1)]),_[2]||(_[2]=e.createElementVNode("div",{class:"navbar-divider"},null,-1))])]),e.renderSlot(N.$slots,"header-extra")],2),s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"tags-view-container",style:e.normalizeStyle({height:`${r.value}px`})},[e.renderSlot(N.$slots,"tags-view")],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["drawer-menu",[e.unref(i)?"dark-theme":"light-theme",{visible:f.value}]]),onMouseenter:w,onMouseleave:k},[e.renderSlot(N.$slots,"drawer-menu",{},()=>[_[3]||(_[3]=e.createElementVNode("div",{class:"drawer-header"},[e.createElementVNode("div",{class:"drawer-title"},[e.createElementVNode("i",{class:"i-ri:apps-2-line"}),e.createElementVNode("span",null,"功能导航")])],-1)),e.createElementVNode("div",bt,[e.createElementVNode("div",xt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,b=>(e.openBlock(),e.createElementBlock("div",{key:b.path,class:"menu-category"},[e.createElementVNode("div",{class:"category-header",onClick:B=>d(b)},[b.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(E)),{key:0,name:b.meta.icon,size:18},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(b.meta?.title),1)],8,$t),b.children&&b.children.length>0?(e.openBlock(),e.createElementBlock("div",St,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.children,B=>(e.openBlock(),e.createElementBlock("div",{key:B.path,class:"menu-item",onClick:T=>d(B)},[B.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(E)),{key:0,name:B.meta.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",Dt,e.toDisplayString(B.meta?.title),1)],8,Tt))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.children,B=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:"sub-"+B.path},[B.children&&B.children.length>0?(e.openBlock(),e.createElementBlock("div",Mt,[e.createElementVNode("div",zt,e.toDisplayString(B.meta?.title),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.children,T=>(e.openBlock(),e.createElementBlock("div",{key:T.path,class:"menu-item submenu-item",onClick:C=>d(T)},[T.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(E)),{key:0,name:T.meta.icon,size:14},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",Rt,e.toDisplayString(T.meta?.title),1)],8,Lt))),128))])):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)]))),128))])])])],34),e.createElementVNode("div",It,[e.createVNode(e.unref(p.NLayout),{class:"content-layout"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NLayoutContent),{class:"main-content p16px app-content"},{default:e.withCtx(()=>[e.createElementVNode("div",At,[e.createVNode(M,null,{default:e.withCtx(({Component:b,route:B})=>[e.createVNode(e.Transition,{name:u.value,mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{include:e.unref(h),max:e.unref(o)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b),{key:B.path}))],1032,["include","max"]))]),_:2},1032,["name"])]),_:1})])]),_:1}),g.value?e.renderSlot(N.$slots,"footer",{key:0}):e.createCommentVNode("",!0)]),_:3})])])}}}),Ht={key:6,class:"layout-coming-soon"},Ft=e.defineComponent({name:"C_LayoutContainer",__name:"index",setup(v){const l=K(),h=D(),o=e.computed(()=>l.layoutMode),m=h.isDark,i=e.ref(!1);return e.provide("menuCollapse",{isCollapsed:i,handleCollapsedChange:n=>{i.value=n}}),(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["layout-container",e.unref(m)?"dark-mode":"light-mode"])},[o.value==="side"?(e.openBlock(),e.createBlock(G,{key:0,collapsed:i.value,"onUpdate:collapsed":s[0]||(s[0]=r=>i.value=r)},e.createSlots({menu:e.withCtx(()=>[e.renderSlot(n.$slots,"menu",{collapsed:i.value})]),header:e.withCtx(()=>[e.renderSlot(n.$slots,"header")]),footer:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")]),_:2},[n.$slots.logo?{name:"logo",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"logo")]),key:"0"}:void 0]),1032,["collapsed"])):o.value==="top"?(e.openBlock(),e.createBlock(X,{key:1},e.createSlots({_:2},[n.$slots.logo?{name:"logo",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"logo")]),key:"0"}:void 0,n.$slots["top-menu"]?{name:"menu",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"top-menu")]),key:"1"}:void 0,n.$slots["header-extra"]?{name:"header-extra",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"header-extra")]),key:"2"}:void 0,n.$slots["tags-view"]?{name:"tags-view",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"tags-view")]),key:"3"}:void 0,n.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")]),key:"4"}:void 0]),1024)):o.value==="mix"?(e.openBlock(),e.createBlock(q,{key:2},e.createSlots({header:e.withCtx(()=>[e.renderSlot(n.$slots,"header")]),_:2},[n.$slots.logo?{name:"logo",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"logo")]),key:"0"}:void 0,n.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")]),key:"1"}:void 0]),1024)):o.value==="mix-top"?(e.openBlock(),e.createBlock(J,{key:3},e.createSlots({_:2},[n.$slots.logo?{name:"logo",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"logo")]),key:"0"}:void 0,n.$slots.brand?{name:"brand",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"brand")]),key:"1"}:void 0,n.$slots["top-menu"]?{name:"top-menu",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"top-menu")]),key:"2"}:void 0,n.$slots["header-extra"]?{name:"header-extra",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"header-extra")]),key:"3"}:void 0,n.$slots["tags-view"]?{name:"tags-view",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"tags-view")]),key:"4"}:void 0,n.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")]),key:"5"}:void 0]),1024)):o.value==="reverse-horizontal-mix"?(e.openBlock(),e.createBlock(Z,{key:4},e.createSlots({_:2},[n.$slots.logo?{name:"logo",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"logo")]),key:"0"}:void 0,n.$slots["top-menu"]?{name:"top-menu",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"top-menu")]),key:"1"}:void 0,n.$slots["header-extra"]?{name:"header-extra",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"header-extra")]),key:"2"}:void 0,n.$slots["tags-view"]?{name:"tags-view",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"tags-view")]),key:"3"}:void 0,n.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")]),key:"4"}:void 0]),1024)):o.value==="card-layout"?(e.openBlock(),e.createBlock(Q,{key:5},e.createSlots({_:2},[n.$slots["menu-trigger"]?{name:"menu-trigger",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"menu-trigger")]),key:"0"}:void 0,n.$slots.logo?{name:"logo",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"logo")]),key:"1"}:void 0,n.$slots["header-extra"]?{name:"header-extra",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"header-extra")]),key:"2"}:void 0,n.$slots["tags-view"]?{name:"tags-view",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"tags-view")]),key:"3"}:void 0,n.$slots["drawer-menu"]?{name:"drawer-menu",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"drawer-menu")]),key:"4"}:void 0,n.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")]),key:"5"}:void 0]),1024)):(e.openBlock(),e.createElementBlock("div",Ht,[...s[1]||(s[1]=[e.createElementVNode("div",{class:"coming-soon-content"},[e.createElementVNode("div",{class:"coming-soon-icon"},"🚧"),e.createElementVNode("div",{class:"coming-soon-title"},"布局开发中")],-1)])]))],2))}}),Ot=[{label:"左侧菜单（默认）",value:"side",disabled:!1,svg:`
|
|
2
2
|
<rect x="0" y="0" width="16" height="48" rx="1" fill="currentColor" fill-opacity="0.9"/>
|
|
3
3
|
<rect x="18" y="0" width="38" height="10" rx="1" fill="currentColor" fill-opacity="0.7"/>
|
|
4
4
|
<rect x="18" y="12" width="38" height="34" rx="1" fill="currentColor" fill-opacity="0.4"/>
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
<rect x="32" y="0" width="24" height="20" rx="2" fill="currentColor" fill-opacity="0.7"/>
|
|
25
25
|
<rect x="0" y="24" width="24" height="20" rx="2" fill="currentColor" fill-opacity="0.6"/>
|
|
26
26
|
<rect x="32" y="24" width="24" height="20" rx="2" fill="currentColor" fill-opacity="0.4"/>
|
|
27
|
-
`}],
|
|
27
|
+
`}],Ut={class:"settings-section"},Wt={class:"preset-grid"},Pt=["onClick"],jt={class:"preset-icon"},Kt={class:"preset-name"},Yt={class:"preset-color"},Gt={class:"settings-section"},Xt={class:"settings-section"},qt={class:"color-picker-wrapper"},Jt={class:"color-value"},Zt={class:"settings-section"},Qt={class:"settings-section"},eo={class:"flex items-center justify-between mb-2"},to={class:"settings-section"},oo={class:"settings-section"},no={class:"layout-grid"},lo=["onClick"],ao={class:"layout-screenshot"},so={class:"layout-svg",viewBox:"0 0 56 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ro=["innerHTML"],io={class:"layout-label"},co={key:0,class:"badge-soon"},uo={class:"settings-section"},mo={class:"setting-item"},vo={class:"setting-item"},po={class:"setting-item"},ho={class:"setting-item"},fo={class:"settings-section"},go={class:"slider-item"},ko={class:"slider-label"},yo={class:"slider-value"},Co={class:"slider-item"},No={class:"slider-label"},wo={class:"slider-value"},_o={class:"settings-section"},Vo={class:"settings-section"},Eo={class:"action-buttons-grid"},Bo={class:"settings-section"},bo={class:"action-buttons-grid"},xo={class:"settings-section"},$o={class:"setting-item"},So={class:"setting-item"},To={class:"settings-section"},Do={class:"setting-item"},Mo={key:0,class:"mt-2"},zo={class:"settings-section"},Lo={class:"system-info"},Ro={class:"info-item"},Io={class:"info-value"},Ao={class:"info-item"},Ho={class:"info-value"},Fo={class:"info-item"},Oo={class:"info-value"},Uo={class:"info-item"},Wo={class:"info-value"},Po={class:"info-item"},jo={class:"info-value"},Ko={class:"info-item"},Yo={class:"info-value"},Go=e.defineComponent({__name:"index",props:{show:{type:Boolean,default:!1},showModifiers:{}},emits:["update:show"],setup(v){const l=p.useMessage(),h=p.useDialog(),o=K(),m=e.useModel(v,"show"),i=e.ref("appearance"),n=e.ref(!1),s=e.ref(!1),r=e.ref(!1),g=e.ref("Robot Admin");let u=null;const c=C=>{u&&(document.body.removeChild(u),u=null);const t=document.createElement("canvas"),a=t.getContext("2d");t.width=200,t.height=150,a.font="14px Microsoft JhengHei",a.fillStyle="rgba(120, 120, 120, 0.15)",a.rotate(-20*Math.PI/180),a.fillText(C,0,80),u=document.createElement("div"),u.style.cssText=`
|
|
28
28
|
position: fixed;
|
|
29
29
|
top: 0;
|
|
30
30
|
left: 0;
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
background-repeat: repeat;
|
|
36
36
|
z-index: 9999;
|
|
37
37
|
user-select: none;
|
|
38
|
-
`,document.body.appendChild(u)},V=()=>{u&&(document.body.removeChild(u),u=null)};e.watch(g,s=>{document.documentElement.classList.toggle("gray-mode",s)}),e.watch(m,s=>{document.documentElement.classList.toggle("color-weak-mode",s)}),e.watch(f,s=>{s?T(w.value):V()}),e.watch(w,s=>{f.value&&T(s)});const y=e.computed(()=>{const s=navigator.userAgent;let t="Unknown",l="Unknown";return s.includes("Chrome")?t="Chrome":s.includes("Firefox")?t="Firefox":s.includes("Safari")?t="Safari":s.includes("Edge")&&(t="Edge"),s.includes("Windows")?l="Windows":s.includes("Mac")?l="macOS":s.includes("Linux")?l="Linux":s.includes("Android")?l="Android":s.includes("iOS")&&(l="iOS"),{browser:t,os:l,resolution:`${window.screen.width} × ${window.screen.height}`,pixelRatio:window.devicePixelRatio+"x",language:navigator.language,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone}});e.onUnmounted(()=>{V()});const S=(s,t)=>{t||(o.layoutMode=s)},b=s=>o.primaryColor===s.primaryColor,k=s=>{o.applyPreset(s),i.success(`已应用「${s.name}」主题方案`)},B=()=>{o.themeMode=r.themeMode,o.primaryColor=r.primaryColor,o.borderRadius=r.borderRadius,o.transitionType=r.transitionType,o.enableTransition=r.enableTransition,i.success("已恢复外观默认设置")},x=()=>{o.layoutMode=r.layoutMode,o.fixedHeader=r.fixedHeader,o.showBreadcrumb=r.showBreadcrumb,o.showBreadcrumbIcon=r.showBreadcrumbIcon,o.showTagsView=r.showTagsView,o.tagsViewHeight=r.tagsViewHeight,o.tagsViewStyle=r.tagsViewStyle,o.showFooter=r.showFooter,o.sidebarWidth=r.sidebarWidth,o.sidebarCollapsedWidth=r.sidebarCollapsedWidth,o.headerHeight=r.headerHeight,i.success("已恢复布局默认设置")},E=()=>{d.warning({title:"确认重置",content:"确定要恢复默认配置吗？此操作不可撤销。",positiveText:"确认",negativeText:"取消",onPositiveClick:()=>{o.resetSettings(),i.success("已恢复默认配置")}})},C=()=>{d.warning({title:"确认清除",content:"确定要清除浏览器缓存吗？",positiveText:"确认",negativeText:"取消",onPositiveClick:()=>{const s=["theme-mode","robot-admin-settings"];Object.keys(localStorage).forEach(l=>{s.includes(l)||localStorage.removeItem(l)}),sessionStorage.clear(),i.success("缓存已清除")}})},R=()=>{location.reload()},_=()=>{const s={settings:o.settingsState,gray:g.value,colorWeak:m.value,watermark:{enabled:f.value,text:w.value},exportTime:new Date().toISOString()},t=new Blob([JSON.stringify(s,null,2)],{type:"application/json"}),l=URL.createObjectURL(t),h=document.createElement("a");h.href=l,h.download=`robot-admin-config-${Date.now()}.json`,h.click(),URL.revokeObjectURL(l),i.success("配置已导出")},M=()=>{const s=document.createElement("input");s.type="file",s.accept="application/json",s.onchange=async t=>{const l=t.target.files?.[0];if(l)try{const h=await l.text(),N=JSON.parse(h);N.settings&&o.$patch(N.settings),N.gray!==void 0&&(g.value=N.gray),N.colorWeak!==void 0&&(m.value=N.colorWeak),N.watermark&&(f.value=N.watermark.enabled,w.value=N.watermark.text),i.success("配置已导入")}catch{i.error("配置文件格式错误")}},s.click()};return(s,t)=>(e.openBlock(),e.createBlock(e.unref(a.NDrawer),{show:p.value,"onUpdate:show":t[16]||(t[16]=l=>p.value=l),width:380,placement:"right","trap-focus":!1,"block-scroll":!1},{default:e.withCtx(()=>[e.createVNode(e.unref(a.NDrawerContent),{title:"⚙️ 布局配置",closable:""},{default:e.withCtx(()=>[e.createVNode(e.unref(a.NTabs),{value:c.value,"onUpdate:value":t[15]||(t[15]=l=>c.value=l),animated:"",class:"settings-tabs"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.NTabPane),{name:"appearance",tab:"🎨 外观"},{default:e.withCtx(()=>[e.createElementVNode("div",q,[e.createElementVNode("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(D),l=>(e.openBlock(),e.createElementBlock("div",{key:l.name,class:e.normalizeClass(["preset-card",{active:b(l)}]),onClick:h=>k(l)},[e.createElementVNode("div",Y,e.toDisplayString(l.icon),1),e.createElementVNode("div",Z,e.toDisplayString(l.name),1),e.createElementVNode("div",Q,[e.createElementVNode("span",{class:"color-dot",style:e.normalizeStyle({backgroundColor:l.primaryColor})},null,4)])],10,K))),128))])]),e.createElementVNode("div",X,[t[20]||(t[20]=e.createElementVNode("div",{class:"section-title"},"主题模式",-1)),e.createVNode(e.unref(a.NRadioGroup),{value:e.unref(o).themeMode,"onUpdate:value":t[0]||(t[0]=l=>e.unref(o).themeMode=l),class:"mode-group"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.NRadioButton),{value:"light"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createElementVNode("span",{class:"i-mdi:white-balance-sunny mr-1"},null,-1),e.createTextVNode(" 浅色 ",-1)])]),_:1}),e.createVNode(e.unref(a.NRadioButton),{value:"dark"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createElementVNode("span",{class:"i-mdi:moon-waning-crescent mr-1"},null,-1),e.createTextVNode(" 深色 ",-1)])]),_:1}),e.createVNode(e.unref(a.NRadioButton),{value:"auto"},{default:e.withCtx(()=>[...t[19]||(t[19]=[e.createElementVNode("span",{class:"i-mdi:theme-light-dark mr-1"},null,-1),e.createTextVNode(" 自动 ",-1)])]),_:1})]),_:1},8,["value"])]),e.createElementVNode("div",ee,[t[21]||(t[21]=e.createElementVNode("div",{class:"section-title"},"主题色",-1)),e.createElementVNode("div",te,[e.createVNode(e.unref(a.NColorPicker),{value:e.unref(o).primaryColor,"onUpdate:value":t[1]||(t[1]=l=>e.unref(o).primaryColor=l),"show-alpha":!1,swatches:e.unref(W),actions:["confirm"]},null,8,["value","swatches"]),e.createElementVNode("span",oe,e.toDisplayString(e.unref(o).primaryColor),1)])]),e.createElementVNode("div",le,[t[25]||(t[25]=e.createElementVNode("div",{class:"section-title"},"圆角大小",-1)),e.createVNode(e.unref(a.NRadioGroup),{value:e.unref(o).borderRadius,"onUpdate:value":t[2]||(t[2]=l=>e.unref(o).borderRadius=l),class:"radius-group"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.NRadioButton),{value:"small"},{default:e.withCtx(()=>[...t[22]||(t[22]=[e.createTextVNode("小 (4px)",-1)])]),_:1}),e.createVNode(e.unref(a.NRadioButton),{value:"medium"},{default:e.withCtx(()=>[...t[23]||(t[23]=[e.createTextVNode("中 (6px)",-1)])]),_:1}),e.createVNode(e.unref(a.NRadioButton),{value:"large"},{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode("大 (8px)",-1)])]),_:1})]),_:1},8,["value"])]),e.createElementVNode("div",ae,[t[31]||(t[31]=e.createElementVNode("div",{class:"section-title"},"页面动画",-1)),e.createElementVNode("div",se,[t[26]||(t[26]=e.createElementVNode("span",{class:"text-sm"},"启用动画",-1)),e.createVNode(e.unref(a.NSwitch),{value:e.unref(o).enableTransition,"onUpdate:value":t[3]||(t[3]=l=>e.unref(o).enableTransition=l)},null,8,["value"])]),e.createVNode(e.unref(a.NRadioGroup),{value:e.unref(o).transitionType,"onUpdate:value":t[4]||(t[4]=l=>e.unref(o).transitionType=l),disabled:!e.unref(o).enableTransition,class:"transition-group"},{default:e.withCtx(()=>[e.createVNode(e.unref(a.NRadioButton),{value:"fade"},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode("淡入",-1)])]),_:1}),e.createVNode(e.unref(a.NRadioButton),{value:"slide"},{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode("滑动",-1)])]),_:1}),e.createVNode(e.unref(a.NRadioButton),{value:"zoom"},{default:e.withCtx(()=>[...t[29]||(t[29]=[e.createTextVNode("缩放",-1)])]),_:1}),e.createVNode(e.unref(a.NRadioButton),{value:"none"},{default:e.withCtx(()=>[...t[30]||(t[30]=[e.createTextVNode("无",-1)])]),_:1})]),_:1},8,["value","disabled"])]),e.createElementVNode("div",ne,[e.createVNode(e.unref(a.NButton),{block:"",secondary:"",onClick:B},{icon:e.withCtx(()=>[...t[32]||(t[32]=[e.createElementVNode("span",{class:"i-mdi:restore"},null,-1)])]),default:e.withCtx(()=>[t[33]||(t[33]=e.createTextVNode(" 恢复外观默认设置 ",-1))]),_:1})])]),_:1}),e.createVNode(e.unref(a.NTabPane),{name:"layout",tab:"📐 布局"},{default:e.withCtx(()=>[e.createElementVNode("div",ie,[t[34]||(t[34]=e.createElementVNode("div",{class:"section-title"},"布局模式",-1)),e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(G),l=>(e.openBlock(),e.createElementBlock("div",{key:l.value,class:e.normalizeClass(["layout-item",{active:e.unref(o).layoutMode===l.value,disabled:l.disabled}]),onClick:e.withModifiers(h=>S(l.value,l.disabled),["stop"])},[e.createElementVNode("div",ue,[(e.openBlock(),e.createElementBlock("svg",ce,[e.createElementVNode("g",{innerHTML:l.svg},null,8,me)]))]),e.createElementVNode("div",fe,[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.disabled?(e.openBlock(),e.createElementBlock("span",ve,"敬请期待")):e.createCommentVNode("",!0)])],10,de))),128))])]),e.createElementVNode("div",pe,[t[39]||(t[39]=e.createElementVNode("div",{class:"section-title"},"界面元素",-1)),e.createElementVNode("div",ge,[t[35]||(t[35]=e.createElementVNode("span",null,"显示面包屑",-1)),e.createVNode(e.unref(a.NSwitch),{value:e.unref(o).showBreadcrumb,"onUpdate:value":t[5]||(t[5]=l=>e.unref(o).showBreadcrumb=l)},null,8,["value"])]),e.createElementVNode("div",he,[t[36]||(t[36]=e.createElementVNode("span",null,"显示面包屑图标",-1)),e.createVNode(e.unref(a.NSwitch),{value:e.unref(o).showBreadcrumbIcon,"onUpdate:value":t[6]||(t[6]=l=>e.unref(o).showBreadcrumbIcon=l),disabled:!e.unref(o).showBreadcrumb},null,8,["value","disabled"])]),e.createElementVNode("div",Ne,[t[37]||(t[37]=e.createElementVNode("span",null,"显示标签页",-1)),e.createVNode(e.unref(a.NSwitch),{value:e.unref(o).showTagsView,"onUpdate:value":t[7]||(t[7]=l=>e.unref(o).showTagsView=l)},null,8,["value"])]),e.createElementVNode("div",we,[t[38]||(t[38]=e.createElementVNode("span",null,"显示页脚",-1)),e.createVNode(e.unref(a.NSwitch),{value:e.unref(o).showFooter,"onUpdate:value":t[8]||(t[8]=l=>e.unref(o).showFooter=l)},null,8,["value"])])]),e.createElementVNode("div",ye,[t[42]||(t[42]=e.createElementVNode("div",{class:"section-title"},"尺寸调整",-1)),e.createElementVNode("div",Ve,[e.createElementVNode("div",be,[t[40]||(t[40]=e.createElementVNode("span",null,"侧边栏宽度",-1)),e.createElementVNode("span",xe,e.toDisplayString(e.unref(o).sidebarWidth)+"px",1)]),e.createVNode(e.unref(a.NSlider),{value:e.unref(o).sidebarWidth,"onUpdate:value":t[9]||(t[9]=l=>e.unref(o).sidebarWidth=l),min:180,max:280,step:10,marks:{180:"180",220:"220",280:"280"}},null,8,["value"])]),e.createElementVNode("div",Ee,[e.createElementVNode("div",Ce,[t[41]||(t[41]=e.createElementVNode("span",null,"头部高度",-1)),e.createElementVNode("span",Te,e.toDisplayString(e.unref(o).headerHeight)+"px",1)]),e.createVNode(e.unref(a.NSlider),{value:e.unref(o).headerHeight,"onUpdate:value":t[10]||(t[10]=l=>e.unref(o).headerHeight=l),min:48,max:64,step:4,marks:{48:"48",56:"56",64:"64"}},null,8,["value"])])]),e.createElementVNode("div",Se,[e.createVNode(e.unref(a.NButton),{block:"",secondary:"",onClick:x},{icon:e.withCtx(()=>[...t[43]||(t[43]=[e.createElementVNode("span",{class:"i-mdi:restore"},null,-1)])]),default:e.withCtx(()=>[t[44]||(t[44]=e.createTextVNode(" 恢复布局默认设置 ",-1))]),_:1})])]),_:1}),e.createVNode(e.unref(a.NTabPane),{name:"features",tab:"🔧 功能"},{default:e.withCtx(()=>[e.createElementVNode("div",ke,[t[49]||(t[49]=e.createElementVNode("div",{class:"section-title"},"缓存管理",-1)),e.createElementVNode("div",Be,[e.createVNode(e.unref(a.NButton),{secondary:"",onClick:C},{icon:e.withCtx(()=>[...t[45]||(t[45]=[e.createElementVNode("span",{class:"i-mdi:delete-sweep"},null,-1)])]),default:e.withCtx(()=>[t[46]||(t[46]=e.createTextVNode(" 清除缓存 ",-1))]),_:1}),e.createVNode(e.unref(a.NButton),{secondary:"",onClick:R},{icon:e.withCtx(()=>[...t[47]||(t[47]=[e.createElementVNode("span",{class:"i-mdi:refresh"},null,-1)])]),default:e.withCtx(()=>[t[48]||(t[48]=e.createTextVNode(" 重新加载 ",-1))]),_:1})])]),e.createElementVNode("div",Re,[t[56]||(t[56]=e.createElementVNode("div",{class:"section-title"},"配置管理",-1)),e.createElementVNode("div",Me,[e.createVNode(e.unref(a.NButton),{secondary:"",onClick:_},{icon:e.withCtx(()=>[...t[50]||(t[50]=[e.createElementVNode("span",{class:"i-mdi:download"},null,-1)])]),default:e.withCtx(()=>[t[51]||(t[51]=e.createTextVNode(" 导出配置 ",-1))]),_:1}),e.createVNode(e.unref(a.NButton),{secondary:"",onClick:M},{icon:e.withCtx(()=>[...t[52]||(t[52]=[e.createElementVNode("span",{class:"i-mdi:upload"},null,-1)])]),default:e.withCtx(()=>[t[53]||(t[53]=e.createTextVNode(" 导入配置 ",-1))]),_:1})]),e.createVNode(e.unref(a.NButton),{block:"",type:"error",secondary:"",class:"mt-2",onClick:E},{icon:e.withCtx(()=>[...t[54]||(t[54]=[e.createElementVNode("span",{class:"i-mdi:restore"},null,-1)])]),default:e.withCtx(()=>[t[55]||(t[55]=e.createTextVNode(" 重置所有配置 ",-1))]),_:1})]),e.createElementVNode("div",_e,[t[59]||(t[59]=e.createElementVNode("div",{class:"section-title"},"系统模式",-1)),e.createElementVNode("div",He,[t[57]||(t[57]=e.createElementVNode("div",{class:"setting-label"},[e.createElementVNode("span",null,"灰色模式"),e.createElementVNode("span",{class:"setting-desc"},"用于哀悼日场景")],-1)),e.createVNode(e.unref(a.NSwitch),{value:g.value,"onUpdate:value":t[11]||(t[11]=l=>g.value=l)},null,8,["value"])]),e.createElementVNode("div",Ue,[t[58]||(t[58]=e.createElementVNode("div",{class:"setting-label"},[e.createElementVNode("span",null,"色弱模式"),e.createElementVNode("span",{class:"setting-desc"},"提供无障碍访问支持")],-1)),e.createVNode(e.unref(a.NSwitch),{value:m.value,"onUpdate:value":t[12]||(t[12]=l=>m.value=l)},null,8,["value"])])]),e.createElementVNode("div",Oe,[t[61]||(t[61]=e.createElementVNode("div",{class:"section-title"},"水印设置",-1)),e.createElementVNode("div",De,[t[60]||(t[60]=e.createElementVNode("span",null,"启用水印",-1)),e.createVNode(e.unref(a.NSwitch),{value:f.value,"onUpdate:value":t[13]||(t[13]=l=>f.value=l)},null,8,["value"])]),f.value?(e.openBlock(),e.createElementBlock("div",Pe,[e.createVNode(e.unref(a.NInput),{value:w.value,"onUpdate:value":t[14]||(t[14]=l=>w.value=l),placeholder:"请输入水印内容",size:"small"},null,8,["value"])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Ie,[t[68]||(t[68]=e.createElementVNode("div",{class:"section-title"},"系统信息",-1)),e.createElementVNode("div",We,[e.createElementVNode("div",Le,[t[62]||(t[62]=e.createElementVNode("span",{class:"info-label"},"浏览器",-1)),e.createElementVNode("span",Ae,e.toDisplayString(y.value.browser),1)]),e.createElementVNode("div",Fe,[t[63]||(t[63]=e.createElementVNode("span",{class:"info-label"},"操作系统",-1)),e.createElementVNode("span",$e,e.toDisplayString(y.value.os),1)]),e.createElementVNode("div",ze,[t[64]||(t[64]=e.createElementVNode("span",{class:"info-label"},"屏幕分辨率",-1)),e.createElementVNode("span",je,e.toDisplayString(y.value.resolution),1)]),e.createElementVNode("div",Ge,[t[65]||(t[65]=e.createElementVNode("span",{class:"info-label"},"设备像素比",-1)),e.createElementVNode("span",qe,e.toDisplayString(y.value.pixelRatio),1)]),e.createElementVNode("div",Je,[t[66]||(t[66]=e.createElementVNode("span",{class:"info-label"},"语言",-1)),e.createElementVNode("span",Ke,e.toDisplayString(y.value.language),1)]),e.createElementVNode("div",Ye,[t[67]||(t[67]=e.createElementVNode("span",{class:"info-label"},"时区",-1)),e.createElementVNode("span",Ze,e.toDisplayString(y.value.timezone),1)])])])]),_:1})]),_:1},8,["value"])]),_:1})]),_:1},8,["show"]))}}),Xe=(v,i)=>{const d=v.__vccOpts||v;for(const[o,p]of i)d[o]=p;return d},et=Xe(Qe,[["__scopeId","data-v-f8cba7b1"]]);function tt(v,i={}){const d=U(i);return d().syncCSSVariables(),d}exports.BORDER_RADIUS_MAP=P;exports.COLOR_SWATCHES=W;exports.DEFAULT_SETTINGS=r;exports.LAYOUT_MODES=j;exports.PRESET_COLORS=O;exports.SettingsDrawer=et;exports.THEME_PRESETS=D;exports.TRANSITION_MAP=I;exports.adjustColor=H;exports.createSettingsStore=U;exports.setupLayout=tt;exports.useSettingsStore=L;
|
|
38
|
+
`,document.body.appendChild(u)},f=()=>{u&&(document.body.removeChild(u),u=null)};e.watch(n,C=>{document.documentElement.classList.toggle("gray-mode",C)}),e.watch(s,C=>{document.documentElement.classList.toggle("color-weak-mode",C)}),e.watch(r,C=>{C?c(g.value):f()}),e.watch(g,C=>{r.value&&c(C)});const y=e.computed(()=>{const C=navigator.userAgent;let t="Unknown",a="Unknown";return C.includes("Chrome")?t="Chrome":C.includes("Firefox")?t="Firefox":C.includes("Safari")?t="Safari":C.includes("Edge")&&(t="Edge"),C.includes("Windows")?a="Windows":C.includes("Mac")?a="macOS":C.includes("Linux")?a="Linux":C.includes("Android")?a="Android":C.includes("iOS")&&(a="iOS"),{browser:t,os:a,resolution:`${window.screen.width} × ${window.screen.height}`,pixelRatio:window.devicePixelRatio+"x",language:navigator.language,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone}});e.onUnmounted(()=>{f()});const k=(C,t)=>{t||(o.layoutMode=C)},w=C=>o.primaryColor===C.primaryColor,d=C=>{o.applyPreset(C),l.success(`已应用「${C.name}」主题方案`)},E=()=>{o.themeMode=x.themeMode,o.primaryColor=x.primaryColor,o.borderRadius=x.borderRadius,o.transitionType=x.transitionType,o.enableTransition=x.enableTransition,l.success("已恢复外观默认设置")},N=()=>{o.layoutMode=x.layoutMode,o.fixedHeader=x.fixedHeader,o.showBreadcrumb=x.showBreadcrumb,o.showBreadcrumbIcon=x.showBreadcrumbIcon,o.showTagsView=x.showTagsView,o.tagsViewHeight=x.tagsViewHeight,o.tagsViewStyle=x.tagsViewStyle,o.showFooter=x.showFooter,o.sidebarWidth=x.sidebarWidth,o.sidebarCollapsedWidth=x.sidebarCollapsedWidth,o.headerHeight=x.headerHeight,l.success("已恢复布局默认设置")},_=()=>{h.warning({title:"确认重置",content:"确定要恢复默认配置吗？此操作不可撤销。",positiveText:"确认",negativeText:"取消",onPositiveClick:()=>{o.resetSettings(),l.success("已恢复默认配置")}})},M=()=>{h.warning({title:"确认清除",content:"确定要清除浏览器缓存吗？",positiveText:"确认",negativeText:"取消",onPositiveClick:()=>{const C=["theme-mode","robot-admin-settings"];Object.keys(localStorage).forEach(a=>{C.includes(a)||localStorage.removeItem(a)}),sessionStorage.clear(),l.success("缓存已清除")}})},b=()=>{location.reload()},B=()=>{const C={settings:o.settingsState,gray:n.value,colorWeak:s.value,watermark:{enabled:r.value,text:g.value},exportTime:new Date().toISOString()},t=new Blob([JSON.stringify(C,null,2)],{type:"application/json"}),a=URL.createObjectURL(t),$=document.createElement("a");$.href=a,$.download=`robot-admin-config-${Date.now()}.json`,$.click(),URL.revokeObjectURL(a),l.success("配置已导出")},T=()=>{const C=document.createElement("input");C.type="file",C.accept="application/json",C.onchange=async t=>{const a=t.target.files?.[0];if(a)try{const $=await a.text(),S=JSON.parse($);S.settings&&o.$patch(S.settings),S.gray!==void 0&&(n.value=S.gray),S.colorWeak!==void 0&&(s.value=S.colorWeak),S.watermark&&(r.value=S.watermark.enabled,g.value=S.watermark.text),l.success("配置已导入")}catch{l.error("配置文件格式错误")}},C.click()};return(C,t)=>(e.openBlock(),e.createBlock(e.unref(p.NDrawer),{show:m.value,"onUpdate:show":t[16]||(t[16]=a=>m.value=a),width:380,placement:"right","trap-focus":!1,"block-scroll":!1},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NDrawerContent),{title:"⚙️ 布局配置",closable:""},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NTabs),{value:i.value,"onUpdate:value":t[15]||(t[15]=a=>i.value=a),animated:"",class:"settings-tabs"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NTabPane),{name:"appearance",tab:"🎨 外观"},{default:e.withCtx(()=>[e.createElementVNode("div",Ut,[e.createElementVNode("div",Wt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(te),a=>(e.openBlock(),e.createElementBlock("div",{key:a.name,class:e.normalizeClass(["preset-card",{active:w(a)}]),onClick:$=>d(a)},[e.createElementVNode("div",jt,e.toDisplayString(a.icon),1),e.createElementVNode("div",Kt,e.toDisplayString(a.name),1),e.createElementVNode("div",Yt,[e.createElementVNode("span",{class:"color-dot",style:e.normalizeStyle({backgroundColor:a.primaryColor})},null,4)])],10,Pt))),128))])]),e.createElementVNode("div",Gt,[t[20]||(t[20]=e.createElementVNode("div",{class:"section-title"},"主题模式",-1)),e.createVNode(e.unref(p.NRadioGroup),{value:e.unref(o).themeMode,"onUpdate:value":t[0]||(t[0]=a=>e.unref(o).themeMode=a),class:"mode-group"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NRadioButton),{value:"light"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createElementVNode("span",{class:"i-mdi:white-balance-sunny mr-1"},null,-1),e.createTextVNode(" 浅色 ",-1)])]),_:1}),e.createVNode(e.unref(p.NRadioButton),{value:"dark"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createElementVNode("span",{class:"i-mdi:moon-waning-crescent mr-1"},null,-1),e.createTextVNode(" 深色 ",-1)])]),_:1}),e.createVNode(e.unref(p.NRadioButton),{value:"auto"},{default:e.withCtx(()=>[...t[19]||(t[19]=[e.createElementVNode("span",{class:"i-mdi:theme-light-dark mr-1"},null,-1),e.createTextVNode(" 自动 ",-1)])]),_:1})]),_:1},8,["value"])]),e.createElementVNode("div",Xt,[t[21]||(t[21]=e.createElementVNode("div",{class:"section-title"},"主题色",-1)),e.createElementVNode("div",qt,[e.createVNode(e.unref(p.NColorPicker),{value:e.unref(o).primaryColor,"onUpdate:value":t[1]||(t[1]=a=>e.unref(o).primaryColor=a),"show-alpha":!1,swatches:e.unref(le),actions:["confirm"]},null,8,["value","swatches"]),e.createElementVNode("span",Jt,e.toDisplayString(e.unref(o).primaryColor),1)])]),e.createElementVNode("div",Zt,[t[25]||(t[25]=e.createElementVNode("div",{class:"section-title"},"圆角大小",-1)),e.createVNode(e.unref(p.NRadioGroup),{value:e.unref(o).borderRadius,"onUpdate:value":t[2]||(t[2]=a=>e.unref(o).borderRadius=a),class:"radius-group"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NRadioButton),{value:"small"},{default:e.withCtx(()=>[...t[22]||(t[22]=[e.createTextVNode("小 (4px)",-1)])]),_:1}),e.createVNode(e.unref(p.NRadioButton),{value:"medium"},{default:e.withCtx(()=>[...t[23]||(t[23]=[e.createTextVNode("中 (6px)",-1)])]),_:1}),e.createVNode(e.unref(p.NRadioButton),{value:"large"},{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode("大 (8px)",-1)])]),_:1})]),_:1},8,["value"])]),e.createElementVNode("div",Qt,[t[31]||(t[31]=e.createElementVNode("div",{class:"section-title"},"页面动画",-1)),e.createElementVNode("div",eo,[t[26]||(t[26]=e.createElementVNode("span",{class:"text-sm"},"启用动画",-1)),e.createVNode(e.unref(p.NSwitch),{value:e.unref(o).enableTransition,"onUpdate:value":t[3]||(t[3]=a=>e.unref(o).enableTransition=a)},null,8,["value"])]),e.createVNode(e.unref(p.NRadioGroup),{value:e.unref(o).transitionType,"onUpdate:value":t[4]||(t[4]=a=>e.unref(o).transitionType=a),disabled:!e.unref(o).enableTransition,class:"transition-group"},{default:e.withCtx(()=>[e.createVNode(e.unref(p.NRadioButton),{value:"fade"},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode("淡入",-1)])]),_:1}),e.createVNode(e.unref(p.NRadioButton),{value:"slide"},{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode("滑动",-1)])]),_:1}),e.createVNode(e.unref(p.NRadioButton),{value:"zoom"},{default:e.withCtx(()=>[...t[29]||(t[29]=[e.createTextVNode("缩放",-1)])]),_:1}),e.createVNode(e.unref(p.NRadioButton),{value:"none"},{default:e.withCtx(()=>[...t[30]||(t[30]=[e.createTextVNode("无",-1)])]),_:1})]),_:1},8,["value","disabled"])]),e.createElementVNode("div",to,[e.createVNode(e.unref(p.NButton),{block:"",secondary:"",onClick:E},{icon:e.withCtx(()=>[...t[32]||(t[32]=[e.createElementVNode("span",{class:"i-mdi:restore"},null,-1)])]),default:e.withCtx(()=>[t[33]||(t[33]=e.createTextVNode(" 恢复外观默认设置 ",-1))]),_:1})])]),_:1}),e.createVNode(e.unref(p.NTabPane),{name:"layout",tab:"📐 布局"},{default:e.withCtx(()=>[e.createElementVNode("div",oo,[t[34]||(t[34]=e.createElementVNode("div",{class:"section-title"},"布局模式",-1)),e.createElementVNode("div",no,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Ot),a=>(e.openBlock(),e.createElementBlock("div",{key:a.value,class:e.normalizeClass(["layout-item",{active:e.unref(o).layoutMode===a.value,disabled:a.disabled}]),onClick:e.withModifiers($=>k(a.value,a.disabled),["stop"])},[e.createElementVNode("div",ao,[(e.openBlock(),e.createElementBlock("svg",so,[e.createElementVNode("g",{innerHTML:a.svg},null,8,ro)]))]),e.createElementVNode("div",io,[e.createTextVNode(e.toDisplayString(a.label)+" ",1),a.disabled?(e.openBlock(),e.createElementBlock("span",co,"敬请期待")):e.createCommentVNode("",!0)])],10,lo))),128))])]),e.createElementVNode("div",uo,[t[39]||(t[39]=e.createElementVNode("div",{class:"section-title"},"界面元素",-1)),e.createElementVNode("div",mo,[t[35]||(t[35]=e.createElementVNode("span",null,"显示面包屑",-1)),e.createVNode(e.unref(p.NSwitch),{value:e.unref(o).showBreadcrumb,"onUpdate:value":t[5]||(t[5]=a=>e.unref(o).showBreadcrumb=a)},null,8,["value"])]),e.createElementVNode("div",vo,[t[36]||(t[36]=e.createElementVNode("span",null,"显示面包屑图标",-1)),e.createVNode(e.unref(p.NSwitch),{value:e.unref(o).showBreadcrumbIcon,"onUpdate:value":t[6]||(t[6]=a=>e.unref(o).showBreadcrumbIcon=a),disabled:!e.unref(o).showBreadcrumb},null,8,["value","disabled"])]),e.createElementVNode("div",po,[t[37]||(t[37]=e.createElementVNode("span",null,"显示标签页",-1)),e.createVNode(e.unref(p.NSwitch),{value:e.unref(o).showTagsView,"onUpdate:value":t[7]||(t[7]=a=>e.unref(o).showTagsView=a)},null,8,["value"])]),e.createElementVNode("div",ho,[t[38]||(t[38]=e.createElementVNode("span",null,"显示页脚",-1)),e.createVNode(e.unref(p.NSwitch),{value:e.unref(o).showFooter,"onUpdate:value":t[8]||(t[8]=a=>e.unref(o).showFooter=a)},null,8,["value"])])]),e.createElementVNode("div",fo,[t[42]||(t[42]=e.createElementVNode("div",{class:"section-title"},"尺寸调整",-1)),e.createElementVNode("div",go,[e.createElementVNode("div",ko,[t[40]||(t[40]=e.createElementVNode("span",null,"侧边栏宽度",-1)),e.createElementVNode("span",yo,e.toDisplayString(e.unref(o).sidebarWidth)+"px",1)]),e.createVNode(e.unref(p.NSlider),{value:e.unref(o).sidebarWidth,"onUpdate:value":t[9]||(t[9]=a=>e.unref(o).sidebarWidth=a),min:180,max:280,step:10,marks:{180:"180",220:"220",280:"280"}},null,8,["value"])]),e.createElementVNode("div",Co,[e.createElementVNode("div",No,[t[41]||(t[41]=e.createElementVNode("span",null,"头部高度",-1)),e.createElementVNode("span",wo,e.toDisplayString(e.unref(o).headerHeight)+"px",1)]),e.createVNode(e.unref(p.NSlider),{value:e.unref(o).headerHeight,"onUpdate:value":t[10]||(t[10]=a=>e.unref(o).headerHeight=a),min:48,max:64,step:4,marks:{48:"48",56:"56",64:"64"}},null,8,["value"])])]),e.createElementVNode("div",_o,[e.createVNode(e.unref(p.NButton),{block:"",secondary:"",onClick:N},{icon:e.withCtx(()=>[...t[43]||(t[43]=[e.createElementVNode("span",{class:"i-mdi:restore"},null,-1)])]),default:e.withCtx(()=>[t[44]||(t[44]=e.createTextVNode(" 恢复布局默认设置 ",-1))]),_:1})])]),_:1}),e.createVNode(e.unref(p.NTabPane),{name:"features",tab:"🔧 功能"},{default:e.withCtx(()=>[e.createElementVNode("div",Vo,[t[49]||(t[49]=e.createElementVNode("div",{class:"section-title"},"缓存管理",-1)),e.createElementVNode("div",Eo,[e.createVNode(e.unref(p.NButton),{secondary:"",onClick:M},{icon:e.withCtx(()=>[...t[45]||(t[45]=[e.createElementVNode("span",{class:"i-mdi:delete-sweep"},null,-1)])]),default:e.withCtx(()=>[t[46]||(t[46]=e.createTextVNode(" 清除缓存 ",-1))]),_:1}),e.createVNode(e.unref(p.NButton),{secondary:"",onClick:b},{icon:e.withCtx(()=>[...t[47]||(t[47]=[e.createElementVNode("span",{class:"i-mdi:refresh"},null,-1)])]),default:e.withCtx(()=>[t[48]||(t[48]=e.createTextVNode(" 重新加载 ",-1))]),_:1})])]),e.createElementVNode("div",Bo,[t[56]||(t[56]=e.createElementVNode("div",{class:"section-title"},"配置管理",-1)),e.createElementVNode("div",bo,[e.createVNode(e.unref(p.NButton),{secondary:"",onClick:B},{icon:e.withCtx(()=>[...t[50]||(t[50]=[e.createElementVNode("span",{class:"i-mdi:download"},null,-1)])]),default:e.withCtx(()=>[t[51]||(t[51]=e.createTextVNode(" 导出配置 ",-1))]),_:1}),e.createVNode(e.unref(p.NButton),{secondary:"",onClick:T},{icon:e.withCtx(()=>[...t[52]||(t[52]=[e.createElementVNode("span",{class:"i-mdi:upload"},null,-1)])]),default:e.withCtx(()=>[t[53]||(t[53]=e.createTextVNode(" 导入配置 ",-1))]),_:1})]),e.createVNode(e.unref(p.NButton),{block:"",type:"error",secondary:"",class:"mt-2",onClick:_},{icon:e.withCtx(()=>[...t[54]||(t[54]=[e.createElementVNode("span",{class:"i-mdi:restore"},null,-1)])]),default:e.withCtx(()=>[t[55]||(t[55]=e.createTextVNode(" 重置所有配置 ",-1))]),_:1})]),e.createElementVNode("div",xo,[t[59]||(t[59]=e.createElementVNode("div",{class:"section-title"},"系统模式",-1)),e.createElementVNode("div",$o,[t[57]||(t[57]=e.createElementVNode("div",{class:"setting-label"},[e.createElementVNode("span",null,"灰色模式"),e.createElementVNode("span",{class:"setting-desc"},"用于哀悼日场景")],-1)),e.createVNode(e.unref(p.NSwitch),{value:n.value,"onUpdate:value":t[11]||(t[11]=a=>n.value=a)},null,8,["value"])]),e.createElementVNode("div",So,[t[58]||(t[58]=e.createElementVNode("div",{class:"setting-label"},[e.createElementVNode("span",null,"色弱模式"),e.createElementVNode("span",{class:"setting-desc"},"提供无障碍访问支持")],-1)),e.createVNode(e.unref(p.NSwitch),{value:s.value,"onUpdate:value":t[12]||(t[12]=a=>s.value=a)},null,8,["value"])])]),e.createElementVNode("div",To,[t[61]||(t[61]=e.createElementVNode("div",{class:"section-title"},"水印设置",-1)),e.createElementVNode("div",Do,[t[60]||(t[60]=e.createElementVNode("span",null,"启用水印",-1)),e.createVNode(e.unref(p.NSwitch),{value:r.value,"onUpdate:value":t[13]||(t[13]=a=>r.value=a)},null,8,["value"])]),r.value?(e.openBlock(),e.createElementBlock("div",Mo,[e.createVNode(e.unref(p.NInput),{value:g.value,"onUpdate:value":t[14]||(t[14]=a=>g.value=a),placeholder:"请输入水印内容",size:"small"},null,8,["value"])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",zo,[t[68]||(t[68]=e.createElementVNode("div",{class:"section-title"},"系统信息",-1)),e.createElementVNode("div",Lo,[e.createElementVNode("div",Ro,[t[62]||(t[62]=e.createElementVNode("span",{class:"info-label"},"浏览器",-1)),e.createElementVNode("span",Io,e.toDisplayString(y.value.browser),1)]),e.createElementVNode("div",Ao,[t[63]||(t[63]=e.createElementVNode("span",{class:"info-label"},"操作系统",-1)),e.createElementVNode("span",Ho,e.toDisplayString(y.value.os),1)]),e.createElementVNode("div",Fo,[t[64]||(t[64]=e.createElementVNode("span",{class:"info-label"},"屏幕分辨率",-1)),e.createElementVNode("span",Oo,e.toDisplayString(y.value.resolution),1)]),e.createElementVNode("div",Uo,[t[65]||(t[65]=e.createElementVNode("span",{class:"info-label"},"设备像素比",-1)),e.createElementVNode("span",Wo,e.toDisplayString(y.value.pixelRatio),1)]),e.createElementVNode("div",Po,[t[66]||(t[66]=e.createElementVNode("span",{class:"info-label"},"语言",-1)),e.createElementVNode("span",jo,e.toDisplayString(y.value.language),1)]),e.createElementVNode("div",Ko,[t[67]||(t[67]=e.createElementVNode("span",{class:"info-label"},"时区",-1)),e.createElementVNode("span",Yo,e.toDisplayString(y.value.timezone),1)])])])]),_:1})]),_:1},8,["value"])]),_:1})]),_:1},8,["show"]))}}),Xo=L(Go,[["__scopeId","data-v-f98d8946"]]),qo={class:"brand-logo__icon"},Jo=["src","width","height"],Zo=["src","width","height"],Qo={class:"brand-logo__name"},en={class:"brand-logo__title"},tn={key:0,class:"brand-logo__subtitle"},on={key:0,class:"brand-logo__divider"},nn=e.defineComponent({name:"BrandLogo",__name:"index",props:{showName:{type:Boolean,default:!1},showDivider:{type:Boolean,default:!1},size:{default:36},collapsed:{type:Boolean,default:!1},variant:{default:"horizontal"}},setup(v){const l=D(),h={...z,...l.brand};return(o,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["brand-logo",{"brand-logo--collapsed":v.collapsed,"brand-logo--horizontal":v.variant==="horizontal"}])},[e.createElementVNode("div",qo,[m[0]||(m[0]=e.createElementVNode("div",{class:"brand-logo__glow"},null,-1)),h.logoType==="video"&&h.logoSrc?(e.openBlock(),e.createElementBlock("video",{key:0,src:h.logoSrc,width:v.size,height:v.size,autoplay:"",loop:"",muted:"",playsinline:"",class:"brand-logo__media"},null,8,Jo)):h.logoSrc?(e.openBlock(),e.createElementBlock("img",{key:1,src:h.logoSrc,width:v.size,height:v.size,class:"brand-logo__media",alt:"Logo"},null,8,Zo)):e.createCommentVNode("",!0)]),v.showName&&!v.collapsed?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",Qo,[e.createElementVNode("span",en,e.toDisplayString(h.name),1),h.subtitle?(e.openBlock(),e.createElementBlock("span",tn,e.toDisplayString(h.subtitle),1)):e.createCommentVNode("",!0)]),v.showDivider?(e.openBlock(),e.createElementBlock("div",on)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],2))}}),ln=L(nn,[["__scopeId","data-v-fd1c2eec"]]),an={class:"icon-menu"},sn=["onClick"],rn={class:"icon-menu__icon"},cn={key:1,class:"icon-menu__fallback"},dn={class:"icon-menu__label"},un=e.defineComponent({name:"IconMenu",__name:"index",props:{menus:{},active:{}},emits:["click"],setup(v,{emit:l}){const h=l,o=D();return(m,i)=>(e.openBlock(),e.createElementBlock("div",an,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.menus,n=>(e.openBlock(),e.createElementBlock("div",{key:n.path,class:e.normalizeClass(["icon-menu__item",{"icon-menu__item--active":v.active===n.path}]),onClick:s=>h("click",n)},[e.createElementVNode("div",rn,[e.unref(o).iconComponent&&n.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).iconComponent),{key:0,name:n.meta.icon,size:20},null,8,["name"])):(e.openBlock(),e.createElementBlock("span",cn,e.toDisplayString(n.meta?.title?.charAt(0)||"?"),1))]),e.createElementVNode("div",dn,e.toDisplayString(n.meta?.title),1)],10,sn))),128))]))}}),mn=L(un,[["__scopeId","data-v-f985d475"]]),vn={class:"floating-menu__header"},pn={class:"floating-menu__brand"},hn={class:"floating-menu__brand-title"},fn={class:"floating-menu__brand-subtitle"},gn={class:"floating-menu__list"},kn={key:0,class:"floating-menu__group"},yn={class:"floating-menu__group-title"},Cn=["onClick"],Nn={class:"floating-menu__item-text"},wn=["onClick"],_n={class:"floating-menu__item-text"},Vn=e.defineComponent({name:"FloatingMenu",__name:"index",props:{show:{type:Boolean},menuItem:{},isActive:{type:Function}},emits:["click"],setup(v,{emit:l}){const h=l,o=D(),m={...z,...o.brand};return(i,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[v.show&&v.menuItem?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["floating-menu",[e.unref(o).isDark.value?"dark-theme":"light-theme"]])},[e.createElementVNode("div",vn,[e.createElementVNode("div",pn,[e.createElementVNode("span",hn,e.toDisplayString(m.name),1),e.createElementVNode("span",fn,e.toDisplayString(m.subtitle),1)])]),e.createElementVNode("div",gn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.menuItem.children,s=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:s.path},[s.children&&s.children.length>0?(e.openBlock(),e.createElementBlock("div",kn,[e.createElementVNode("div",yn,[e.unref(o).iconComponent&&s.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).iconComponent),{key:0,name:s.meta.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(s.meta?.title),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.children,r=>(e.openBlock(),e.createElementBlock("div",{key:r.path,class:e.normalizeClass(["floating-menu__item floating-menu__item--sub",{active:v.isActive?.(r.path)}]),onClick:g=>h("click",r)},[e.unref(o).iconComponent&&r.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).iconComponent),{key:0,name:r.meta.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",Nn,e.toDisplayString(r.meta?.title),1)],10,Cn))),128))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["floating-menu__item",{active:v.isActive?.(s.path)}]),onClick:r=>h("click",s)},[e.unref(o).iconComponent&&s.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).iconComponent),{key:0,name:s.meta.icon,size:18},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",_n,e.toDisplayString(s.meta?.title),1)],10,wn))],64))),128))])],2)):e.createCommentVNode("",!0)]),_:1}))}}),En=L(Vn,[["__scopeId","data-v-0588c318"]]),Bn={class:"side-menu__header"},bn={class:"side-menu__header-icon"},xn={class:"side-menu__header-title"},$n={class:"side-menu__list"},Sn={key:0,class:"side-menu__group"},Tn={class:"side-menu__group-label"},Dn=["onClick"],Mn={class:"side-menu__item-text"},zn=["onClick"],Ln={class:"side-menu__item-text"},Rn=e.defineComponent({name:"SideMenu",__name:"index",props:{menus:{},activeItem:{},isActive:{type:Function}},emits:["click"],setup(v,{emit:l}){const h=l,o=D(),m=e.ref(!1);return(i,n)=>v.menus.length>0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(["side-menu-toggle",[e.unref(o).isDark.value?"dark-theme":"light-theme",{active:!m.value}]]),onClick:n[0]||(n[0]=s=>m.value=!m.value)},[e.createElementVNode("i",{class:e.normalizeClass(["toggle-icon",m.value?"i-ri:side-bar-line":"i-ri:arrow-right-s-line"])},null,2)],2),e.createVNode(e.Transition,{name:"glass-slide"},{default:e.withCtx(()=>[m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["side-menu",[e.unref(o).isDark.value?"dark-theme":"light-theme"]])},[e.createElementVNode("div",Bn,[e.createElementVNode("div",bn,[e.unref(o).iconComponent&&v.activeItem?.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).iconComponent),{key:0,name:v.activeItem.meta.icon,size:17},null,8,["name"])):e.createCommentVNode("",!0)]),e.createElementVNode("span",xn,e.toDisplayString(v.activeItem?.meta?.title||"菜单"),1)]),e.createElementVNode("div",$n,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.menus,s=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:s.path},[s.children&&s.children.length>0?(e.openBlock(),e.createElementBlock("div",Sn,[e.createElementVNode("div",Tn,[e.unref(o).iconComponent&&s.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).iconComponent),{key:0,name:s.meta.icon,size:14},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(s.meta?.title),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.children,r=>(e.openBlock(),e.createElementBlock("div",{key:r.path,class:e.normalizeClass(["side-menu__item",{active:v.isActive?.(r.path)}]),onClick:g=>h("click",r)},[e.unref(o).iconComponent&&r.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).iconComponent),{key:0,name:r.meta.icon,size:15},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",Mn,e.toDisplayString(r.meta?.title),1)],10,Dn))),128))])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["side-menu__item",{active:v.isActive?.(s.path)}]),onClick:r=>h("click",s)},[e.unref(o).iconComponent&&s.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o).iconComponent),{key:0,name:s.meta.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",Ln,e.toDisplayString(s.meta?.title),1)],10,zn))],64))),128))])],2))]),_:1})],64)):e.createCommentVNode("",!0)}}),In=L(Rn,[["__scopeId","data-v-1909f229"]]),An={class:"drawer-menu__content"},Hn={class:"drawer-menu__grid"},Fn=["onClick"],On={key:0,class:"drawer-menu__items"},Un=["onClick"],Wn={class:"drawer-menu__item-text"},Pn={key:0,class:"drawer-menu__sub-items"},jn={class:"drawer-menu__sub-title"},Kn=["onClick"],Yn={class:"drawer-menu__item-text"},Gn=e.defineComponent({name:"DrawerMenu",__name:"index",props:{menus:{},show:{type:Boolean}},setup(v){const l=D(),h=R.useRouter(),o=e.inject(Y,{show:()=>{},startHide:()=>{},hide:()=>{}}),m=i=>{i.path&&(h.push(i.path),o.hide())};return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["drawer-menu",[e.unref(l).isDark.value?"dark-theme":"light-theme",{visible:v.show}]]),onMouseenter:n[0]||(n[0]=s=>e.unref(o).show()),onMouseleave:n[1]||(n[1]=s=>e.unref(o).startHide())},[n[2]||(n[2]=e.createElementVNode("div",{class:"drawer-menu__header"},[e.createElementVNode("div",{class:"drawer-menu__title"},[e.createElementVNode("i",{class:"i-ri:apps-2-line"}),e.createElementVNode("span",null,"功能导航")])],-1)),e.createElementVNode("div",An,[e.createElementVNode("div",Hn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.menus,s=>(e.openBlock(),e.createElementBlock("div",{key:s.path,class:"drawer-menu__category"},[e.createElementVNode("div",{class:"drawer-menu__category-header",onClick:r=>m(s)},[e.unref(l).iconComponent&&s.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l).iconComponent),{key:0,name:s.meta.icon,size:18},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(s.meta?.title),1)],8,Fn),s.children&&s.children.length>0?(e.openBlock(),e.createElementBlock("div",On,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.children,r=>(e.openBlock(),e.createElementBlock("div",{key:r.path,class:"drawer-menu__item",onClick:g=>m(r)},[e.unref(l).iconComponent&&r.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l).iconComponent),{key:0,name:r.meta.icon,size:16},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",Wn,e.toDisplayString(r.meta?.title),1)],8,Un))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.children,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.path},[r.children&&r.children.length>0?(e.openBlock(),e.createElementBlock("div",Pn,[e.createElementVNode("div",jn,e.toDisplayString(r.meta?.title),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.children,g=>(e.openBlock(),e.createElementBlock("div",{key:g.path,class:"drawer-menu__item drawer-menu__item--sub",onClick:u=>m(g)},[e.unref(l).iconComponent&&g.meta?.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l).iconComponent),{key:0,name:g.meta.icon,size:14},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",Yn,e.toDisplayString(g.meta?.title),1)],8,Kn))),128))])):e.createCommentVNode("",!0)],64))),128))])):e.createCommentVNode("",!0)]))),128))])])],34))}}),Xn=L(Gn,[["__scopeId","data-v-9aae9bfd"]]),qn=e.defineComponent({name:"MenuTrigger",__name:"index",props:{show:{type:Boolean}},setup(v){const l=e.inject(Y,{show:()=>{},startHide:()=>{},hide:()=>{}});return(h,o)=>(e.openBlock(),e.createElementBlock("div",{class:"menu-trigger",onMouseenter:o[0]||(o[0]=m=>e.unref(l).show()),onMouseleave:o[1]||(o[1]=m=>e.unref(l).startHide())},[...o[2]||(o[2]=[e.createElementVNode("div",{class:"menu-trigger__indicator"},[e.createElementVNode("i",{class:"i-ri:menu-3-line"})],-1)])],32))}}),Jn=L(qn,[["__scopeId","data-v-8e722471"]]);function Zn(v,l={}){const h=j(l);return h().syncCSSVariables(),h}exports.BORDER_RADIUS_MAP=oe;exports.BrandLogo=ln;exports.COLOR_SWATCHES=le;exports.C_CardLayout=Q;exports.C_LayoutContainer=Ft;exports.C_MixLayout=q;exports.C_MixTopLayout=J;exports.C_ReverseHorizontalMixLayout=Z;exports.C_SideLayout=G;exports.C_TopLayout=X;exports.CardLayout=Q;exports.DEFAULT_BRAND_CONFIG=z;exports.DEFAULT_SETTINGS=x;exports.DRAWER_HANDLER_KEY=Y;exports.DrawerMenu=Xn;exports.FloatingMenu=En;exports.IconMenu=mn;exports.LAYOUT_CONTEXT_KEY=ae;exports.LAYOUT_MODES=re;exports.MenuTrigger=Jn;exports.MixLayout=q;exports.MixTopLayout=J;exports.PRESET_COLORS=ee;exports.ResponsiveMenu=U;exports.ReverseHorizontalMixLayout=Z;exports.SettingsDrawer=Xo;exports.SideLayout=G;exports.SideMenu=In;exports.THEME_PRESETS=te;exports.TRANSITION_MAP=ne;exports.TopLayout=X;exports.adjustColor=P;exports.createSettingsStore=j;exports.setupLayout=Zn;exports.useLayoutCache=I;exports.useLayoutContext=D;exports.useMenuSplit=W;exports.useSettingsStore=K;
|
|
39
39
|
//# sourceMappingURL=index.cjs.map
|