@robot-admin/layout 2.1.0 → 2.2.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { ref as R, computed as z, watch as Z, inject as ye, defineComponent as O, resolveComponent as ie, openBlock as n, createBlock as T, unref as o, withCtx as l, createVNode as m, normalizeClass as A, renderSlot as y, Transition as q, KeepAlive as le, resolveDynamicComponent as N, onMounted as Te, nextTick as ge, onUnmounted as we, createElementBlock as r, createElementVNode as e, createCommentVNode as x, h as ae, toDisplayString as $, normalizeStyle as me, toValue as ze, Fragment as E, renderList as W, withDirectives as He, vShow as Re, provide as Ve, createSlots as ne, useModel as Ae, createTextVNode as U, withModifiers as Le } from "vue";
-import { defineStore as De } from "pinia";
-import { NLayout as oe, NLayoutSider as Ne, NLayoutContent as re, NMenu as Ee, NDropdown as Be, NButton as ee, useMessage as Fe, useDialog as We, NDrawer as Oe, NDrawerContent as Ue, NTabs as Pe, NTabPane as fe, NRadioGroup as _e, NRadioButton as J, NColorPicker as je, NSwitch as Q, NSlider as Ce, NInput as Ke } from "naive-ui";
-import { useRoute as be, useRouter as pe } from "vue-router";
-const Ye = [
+import { ref as V, computed as z, watch as q, inject as we, defineComponent as O, resolveComponent as de, openBlock as n, createBlock as S, unref as o, withCtx as l, createVNode as v, normalizeClass as A, renderSlot as _, Transition as Q, KeepAlive as ue, resolveDynamicComponent as N, onMounted as Me, nextTick as fe, onUnmounted as be, createElementBlock as r, createElementVNode as e, createCommentVNode as x, h as re, toDisplayString as $, normalizeStyle as he, toValue as xe, Fragment as E, renderList as W, provide as He, createSlots as le, useModel as Re, createTextVNode as U, withModifiers as Ae } from "vue";
+import { defineStore as Le } from "pinia";
+import { NLayout as ne, NLayoutSider as De, NLayoutContent as ce, NMenu as Ne, NDropdown as Ee, NButton as oe, useMessage as Be, useDialog as Fe, NDrawer as We, NDrawerContent as Oe, NTabs as Ue, NTabPane as _e, NRadioGroup as ye, NRadioButton as Z, NColorPicker as Pe, NSwitch as te, NSlider as Se, NInput as je } from "naive-ui";
+import { useRoute as ke, useRouter as ge } from "vue-router";
+const Ke = [
   { name: "拂晓蓝", value: "#409eff" },
   { name: "薄暮红", value: "#f5222d" },
   { name: "火山橙", value: "#fa541c" },
@@ -11,7 +11,7 @@ const Ye = [
   { name: "明青", value: "#13c2c2" },
   { name: "极客蓝", value: "#2f54eb" },
   { name: "酱紫", value: "#722ed1" }
-], Ge = [
+], Ye = [
   {
     name: "科技蓝",
     icon: "💙",
@@ -42,7 +42,7 @@ const Ye = [
     icon: "❤️",
     primaryColor: "#f5222d"
   }
-], jn = [
+], Pn = [
   {
     mode: "side",
     label: "左侧菜单",
@@ -79,11 +79,11 @@ const Ye = [
     description: "卡片式布局风格",
     icon: "i-mdi:card-outline"
   }
-], Xe = {
+], Ge = {
   small: "4px",
   medium: "6px",
   large: "8px"
-}, Je = {
+}, Xe = {
   fade: "fade-transform",
   slide: "fade-slide",
   zoom: "fade-zoom",
@@ -111,123 +111,123 @@ const Ye = [
   // 高级
   enableHotkeys: !0,
   version: "2.0.2"
-}, Ze = Ye.map((_) => _.value);
-function xe(_, i) {
-  const w = parseInt(_.replace("#", ""), 16), s = Math.min(255, Math.max(0, (w >> 16) + i)), f = Math.min(255, Math.max(0, (w >> 8 & 255) + i)), v = Math.min(255, Math.max(0, (w & 255) + i));
-  return `#${(s << 16 | f << 8 | v).toString(16).padStart(6, "0")}`;
+}, Je = Ke.map((f) => f.value);
+function Te(f, i) {
+  const y = parseInt(f.replace("#", ""), 16), s = Math.min(255, Math.max(0, (y >> 16) + i)), p = Math.min(255, Math.max(0, (y >> 8 & 255) + i)), m = Math.min(255, Math.max(0, (y & 255) + i));
+  return `#${(s << 16 | p << 8 | m).toString(16).padStart(6, "0")}`;
 }
-function Me(_ = {}) {
-  const { defaults: i = {}, onThemeModeChange: w } = _, s = {
+function Ie(f = {}) {
+  const { defaults: i = {}, onThemeModeChange: y } = f, s = {
     ...P,
     ...i
   };
-  return De("settings", () => {
-    const f = R(s.themeMode), v = R(s.primaryColor), a = R(s.borderRadius), u = R(s.transitionType), c = R(s.enableTransition), k = R(s.layoutMode), g = R(s.collapsed), h = R(s.fixedHeader), b = R(s.showBreadcrumb), M = R(s.showBreadcrumbIcon), C = R(s.showTagsView), H = R(s.tagsViewHeight), p = R(s.tagsViewStyle), D = R(s.showFooter), I = R(s.sidebarWidth), V = R(
+  return Le("settings", () => {
+    const p = V(s.themeMode), m = V(s.primaryColor), a = V(s.borderRadius), u = V(s.transitionType), c = V(s.enableTransition), C = V(s.layoutMode), g = V(s.collapsed), h = V(s.fixedHeader), w = V(s.showBreadcrumb), M = V(s.showBreadcrumbIcon), T = V(s.showTagsView), R = V(s.tagsViewHeight), H = V(s.tagsViewStyle), b = V(s.showFooter), k = V(s.sidebarWidth), L = V(
       s.sidebarCollapsedWidth
-    ), X = R(s.headerHeight), F = R(s.enableHotkeys), B = R(s.version), Y = z(
-      () => Xe[a.value]
-    ), S = z(() => Je[u.value]), t = z(
+    ), j = V(s.headerHeight), F = V(s.enableHotkeys), B = V(s.version), G = z(
+      () => Ge[a.value]
+    ), I = z(() => Xe[u.value]), t = z(
       () => c.value && u.value !== "none"
     ), d = z(() => ({
-      themeMode: f.value,
-      primaryColor: v.value,
+      themeMode: p.value,
+      primaryColor: m.value,
       borderRadius: a.value,
       transitionType: u.value,
       enableTransition: c.value,
-      layoutMode: k.value,
+      layoutMode: C.value,
       collapsed: g.value,
       fixedHeader: h.value,
-      showBreadcrumb: b.value,
+      showBreadcrumb: w.value,
       showBreadcrumbIcon: M.value,
-      showTagsView: C.value,
-      tagsViewHeight: H.value,
-      tagsViewStyle: p.value,
-      showFooter: D.value,
-      sidebarWidth: I.value,
-      sidebarCollapsedWidth: V.value,
-      headerHeight: X.value,
+      showTagsView: T.value,
+      tagsViewHeight: R.value,
+      tagsViewStyle: H.value,
+      showFooter: b.value,
+      sidebarWidth: k.value,
+      sidebarCollapsedWidth: L.value,
+      headerHeight: j.value,
       enableHotkeys: F.value,
       version: B.value
-    })), j = () => {
+    })), K = () => {
       if (typeof document > "u") return;
-      const L = document.documentElement;
-      L.style.setProperty("--primary-color", v.value), L.style.setProperty(
+      const D = document.documentElement;
+      D.style.setProperty("--primary-color", m.value), D.style.setProperty(
         "--primary-color-hover",
-        xe(v.value, 10)
-      ), L.style.setProperty(
+        Te(m.value, 10)
+      ), D.style.setProperty(
         "--primary-color-pressed",
-        xe(v.value, -10)
-      ), L.style.setProperty("--border-radius", Y.value), L.style.setProperty("--sidebar-width", `${I.value}px`), L.style.setProperty(
+        Te(m.value, -10)
+      ), D.style.setProperty("--border-radius", G.value), D.style.setProperty("--sidebar-width", `${k.value}px`), D.style.setProperty(
         "--sidebar-collapsed-width",
-        `${V.value}px`
-      ), L.style.setProperty("--header-height", `${X.value}px`), L.style.setProperty("--tags-view-height", `${H.value}px`);
-    }, K = async (L) => {
-      v.value = L.primaryColor, L.settings && (L.settings.borderRadius && (a.value = L.settings.borderRadius), L.settings.transitionType && (u.value = L.settings.transitionType), L.settings.showBreadcrumb !== void 0 && (b.value = L.settings.showBreadcrumb), L.settings.showTagsView !== void 0 && (C.value = L.settings.showTagsView), L.settings.tagsViewStyle && (p.value = L.settings.tagsViewStyle));
-    }, ue = () => {
-      f.value = s.themeMode, v.value = s.primaryColor, a.value = s.borderRadius, u.value = s.transitionType, c.value = s.enableTransition, k.value = s.layoutMode, g.value = s.collapsed, h.value = s.fixedHeader, b.value = s.showBreadcrumb, M.value = s.showBreadcrumbIcon, C.value = s.showTagsView, H.value = s.tagsViewHeight, p.value = s.tagsViewStyle, D.value = s.showFooter, I.value = s.sidebarWidth, V.value = s.sidebarCollapsedWidth, X.value = s.headerHeight, F.value = s.enableHotkeys;
-    }, ce = async (L) => {
-      f.value = L, w && await w(L);
+        `${L.value}px`
+      ), D.style.setProperty("--header-height", `${j.value}px`), D.style.setProperty("--tags-view-height", `${R.value}px`);
+    }, Y = async (D) => {
+      m.value = D.primaryColor, D.settings && (D.settings.borderRadius && (a.value = D.settings.borderRadius), D.settings.transitionType && (u.value = D.settings.transitionType), D.settings.showBreadcrumb !== void 0 && (w.value = D.settings.showBreadcrumb), D.settings.showTagsView !== void 0 && (T.value = D.settings.showTagsView), D.settings.tagsViewStyle && (H.value = D.settings.tagsViewStyle));
     }, ve = () => {
+      p.value = s.themeMode, m.value = s.primaryColor, a.value = s.borderRadius, u.value = s.transitionType, c.value = s.enableTransition, C.value = s.layoutMode, g.value = s.collapsed, h.value = s.fixedHeader, w.value = s.showBreadcrumb, M.value = s.showBreadcrumbIcon, T.value = s.showTagsView, R.value = s.tagsViewHeight, H.value = s.tagsViewStyle, b.value = s.showFooter, k.value = s.sidebarWidth, L.value = s.sidebarCollapsedWidth, j.value = s.headerHeight, F.value = s.enableHotkeys;
+    }, ie = async (D) => {
+      p.value = D, y && await y(D);
+    }, se = () => {
       g.value = !g.value;
     };
-    return Z(
+    return q(
       [
-        v,
-        Y,
-        I,
-        V,
-        X,
-        H
+        m,
+        G,
+        k,
+        L,
+        j,
+        R
       ],
       () => {
-        j();
+        K();
       },
       { immediate: !0 }
     ), {
       // 状态
-      themeMode: f,
-      primaryColor: v,
+      themeMode: p,
+      primaryColor: m,
       borderRadius: a,
       transitionType: u,
       enableTransition: c,
-      layoutMode: k,
+      layoutMode: C,
       collapsed: g,
       fixedHeader: h,
-      showBreadcrumb: b,
+      showBreadcrumb: w,
       showBreadcrumbIcon: M,
-      showTagsView: C,
-      tagsViewHeight: H,
-      tagsViewStyle: p,
-      showFooter: D,
-      sidebarWidth: I,
-      sidebarCollapsedWidth: V,
-      headerHeight: X,
+      showTagsView: T,
+      tagsViewHeight: R,
+      tagsViewStyle: H,
+      showFooter: b,
+      sidebarWidth: k,
+      sidebarCollapsedWidth: L,
+      headerHeight: j,
       enableHotkeys: F,
       version: B,
       // 计算属性
-      borderRadiusValue: Y,
-      transitionName: S,
+      borderRadiusValue: G,
+      transitionName: I,
       shouldEnableTransition: t,
       settingsState: d,
       // 方法
-      syncCSSVariables: j,
-      applyPreset: K,
-      resetSettings: ue,
-      updateThemeMode: ce,
-      toggleCollapse: ve
+      syncCSSVariables: K,
+      applyPreset: Y,
+      resetSettings: ve,
+      updateThemeMode: ie,
+      toggleCollapse: se
     };
   });
 }
-const Se = Me(), qe = /* @__PURE__ */ Symbol("layout-context"), Ie = /* @__PURE__ */ Symbol("drawer-handlers");
-function G() {
-  const _ = ye(qe);
-  if (!_)
+const ze = Ie(), Ze = /* @__PURE__ */ Symbol("layout-context"), Ve = /* @__PURE__ */ Symbol("drawer-handlers");
+function X() {
+  const f = we(Ze);
+  if (!f)
     throw new Error(
       "[Layout] LayoutContext not provided. 请在上层组件中使用 provide(LAYOUT_CONTEXT_KEY, ...) 注入布局数据。"
     );
-  return _;
+  return f;
 }
-const se = {
+const ae = {
   name: "Admin",
   subtitle: "",
   logoSrc: "",
@@ -236,99 +236,99 @@ const se = {
   homePath: "/home",
   copyright: ""
 };
-function de(_ = {}) {
+function me(f = {}) {
   const {
     maxCacheCount: i = 20,
-    enableDevLog: w = !0,
+    enableDevLog: y = !0,
     exposeToWindow: s = !0
-  } = _, f = be(), v = R([]), a = R(i), u = (h) => !h || typeof h != "string" ? !1 : f.meta?.keepAlive === !0, c = (h) => {
-    !v.value.includes(h) && u(h) && (v.value.push(h), v.value.length > a.value && v.value.shift());
-  }, k = (h) => {
-    const b = v.value.indexOf(h);
-    b > -1 && v.value.splice(b, 1);
+  } = f, p = ke(), m = V([]), a = V(i), u = (h) => !h || typeof h != "string" ? !1 : p.meta?.keepAlive === !0, c = (h) => {
+    !m.value.includes(h) && u(h) && (m.value.push(h), m.value.length > a.value && m.value.shift());
+  }, C = (h) => {
+    const w = m.value.indexOf(h);
+    w > -1 && m.value.splice(w, 1);
   }, g = () => {
-    v.value = [];
+    m.value = [];
   };
-  return Z(
-    () => f.name,
+  return q(
+    () => p.name,
     (h) => {
       h && typeof h == "string" && c(h);
     },
     { immediate: !0 }
   ), {
-    cachedViews: v,
+    cachedViews: m,
     maxCacheCount: a,
     addCache: c,
-    removeCache: k,
+    removeCache: C,
     clearAllCache: g
   };
 }
-const Qe = /* @__PURE__ */ O({
+const qe = /* @__PURE__ */ O({
   name: "SideLayout",
   __name: "index",
   props: {
     collapsed: { type: Boolean, default: !1 }
   },
   emits: ["update:collapsed"],
-  setup(_, { expose: i, emit: w }) {
-    const s = _, f = w, v = G(), { cachedViews: a, maxCacheCount: u } = de(), c = R(s.collapsed);
-    Z(
+  setup(f, { expose: i, emit: y }) {
+    const s = f, p = y, m = X(), { cachedViews: a, maxCacheCount: u } = me(), c = V(s.collapsed);
+    q(
       () => s.collapsed,
-      (b) => {
-        c.value = b;
+      (w) => {
+        c.value = w;
       }
     );
-    const k = z(() => c.value), g = (b) => {
-      c.value = b, f("update:collapsed", b);
+    const C = z(() => c.value), g = (w) => {
+      c.value = w, p("update:collapsed", w);
     };
     return i({
-      collapsed: k,
+      collapsed: C,
       toggleCollapse: () => {
-        const b = !c.value;
-        c.value = b, f("update:collapsed", b);
+        const w = !c.value;
+        c.value = w, p("update:collapsed", w);
       }
-    }), (b, M) => {
-      const C = ie("RouterView");
-      return n(), T(o(oe), { "has-sider": "" }, {
+    }), (w, M) => {
+      const T = de("RouterView");
+      return n(), S(o(ne), { "has-sider": "" }, {
         default: l(() => [
-          m(o(Ne), {
+          v(o(De), {
             bordered: "",
             "collapse-mode": "width",
-            "collapsed-width": o(v).sidebarCollapsedWidth.value,
-            width: o(v).sidebarWidth.value,
+            "collapsed-width": o(m).sidebarCollapsedWidth.value,
+            width: o(m).sidebarWidth.value,
             "native-scrollbar": !1,
-            collapsed: k.value,
+            collapsed: C.value,
             "onUpdate:collapsed": g,
             class: A([
               "layout-sider",
               "no-horizontal-scroll",
-              o(v).isDark.value ? "dark-theme" : "light-theme"
+              o(m).isDark.value ? "dark-theme" : "light-theme"
             ])
           }, {
             default: l(() => [
-              y(b.$slots, "logo"),
-              y(b.$slots, "menu", { collapsed: k.value })
+              _(w.$slots, "logo"),
+              _(w.$slots, "menu", { collapsed: C.value })
             ]),
             _: 3
           }, 8, ["collapsed-width", "width", "collapsed", "class"]),
-          m(o(oe), null, {
+          v(o(ne), null, {
             default: l(() => [
-              y(b.$slots, "header"),
-              m(o(re), { class: "content-with-header p16px app-content" }, {
+              _(w.$slots, "header"),
+              v(o(ce), { class: "content-with-header p16px app-content" }, {
                 default: l(() => [
-                  m(C, null, {
-                    default: l(({ Component: H, route: p }) => [
-                      m(q, {
-                        name: o(v).transitionName.value,
+                  v(T, null, {
+                    default: l(({ Component: R, route: H }) => [
+                      v(Q, {
+                        name: o(m).transitionName.value,
                         mode: "out-in"
                       }, {
                         default: l(() => [
-                          (n(), T(le, {
+                          (n(), S(ue, {
                             include: o(a),
                             max: o(u)
                           }, [
-                            (n(), T(N(H), {
-                              key: p.path
+                            (n(), S(N(R), {
+                              key: H.path
                             }))
                           ], 1032, ["include", "max"]))
                         ]),
@@ -340,7 +340,7 @@ const Qe = /* @__PURE__ */ O({
                 ]),
                 _: 1
               }),
-              y(b.$slots, "footer")
+              _(w.$slots, "footer")
             ]),
             _: 3
           })
@@ -349,17 +349,17 @@ const Qe = /* @__PURE__ */ O({
       });
     };
   }
-}), et = {
+}), Qe = {
   ref: "visibleRef",
   class: "responsive-menu__visible"
-}, tt = { class: "responsive-menu__more" }, ot = /* @__PURE__ */ O({
+}, et = { class: "responsive-menu__more" }, tt = /* @__PURE__ */ O({
   name: "ResponsiveMenu",
   __name: "index",
   props: {
     data: {}
   },
-  setup(_) {
-    const i = _, w = be(), s = pe(), f = G(), v = z(() => i.data || []), a = z(() => w.path), u = f.isDark, c = {
+  setup(f) {
+    const i = f, y = ke(), s = ge(), p = X(), m = z(() => i.data || []), a = z(() => y.path), u = p.isDark, c = {
       itemTextColor: "rgba(51, 65, 85, 0.85)",
       itemTextColorHover: "rgba(30, 64, 175, 0.95)",
       itemTextColorActive: "rgba(30, 64, 175, 1)",
@@ -382,7 +382,7 @@ const Qe = /* @__PURE__ */ O({
       itemPadding: "0 18px",
       itemBorderRadius: "10px",
       groupTextColor: "rgba(51, 65, 85, 0.65)"
-    }, k = {
+    }, C = {
       itemTextColor: "rgba(226, 232, 240, 0.85)",
       itemTextColorHover: "rgba(255, 255, 255, 0.95)",
       itemTextColorActive: "rgba(147, 197, 253, 1)",
@@ -406,23 +406,23 @@ const Qe = /* @__PURE__ */ O({
       itemBorderRadius: "10px",
       groupTextColor: "rgba(226, 232, 240, 0.6)"
     }, g = z(
-      () => u.value ? k : c
-    ), h = (t, d = 18) => f.iconComponent ? () => ae(f.iconComponent, { name: t, size: d }) : () => ae("i", {
+      () => u.value ? C : c
+    ), h = (t, d = 18) => p.iconComponent ? () => re(p.iconComponent, { name: t, size: d }) : () => re("i", {
       class: t,
       style: {
         fontSize: `${d}px`,
         display: "inline-flex",
         alignItems: "center"
       }
-    }), b = (t) => ({
+    }), w = (t) => ({
       key: t.path || "",
       label: t.meta?.title || t.name || "",
       icon: t.meta?.icon ? h(t.meta.icon, 18) : void 0,
-      children: t.children?.length ? t.children.map(b) : void 0
-    }), M = R(), C = R([]), H = R([]), p = z(
-      () => C.value.map(b)
-    ), D = z(
-      () => H.value.map((t) => ({
+      children: t.children?.length ? t.children.map(w) : void 0
+    }), M = V(), T = V([]), R = V([]), H = z(
+      () => T.value.map(w)
+    ), b = z(
+      () => R.value.map((t) => ({
         key: t.path || "",
         label: t.meta?.title || t.name || "",
         icon: t.meta?.icon ? h(t.meta.icon, 16) : void 0,
@@ -432,50 +432,61 @@ const Qe = /* @__PURE__ */ O({
           icon: d.meta?.icon ? h(d.meta.icon, 16) : void 0
         })) : void 0
       }))
-    ), I = (t) => {
+    ), k = (t) => {
       t && s.push(t);
-    }, V = (t) => {
-      const L = (t.meta?.title || t.name || "").length * 12, he = t.meta?.icon ? 26 : 0;
-      return L + he + 36 + 8 + 5;
-    }, X = (t) => {
-      if (!v.value.length) return 0;
-      const d = 80, j = 15;
-      let K = 0;
-      for (const L of v.value)
-        K += V(L);
-      if (K + j <= t)
-        return v.value.length;
-      let ue = 0, ce = 0;
-      const ve = t - d - j;
-      for (const L of v.value) {
-        const he = V(L);
-        if (ue + he <= ve)
-          ue += he, ce++;
+    }, L = (t) => {
+      const ie = t.meta?.title || t.name || "";
+      let se = 0;
+      for (const pe of ie) {
+        const J = pe.charCodeAt(0);
+        J >= 19968 && J <= 40959 || // CJK 统一汉字
+        J >= 13312 && J <= 19903 || // CJK 扩展 A
+        J >= 12288 && J <= 12351 || // CJK 符号
+        J >= 65280 && J <= 65519 || // 全角字符
+        J >= 12352 && J <= 12447 || // 平假名
+        J >= 12448 && J <= 12543 ? se += 15 : se += 8;
+      }
+      const D = t.meta?.icon ? 26 : 0;
+      return se + D + 36 + 8 + 8;
+    }, j = (t) => {
+      if (!m.value.length) return 0;
+      const d = 80, K = 15;
+      let Y = 0;
+      for (const D of m.value)
+        Y += L(D);
+      if (Y + K <= t)
+        return m.value.length;
+      let ve = 0, ie = 0;
+      const se = t - d - K;
+      for (const D of m.value) {
+        const pe = L(D);
+        if (ve + pe <= se)
+          ve += pe, ie++;
         else break;
       }
-      return Math.max(ce, 1);
+      return Math.max(ie, 1);
     }, F = () => {
-      if (!M.value || !v.value.length) return;
+      if (!M.value || !m.value.length) return;
       const t = M.value.offsetWidth;
       if (t === 0) {
-        ge(() => F());
+        fe(() => F());
         return;
       }
-      const d = X(t);
-      C.value = v.value.slice(0, d), H.value = v.value.slice(d);
+      const d = j(t);
+      T.value = m.value.slice(0, d), R.value = m.value.slice(d);
     };
     let B = null;
-    const Y = () => {
+    const G = () => {
       B && clearTimeout(B), B = window.setTimeout(() => F(), 100);
     };
-    let S = null;
-    return Te(() => {
-      ge(() => F()), M.value && (S = new ResizeObserver(() => Y()), S.observe(M.value));
-    }), we(() => {
-      S?.disconnect(), B && clearTimeout(B);
-    }), Z(
+    let I = null;
+    return Me(() => {
+      fe(() => F()), M.value && (I = new ResizeObserver(() => G()), I.observe(M.value));
+    }), be(() => {
+      I?.disconnect(), B && clearTimeout(B);
+    }), q(
       () => i.data,
-      () => ge(() => F()),
+      () => fe(() => F()),
       {
         deep: !0
       }
@@ -484,34 +495,35 @@ const Qe = /* @__PURE__ */ O({
       ref: M,
       class: "responsive-menu"
     }, [
-      e("div", et, [
-        p.value.length > 0 ? (n(), T(o(Ee), {
+      e("div", Qe, [
+        H.value.length > 0 ? (n(), S(o(Ne), {
           key: 0,
           mode: "horizontal",
           value: a.value,
-          options: p.value,
+          options: H.value,
           "theme-overrides": g.value,
-          "onUpdate:value": I
+          "onUpdate:value": k
         }, null, 8, ["value", "options", "theme-overrides"])) : x("", !0)
       ], 512),
-      H.value.length > 0 ? (n(), T(o(Be), {
+      R.value.length > 0 ? (n(), S(o(Ee), {
         key: 0,
-        options: D.value,
+        options: b.value,
         placement: "bottom-end",
         trigger: "hover",
-        onSelect: I
+        onSelect: k
       }, {
         default: l(() => [
-          e("div", tt, [
-            m(o(ee), {
+          e("div", et, [
+            v(o(oe), {
               text: "",
               class: "responsive-menu__more-btn"
             }, {
               default: l(() => [...d[0] || (d[0] = [
-                e("span", {
-                  class: "i-mdi:dots-horizontal",
-                  style: { "font-size": "20px" }
-                }, null, -1)
+                e("span", { class: "dots-icon" }, [
+                  e("span"),
+                  e("span"),
+                  e("span")
+                ], -1)
               ])]),
               _: 1
             })
@@ -521,26 +533,26 @@ const Qe = /* @__PURE__ */ O({
       }, 8, ["options"])) : x("", !0)
     ], 512));
   }
-}), te = (_, i) => {
-  const w = _.__vccOpts || _;
-  for (const [s, f] of i)
-    w[s] = f;
-  return w;
-}, $e = /* @__PURE__ */ te(ot, [["__scopeId", "data-v-92216781"]]), st = { class: "top-layout-container" }, nt = { class: "navbar-left" }, at = { class: "logo-container" }, it = ["src", "width", "height"], lt = ["src", "width", "height"], rt = { class: "brand-name" }, dt = { class: "brand-title" }, ut = { class: "brand-subtitle" }, ct = { class: "navbar-center" }, mt = { class: "page-content" }, vt = /* @__PURE__ */ O({
+}), ee = (f, i) => {
+  const y = f.__vccOpts || f;
+  for (const [s, p] of i)
+    y[s] = p;
+  return y;
+}, $e = /* @__PURE__ */ ee(tt, [["__scopeId", "data-v-d329131b"]]), ot = { class: "top-layout-container" }, st = { class: "navbar-left" }, nt = { class: "logo-container" }, at = ["src", "width", "height"], it = ["src", "width", "height"], lt = { class: "brand-name" }, rt = { class: "brand-title" }, dt = { class: "brand-subtitle" }, ut = { class: "navbar-center" }, ct = { class: "page-content" }, mt = /* @__PURE__ */ O({
   name: "TopLayout",
   __name: "index",
-  setup(_) {
-    const i = G(), { cachedViews: w, maxCacheCount: s } = de(), f = i.isDark, v = z(() => i.menus.value), a = z(() => i.showTagsView.value), u = z(() => i.tagsViewHeight.value), c = z(() => i.showFooter.value), k = z(() => i.transitionName.value), g = { ...se, ...i.brand };
-    return (h, b) => {
-      const M = ie("RouterView");
-      return n(), r("div", st, [
+  setup(f) {
+    const i = X(), { cachedViews: y, maxCacheCount: s } = me(), p = i.isDark, m = z(() => i.menus.value), a = z(() => i.showTagsView.value), u = z(() => i.tagsViewHeight.value), c = z(() => i.showFooter.value), C = z(() => i.transitionName.value), g = { ...ae, ...i.brand };
+    return (h, w) => {
+      const M = de("RouterView");
+      return n(), r("div", ot, [
         e("div", {
-          class: A(["top-navbar", [o(f) ? "dark-theme" : "light-theme"]])
+          class: A(["top-navbar", [o(p) ? "dark-theme" : "light-theme"]])
         }, [
-          e("div", nt, [
-            y(h.$slots, "logo", {}, () => [
-              e("div", at, [
-                b[0] || (b[0] = e("div", { class: "logo-glow" }, null, -1)),
+          e("div", st, [
+            _(h.$slots, "logo", {}, () => [
+              e("div", nt, [
+                w[0] || (w[0] = e("div", { class: "logo-glow" }, null, -1)),
                 g.logoType === "video" ? (n(), r("video", {
                   key: 0,
                   src: g.logoSrc,
@@ -551,53 +563,53 @@ const Qe = /* @__PURE__ */ O({
                   muted: "",
                   playsinline: "",
                   class: "logo-video"
-                }, " 您的浏览器不支持 video 标签。 ", 8, it)) : (n(), r("img", {
+                }, " 您的浏览器不支持 video 标签。 ", 8, at)) : (n(), r("img", {
                   key: 1,
                   src: g.logoSrc,
                   width: g.logoSize || 36,
                   height: g.logoSize || 36,
                   class: "logo-video"
-                }, null, 8, lt))
+                }, null, 8, it))
               ]),
-              e("div", rt, [
-                e("span", dt, $(g.name), 1),
-                e("span", ut, $(g.subtitle), 1)
+              e("div", lt, [
+                e("span", rt, $(g.name), 1),
+                e("span", dt, $(g.subtitle), 1)
               ]),
-              b[1] || (b[1] = e("div", { class: "navbar-divider" }, null, -1))
+              w[1] || (w[1] = e("div", { class: "navbar-divider" }, null, -1))
             ])
           ]),
-          e("div", ct, [
-            y(h.$slots, "menu", {}, () => [
-              m($e, { data: v.value }, null, 8, ["data"])
+          e("div", ut, [
+            _(h.$slots, "menu", {}, () => [
+              v($e, { data: m.value }, null, 8, ["data"])
             ])
           ]),
-          y(h.$slots, "header-extra")
+          _(h.$slots, "header-extra")
         ], 2),
         a.value ? (n(), r("div", {
           key: 0,
           class: "tags-view-container",
-          style: me({ height: `${u.value}px` })
+          style: he({ height: `${u.value}px` })
         }, [
-          y(h.$slots, "tags-view")
+          _(h.$slots, "tags-view")
         ], 4)) : x("", !0),
-        m(o(oe), null, {
+        v(o(ne), null, {
           default: l(() => [
-            m(o(re), { class: "main-content" }, {
+            v(o(ce), { class: "main-content" }, {
               default: l(() => [
-                e("div", mt, [
-                  m(M, null, {
-                    default: l(({ Component: C, route: H }) => [
-                      m(q, {
-                        name: k.value,
+                e("div", ct, [
+                  v(M, null, {
+                    default: l(({ Component: T, route: R }) => [
+                      v(Q, {
+                        name: C.value,
                         mode: "out-in"
                       }, {
                         default: l(() => [
-                          (n(), T(le, {
-                            include: o(w),
+                          (n(), S(ue, {
+                            include: o(y),
                             max: o(s)
                           }, [
-                            (n(), T(N(C), {
-                              key: H.path
+                            (n(), S(N(T), {
+                              key: R.path
                             }))
                           ], 1032, ["include", "max"]))
                         ]),
@@ -610,7 +622,7 @@ const Qe = /* @__PURE__ */ O({
               ]),
               _: 1
             }),
-            c.value ? y(h.$slots, "footer", { key: 0 }) : x("", !0)
+            c.value ? _(h.$slots, "footer", { key: 0 }) : x("", !0)
           ]),
           _: 3
         })
@@ -618,66 +630,70 @@ const Qe = /* @__PURE__ */ O({
     };
   }
 });
-function ke(_) {
-  const { menus: i, floatingSecondMenu: w = !1 } = _, s = be(), f = pe(), v = R(""), a = R(null), u = R(!1), c = (p) => p.startsWith("/") ? p : `/${p}`, k = (p) => {
-    if (!p) return !1;
-    const D = s.path;
-    if (D === p) return !0;
-    const I = c(p), V = c(D);
-    return V === I ? !0 : V.includes(`/${p}`);
-  }, g = (p) => {
-    for (const D of p)
-      if (k(D.path) || D.children?.length && g(D.children))
-        return D;
+function Ce(f) {
+  const { menus: i, floatingSecondMenu: y = !1 } = f, s = ke(), p = ge(), m = V(""), a = V(null), u = V(!1), c = z(
+    () => a.value || w.value || null
+  ), C = (b) => b.startsWith("/") ? b : `/${b}`, g = (b) => {
+    if (!b) return !1;
+    const k = s.path;
+    if (k === b) return !0;
+    const L = C(b), j = C(k);
+    return j === L ? !0 : j.includes(`/${b}`);
+  }, h = (b) => {
+    for (const k of b)
+      if (g(k.path) || k.children?.length && h(k.children))
+        return k;
     return null;
-  }, h = z(
-    () => i.value.find((p) => p.path === v.value)
-  ), b = z(
-    () => h.value?.children || []
-  ), M = (p) => {
-    v.value = p.path || "", ze(w) ? p.children && p.children.length > 0 ? u.value && a.value?.path === p.path ? (u.value = !1, a.value = null) : (a.value = p, u.value = !0) : (u.value = !1, a.value = null, p.path && f.push(p.path)) : (!p.children || p.children.length === 0) && p.path && f.push(p.path);
-  }, C = (p) => {
-    p.path && f.push(p.path);
+  }, w = z(
+    () => i.value.find((b) => b.path === m.value)
+  ), M = z(
+    () => w.value?.children || []
+  ), T = (b) => {
+    xe(y) ? b.children && b.children.length > 0 ? u.value && m.value === b.path ? u.value = !1 : (m.value = b.path || "", u.value = !0) : (m.value = b.path || "", u.value = !1, b.path && p.push(b.path)) : (!b.children || b.children.length === 0) && b.path && p.push(b.path);
+  }, R = (b) => {
+    b.path && p.push(b.path);
   }, H = () => {
-    const p = i.value, D = g(p);
-    D ? v.value = D.path || "" : p.length > 0 && !v.value && (v.value = p[0].path || "");
+    const b = i.value, k = h(b);
+    k ? (m.value = k.path || "", xe(y) && k.children?.length && (u.value = !0)) : b.length > 0 && !m.value && (m.value = b[0].path || "");
   };
-  return Z(
+  return q(
     () => s.path,
     () => H(),
     { immediate: !0 }
-  ), Z(
+  ), q(
     i,
-    (p) => {
-      p && p.length > 0 && H();
+    (b) => {
+      b && b.length > 0 && H();
     },
     { immediate: !0 }
-  ), Te(() => H()), {
-    activeFirstMenu: v,
-    activeFirstMenuItem: h,
-    currentSecondMenus: b,
+  ), Me(() => H()), {
+    activeFirstMenu: m,
+    activeFirstMenuItem: w,
+    currentSecondMenus: M,
     hoveredMenuItem: a,
+    /** 实际在悬浮面板上展示的菜单项（hovered 优先，fallback 到 active） */
+    displayMenuItem: c,
     showSecondMenu: u,
-    handleFirstMenuClick: M,
-    handleSecondMenuClick: C,
-    isMenuItemActive: k
+    handleFirstMenuClick: T,
+    handleSecondMenuClick: R,
+    isMenuItemActive: g
   };
 }
-const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" }, gt = ["src", "width", "height"], ft = ["src", "width", "height"], _t = { class: "first-menu-list" }, yt = ["onClick", "onMouseenter"], wt = { class: "menu-item-content" }, bt = {
+const vt = { class: "mix-layout-container" }, ht = { class: "logo-container" }, pt = ["src", "width", "height"], gt = ["src", "width", "height"], ft = { class: "first-menu-list" }, _t = ["onClick"], yt = { class: "menu-item-content" }, wt = {
   key: 1,
   class: "menu-item-text"
-}, $t = { class: "menu-item-label" }, kt = { class: "second-menu-header" }, Ct = { class: "menu-title" }, xt = { class: "second-menu-list" }, Tt = ["onClick"], Mt = { class: "menu-item-label" }, St = { class: "main-layout" }, It = /* @__PURE__ */ O({
+}, bt = { class: "menu-item-label" }, kt = { class: "second-menu-header" }, $t = { class: "menu-title" }, Ct = { class: "second-menu-list" }, xt = ["onClick"], St = { class: "menu-item-label" }, Tt = { class: "main-layout" }, Mt = /* @__PURE__ */ O({
   name: "MixLayout",
   __name: "index",
-  setup(_) {
-    const i = G(), { cachedViews: w, maxCacheCount: s } = de(), f = i.isDark, v = z(() => i.menus.value), a = z(() => i.showFooter.value), u = z(() => i.transitionName.value), c = { ...se, ...i.brand }, k = ke({
+  setup(f) {
+    const i = X(), { cachedViews: y, maxCacheCount: s } = me(), p = i.isDark, m = z(() => i.menus.value), a = z(() => i.showFooter.value), u = z(() => i.transitionName.value), c = { ...ae, ...i.brand }, C = Ce({
       menus: i.menus,
       floatingSecondMenu: z(() => !0)
     }), g = i.iconComponent ?? O({
       name: "LayoutIcon",
       props: { name: String, size: { type: Number, default: 18 } },
       setup(h) {
-        return () => ae("i", {
+        return () => re("i", {
           class: h.name,
           style: {
             fontSize: `${h.size}px`,
@@ -688,15 +704,15 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
         });
       }
     });
-    return (h, b) => {
-      const M = ie("RouterView");
-      return n(), r("div", ht, [
+    return (h, w) => {
+      const M = de("RouterView");
+      return n(), r("div", vt, [
         e("div", {
-          class: A(["first-level-menu", [o(f) ? "dark-theme" : "light-theme"]])
+          class: A(["first-level-menu", [o(p) ? "dark-theme" : "light-theme"]])
         }, [
-          e("div", pt, [
-            y(h.$slots, "logo", {}, () => [
-              b[1] || (b[1] = e("div", { class: "logo-glow" }, null, -1)),
+          e("div", ht, [
+            _(h.$slots, "logo", {}, () => [
+              w[0] || (w[0] = e("div", { class: "logo-glow" }, null, -1)),
               c.logoType === "video" ? (n(), r("video", {
                 key: 0,
                 src: c.logoSrc,
@@ -707,87 +723,85 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                 muted: "",
                 playsinline: "",
                 class: "logo-video"
-              }, " 您的浏览器不支持 video 标签。 ", 8, gt)) : (n(), r("img", {
+              }, " 您的浏览器不支持 video 标签。 ", 8, pt)) : (n(), r("img", {
                 key: 1,
                 src: c.logoSrc,
                 width: c.logoSize || 40,
                 height: c.logoSize || 40,
                 class: "logo-video"
-              }, null, 8, ft))
+              }, null, 8, gt))
             ])
           ]),
-          e("div", _t, [
-            (n(!0), r(E, null, W(v.value, (C) => (n(), r("div", {
-              key: C.path,
+          e("div", ft, [
+            (n(!0), r(E, null, W(m.value, (T) => (n(), r("div", {
+              key: T.path,
               class: A(["first-menu-item", {
-                active: o(k).activeFirstMenu.value === C.path
+                active: o(C).activeFirstMenu.value === T.path
               }]),
-              onClick: (H) => o(k).handleFirstMenuClick(C),
-              onMouseenter: (H) => o(k).hoveredMenuItem.value = C
+              onClick: (R) => o(C).handleFirstMenuClick(T)
             }, [
-              e("div", wt, [
-                C.meta?.icon ? (n(), T(N(o(g)), {
+              e("div", yt, [
+                T.meta?.icon ? (n(), S(N(o(g)), {
                   key: 0,
-                  name: C.meta.icon,
+                  name: T.meta.icon,
                   size: 22
-                }, null, 8, ["name"])) : (n(), r("span", bt, $((C.meta?.title || "")[0]), 1))
+                }, null, 8, ["name"])) : (n(), r("span", wt, $((T.meta?.title || "")[0]), 1))
               ]),
-              e("span", $t, $(C.meta?.title), 1)
-            ], 42, yt))), 128))
+              e("span", bt, $(T.meta?.title), 1)
+            ], 10, _t))), 128))
           ])
         ], 2),
-        m(q, { name: "slide-fade" }, {
+        v(Q, { name: "slide-fade" }, {
           default: l(() => [
-            o(k).showSecondMenu.value ? (n(), r("div", {
+            o(C).showSecondMenu.value ? (n(), r("div", {
               key: 0,
-              class: A(["second-level-menu-popup", [o(f) ? "dark-theme" : "light-theme"]]),
-              onMouseleave: b[0] || (b[0] = (C) => o(k).hoveredMenuItem.value = null)
+              class: A(["second-level-menu-popup", [o(p) ? "dark-theme" : "light-theme"]])
             }, [
               e("div", kt, [
-                o(k).hoveredMenuItem.value?.meta?.icon ? (n(), T(N(o(g)), {
+                o(C).displayMenuItem.value?.meta?.icon ? (n(), S(N(o(g)), {
                   key: 0,
-                  name: o(k).hoveredMenuItem.value.meta.icon,
+                  name: o(C).displayMenuItem.value.meta.icon,
                   size: 20
                 }, null, 8, ["name"])) : x("", !0),
-                e("span", Ct, $(o(k).hoveredMenuItem.value?.meta?.title), 1)
+                e("span", $t, $(o(C).displayMenuItem.value?.meta?.title), 1)
               ]),
-              e("div", xt, [
-                (n(!0), r(E, null, W(o(k).hoveredMenuItem.value?.children || [], (C) => (n(), r("div", {
-                  key: C.path,
-                  class: A(["second-menu-item", { active: o(k).isMenuItemActive(C.path) }]),
-                  onClick: (H) => o(k).handleSecondMenuClick(C)
+              e("div", Ct, [
+                (n(!0), r(E, null, W(o(C).displayMenuItem.value?.children || [], (T) => (n(), r("div", {
+                  key: T.path,
+                  class: A(["second-menu-item", { active: o(C).isMenuItemActive(T.path) }]),
+                  onClick: (R) => o(C).handleSecondMenuClick(T)
                 }, [
-                  C.meta?.icon ? (n(), T(N(o(g)), {
+                  T.meta?.icon ? (n(), S(N(o(g)), {
                     key: 0,
-                    name: C.meta.icon,
+                    name: T.meta.icon,
                     size: 16
                   }, null, 8, ["name"])) : x("", !0),
-                  e("span", Mt, $(C.meta?.title), 1)
-                ], 10, Tt))), 128))
+                  e("span", St, $(T.meta?.title), 1)
+                ], 10, xt))), 128))
               ])
-            ], 34)) : x("", !0)
+            ], 2)) : x("", !0)
           ]),
           _: 1
         }),
-        e("div", St, [
-          y(h.$slots, "header"),
-          m(o(oe), null, {
+        e("div", Tt, [
+          _(h.$slots, "header"),
+          v(o(ne), null, {
             default: l(() => [
-              m(o(re), { class: "content-with-header p16px app-content" }, {
+              v(o(ce), { class: "content-with-header p16px app-content" }, {
                 default: l(() => [
-                  m(M, null, {
-                    default: l(({ Component: C, route: H }) => [
-                      m(q, {
+                  v(M, null, {
+                    default: l(({ Component: T, route: R }) => [
+                      v(Q, {
                         name: u.value,
                         mode: "out-in"
                       }, {
                         default: l(() => [
-                          (n(), T(le, {
-                            include: o(w),
+                          (n(), S(ue, {
+                            include: o(y),
                             max: o(s)
                           }, [
-                            (n(), T(N(C), {
-                              key: H.path
+                            (n(), S(N(T), {
+                              key: R.path
                             }))
                           ], 1032, ["include", "max"]))
                         ]),
@@ -799,7 +813,7 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                 ]),
                 _: 1
               }),
-              a.value ? y(h.$slots, "footer", { key: 0 }) : x("", !0)
+              a.value ? _(h.$slots, "footer", { key: 0 }) : x("", !0)
             ]),
             _: 3
           })
@@ -807,21 +821,21 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       ]);
     };
   }
-}), zt = { class: "mix-top-layout-container" }, Ht = { class: "logo-container" }, Rt = ["src", "width", "height"], Vt = ["src", "width", "height"], At = { class: "first-menu-list" }, Lt = ["onClick"], Dt = { class: "menu-item-content" }, Nt = {
+}), It = { class: "mix-top-layout-container" }, zt = { class: "logo-container" }, Vt = ["src", "width", "height"], Ht = ["src", "width", "height"], Rt = { class: "first-menu-list" }, At = ["onClick"], Lt = { class: "menu-item-content" }, Dt = {
   key: 1,
   class: "menu-item-text"
-}, Et = { class: "menu-item-label" }, Bt = { class: "main-area" }, Ft = { class: "navbar-left" }, Wt = { class: "brand-name" }, Ot = { class: "brand-title" }, Ut = { class: "brand-subtitle" }, Pt = { class: "navbar-center" }, jt = { class: "page-content" }, Kt = /* @__PURE__ */ O({
+}, Nt = { class: "menu-item-label" }, Et = { class: "main-area" }, Bt = { class: "navbar-left" }, Ft = { class: "brand-name" }, Wt = { class: "brand-title" }, Ot = { class: "brand-subtitle" }, Ut = { class: "navbar-center" }, Pt = { class: "page-content" }, jt = /* @__PURE__ */ O({
   name: "MixTopLayout",
   __name: "index",
-  setup(_) {
-    const i = G(), { cachedViews: w, maxCacheCount: s } = de(), f = i.isDark, v = z(() => i.menus.value), a = z(() => i.showTagsView.value), u = z(() => i.tagsViewHeight.value), c = z(() => i.showFooter.value), k = z(() => i.transitionName.value), g = { ...se, ...i.brand }, h = ke({
+  setup(f) {
+    const i = X(), { cachedViews: y, maxCacheCount: s } = me(), p = i.isDark, m = z(() => i.menus.value), a = z(() => i.showTagsView.value), u = z(() => i.tagsViewHeight.value), c = z(() => i.showFooter.value), C = z(() => i.transitionName.value), g = { ...ae, ...i.brand }, h = Ce({
       menus: i.menus,
       floatingSecondMenu: z(() => !1)
-    }), b = i.iconComponent ?? O({
+    }), w = i.iconComponent ?? O({
       name: "LayoutIcon",
       props: { name: String, size: { type: Number, default: 18 } },
       setup(M) {
-        return () => ae("i", {
+        return () => re("i", {
           class: M.name,
           style: {
             fontSize: `${M.size}px`,
@@ -832,15 +846,15 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
         });
       }
     });
-    return (M, C) => {
-      const H = ie("RouterView");
-      return n(), r("div", zt, [
+    return (M, T) => {
+      const R = de("RouterView");
+      return n(), r("div", It, [
         e("div", {
-          class: A(["first-level-sidebar", [o(f) ? "dark-theme" : "light-theme"]])
+          class: A(["first-level-sidebar", [o(p) ? "dark-theme" : "light-theme"]])
         }, [
-          e("div", Ht, [
-            y(M.$slots, "logo", {}, () => [
-              C[0] || (C[0] = e("div", { class: "logo-glow" }, null, -1)),
+          e("div", zt, [
+            _(M.$slots, "logo", {}, () => [
+              T[0] || (T[0] = e("div", { class: "logo-glow" }, null, -1)),
               g.logoType === "video" ? (n(), r("video", {
                 key: 0,
                 src: g.logoSrc,
@@ -851,82 +865,82 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                 muted: "",
                 playsinline: "",
                 class: "logo-video"
-              }, " 您的浏览器不支持 video 标签。 ", 8, Rt)) : (n(), r("img", {
+              }, " 您的浏览器不支持 video 标签。 ", 8, Vt)) : (n(), r("img", {
                 key: 1,
                 src: g.logoSrc,
                 width: g.logoSize || 40,
                 height: g.logoSize || 40,
                 class: "logo-video"
-              }, null, 8, Vt))
+              }, null, 8, Ht))
             ])
           ]),
-          e("div", At, [
-            (n(!0), r(E, null, W(v.value, (p) => (n(), r("div", {
-              key: p.path,
+          e("div", Rt, [
+            (n(!0), r(E, null, W(m.value, (H) => (n(), r("div", {
+              key: H.path,
               class: A(["first-menu-item", {
-                active: o(h).activeFirstMenu.value === p.path
+                active: o(h).activeFirstMenu.value === H.path
               }]),
-              onClick: (D) => o(h).handleFirstMenuClick(p)
+              onClick: (b) => o(h).handleFirstMenuClick(H)
             }, [
-              e("div", Dt, [
-                p.meta?.icon ? (n(), T(N(o(b)), {
+              e("div", Lt, [
+                H.meta?.icon ? (n(), S(N(o(w)), {
                   key: 0,
-                  name: p.meta.icon,
+                  name: H.meta.icon,
                   size: 22
-                }, null, 8, ["name"])) : (n(), r("span", Nt, $((p.meta?.title || "")[0]), 1))
+                }, null, 8, ["name"])) : (n(), r("span", Dt, $((H.meta?.title || "")[0]), 1))
               ]),
-              e("span", Et, $(p.meta?.title), 1)
-            ], 10, Lt))), 128))
+              e("span", Nt, $(H.meta?.title), 1)
+            ], 10, At))), 128))
           ])
         ], 2),
-        e("div", Bt, [
+        e("div", Et, [
           e("div", {
-            class: A(["top-navbar", [o(f) ? "dark-theme" : "light-theme"]])
+            class: A(["top-navbar", [o(p) ? "dark-theme" : "light-theme"]])
           }, [
-            e("div", Ft, [
-              y(M.$slots, "brand", {}, () => [
-                e("div", Wt, [
-                  e("span", Ot, $(g.name), 1),
-                  e("span", Ut, $(g.subtitle), 1)
+            e("div", Bt, [
+              _(M.$slots, "brand", {}, () => [
+                e("div", Ft, [
+                  e("span", Wt, $(g.name), 1),
+                  e("span", Ot, $(g.subtitle), 1)
                 ]),
-                C[1] || (C[1] = e("div", { class: "navbar-divider" }, null, -1))
+                T[1] || (T[1] = e("div", { class: "navbar-divider" }, null, -1))
               ])
             ]),
-            e("div", Pt, [
-              y(M.$slots, "top-menu", {}, () => [
-                o(h).currentSecondMenus.value.length > 0 ? (n(), T($e, {
+            e("div", Ut, [
+              _(M.$slots, "top-menu", {}, () => [
+                o(h).currentSecondMenus.value.length > 0 ? (n(), S($e, {
                   key: 0,
                   data: o(h).currentSecondMenus.value
                 }, null, 8, ["data"])) : x("", !0)
               ])
             ]),
-            y(M.$slots, "header-extra")
+            _(M.$slots, "header-extra")
           ], 2),
           a.value ? (n(), r("div", {
             key: 0,
             class: "tags-view-container",
-            style: me({ height: `${u.value}px` })
+            style: he({ height: `${u.value}px` })
           }, [
-            y(M.$slots, "tags-view")
+            _(M.$slots, "tags-view")
           ], 4)) : x("", !0),
-          m(o(oe), { class: "content-layout" }, {
+          v(o(ne), { class: "content-layout" }, {
             default: l(() => [
-              m(o(re), { class: "main-content" }, {
+              v(o(ce), { class: "main-content" }, {
                 default: l(() => [
-                  e("div", jt, [
-                    m(H, null, {
-                      default: l(({ Component: p, route: D }) => [
-                        m(q, {
-                          name: k.value,
+                  e("div", Pt, [
+                    v(R, null, {
+                      default: l(({ Component: H, route: b }) => [
+                        v(Q, {
+                          name: C.value,
                           mode: "out-in"
                         }, {
                           default: l(() => [
-                            (n(), T(le, {
-                              include: o(w),
+                            (n(), S(ue, {
+                              include: o(y),
                               max: o(s)
                             }, [
-                              (n(), T(N(p), {
-                                key: D.path
+                              (n(), S(N(H), {
+                                key: b.path
                               }))
                             ], 1032, ["include", "max"]))
                           ]),
@@ -939,7 +953,7 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                 ]),
                 _: 1
               }),
-              c.value ? y(M.$slots, "footer", { key: 0 }) : x("", !0)
+              c.value ? _(M.$slots, "footer", { key: 0 }) : x("", !0)
             ]),
             _: 3
           })
@@ -947,26 +961,26 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       ]);
     };
   }
-}), Yt = { class: "reverse-horizontal-mix-layout-container" }, Gt = { class: "navbar-left" }, Xt = { class: "logo-container" }, Jt = ["src", "width", "height"], Zt = ["src", "width", "height"], qt = { class: "brand-name" }, Qt = { class: "brand-title" }, eo = { class: "brand-subtitle" }, to = { class: "navbar-center" }, oo = { class: "main-area" }, so = { class: "page-content" }, no = { class: "sidebar-content" }, ao = { class: "header-icon" }, io = { class: "header-title" }, lo = { class: "sidebar-menu-list" }, ro = {
+}), Kt = { class: "reverse-horizontal-mix-layout-container" }, Yt = { class: "navbar-left" }, Gt = { class: "logo-container" }, Xt = ["src", "width", "height"], Jt = ["src", "width", "height"], Zt = { class: "brand-name" }, qt = { class: "brand-title" }, Qt = { class: "brand-subtitle" }, eo = { class: "navbar-center" }, to = { class: "main-area" }, oo = { class: "page-content" }, so = { class: "header-icon" }, no = { class: "header-title" }, ao = { class: "sidebar-menu-list" }, io = {
   key: 0,
   class: "menu-group"
-}, uo = { class: "group-title" }, co = ["onClick"], mo = { class: "item-title" }, vo = ["onClick"], ho = { class: "item-title" }, po = /* @__PURE__ */ O({
+}, lo = { class: "group-title" }, ro = ["onClick"], uo = { class: "item-title" }, co = ["onClick"], mo = { class: "item-title" }, vo = /* @__PURE__ */ O({
   name: "ReverseHorizontalMixLayout",
   __name: "index",
-  setup(_) {
-    const i = G(), { cachedViews: w, maxCacheCount: s } = de(), f = i.isDark, v = z(() => i.menus.value), a = z(() => i.showTagsView.value), u = z(() => i.tagsViewHeight.value), c = z(() => i.showFooter.value), k = z(() => i.transitionName.value), g = { ...se, ...i.brand }, h = ke({
+  setup(f) {
+    const i = X(), { cachedViews: y, maxCacheCount: s } = me(), p = i.isDark, m = z(() => i.menus.value), a = z(() => i.showTagsView.value), u = z(() => i.tagsViewHeight.value), c = z(() => i.showFooter.value), C = z(() => i.transitionName.value), g = { ...ae, ...i.brand }, h = Ce({
       menus: i.menus,
       floatingSecondMenu: z(() => !1)
-    }), b = R(!1), M = () => {
-      b.value = !b.value;
-    }, C = i.iconComponent ?? O({
+    }), w = V(!1), M = () => {
+      w.value = !w.value;
+    }, T = i.iconComponent ?? O({
       name: "LayoutIcon",
       props: { name: String, size: { type: Number, default: 18 } },
-      setup(H) {
-        return () => ae("i", {
-          class: H.name,
+      setup(R) {
+        return () => re("i", {
+          class: R.name,
           style: {
-            fontSize: `${H.size}px`,
+            fontSize: `${R.size}px`,
             display: "inline-flex",
             alignItems: "center",
             justifyContent: "center"
@@ -974,16 +988,16 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
         });
       }
     });
-    return (H, p) => {
-      const D = ie("RouterView");
-      return n(), r("div", Yt, [
+    return (R, H) => {
+      const b = de("RouterView");
+      return n(), r("div", Kt, [
         e("div", {
-          class: A(["top-navbar", [o(f) ? "dark-theme" : "light-theme"]])
+          class: A(["top-navbar", [o(p) ? "dark-theme" : "light-theme"]])
         }, [
-          e("div", Gt, [
-            y(H.$slots, "logo", {}, () => [
-              e("div", Xt, [
-                p[0] || (p[0] = e("div", { class: "logo-glow" }, null, -1)),
+          e("div", Yt, [
+            _(R.$slots, "logo", {}, () => [
+              e("div", Gt, [
+                H[0] || (H[0] = e("div", { class: "logo-glow" }, null, -1)),
                 g.logoType === "video" ? (n(), r("video", {
                   key: 0,
                   src: g.logoSrc,
@@ -994,54 +1008,54 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                   muted: "",
                   playsinline: "",
                   class: "logo-video"
-                }, " 您的浏览器不支持 video 标签。 ", 8, Jt)) : (n(), r("img", {
+                }, " 您的浏览器不支持 video 标签。 ", 8, Xt)) : (n(), r("img", {
                   key: 1,
                   src: g.logoSrc,
                   width: g.logoSize || 36,
                   height: g.logoSize || 36,
                   class: "logo-video"
-                }, null, 8, Zt))
+                }, null, 8, Jt))
               ]),
-              e("div", qt, [
-                e("span", Qt, $(g.name), 1),
-                e("span", eo, $(g.subtitle), 1)
+              e("div", Zt, [
+                e("span", qt, $(g.name), 1),
+                e("span", Qt, $(g.subtitle), 1)
               ]),
-              p[1] || (p[1] = e("div", { class: "navbar-divider" }, null, -1))
+              H[1] || (H[1] = e("div", { class: "navbar-divider" }, null, -1))
             ])
           ]),
-          e("div", to, [
-            y(H.$slots, "top-menu", {}, () => [
-              m($e, { data: v.value }, null, 8, ["data"])
+          e("div", eo, [
+            _(R.$slots, "top-menu", {}, () => [
+              v($e, { data: m.value }, null, 8, ["data"])
             ])
           ]),
-          y(H.$slots, "header-extra")
+          _(R.$slots, "header-extra")
         ], 2),
         a.value ? (n(), r("div", {
           key: 0,
           class: "tags-view-container",
-          style: me({ height: `${u.value}px` })
+          style: he({ height: `${u.value}px` })
         }, [
-          y(H.$slots, "tags-view")
+          _(R.$slots, "tags-view")
         ], 4)) : x("", !0),
-        e("div", oo, [
-          m(o(oe), { class: "content-layout" }, {
+        e("div", to, [
+          v(o(ne), { class: "content-layout" }, {
             default: l(() => [
-              m(o(re), { class: "main-content" }, {
+              v(o(ce), { class: "main-content" }, {
                 default: l(() => [
-                  e("div", so, [
-                    m(D, null, {
-                      default: l(({ Component: I, route: V }) => [
-                        m(q, {
-                          name: k.value,
+                  e("div", oo, [
+                    v(b, null, {
+                      default: l(({ Component: k, route: L }) => [
+                        v(Q, {
+                          name: C.value,
                           mode: "out-in"
                         }, {
                           default: l(() => [
-                            (n(), T(le, {
-                              include: o(w),
+                            (n(), S(ue, {
+                              include: o(y),
                               max: o(s)
                             }, [
-                              (n(), T(N(I), {
-                                key: V.path
+                              (n(), S(N(k), {
+                                key: L.path
                               }))
                             ], 1032, ["include", "max"]))
                           ]),
@@ -1054,118 +1068,123 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                 ]),
                 _: 1
               }),
-              c.value ? y(H.$slots, "footer", { key: 0 }) : x("", !0)
+              c.value ? _(R.$slots, "footer", { key: 0 }) : x("", !0)
             ]),
             _: 3
           }),
           o(h).currentSecondMenus.value.length > 0 ? (n(), r("div", {
             key: 0,
-            class: A(["right-sidebar", [
-              o(f) ? "dark-theme" : "light-theme",
-              { collapsed: b.value }
-            ]])
+            class: A(["sidebar-toggle", [
+              o(p) ? "dark-theme" : "light-theme",
+              { active: !w.value }
+            ]]),
+            onClick: M
+          }, [
+            e("span", {
+              class: A([
+                "collapse-arrow",
+                "toggle-icon",
+                w.value ? "collapsed" : "expanded"
+              ])
+            }, [...H[2] || (H[2] = [
+              e("span", { class: "arrow-line" }, null, -1),
+              e("span", { class: "arrow-line" }, null, -1)
+            ])], 2)
+          ], 2)) : x("", !0),
+          o(h).currentSecondMenus.value.length > 0 ? (n(), r("div", {
+            key: 1,
+            class: A(["right-sidebar-wrapper", { collapsed: w.value }])
           }, [
             e("div", {
-              class: "collapse-trigger",
-              onClick: M
+              class: A(["right-sidebar", [o(p) ? "dark-theme" : "light-theme"]])
             }, [
-              e("i", {
-                class: A([
-                  "transition-all duration-300 ease-in-out",
-                  b.value ? "i-ri:menu-fold-4-fill" : "i-ri:menu-fold-3-fill"
-                ])
-              }, null, 2)
-            ]),
-            He(e("div", no, [
               e("div", {
-                class: A(["sidebar-header", [o(f) ? "dark-theme" : "light-theme"]])
+                class: A(["sidebar-header", [o(p) ? "dark-theme" : "light-theme"]])
               }, [
-                e("div", ao, [
-                  o(h).activeFirstMenuItem.value?.meta?.icon ? (n(), T(N(o(C)), {
+                e("div", so, [
+                  o(h).activeFirstMenuItem.value?.meta?.icon ? (n(), S(N(o(T)), {
                     key: 0,
                     name: o(h).activeFirstMenuItem.value.meta.icon,
                     size: 20
                   }, null, 8, ["name"])) : x("", !0)
                 ]),
-                e("span", io, $(o(h).activeFirstMenuItem.value?.meta?.title || "菜单"), 1)
+                e("span", no, $(o(h).activeFirstMenuItem.value?.meta?.title || "菜单"), 1)
               ], 2),
-              e("div", lo, [
-                (n(!0), r(E, null, W(o(h).currentSecondMenus.value, (I) => (n(), r(E, {
-                  key: I.path
+              e("div", ao, [
+                (n(!0), r(E, null, W(o(h).currentSecondMenus.value, (k) => (n(), r(E, {
+                  key: k.path
                 }, [
-                  I.children && I.children.length > 0 ? (n(), r("div", ro, [
-                    e("div", uo, [
-                      I.meta?.icon ? (n(), T(N(o(C)), {
+                  k.children && k.children.length > 0 ? (n(), r("div", io, [
+                    e("div", lo, [
+                      k.meta?.icon ? (n(), S(N(o(T)), {
                         key: 0,
-                        name: I.meta.icon,
+                        name: k.meta.icon,
                         size: 16
                       }, null, 8, ["name"])) : x("", !0),
-                      e("span", null, $(I.meta?.title), 1)
+                      e("span", null, $(k.meta?.title), 1)
                     ]),
-                    (n(!0), r(E, null, W(I.children, (V) => (n(), r("div", {
-                      key: V.path,
+                    (n(!0), r(E, null, W(k.children, (L) => (n(), r("div", {
+                      key: L.path,
                       class: A(["menu-item sub-item", {
-                        active: o(h).isMenuItemActive(V.path)
+                        active: o(h).isMenuItemActive(L.path)
                       }]),
-                      onClick: (X) => o(h).handleSecondMenuClick(V)
+                      onClick: (j) => o(h).handleSecondMenuClick(L)
                     }, [
-                      V.meta?.icon ? (n(), T(N(o(C)), {
+                      L.meta?.icon ? (n(), S(N(o(T)), {
                         key: 0,
-                        name: V.meta.icon,
+                        name: L.meta.icon,
                         size: 16
                       }, null, 8, ["name"])) : x("", !0),
-                      e("span", mo, $(V.meta?.title), 1)
-                    ], 10, co))), 128))
+                      e("span", uo, $(L.meta?.title), 1)
+                    ], 10, ro))), 128))
                   ])) : (n(), r("div", {
                     key: 1,
                     class: A(["menu-item", {
-                      active: o(h).isMenuItemActive(I.path)
+                      active: o(h).isMenuItemActive(k.path)
                     }]),
-                    onClick: (V) => o(h).handleSecondMenuClick(I)
+                    onClick: (L) => o(h).handleSecondMenuClick(k)
                   }, [
-                    I.meta?.icon ? (n(), T(N(o(C)), {
+                    k.meta?.icon ? (n(), S(N(o(T)), {
                       key: 0,
-                      name: I.meta.icon,
+                      name: k.meta.icon,
                       size: 18
                     }, null, 8, ["name"])) : x("", !0),
-                    e("span", ho, $(I.meta?.title), 1)
-                  ], 10, vo))
+                    e("span", mo, $(k.meta?.title), 1)
+                  ], 10, co))
                 ], 64))), 128))
               ])
-            ], 512), [
-              [Re, !b.value]
-            ])
+            ], 2)
           ], 2)) : x("", !0)
         ])
       ]);
     };
   }
-}), go = { class: "card-layout-container" }, fo = { class: "navbar-left" }, _o = { class: "logo-container" }, yo = ["src", "width", "height"], wo = ["src", "width", "height"], bo = { class: "brand-name" }, $o = { class: "brand-title" }, ko = { class: "brand-subtitle" }, Co = { class: "drawer-content" }, xo = { class: "menu-grid" }, To = ["onClick"], Mo = {
+}), ho = { class: "card-layout-container" }, po = { class: "navbar-left" }, go = { class: "logo-container" }, fo = ["src", "width", "height"], _o = ["src", "width", "height"], yo = { class: "brand-name" }, wo = { class: "brand-title" }, bo = { class: "brand-subtitle" }, ko = { class: "drawer-content" }, $o = { class: "menu-grid" }, Co = ["onClick"], xo = {
   key: 0,
   class: "category-items"
-}, So = ["onClick"], Io = { class: "item-title" }, zo = {
+}, So = ["onClick"], To = { class: "item-title" }, Mo = {
   key: 0,
   class: "submenu-items"
-}, Ho = { class: "submenu-title" }, Ro = ["onClick"], Vo = { class: "item-title" }, Ao = { class: "main-content-area" }, Lo = { class: "page-content" }, Do = /* @__PURE__ */ O({
+}, Io = { class: "submenu-title" }, zo = ["onClick"], Vo = { class: "item-title" }, Ho = { class: "main-content-area" }, Ro = { class: "page-content" }, Ao = /* @__PURE__ */ O({
   name: "CardLayout",
   __name: "index",
-  setup(_) {
-    const i = G(), { cachedViews: w, maxCacheCount: s } = de(), f = pe(), v = i.isDark, a = z(() => i.menus.value), u = z(() => i.showTagsView.value), c = z(() => i.tagsViewHeight.value), k = z(() => i.showFooter.value), g = z(() => i.transitionName.value), h = { ...se, ...i.brand }, b = R(!1), M = R(null), C = () => {
+  setup(f) {
+    const i = X(), { cachedViews: y, maxCacheCount: s } = me(), p = ge(), m = i.isDark, a = z(() => i.menus.value), u = z(() => i.showTagsView.value), c = z(() => i.tagsViewHeight.value), C = z(() => i.showFooter.value), g = z(() => i.transitionName.value), h = { ...ae, ...i.brand }, w = V(!1), M = V(null), T = () => {
       M.value && clearTimeout(M.value), M.value = setTimeout(() => {
-        b.value = !1;
+        w.value = !1;
       }, 300);
-    }, H = () => {
-      M.value && (clearTimeout(M.value), M.value = null), b.value = !0;
-    }, p = (I) => {
-      I.path && (f.push(I.path), b.value = !1);
-    }, D = i.iconComponent ?? O({
+    }, R = () => {
+      M.value && (clearTimeout(M.value), M.value = null), w.value = !0;
+    }, H = (k) => {
+      k.path && (p.push(k.path), w.value = !1);
+    }, b = i.iconComponent ?? O({
       name: "LayoutIcon",
       props: { name: String, size: { type: Number, default: 18 } },
-      setup(I) {
-        return () => ae("i", {
-          class: I.name,
+      setup(k) {
+        return () => re("i", {
+          class: k.name,
           style: {
-            fontSize: `${I.size}px`,
+            fontSize: `${k.size}px`,
             display: "inline-flex",
             alignItems: "center",
             justifyContent: "center"
@@ -1173,29 +1192,33 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
         });
       }
     });
-    return we(() => {
+    return be(() => {
       M.value && clearTimeout(M.value);
-    }), (I, V) => {
-      const X = ie("RouterView");
-      return n(), r("div", go, [
+    }), (k, L) => {
+      const j = de("RouterView");
+      return n(), r("div", ho, [
         e("div", {
-          class: A(["top-navbar", [o(v) ? "dark-theme" : "light-theme"]])
+          class: A(["top-navbar", [o(m) ? "dark-theme" : "light-theme"]])
         }, [
-          e("div", fo, [
+          e("div", po, [
             e("div", {
               class: "hover-trigger-area",
-              onMouseenter: H,
-              onMouseleave: C
+              onMouseenter: R,
+              onMouseleave: T
             }, [
-              y(I.$slots, "menu-trigger", {}, () => [
-                V[0] || (V[0] = e("div", { class: "menu-indicator" }, [
-                  e("i", { class: "i-ri:menu-3-line" })
+              _(k.$slots, "menu-trigger", {}, () => [
+                L[0] || (L[0] = e("div", { class: "menu-indicator" }, [
+                  e("span", { class: "hamburger-icon" }, [
+                    e("span"),
+                    e("span"),
+                    e("span")
+                  ])
                 ], -1))
-              ])
+              ], !0)
             ], 32),
-            y(I.$slots, "logo", {}, () => [
-              e("div", _o, [
-                V[1] || (V[1] = e("div", { class: "logo-glow" }, null, -1)),
+            _(k.$slots, "logo", {}, () => [
+              e("div", go, [
+                L[1] || (L[1] = e("div", { class: "logo-glow" }, null, -1)),
                 h.logoType === "video" ? (n(), r("video", {
                   key: 0,
                   src: h.logoSrc,
@@ -1206,118 +1229,123 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                   muted: "",
                   playsinline: "",
                   class: "logo-video"
-                }, " 您的浏览器不支持 video 标签。 ", 8, yo)) : (n(), r("img", {
+                }, " 您的浏览器不支持 video 标签。 ", 8, fo)) : (n(), r("img", {
                   key: 1,
                   src: h.logoSrc,
                   width: h.logoSize || 36,
                   height: h.logoSize || 36,
                   class: "logo-video"
-                }, null, 8, wo))
+                }, null, 8, _o))
               ]),
-              e("div", bo, [
-                e("span", $o, $(h.name), 1),
-                e("span", ko, $(h.subtitle), 1)
+              e("div", yo, [
+                e("span", wo, $(h.name), 1),
+                e("span", bo, $(h.subtitle), 1)
               ]),
-              V[2] || (V[2] = e("div", { class: "navbar-divider" }, null, -1))
-            ])
+              L[2] || (L[2] = e("div", { class: "navbar-divider" }, null, -1))
+            ], !0)
           ]),
-          y(I.$slots, "header-extra")
+          _(k.$slots, "header-extra", {}, void 0, !0)
         ], 2),
         u.value ? (n(), r("div", {
           key: 0,
           class: "tags-view-container",
-          style: me({ height: `${c.value}px` })
+          style: he({ height: `${c.value}px` })
         }, [
-          y(I.$slots, "tags-view")
+          _(k.$slots, "tags-view", {}, void 0, !0)
         ], 4)) : x("", !0),
         e("div", {
           class: A(["drawer-menu", [
-            o(v) ? "dark-theme" : "light-theme",
-            { visible: b.value }
+            o(m) ? "dark-theme" : "light-theme",
+            { visible: w.value }
           ]]),
-          onMouseenter: H,
-          onMouseleave: C
+          onMouseenter: R,
+          onMouseleave: T
         }, [
-          y(I.$slots, "drawer-menu", {}, () => [
-            V[3] || (V[3] = e("div", { class: "drawer-header" }, [
+          _(k.$slots, "drawer-menu", {}, () => [
+            L[3] || (L[3] = e("div", { class: "drawer-header" }, [
               e("div", { class: "drawer-title" }, [
-                e("i", { class: "i-ri:apps-2-line" }),
+                e("span", { class: "grid-icon" }, [
+                  e("span"),
+                  e("span"),
+                  e("span"),
+                  e("span")
+                ]),
                 e("span", null, "功能导航")
               ])
             ], -1)),
-            e("div", Co, [
-              e("div", xo, [
+            e("div", ko, [
+              e("div", $o, [
                 (n(!0), r(E, null, W(a.value, (F) => (n(), r("div", {
                   key: F.path,
                   class: "menu-category"
                 }, [
                   e("div", {
                     class: "category-header",
-                    onClick: (B) => p(F)
+                    onClick: (B) => H(F)
                   }, [
-                    F.meta?.icon ? (n(), T(N(o(D)), {
+                    F.meta?.icon ? (n(), S(N(o(b)), {
                       key: 0,
                       name: F.meta.icon,
                       size: 18
                     }, null, 8, ["name"])) : x("", !0),
                     e("span", null, $(F.meta?.title), 1)
-                  ], 8, To),
-                  F.children && F.children.length > 0 ? (n(), r("div", Mo, [
+                  ], 8, Co),
+                  F.children && F.children.length > 0 ? (n(), r("div", xo, [
                     (n(!0), r(E, null, W(F.children, (B) => (n(), r("div", {
                       key: B.path,
                       class: "menu-item",
-                      onClick: (Y) => p(B)
+                      onClick: (G) => H(B)
                     }, [
-                      B.meta?.icon ? (n(), T(N(o(D)), {
+                      B.meta?.icon ? (n(), S(N(o(b)), {
                         key: 0,
                         name: B.meta.icon,
                         size: 16
                       }, null, 8, ["name"])) : x("", !0),
-                      e("span", Io, $(B.meta?.title), 1)
+                      e("span", To, $(B.meta?.title), 1)
                     ], 8, So))), 128)),
                     (n(!0), r(E, null, W(F.children, (B) => (n(), r(E, {
                       key: "sub-" + B.path
                     }, [
-                      B.children && B.children.length > 0 ? (n(), r("div", zo, [
-                        e("div", Ho, $(B.meta?.title), 1),
-                        (n(!0), r(E, null, W(B.children, (Y) => (n(), r("div", {
-                          key: Y.path,
+                      B.children && B.children.length > 0 ? (n(), r("div", Mo, [
+                        e("div", Io, $(B.meta?.title), 1),
+                        (n(!0), r(E, null, W(B.children, (G) => (n(), r("div", {
+                          key: G.path,
                           class: "menu-item submenu-item",
-                          onClick: (S) => p(Y)
+                          onClick: (I) => H(G)
                         }, [
-                          Y.meta?.icon ? (n(), T(N(o(D)), {
+                          G.meta?.icon ? (n(), S(N(o(b)), {
                             key: 0,
-                            name: Y.meta.icon,
+                            name: G.meta.icon,
                             size: 14
                           }, null, 8, ["name"])) : x("", !0),
-                          e("span", Vo, $(Y.meta?.title), 1)
-                        ], 8, Ro))), 128))
+                          e("span", Vo, $(G.meta?.title), 1)
+                        ], 8, zo))), 128))
                       ])) : x("", !0)
                     ], 64))), 128))
                   ])) : x("", !0)
                 ]))), 128))
               ])
             ])
-          ])
+          ], !0)
         ], 34),
-        e("div", Ao, [
-          m(o(oe), { class: "content-layout" }, {
+        e("div", Ho, [
+          v(o(ne), { class: "content-layout" }, {
             default: l(() => [
-              m(o(re), { class: "main-content p16px app-content" }, {
+              v(o(ce), { class: "main-content p16px app-content" }, {
                 default: l(() => [
-                  e("div", Lo, [
-                    m(X, null, {
+                  e("div", Ro, [
+                    v(j, null, {
                       default: l(({ Component: F, route: B }) => [
-                        m(q, {
+                        v(Q, {
                           name: g.value,
                           mode: "out-in"
                         }, {
                           default: l(() => [
-                            (n(), T(le, {
-                              include: o(w),
+                            (n(), S(ue, {
+                              include: o(y),
                               max: o(s)
                             }, [
-                              (n(), T(N(F), {
+                              (n(), S(N(F), {
                                 key: B.path
                               }))
                             ], 1032, ["include", "max"]))
@@ -1331,7 +1359,7 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                 ]),
                 _: 1
               }),
-              k.value ? y(I.$slots, "footer", { key: 0 }) : x("", !0)
+              C.value ? _(k.$slots, "footer", { key: 0 }, void 0, !0) : x("", !0)
             ]),
             _: 3
           })
@@ -1339,224 +1367,224 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       ]);
     };
   }
-}), No = {
+}), Lo = /* @__PURE__ */ ee(Ao, [["__scopeId", "data-v-3e4915c5"]]), Do = {
   key: 6,
   class: "layout-coming-soon"
-}, Kn = /* @__PURE__ */ O({
+}, jn = /* @__PURE__ */ O({
   name: "C_LayoutContainer",
   __name: "index",
-  setup(_) {
-    const i = Se(), w = G(), s = z(() => i.layoutMode), f = w.isDark, v = R(!1);
-    return Ve("menuCollapse", {
-      isCollapsed: v,
+  setup(f) {
+    const i = ze(), y = X(), s = z(() => i.layoutMode), p = y.isDark, m = V(!1);
+    return He("menuCollapse", {
+      isCollapsed: m,
       handleCollapsedChange: (a) => {
-        v.value = a;
+        m.value = a;
       }
     }), (a, u) => (n(), r("div", {
-      class: A(["layout-container", o(f) ? "dark-mode" : "light-mode"])
+      class: A(["layout-container", o(p) ? "dark-mode" : "light-mode"])
     }, [
-      s.value === "side" ? (n(), T(Qe, {
+      s.value === "side" ? (n(), S(qe, {
         key: 0,
-        collapsed: v.value,
-        "onUpdate:collapsed": u[0] || (u[0] = (c) => v.value = c)
-      }, ne({
+        collapsed: m.value,
+        "onUpdate:collapsed": u[0] || (u[0] = (c) => m.value = c)
+      }, le({
         menu: l(() => [
-          y(a.$slots, "menu", { collapsed: v.value })
+          _(a.$slots, "menu", { collapsed: m.value })
         ]),
         header: l(() => [
-          y(a.$slots, "header")
+          _(a.$slots, "header")
         ]),
         footer: l(() => [
-          y(a.$slots, "footer")
+          _(a.$slots, "footer")
         ]),
         _: 2
       }, [
         a.$slots.logo ? {
           name: "logo",
           fn: l(() => [
-            y(a.$slots, "logo")
+            _(a.$slots, "logo")
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["collapsed"])) : s.value === "top" ? (n(), T(vt, { key: 1 }, ne({ _: 2 }, [
+      ]), 1032, ["collapsed"])) : s.value === "top" ? (n(), S(mt, { key: 1 }, le({ _: 2 }, [
         a.$slots.logo ? {
           name: "logo",
           fn: l(() => [
-            y(a.$slots, "logo")
+            _(a.$slots, "logo")
           ]),
           key: "0"
         } : void 0,
         a.$slots["top-menu"] ? {
           name: "menu",
           fn: l(() => [
-            y(a.$slots, "top-menu")
+            _(a.$slots, "top-menu")
           ]),
           key: "1"
         } : void 0,
         a.$slots["header-extra"] ? {
           name: "header-extra",
           fn: l(() => [
-            y(a.$slots, "header-extra")
+            _(a.$slots, "header-extra")
           ]),
           key: "2"
         } : void 0,
         a.$slots["tags-view"] ? {
           name: "tags-view",
           fn: l(() => [
-            y(a.$slots, "tags-view")
+            _(a.$slots, "tags-view")
           ]),
           key: "3"
         } : void 0,
         a.$slots.footer ? {
           name: "footer",
           fn: l(() => [
-            y(a.$slots, "footer")
+            _(a.$slots, "footer")
           ]),
           key: "4"
         } : void 0
-      ]), 1024)) : s.value === "mix" ? (n(), T(It, { key: 2 }, ne({
+      ]), 1024)) : s.value === "mix" ? (n(), S(Mt, { key: 2 }, le({
         header: l(() => [
-          y(a.$slots, "header")
+          _(a.$slots, "header")
         ]),
         _: 2
       }, [
         a.$slots.logo ? {
           name: "logo",
           fn: l(() => [
-            y(a.$slots, "logo")
+            _(a.$slots, "logo")
           ]),
           key: "0"
         } : void 0,
         a.$slots.footer ? {
           name: "footer",
           fn: l(() => [
-            y(a.$slots, "footer")
+            _(a.$slots, "footer")
           ]),
           key: "1"
         } : void 0
-      ]), 1024)) : s.value === "mix-top" ? (n(), T(Kt, { key: 3 }, ne({ _: 2 }, [
+      ]), 1024)) : s.value === "mix-top" ? (n(), S(jt, { key: 3 }, le({ _: 2 }, [
         a.$slots.logo ? {
           name: "logo",
           fn: l(() => [
-            y(a.$slots, "logo")
+            _(a.$slots, "logo")
           ]),
           key: "0"
         } : void 0,
         a.$slots.brand ? {
           name: "brand",
           fn: l(() => [
-            y(a.$slots, "brand")
+            _(a.$slots, "brand")
           ]),
           key: "1"
         } : void 0,
         a.$slots["top-menu"] ? {
           name: "top-menu",
           fn: l(() => [
-            y(a.$slots, "top-menu")
+            _(a.$slots, "top-menu")
           ]),
           key: "2"
         } : void 0,
         a.$slots["header-extra"] ? {
           name: "header-extra",
           fn: l(() => [
-            y(a.$slots, "header-extra")
+            _(a.$slots, "header-extra")
           ]),
           key: "3"
         } : void 0,
         a.$slots["tags-view"] ? {
           name: "tags-view",
           fn: l(() => [
-            y(a.$slots, "tags-view")
+            _(a.$slots, "tags-view")
           ]),
           key: "4"
         } : void 0,
         a.$slots.footer ? {
           name: "footer",
           fn: l(() => [
-            y(a.$slots, "footer")
+            _(a.$slots, "footer")
           ]),
           key: "5"
         } : void 0
-      ]), 1024)) : s.value === "reverse-horizontal-mix" ? (n(), T(po, { key: 4 }, ne({ _: 2 }, [
+      ]), 1024)) : s.value === "reverse-horizontal-mix" ? (n(), S(vo, { key: 4 }, le({ _: 2 }, [
         a.$slots.logo ? {
           name: "logo",
           fn: l(() => [
-            y(a.$slots, "logo")
+            _(a.$slots, "logo")
           ]),
           key: "0"
         } : void 0,
         a.$slots["top-menu"] ? {
           name: "top-menu",
           fn: l(() => [
-            y(a.$slots, "top-menu")
+            _(a.$slots, "top-menu")
           ]),
           key: "1"
         } : void 0,
         a.$slots["header-extra"] ? {
           name: "header-extra",
           fn: l(() => [
-            y(a.$slots, "header-extra")
+            _(a.$slots, "header-extra")
           ]),
           key: "2"
         } : void 0,
         a.$slots["tags-view"] ? {
           name: "tags-view",
           fn: l(() => [
-            y(a.$slots, "tags-view")
+            _(a.$slots, "tags-view")
           ]),
           key: "3"
         } : void 0,
         a.$slots.footer ? {
           name: "footer",
           fn: l(() => [
-            y(a.$slots, "footer")
+            _(a.$slots, "footer")
           ]),
           key: "4"
         } : void 0
-      ]), 1024)) : s.value === "card-layout" ? (n(), T(Do, { key: 5 }, ne({ _: 2 }, [
+      ]), 1024)) : s.value === "card-layout" ? (n(), S(Lo, { key: 5 }, le({ _: 2 }, [
         a.$slots["menu-trigger"] ? {
           name: "menu-trigger",
           fn: l(() => [
-            y(a.$slots, "menu-trigger")
+            _(a.$slots, "menu-trigger")
           ]),
           key: "0"
         } : void 0,
         a.$slots.logo ? {
           name: "logo",
           fn: l(() => [
-            y(a.$slots, "logo")
+            _(a.$slots, "logo")
           ]),
           key: "1"
         } : void 0,
         a.$slots["header-extra"] ? {
           name: "header-extra",
           fn: l(() => [
-            y(a.$slots, "header-extra")
+            _(a.$slots, "header-extra")
           ]),
           key: "2"
         } : void 0,
         a.$slots["tags-view"] ? {
           name: "tags-view",
           fn: l(() => [
-            y(a.$slots, "tags-view")
+            _(a.$slots, "tags-view")
           ]),
           key: "3"
         } : void 0,
         a.$slots["drawer-menu"] ? {
           name: "drawer-menu",
           fn: l(() => [
-            y(a.$slots, "drawer-menu")
+            _(a.$slots, "drawer-menu")
           ]),
           key: "4"
         } : void 0,
         a.$slots.footer ? {
           name: "footer",
           fn: l(() => [
-            y(a.$slots, "footer")
+            _(a.$slots, "footer")
           ]),
           key: "5"
         } : void 0
-      ]), 1024)) : (n(), r("div", No, [...u[1] || (u[1] = [
+      ]), 1024)) : (n(), r("div", Do, [...u[1] || (u[1] = [
         e("div", { class: "coming-soon-content" }, [
           e("div", { class: "coming-soon-icon" }, "🚧"),
           e("div", { class: "coming-soon-title" }, "布局开发中")
@@ -1564,7 +1592,7 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       ])]))
     ], 2));
   }
-}), Eo = [
+}), No = [
   {
     label: "左侧菜单（默认）",
     value: "side",
@@ -1627,31 +1655,31 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       <rect x="32" y="24" width="24" height="20" rx="2" fill="currentColor" fill-opacity="0.4"/>
     `
   }
-], Bo = { class: "settings-section" }, Fo = { class: "preset-grid" }, Wo = ["onClick"], Oo = { class: "preset-icon" }, Uo = { class: "preset-name" }, Po = { class: "preset-color" }, jo = { class: "settings-section" }, Ko = { class: "settings-section" }, Yo = { class: "color-picker-wrapper" }, Go = { class: "color-value" }, Xo = { class: "settings-section" }, Jo = { class: "settings-section" }, Zo = { class: "flex items-center justify-between mb-2" }, qo = { class: "settings-section" }, Qo = { class: "settings-section" }, es = { class: "layout-grid" }, ts = ["onClick"], os = { class: "layout-screenshot" }, ss = {
+], Eo = { class: "settings-section" }, Bo = { class: "preset-grid" }, Fo = ["onClick"], Wo = { class: "preset-icon" }, Oo = { class: "preset-name" }, Uo = { class: "preset-color" }, Po = { class: "settings-section" }, jo = { class: "settings-section" }, Ko = { class: "color-picker-wrapper" }, Yo = { class: "color-value" }, Go = { class: "settings-section" }, Xo = { class: "settings-section" }, Jo = { class: "flex items-center justify-between mb-2" }, Zo = { class: "settings-section" }, qo = { class: "settings-section" }, Qo = { class: "layout-grid" }, es = ["onClick"], ts = { class: "layout-screenshot" }, os = {
   class: "layout-svg",
   viewBox: "0 0 56 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, ns = ["innerHTML"], as = { class: "layout-label" }, is = {
+}, ss = ["innerHTML"], ns = { class: "layout-label" }, as = {
   key: 0,
   class: "badge-soon"
-}, ls = { class: "settings-section" }, rs = { class: "setting-item" }, ds = { class: "setting-item" }, us = { class: "setting-item" }, cs = { class: "setting-item" }, ms = { class: "settings-section" }, vs = { class: "slider-item" }, hs = { class: "slider-label" }, ps = { class: "slider-value" }, gs = { class: "slider-item" }, fs = { class: "slider-label" }, _s = { class: "slider-value" }, ys = { class: "settings-section" }, ws = { class: "settings-section" }, bs = { class: "action-buttons-grid" }, $s = { class: "settings-section" }, ks = { class: "action-buttons-grid" }, Cs = { class: "settings-section" }, xs = { class: "setting-item" }, Ts = { class: "setting-item" }, Ms = { class: "settings-section" }, Ss = { class: "setting-item" }, Is = {
+}, is = { class: "settings-section" }, ls = { class: "setting-item" }, rs = { class: "setting-item" }, ds = { class: "setting-item" }, us = { class: "setting-item" }, cs = { class: "settings-section" }, ms = { class: "slider-item" }, vs = { class: "slider-label" }, hs = { class: "slider-value" }, ps = { class: "slider-item" }, gs = { class: "slider-label" }, fs = { class: "slider-value" }, _s = { class: "settings-section" }, ys = { class: "settings-section" }, ws = { class: "action-buttons-grid" }, bs = { class: "settings-section" }, ks = { class: "action-buttons-grid" }, $s = { class: "settings-section" }, Cs = { class: "setting-item" }, xs = { class: "setting-item" }, Ss = { class: "settings-section" }, Ts = { class: "setting-item" }, Ms = {
   key: 0,
   class: "mt-2"
-}, zs = { class: "settings-section" }, Hs = { class: "system-info" }, Rs = { class: "info-item" }, Vs = { class: "info-value" }, As = { class: "info-item" }, Ls = { class: "info-value" }, Ds = { class: "info-item" }, Ns = { class: "info-value" }, Es = { class: "info-item" }, Bs = { class: "info-value" }, Fs = { class: "info-item" }, Ws = { class: "info-value" }, Os = { class: "info-item" }, Us = { class: "info-value" }, Ps = /* @__PURE__ */ O({
+}, Is = { class: "settings-section" }, zs = { class: "system-info" }, Vs = { class: "info-item" }, Hs = { class: "info-value" }, Rs = { class: "info-item" }, As = { class: "info-value" }, Ls = { class: "info-item" }, Ds = { class: "info-value" }, Ns = { class: "info-item" }, Es = { class: "info-value" }, Bs = { class: "info-item" }, Fs = { class: "info-value" }, Ws = { class: "info-item" }, Os = { class: "info-value" }, Us = /* @__PURE__ */ O({
   __name: "index",
   props: {
     show: { type: Boolean, default: !1 },
     showModifiers: {}
   },
   emits: ["update:show"],
-  setup(_) {
-    const i = Fe(), w = We(), s = Se(), f = Ae(_, "show"), v = R("appearance"), a = R(!1), u = R(!1), c = R(!1), k = R("Robot Admin");
+  setup(f) {
+    const i = Be(), y = Fe(), s = ze(), p = Re(f, "show"), m = V("appearance"), a = V(!1), u = V(!1), c = V(!1), C = V("Robot Admin");
     let g = null;
-    const h = (S) => {
+    const h = (I) => {
       g && (document.body.removeChild(g), g = null);
       const t = document.createElement("canvas"), d = t.getContext("2d");
-      t.width = 200, t.height = 150, d.font = "14px Microsoft JhengHei", d.fillStyle = "rgba(120, 120, 120, 0.15)", d.rotate(-20 * Math.PI / 180), d.fillText(S, 0, 80), g = document.createElement("div"), g.style.cssText = `
+      t.width = 200, t.height = 150, d.font = "14px Microsoft JhengHei", d.fillStyle = "rgba(120, 120, 120, 0.15)", d.rotate(-20 * Math.PI / 180), d.fillText(I, 0, 80), g = document.createElement("div"), g.style.cssText = `
     position: fixed;
     top: 0;
     left: 0;
@@ -1663,22 +1691,22 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
     z-index: 9999;
     user-select: none;
   `, document.body.appendChild(g);
-    }, b = () => {
+    }, w = () => {
       g && (document.body.removeChild(g), g = null);
     };
-    Z(a, (S) => {
-      document.documentElement.classList.toggle("gray-mode", S);
-    }), Z(u, (S) => {
-      document.documentElement.classList.toggle("color-weak-mode", S);
-    }), Z(c, (S) => {
-      S ? h(k.value) : b();
-    }), Z(k, (S) => {
-      c.value && h(S);
+    q(a, (I) => {
+      document.documentElement.classList.toggle("gray-mode", I);
+    }), q(u, (I) => {
+      document.documentElement.classList.toggle("color-weak-mode", I);
+    }), q(c, (I) => {
+      I ? h(C.value) : w();
+    }), q(C, (I) => {
+      c.value && h(I);
     });
     const M = z(() => {
-      const S = navigator.userAgent;
+      const I = navigator.userAgent;
       let t = "Unknown", d = "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") ? d = "Windows" : S.includes("Mac") ? d = "macOS" : S.includes("Linux") ? d = "Linux" : S.includes("Android") ? d = "Android" : S.includes("iOS") && (d = "iOS"), {
+      return I.includes("Chrome") ? t = "Chrome" : I.includes("Firefox") ? t = "Firefox" : I.includes("Safari") ? t = "Safari" : I.includes("Edge") && (t = "Edge"), I.includes("Windows") ? d = "Windows" : I.includes("Mac") ? d = "macOS" : I.includes("Linux") ? d = "Linux" : I.includes("Android") ? d = "Android" : I.includes("iOS") && (d = "iOS"), {
         browser: t,
         os: d,
         resolution: `${window.screen.width} × ${window.screen.height}`,
@@ -1687,19 +1715,19 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
         timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
       };
     });
-    we(() => {
-      b();
+    be(() => {
+      w();
     });
-    const C = (S, t) => {
-      t || (s.layoutMode = S);
-    }, H = (S) => s.primaryColor === S.primaryColor, p = (S) => {
-      s.applyPreset(S), i.success(`已应用「${S.name}」主题方案`);
-    }, D = () => {
+    const T = (I, t) => {
+      t || (s.layoutMode = I);
+    }, R = (I) => s.primaryColor === I.primaryColor, H = (I) => {
+      s.applyPreset(I), i.success(`已应用「${I.name}」主题方案`);
+    }, b = () => {
       s.themeMode = P.themeMode, s.primaryColor = P.primaryColor, s.borderRadius = P.borderRadius, s.transitionType = P.transitionType, s.enableTransition = P.enableTransition, i.success("已恢复外观默认设置");
-    }, I = () => {
+    }, k = () => {
       s.layoutMode = P.layoutMode, s.fixedHeader = P.fixedHeader, s.showBreadcrumb = P.showBreadcrumb, s.showBreadcrumbIcon = P.showBreadcrumbIcon, s.showTagsView = P.showTagsView, s.tagsViewHeight = P.tagsViewHeight, s.tagsViewStyle = P.tagsViewStyle, s.showFooter = P.showFooter, s.sidebarWidth = P.sidebarWidth, s.sidebarCollapsedWidth = P.sidebarCollapsedWidth, s.headerHeight = P.headerHeight, i.success("已恢复布局默认设置");
-    }, V = () => {
-      w.warning({
+    }, L = () => {
+      y.warning({
         title: "确认重置",
         content: "确定要恢复默认配置吗？此操作不可撤销。",
         positiveText: "确认",
@@ -1708,115 +1736,115 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
           s.resetSettings(), i.success("已恢复默认配置");
         }
       });
-    }, X = () => {
-      w.warning({
+    }, j = () => {
+      y.warning({
         title: "确认清除",
         content: "确定要清除浏览器缓存吗？",
         positiveText: "确认",
         negativeText: "取消",
         onPositiveClick: () => {
-          const S = ["theme-mode", "robot-admin-settings"];
+          const I = ["theme-mode", "robot-admin-settings"];
           Object.keys(localStorage).forEach((d) => {
-            S.includes(d) || localStorage.removeItem(d);
+            I.includes(d) || localStorage.removeItem(d);
           }), sessionStorage.clear(), i.success("缓存已清除");
         }
       });
     }, F = () => {
       location.reload();
     }, B = () => {
-      const S = {
+      const I = {
         settings: s.settingsState,
         gray: a.value,
         colorWeak: u.value,
         watermark: {
           enabled: c.value,
-          text: k.value
+          text: C.value
         },
         exportTime: (/* @__PURE__ */ new Date()).toISOString()
-      }, t = new Blob([JSON.stringify(S, null, 2)], {
+      }, t = new Blob([JSON.stringify(I, null, 2)], {
         type: "application/json"
-      }), d = URL.createObjectURL(t), j = document.createElement("a");
-      j.href = d, j.download = `robot-admin-config-${Date.now()}.json`, j.click(), URL.revokeObjectURL(d), i.success("配置已导出");
-    }, Y = () => {
-      const S = document.createElement("input");
-      S.type = "file", S.accept = "application/json", S.onchange = async (t) => {
+      }), d = URL.createObjectURL(t), K = document.createElement("a");
+      K.href = d, K.download = `robot-admin-config-${Date.now()}.json`, K.click(), URL.revokeObjectURL(d), i.success("配置已导出");
+    }, G = () => {
+      const I = document.createElement("input");
+      I.type = "file", I.accept = "application/json", I.onchange = async (t) => {
         const d = t.target.files?.[0];
         if (d)
           try {
-            const j = await d.text(), K = JSON.parse(j);
-            K.settings && s.$patch(K.settings), K.gray !== void 0 && (a.value = K.gray), K.colorWeak !== void 0 && (u.value = K.colorWeak), K.watermark && (c.value = K.watermark.enabled, k.value = K.watermark.text), i.success("配置已导入");
+            const K = await d.text(), Y = JSON.parse(K);
+            Y.settings && s.$patch(Y.settings), Y.gray !== void 0 && (a.value = Y.gray), Y.colorWeak !== void 0 && (u.value = Y.colorWeak), Y.watermark && (c.value = Y.watermark.enabled, C.value = Y.watermark.text), i.success("配置已导入");
           } catch {
             i.error("配置文件格式错误");
           }
-      }, S.click();
+      }, I.click();
     };
-    return (S, t) => (n(), T(o(Oe), {
-      show: f.value,
-      "onUpdate:show": t[16] || (t[16] = (d) => f.value = d),
+    return (I, t) => (n(), S(o(We), {
+      show: p.value,
+      "onUpdate:show": t[16] || (t[16] = (d) => p.value = d),
       width: 380,
       placement: "right",
       "trap-focus": !1,
       "block-scroll": !1
     }, {
       default: l(() => [
-        m(o(Ue), {
+        v(o(Oe), {
           title: "⚙️ 布局配置",
           closable: ""
         }, {
           default: l(() => [
-            m(o(Pe), {
-              value: v.value,
-              "onUpdate:value": t[15] || (t[15] = (d) => v.value = d),
+            v(o(Ue), {
+              value: m.value,
+              "onUpdate:value": t[15] || (t[15] = (d) => m.value = d),
               animated: "",
               class: "settings-tabs"
             }, {
               default: l(() => [
-                m(o(fe), {
+                v(o(_e), {
                   name: "appearance",
                   tab: "🎨 外观"
                 }, {
                   default: l(() => [
-                    e("div", Bo, [
-                      e("div", Fo, [
-                        (n(!0), r(E, null, W(o(Ge), (d) => (n(), r("div", {
+                    e("div", Eo, [
+                      e("div", Bo, [
+                        (n(!0), r(E, null, W(o(Ye), (d) => (n(), r("div", {
                           key: d.name,
-                          class: A(["preset-card", { active: H(d) }]),
-                          onClick: (j) => p(d)
+                          class: A(["preset-card", { active: R(d) }]),
+                          onClick: (K) => H(d)
                         }, [
-                          e("div", Oo, $(d.icon), 1),
-                          e("div", Uo, $(d.name), 1),
-                          e("div", Po, [
+                          e("div", Wo, $(d.icon), 1),
+                          e("div", Oo, $(d.name), 1),
+                          e("div", Uo, [
                             e("span", {
                               class: "color-dot",
-                              style: me({ backgroundColor: d.primaryColor })
+                              style: he({ backgroundColor: d.primaryColor })
                             }, null, 4)
                           ])
-                        ], 10, Wo))), 128))
+                        ], 10, Fo))), 128))
                       ])
                     ]),
-                    e("div", jo, [
+                    e("div", Po, [
                       t[20] || (t[20] = e("div", { class: "section-title" }, "主题模式", -1)),
-                      m(o(_e), {
+                      v(o(ye), {
                         value: o(s).themeMode,
                         "onUpdate:value": t[0] || (t[0] = (d) => o(s).themeMode = d),
                         class: "mode-group"
                       }, {
                         default: l(() => [
-                          m(o(J), { value: "light" }, {
+                          v(o(Z), { value: "light" }, {
                             default: l(() => [...t[17] || (t[17] = [
                               e("span", { class: "i-mdi:white-balance-sunny mr-1" }, null, -1),
                               U(" 浅色 ", -1)
                             ])]),
                             _: 1
                           }),
-                          m(o(J), { value: "dark" }, {
+                          v(o(Z), { value: "dark" }, {
                             default: l(() => [...t[18] || (t[18] = [
                               e("span", { class: "i-mdi:moon-waning-crescent mr-1" }, null, -1),
                               U(" 深色 ", -1)
                             ])]),
                             _: 1
                           }),
-                          m(o(J), { value: "auto" }, {
+                          v(o(Z), { value: "auto" }, {
                             default: l(() => [...t[19] || (t[19] = [
                               e("span", { class: "i-mdi:theme-light-dark mr-1" }, null, -1),
                               U(" 自动 ", -1)
@@ -1827,40 +1855,40 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                         _: 1
                       }, 8, ["value"])
                     ]),
-                    e("div", Ko, [
+                    e("div", jo, [
                       t[21] || (t[21] = e("div", { class: "section-title" }, "主题色", -1)),
-                      e("div", Yo, [
-                        m(o(je), {
+                      e("div", Ko, [
+                        v(o(Pe), {
                           value: o(s).primaryColor,
                           "onUpdate:value": t[1] || (t[1] = (d) => o(s).primaryColor = d),
                           "show-alpha": !1,
-                          swatches: o(Ze),
+                          swatches: o(Je),
                           actions: ["confirm"]
                         }, null, 8, ["value", "swatches"]),
-                        e("span", Go, $(o(s).primaryColor), 1)
+                        e("span", Yo, $(o(s).primaryColor), 1)
                       ])
                     ]),
-                    e("div", Xo, [
+                    e("div", Go, [
                       t[25] || (t[25] = e("div", { class: "section-title" }, "圆角大小", -1)),
-                      m(o(_e), {
+                      v(o(ye), {
                         value: o(s).borderRadius,
                         "onUpdate:value": t[2] || (t[2] = (d) => o(s).borderRadius = d),
                         class: "radius-group"
                       }, {
                         default: l(() => [
-                          m(o(J), { value: "small" }, {
+                          v(o(Z), { value: "small" }, {
                             default: l(() => [...t[22] || (t[22] = [
                               U("小 (4px)", -1)
                             ])]),
                             _: 1
                           }),
-                          m(o(J), { value: "medium" }, {
+                          v(o(Z), { value: "medium" }, {
                             default: l(() => [...t[23] || (t[23] = [
                               U("中 (6px)", -1)
                             ])]),
                             _: 1
                           }),
-                          m(o(J), { value: "large" }, {
+                          v(o(Z), { value: "large" }, {
                             default: l(() => [...t[24] || (t[24] = [
                               U("大 (8px)", -1)
                             ])]),
@@ -1870,41 +1898,41 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                         _: 1
                       }, 8, ["value"])
                     ]),
-                    e("div", Jo, [
+                    e("div", Xo, [
                       t[31] || (t[31] = e("div", { class: "section-title" }, "页面动画", -1)),
-                      e("div", Zo, [
+                      e("div", Jo, [
                         t[26] || (t[26] = e("span", { class: "text-sm" }, "启用动画", -1)),
-                        m(o(Q), {
+                        v(o(te), {
                           value: o(s).enableTransition,
                           "onUpdate:value": t[3] || (t[3] = (d) => o(s).enableTransition = d)
                         }, null, 8, ["value"])
                       ]),
-                      m(o(_e), {
+                      v(o(ye), {
                         value: o(s).transitionType,
                         "onUpdate:value": t[4] || (t[4] = (d) => o(s).transitionType = d),
                         disabled: !o(s).enableTransition,
                         class: "transition-group"
                       }, {
                         default: l(() => [
-                          m(o(J), { value: "fade" }, {
+                          v(o(Z), { value: "fade" }, {
                             default: l(() => [...t[27] || (t[27] = [
                               U("淡入", -1)
                             ])]),
                             _: 1
                           }),
-                          m(o(J), { value: "slide" }, {
+                          v(o(Z), { value: "slide" }, {
                             default: l(() => [...t[28] || (t[28] = [
                               U("滑动", -1)
                             ])]),
                             _: 1
                           }),
-                          m(o(J), { value: "zoom" }, {
+                          v(o(Z), { value: "zoom" }, {
                             default: l(() => [...t[29] || (t[29] = [
                               U("缩放", -1)
                             ])]),
                             _: 1
                           }),
-                          m(o(J), { value: "none" }, {
+                          v(o(Z), { value: "none" }, {
                             default: l(() => [...t[30] || (t[30] = [
                               U("无", -1)
                             ])]),
@@ -1914,11 +1942,11 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                         _: 1
                       }, 8, ["value", "disabled"])
                     ]),
-                    e("div", qo, [
-                      m(o(ee), {
+                    e("div", Zo, [
+                      v(o(oe), {
                         block: "",
                         secondary: "",
-                        onClick: D
+                        onClick: b
                       }, {
                         icon: l(() => [...t[32] || (t[32] = [
                           e("span", { class: "i-mdi:restore" }, null, -1)
@@ -1932,76 +1960,76 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                   ]),
                   _: 1
                 }),
-                m(o(fe), {
+                v(o(_e), {
                   name: "layout",
                   tab: "📐 布局"
                 }, {
                   default: l(() => [
-                    e("div", Qo, [
+                    e("div", qo, [
                       t[34] || (t[34] = e("div", { class: "section-title" }, "布局模式", -1)),
-                      e("div", es, [
-                        (n(!0), r(E, null, W(o(Eo), (d) => (n(), r("div", {
+                      e("div", Qo, [
+                        (n(!0), r(E, null, W(o(No), (d) => (n(), r("div", {
                           key: d.value,
                           class: A(["layout-item", {
                             active: o(s).layoutMode === d.value,
                             disabled: d.disabled
                           }]),
-                          onClick: Le((j) => C(d.value, d.disabled), ["stop"])
+                          onClick: Ae((K) => T(d.value, d.disabled), ["stop"])
                         }, [
-                          e("div", os, [
-                            (n(), r("svg", ss, [
+                          e("div", ts, [
+                            (n(), r("svg", os, [
                               e("g", {
                                 innerHTML: d.svg
-                              }, null, 8, ns)
+                              }, null, 8, ss)
                             ]))
                           ]),
-                          e("div", as, [
+                          e("div", ns, [
                             U($(d.label) + " ", 1),
-                            d.disabled ? (n(), r("span", is, "敬请期待")) : x("", !0)
+                            d.disabled ? (n(), r("span", as, "敬请期待")) : x("", !0)
                           ])
-                        ], 10, ts))), 128))
+                        ], 10, es))), 128))
                       ])
                     ]),
-                    e("div", ls, [
+                    e("div", is, [
                       t[39] || (t[39] = e("div", { class: "section-title" }, "界面元素", -1)),
-                      e("div", rs, [
+                      e("div", ls, [
                         t[35] || (t[35] = e("span", null, "显示面包屑", -1)),
-                        m(o(Q), {
+                        v(o(te), {
                           value: o(s).showBreadcrumb,
                           "onUpdate:value": t[5] || (t[5] = (d) => o(s).showBreadcrumb = d)
                         }, null, 8, ["value"])
                       ]),
-                      e("div", ds, [
+                      e("div", rs, [
                         t[36] || (t[36] = e("span", null, "显示面包屑图标", -1)),
-                        m(o(Q), {
+                        v(o(te), {
                           value: o(s).showBreadcrumbIcon,
                           "onUpdate:value": t[6] || (t[6] = (d) => o(s).showBreadcrumbIcon = d),
                           disabled: !o(s).showBreadcrumb
                         }, null, 8, ["value", "disabled"])
                       ]),
-                      e("div", us, [
+                      e("div", ds, [
                         t[37] || (t[37] = e("span", null, "显示标签页", -1)),
-                        m(o(Q), {
+                        v(o(te), {
                           value: o(s).showTagsView,
                           "onUpdate:value": t[7] || (t[7] = (d) => o(s).showTagsView = d)
                         }, null, 8, ["value"])
                       ]),
-                      e("div", cs, [
+                      e("div", us, [
                         t[38] || (t[38] = e("span", null, "显示页脚", -1)),
-                        m(o(Q), {
+                        v(o(te), {
                           value: o(s).showFooter,
                           "onUpdate:value": t[8] || (t[8] = (d) => o(s).showFooter = d)
                         }, null, 8, ["value"])
                       ])
                     ]),
-                    e("div", ms, [
+                    e("div", cs, [
                       t[42] || (t[42] = e("div", { class: "section-title" }, "尺寸调整", -1)),
-                      e("div", vs, [
-                        e("div", hs, [
+                      e("div", ms, [
+                        e("div", vs, [
                           t[40] || (t[40] = e("span", null, "侧边栏宽度", -1)),
-                          e("span", ps, $(o(s).sidebarWidth) + "px", 1)
+                          e("span", hs, $(o(s).sidebarWidth) + "px", 1)
                         ]),
-                        m(o(Ce), {
+                        v(o(Se), {
                           value: o(s).sidebarWidth,
                           "onUpdate:value": t[9] || (t[9] = (d) => o(s).sidebarWidth = d),
                           min: 180,
@@ -2010,12 +2038,12 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                           marks: { 180: "180", 220: "220", 280: "280" }
                         }, null, 8, ["value"])
                       ]),
-                      e("div", gs, [
-                        e("div", fs, [
+                      e("div", ps, [
+                        e("div", gs, [
                           t[41] || (t[41] = e("span", null, "头部高度", -1)),
-                          e("span", _s, $(o(s).headerHeight) + "px", 1)
+                          e("span", fs, $(o(s).headerHeight) + "px", 1)
                         ]),
-                        m(o(Ce), {
+                        v(o(Se), {
                           value: o(s).headerHeight,
                           "onUpdate:value": t[10] || (t[10] = (d) => o(s).headerHeight = d),
                           min: 48,
@@ -2025,11 +2053,11 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                         }, null, 8, ["value"])
                       ])
                     ]),
-                    e("div", ys, [
-                      m(o(ee), {
+                    e("div", _s, [
+                      v(o(oe), {
                         block: "",
                         secondary: "",
-                        onClick: I
+                        onClick: k
                       }, {
                         icon: l(() => [...t[43] || (t[43] = [
                           e("span", { class: "i-mdi:restore" }, null, -1)
@@ -2043,17 +2071,17 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                   ]),
                   _: 1
                 }),
-                m(o(fe), {
+                v(o(_e), {
                   name: "features",
                   tab: "🔧 功能"
                 }, {
                   default: l(() => [
-                    e("div", ws, [
+                    e("div", ys, [
                       t[49] || (t[49] = e("div", { class: "section-title" }, "缓存管理", -1)),
-                      e("div", bs, [
-                        m(o(ee), {
+                      e("div", ws, [
+                        v(o(oe), {
                           secondary: "",
-                          onClick: X
+                          onClick: j
                         }, {
                           icon: l(() => [...t[45] || (t[45] = [
                             e("span", { class: "i-mdi:delete-sweep" }, null, -1)
@@ -2063,7 +2091,7 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                           ]),
                           _: 1
                         }),
-                        m(o(ee), {
+                        v(o(oe), {
                           secondary: "",
                           onClick: F
                         }, {
@@ -2077,10 +2105,10 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                         })
                       ])
                     ]),
-                    e("div", $s, [
+                    e("div", bs, [
                       t[56] || (t[56] = e("div", { class: "section-title" }, "配置管理", -1)),
                       e("div", ks, [
-                        m(o(ee), {
+                        v(o(oe), {
                           secondary: "",
                           onClick: B
                         }, {
@@ -2092,9 +2120,9 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                           ]),
                           _: 1
                         }),
-                        m(o(ee), {
+                        v(o(oe), {
                           secondary: "",
-                          onClick: Y
+                          onClick: G
                         }, {
                           icon: l(() => [...t[52] || (t[52] = [
                             e("span", { class: "i-mdi:upload" }, null, -1)
@@ -2105,12 +2133,12 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                           _: 1
                         })
                       ]),
-                      m(o(ee), {
+                      v(o(oe), {
                         block: "",
                         type: "error",
                         secondary: "",
                         class: "mt-2",
-                        onClick: V
+                        onClick: L
                       }, {
                         icon: l(() => [...t[54] || (t[54] = [
                           e("span", { class: "i-mdi:restore" }, null, -1)
@@ -2121,73 +2149,73 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                         _: 1
                       })
                     ]),
-                    e("div", Cs, [
+                    e("div", $s, [
                       t[59] || (t[59] = e("div", { class: "section-title" }, "系统模式", -1)),
-                      e("div", xs, [
+                      e("div", Cs, [
                         t[57] || (t[57] = e("div", { class: "setting-label" }, [
                           e("span", null, "灰色模式"),
                           e("span", { class: "setting-desc" }, "用于哀悼日场景")
                         ], -1)),
-                        m(o(Q), {
+                        v(o(te), {
                           value: a.value,
                           "onUpdate:value": t[11] || (t[11] = (d) => a.value = d)
                         }, null, 8, ["value"])
                       ]),
-                      e("div", Ts, [
+                      e("div", xs, [
                         t[58] || (t[58] = e("div", { class: "setting-label" }, [
                           e("span", null, "色弱模式"),
                           e("span", { class: "setting-desc" }, "提供无障碍访问支持")
                         ], -1)),
-                        m(o(Q), {
+                        v(o(te), {
                           value: u.value,
                           "onUpdate:value": t[12] || (t[12] = (d) => u.value = d)
                         }, null, 8, ["value"])
                       ])
                     ]),
-                    e("div", Ms, [
+                    e("div", Ss, [
                       t[61] || (t[61] = e("div", { class: "section-title" }, "水印设置", -1)),
-                      e("div", Ss, [
+                      e("div", Ts, [
                         t[60] || (t[60] = e("span", null, "启用水印", -1)),
-                        m(o(Q), {
+                        v(o(te), {
                           value: c.value,
                           "onUpdate:value": t[13] || (t[13] = (d) => c.value = d)
                         }, null, 8, ["value"])
                       ]),
-                      c.value ? (n(), r("div", Is, [
-                        m(o(Ke), {
-                          value: k.value,
-                          "onUpdate:value": t[14] || (t[14] = (d) => k.value = d),
+                      c.value ? (n(), r("div", Ms, [
+                        v(o(je), {
+                          value: C.value,
+                          "onUpdate:value": t[14] || (t[14] = (d) => C.value = d),
                           placeholder: "请输入水印内容",
                           size: "small"
                         }, null, 8, ["value"])
                       ])) : x("", !0)
                     ]),
-                    e("div", zs, [
+                    e("div", Is, [
                       t[68] || (t[68] = e("div", { class: "section-title" }, "系统信息", -1)),
-                      e("div", Hs, [
-                        e("div", Rs, [
+                      e("div", zs, [
+                        e("div", Vs, [
                           t[62] || (t[62] = e("span", { class: "info-label" }, "浏览器", -1)),
-                          e("span", Vs, $(M.value.browser), 1)
+                          e("span", Hs, $(M.value.browser), 1)
                         ]),
-                        e("div", As, [
+                        e("div", Rs, [
                           t[63] || (t[63] = e("span", { class: "info-label" }, "操作系统", -1)),
-                          e("span", Ls, $(M.value.os), 1)
+                          e("span", As, $(M.value.os), 1)
                         ]),
-                        e("div", Ds, [
+                        e("div", Ls, [
                           t[64] || (t[64] = e("span", { class: "info-label" }, "屏幕分辨率", -1)),
-                          e("span", Ns, $(M.value.resolution), 1)
+                          e("span", Ds, $(M.value.resolution), 1)
                         ]),
-                        e("div", Es, [
+                        e("div", Ns, [
                           t[65] || (t[65] = e("span", { class: "info-label" }, "设备像素比", -1)),
-                          e("span", Bs, $(M.value.pixelRatio), 1)
+                          e("span", Es, $(M.value.pixelRatio), 1)
                         ]),
-                        e("div", Fs, [
+                        e("div", Bs, [
                           t[66] || (t[66] = e("span", { class: "info-label" }, "语言", -1)),
-                          e("span", Ws, $(M.value.language), 1)
+                          e("span", Fs, $(M.value.language), 1)
                         ]),
-                        e("div", Os, [
+                        e("div", Ws, [
                           t[67] || (t[67] = e("span", { class: "info-label" }, "时区", -1)),
-                          e("span", Us, $(M.value.timezone), 1)
+                          e("span", Os, $(M.value.timezone), 1)
                         ])
                       ])
                     ])
@@ -2204,13 +2232,13 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       _: 1
     }, 8, ["show"]));
   }
-}), Yn = /* @__PURE__ */ te(Ps, [["__scopeId", "data-v-f98d8946"]]), js = { class: "brand-logo__icon" }, Ks = ["src", "width", "height"], Ys = ["src", "width", "height"], Gs = { class: "brand-logo__name" }, Xs = { class: "brand-logo__title" }, Js = {
+}), Kn = /* @__PURE__ */ ee(Us, [["__scopeId", "data-v-f98d8946"]]), Ps = { class: "brand-logo__icon" }, js = ["src", "width", "height"], Ks = ["src", "width", "height"], Ys = { class: "brand-logo__name" }, Gs = { class: "brand-logo__title" }, Xs = {
   key: 0,
   class: "brand-logo__subtitle"
-}, Zs = {
+}, Js = {
   key: 0,
   class: "brand-logo__divider"
-}, qs = /* @__PURE__ */ O({
+}, Zs = /* @__PURE__ */ O({
   name: "BrandLogo",
   __name: "index",
   props: {
@@ -2220,48 +2248,48 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
     collapsed: { type: Boolean, default: !1 },
     variant: { default: "horizontal" }
   },
-  setup(_) {
-    const i = G(), w = { ...se, ...i.brand };
-    return (s, f) => (n(), r("div", {
+  setup(f) {
+    const i = X(), y = { ...ae, ...i.brand };
+    return (s, p) => (n(), r("div", {
       class: A(["brand-logo", {
-        "brand-logo--collapsed": _.collapsed,
-        "brand-logo--horizontal": _.variant === "horizontal"
+        "brand-logo--collapsed": f.collapsed,
+        "brand-logo--horizontal": f.variant === "horizontal"
       }])
     }, [
-      e("div", js, [
-        f[0] || (f[0] = e("div", { class: "brand-logo__glow" }, null, -1)),
-        w.logoType === "video" && w.logoSrc ? (n(), r("video", {
+      e("div", Ps, [
+        p[0] || (p[0] = e("div", { class: "brand-logo__glow" }, null, -1)),
+        y.logoType === "video" && y.logoSrc ? (n(), r("video", {
           key: 0,
-          src: w.logoSrc,
-          width: _.size,
-          height: _.size,
+          src: y.logoSrc,
+          width: f.size,
+          height: f.size,
           autoplay: "",
           loop: "",
           muted: "",
           playsinline: "",
           class: "brand-logo__media"
-        }, null, 8, Ks)) : w.logoSrc ? (n(), r("img", {
+        }, null, 8, js)) : y.logoSrc ? (n(), r("img", {
           key: 1,
-          src: w.logoSrc,
-          width: _.size,
-          height: _.size,
+          src: y.logoSrc,
+          width: f.size,
+          height: f.size,
           class: "brand-logo__media",
           alt: "Logo"
-        }, null, 8, Ys)) : x("", !0)
+        }, null, 8, Ks)) : x("", !0)
       ]),
-      _.showName && !_.collapsed ? (n(), r(E, { key: 0 }, [
-        e("div", Gs, [
-          e("span", Xs, $(w.name), 1),
-          w.subtitle ? (n(), r("span", Js, $(w.subtitle), 1)) : x("", !0)
+      f.showName && !f.collapsed ? (n(), r(E, { key: 0 }, [
+        e("div", Ys, [
+          e("span", Gs, $(y.name), 1),
+          y.subtitle ? (n(), r("span", Xs, $(y.subtitle), 1)) : x("", !0)
         ]),
-        _.showDivider ? (n(), r("div", Zs)) : x("", !0)
+        f.showDivider ? (n(), r("div", Js)) : x("", !0)
       ], 64)) : x("", !0)
     ], 2));
   }
-}), Gn = /* @__PURE__ */ te(qs, [["__scopeId", "data-v-fd1c2eec"]]), Qs = { class: "icon-menu" }, en = ["onClick"], tn = { class: "icon-menu__icon" }, on = {
+}), Yn = /* @__PURE__ */ ee(Zs, [["__scopeId", "data-v-fd1c2eec"]]), qs = { class: "icon-menu" }, Qs = ["onClick"], en = { class: "icon-menu__icon" }, tn = {
   key: 1,
   class: "icon-menu__fallback"
-}, sn = { class: "icon-menu__label" }, nn = /* @__PURE__ */ O({
+}, on = { class: "icon-menu__label" }, sn = /* @__PURE__ */ O({
   name: "IconMenu",
   __name: "index",
   props: {
@@ -2269,29 +2297,29 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
     active: {}
   },
   emits: ["click"],
-  setup(_, { emit: i }) {
-    const w = i, s = G();
-    return (f, v) => (n(), r("div", Qs, [
-      (n(!0), r(E, null, W(_.menus, (a) => (n(), r("div", {
+  setup(f, { emit: i }) {
+    const y = i, s = X();
+    return (p, m) => (n(), r("div", qs, [
+      (n(!0), r(E, null, W(f.menus, (a) => (n(), r("div", {
         key: a.path,
-        class: A(["icon-menu__item", { "icon-menu__item--active": _.active === a.path }]),
-        onClick: (u) => w("click", a)
+        class: A(["icon-menu__item", { "icon-menu__item--active": f.active === a.path }]),
+        onClick: (u) => y("click", a)
       }, [
-        e("div", tn, [
-          o(s).iconComponent && a.meta?.icon ? (n(), T(N(o(s).iconComponent), {
+        e("div", en, [
+          o(s).iconComponent && a.meta?.icon ? (n(), S(N(o(s).iconComponent), {
             key: 0,
             name: a.meta.icon,
             size: 20
-          }, null, 8, ["name"])) : (n(), r("span", on, $(a.meta?.title?.charAt(0) || "?"), 1))
+          }, null, 8, ["name"])) : (n(), r("span", tn, $(a.meta?.title?.charAt(0) || "?"), 1))
         ]),
-        e("div", sn, $(a.meta?.title), 1)
-      ], 10, en))), 128))
+        e("div", on, $(a.meta?.title), 1)
+      ], 10, Qs))), 128))
     ]));
   }
-}), Xn = /* @__PURE__ */ te(nn, [["__scopeId", "data-v-f985d475"]]), an = { class: "floating-menu__header" }, ln = { class: "floating-menu__brand" }, rn = { class: "floating-menu__brand-title" }, dn = { class: "floating-menu__brand-subtitle" }, un = { class: "floating-menu__list" }, cn = {
+}), Gn = /* @__PURE__ */ ee(sn, [["__scopeId", "data-v-f985d475"]]), nn = { class: "floating-menu__header" }, an = { class: "floating-menu__brand" }, ln = { class: "floating-menu__brand-title" }, rn = { class: "floating-menu__brand-subtitle" }, dn = { class: "floating-menu__list" }, un = {
   key: 0,
   class: "floating-menu__group"
-}, mn = { class: "floating-menu__group-title" }, vn = ["onClick"], hn = { class: "floating-menu__item-text" }, pn = ["onClick"], gn = { class: "floating-menu__item-text" }, fn = /* @__PURE__ */ O({
+}, cn = { class: "floating-menu__group-title" }, mn = ["onClick"], vn = { class: "floating-menu__item-text" }, hn = ["onClick"], pn = { class: "floating-menu__item-text" }, gn = /* @__PURE__ */ O({
   name: "FloatingMenu",
   __name: "index",
   props: {
@@ -2300,27 +2328,27 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
     isActive: { type: Function }
   },
   emits: ["click"],
-  setup(_, { emit: i }) {
-    const w = i, s = G(), f = { ...se, ...s.brand };
-    return (v, a) => (n(), T(q, { name: "slide-fade" }, {
+  setup(f, { emit: i }) {
+    const y = i, s = X(), p = { ...ae, ...s.brand };
+    return (m, a) => (n(), S(Q, { name: "slide-fade" }, {
       default: l(() => [
-        _.show && _.menuItem ? (n(), r("div", {
+        f.show && f.menuItem ? (n(), r("div", {
           key: 0,
           class: A(["floating-menu", [o(s).isDark.value ? "dark-theme" : "light-theme"]])
         }, [
-          e("div", an, [
-            e("div", ln, [
-              e("span", rn, $(f.name), 1),
-              e("span", dn, $(f.subtitle), 1)
+          e("div", nn, [
+            e("div", an, [
+              e("span", ln, $(p.name), 1),
+              e("span", rn, $(p.subtitle), 1)
             ])
           ]),
-          e("div", un, [
-            (n(!0), r(E, null, W(_.menuItem.children, (u) => (n(), r(E, {
+          e("div", dn, [
+            (n(!0), r(E, null, W(f.menuItem.children, (u) => (n(), r(E, {
               key: u.path
             }, [
-              u.children && u.children.length > 0 ? (n(), r("div", cn, [
-                e("div", mn, [
-                  o(s).iconComponent && u.meta?.icon ? (n(), T(N(o(s).iconComponent), {
+              u.children && u.children.length > 0 ? (n(), r("div", un, [
+                e("div", cn, [
+                  o(s).iconComponent && u.meta?.icon ? (n(), S(N(o(s).iconComponent), {
                     key: 0,
                     name: u.meta.icon,
                     size: 16
@@ -2329,28 +2357,28 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                 ]),
                 (n(!0), r(E, null, W(u.children, (c) => (n(), r("div", {
                   key: c.path,
-                  class: A(["floating-menu__item floating-menu__item--sub", { active: _.isActive?.(c.path) }]),
-                  onClick: (k) => w("click", c)
+                  class: A(["floating-menu__item floating-menu__item--sub", { active: f.isActive?.(c.path) }]),
+                  onClick: (C) => y("click", c)
                 }, [
-                  o(s).iconComponent && c.meta?.icon ? (n(), T(N(o(s).iconComponent), {
+                  o(s).iconComponent && c.meta?.icon ? (n(), S(N(o(s).iconComponent), {
                     key: 0,
                     name: c.meta.icon,
                     size: 16
                   }, null, 8, ["name"])) : x("", !0),
-                  e("span", hn, $(c.meta?.title), 1)
-                ], 10, vn))), 128))
+                  e("span", vn, $(c.meta?.title), 1)
+                ], 10, mn))), 128))
               ])) : (n(), r("div", {
                 key: 1,
-                class: A(["floating-menu__item", { active: _.isActive?.(u.path) }]),
-                onClick: (c) => w("click", u)
+                class: A(["floating-menu__item", { active: f.isActive?.(u.path) }]),
+                onClick: (c) => y("click", u)
               }, [
-                o(s).iconComponent && u.meta?.icon ? (n(), T(N(o(s).iconComponent), {
+                o(s).iconComponent && u.meta?.icon ? (n(), S(N(o(s).iconComponent), {
                   key: 0,
                   name: u.meta.icon,
                   size: 18
                 }, null, 8, ["name"])) : x("", !0),
-                e("span", gn, $(u.meta?.title), 1)
-              ], 10, pn))
+                e("span", pn, $(u.meta?.title), 1)
+              ], 10, hn))
             ], 64))), 128))
           ])
         ], 2)) : x("", !0)
@@ -2358,10 +2386,10 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       _: 1
     }));
   }
-}), Jn = /* @__PURE__ */ te(fn, [["__scopeId", "data-v-0588c318"]]), _n = { class: "side-menu__header" }, yn = { class: "side-menu__header-icon" }, wn = { class: "side-menu__header-title" }, bn = { class: "side-menu__list" }, $n = {
+}), Xn = /* @__PURE__ */ ee(gn, [["__scopeId", "data-v-0588c318"]]), fn = { class: "side-menu__header" }, _n = { class: "side-menu__header-icon" }, yn = { class: "side-menu__header-title" }, wn = { class: "side-menu__list" }, bn = {
   key: 0,
   class: "side-menu__group"
-}, kn = { class: "side-menu__group-label" }, Cn = ["onClick"], xn = { class: "side-menu__item-text" }, Tn = ["onClick"], Mn = { class: "side-menu__item-text" }, Sn = /* @__PURE__ */ O({
+}, kn = { class: "side-menu__group-label" }, $n = ["onClick"], Cn = { class: "side-menu__item-text" }, xn = ["onClick"], Sn = { class: "side-menu__item-text" }, Tn = /* @__PURE__ */ O({
   name: "SideMenu",
   __name: "index",
   props: {
@@ -2370,46 +2398,46 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
     isActive: { type: Function }
   },
   emits: ["click"],
-  setup(_, { emit: i }) {
-    const w = i, s = G(), f = R(!1);
-    return (v, a) => _.menus.length > 0 ? (n(), r(E, { key: 0 }, [
+  setup(f, { emit: i }) {
+    const y = i, s = X(), p = V(!1);
+    return (m, a) => f.menus.length > 0 ? (n(), r(E, { key: 0 }, [
       e("div", {
         class: A(["side-menu-toggle", [
           o(s).isDark.value ? "dark-theme" : "light-theme",
-          { active: !f.value }
+          { active: !p.value }
         ]]),
-        onClick: a[0] || (a[0] = (u) => f.value = !f.value)
+        onClick: a[0] || (a[0] = (u) => p.value = !p.value)
       }, [
         e("i", {
           class: A([
             "toggle-icon",
-            f.value ? "i-ri:side-bar-line" : "i-ri:arrow-right-s-line"
+            p.value ? "i-ri:side-bar-line" : "i-ri:arrow-right-s-line"
           ])
         }, null, 2)
       ], 2),
-      m(q, { name: "glass-slide" }, {
+      v(Q, { name: "glass-slide" }, {
         default: l(() => [
-          f.value ? x("", !0) : (n(), r("div", {
+          p.value ? x("", !0) : (n(), r("div", {
             key: 0,
             class: A(["side-menu", [o(s).isDark.value ? "dark-theme" : "light-theme"]])
           }, [
-            e("div", _n, [
-              e("div", yn, [
-                o(s).iconComponent && _.activeItem?.meta?.icon ? (n(), T(N(o(s).iconComponent), {
+            e("div", fn, [
+              e("div", _n, [
+                o(s).iconComponent && f.activeItem?.meta?.icon ? (n(), S(N(o(s).iconComponent), {
                   key: 0,
-                  name: _.activeItem.meta.icon,
+                  name: f.activeItem.meta.icon,
                   size: 17
                 }, null, 8, ["name"])) : x("", !0)
               ]),
-              e("span", wn, $(_.activeItem?.meta?.title || "菜单"), 1)
+              e("span", yn, $(f.activeItem?.meta?.title || "菜单"), 1)
             ]),
-            e("div", bn, [
-              (n(!0), r(E, null, W(_.menus, (u) => (n(), r(E, {
+            e("div", wn, [
+              (n(!0), r(E, null, W(f.menus, (u) => (n(), r(E, {
                 key: u.path
               }, [
-                u.children && u.children.length > 0 ? (n(), r("div", $n, [
+                u.children && u.children.length > 0 ? (n(), r("div", bn, [
                   e("div", kn, [
-                    o(s).iconComponent && u.meta?.icon ? (n(), T(N(o(s).iconComponent), {
+                    o(s).iconComponent && u.meta?.icon ? (n(), S(N(o(s).iconComponent), {
                       key: 0,
                       name: u.meta.icon,
                       size: 14
@@ -2418,28 +2446,28 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
                   ]),
                   (n(!0), r(E, null, W(u.children, (c) => (n(), r("div", {
                     key: c.path,
-                    class: A(["side-menu__item", { active: _.isActive?.(c.path) }]),
-                    onClick: (k) => w("click", c)
+                    class: A(["side-menu__item", { active: f.isActive?.(c.path) }]),
+                    onClick: (C) => y("click", c)
                   }, [
-                    o(s).iconComponent && c.meta?.icon ? (n(), T(N(o(s).iconComponent), {
+                    o(s).iconComponent && c.meta?.icon ? (n(), S(N(o(s).iconComponent), {
                       key: 0,
                       name: c.meta.icon,
                       size: 15
                     }, null, 8, ["name"])) : x("", !0),
-                    e("span", xn, $(c.meta?.title), 1)
-                  ], 10, Cn))), 128))
+                    e("span", Cn, $(c.meta?.title), 1)
+                  ], 10, $n))), 128))
                 ])) : (n(), r("div", {
                   key: 1,
-                  class: A(["side-menu__item", { active: _.isActive?.(u.path) }]),
-                  onClick: (c) => w("click", u)
+                  class: A(["side-menu__item", { active: f.isActive?.(u.path) }]),
+                  onClick: (c) => y("click", u)
                 }, [
-                  o(s).iconComponent && u.meta?.icon ? (n(), T(N(o(s).iconComponent), {
+                  o(s).iconComponent && u.meta?.icon ? (n(), S(N(o(s).iconComponent), {
                     key: 0,
                     name: u.meta.icon,
                     size: 16
                   }, null, 8, ["name"])) : x("", !0),
-                  e("span", Mn, $(u.meta?.title), 1)
-                ], 10, Tn))
+                  e("span", Sn, $(u.meta?.title), 1)
+                ], 10, xn))
               ], 64))), 128))
             ])
           ], 2))
@@ -2448,91 +2476,96 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       })
     ], 64)) : x("", !0);
   }
-}), Zn = /* @__PURE__ */ te(Sn, [["__scopeId", "data-v-1909f229"]]), In = { class: "drawer-menu__content" }, zn = { class: "drawer-menu__grid" }, Hn = ["onClick"], Rn = {
+}), Jn = /* @__PURE__ */ ee(Tn, [["__scopeId", "data-v-1909f229"]]), Mn = { class: "drawer-menu__content" }, In = { class: "drawer-menu__grid" }, zn = ["onClick"], Vn = {
   key: 0,
   class: "drawer-menu__items"
-}, Vn = ["onClick"], An = { class: "drawer-menu__item-text" }, Ln = {
+}, Hn = ["onClick"], Rn = { class: "drawer-menu__item-text" }, An = {
   key: 0,
   class: "drawer-menu__sub-items"
-}, Dn = { class: "drawer-menu__sub-title" }, Nn = ["onClick"], En = { class: "drawer-menu__item-text" }, Bn = /* @__PURE__ */ O({
+}, Ln = { class: "drawer-menu__sub-title" }, Dn = ["onClick"], Nn = { class: "drawer-menu__item-text" }, En = /* @__PURE__ */ O({
   name: "DrawerMenu",
   __name: "index",
   props: {
     menus: {},
     show: { type: Boolean }
   },
-  setup(_) {
-    const i = G(), w = pe(), s = ye(Ie, {
+  setup(f) {
+    const i = X(), y = ge(), s = we(Ve, {
       show: () => {
       },
       startHide: () => {
       },
       hide: () => {
       }
-    }), f = (v) => {
-      v.path && (w.push(v.path), s.hide());
+    }), p = (m) => {
+      m.path && (y.push(m.path), s.hide());
     };
-    return (v, a) => (n(), r("div", {
+    return (m, a) => (n(), r("div", {
       class: A(["drawer-menu", [
         o(i).isDark.value ? "dark-theme" : "light-theme",
-        { visible: _.show }
+        { visible: f.show }
       ]]),
       onMouseenter: a[0] || (a[0] = (u) => o(s).show()),
       onMouseleave: a[1] || (a[1] = (u) => o(s).startHide())
     }, [
       a[2] || (a[2] = e("div", { class: "drawer-menu__header" }, [
         e("div", { class: "drawer-menu__title" }, [
-          e("i", { class: "i-ri:apps-2-line" }),
+          e("span", { class: "grid-icon" }, [
+            e("span"),
+            e("span"),
+            e("span"),
+            e("span")
+          ]),
           e("span", null, "功能导航")
         ])
       ], -1)),
-      e("div", In, [
-        e("div", zn, [
-          (n(!0), r(E, null, W(_.menus, (u) => (n(), r("div", {
+      e("div", Mn, [
+        e("div", In, [
+          (n(!0), r(E, null, W(f.menus, (u) => (n(), r("div", {
             key: u.path,
             class: "drawer-menu__category"
           }, [
             e("div", {
               class: "drawer-menu__category-header",
-              onClick: (c) => f(u)
+              onClick: (c) => p(u)
             }, [
-              o(i).iconComponent && u.meta?.icon ? (n(), T(N(o(i).iconComponent), {
+              o(i).iconComponent && u.meta?.icon ? (n(), S(N(o(i).iconComponent), {
                 key: 0,
                 name: u.meta.icon,
                 size: 18
               }, null, 8, ["name"])) : x("", !0),
               e("span", null, $(u.meta?.title), 1)
-            ], 8, Hn),
-            u.children && u.children.length > 0 ? (n(), r("div", Rn, [
+            ], 8, zn),
+            u.children && u.children.length > 0 ? (n(), r("div", Vn, [
               (n(!0), r(E, null, W(u.children, (c) => (n(), r("div", {
                 key: c.path,
                 class: "drawer-menu__item",
-                onClick: (k) => f(c)
+                onClick: (C) => p(c)
               }, [
-                o(i).iconComponent && c.meta?.icon ? (n(), T(N(o(i).iconComponent), {
+                o(i).iconComponent && c.meta?.icon ? (n(), S(N(o(i).iconComponent), {
                   key: 0,
                   name: c.meta.icon,
                   size: 16
                 }, null, 8, ["name"])) : x("", !0),
-                e("span", An, $(c.meta?.title), 1)
-              ], 8, Vn))), 128)),
+                e("span", Rn, $(c.meta?.title), 1)
+              ], 8, Hn))), 128)),
               (n(!0), r(E, null, W(u.children, (c) => (n(), r(E, {
                 key: c.path
               }, [
-                c.children && c.children.length > 0 ? (n(), r("div", Ln, [
-                  e("div", Dn, $(c.meta?.title), 1),
-                  (n(!0), r(E, null, W(c.children, (k) => (n(), r("div", {
-                    key: k.path,
+                c.children && c.children.length > 0 ? (n(), r("div", An, [
+                  e("div", Ln, $(c.meta?.title), 1),
+                  (n(!0), r(E, null, W(c.children, (C) => (n(), r("div", {
+                    key: C.path,
                     class: "drawer-menu__item drawer-menu__item--sub",
-                    onClick: (g) => f(k)
+                    onClick: (g) => p(C)
                   }, [
-                    o(i).iconComponent && k.meta?.icon ? (n(), T(N(o(i).iconComponent), {
+                    o(i).iconComponent && C.meta?.icon ? (n(), S(N(o(i).iconComponent), {
                       key: 0,
-                      name: k.meta.icon,
+                      name: C.meta.icon,
                       size: 14
                     }, null, 8, ["name"])) : x("", !0),
-                    e("span", En, $(k.meta?.title), 1)
-                  ], 8, Nn))), 128))
+                    e("span", Nn, $(C.meta?.title), 1)
+                  ], 8, Dn))), 128))
                 ])) : x("", !0)
               ], 64))), 128))
             ])) : x("", !0)
@@ -2541,14 +2574,14 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       ])
     ], 34));
   }
-}), qn = /* @__PURE__ */ te(Bn, [["__scopeId", "data-v-9aae9bfd"]]), Fn = /* @__PURE__ */ O({
+}), Zn = /* @__PURE__ */ ee(En, [["__scopeId", "data-v-b0d3e73b"]]), Bn = /* @__PURE__ */ O({
   name: "MenuTrigger",
   __name: "index",
   props: {
     show: { type: Boolean }
   },
-  setup(_) {
-    const i = ye(Ie, {
+  setup(f) {
+    const i = we(Ve, {
       show: () => {
       },
       startHide: () => {
@@ -2556,59 +2589,63 @@ const ht = { class: "mix-layout-container" }, pt = { class: "logo-container" },
       hide: () => {
       }
     });
-    return (w, s) => (n(), r("div", {
+    return (y, s) => (n(), r("div", {
       class: "menu-trigger",
-      onMouseenter: s[0] || (s[0] = (f) => o(i).show()),
-      onMouseleave: s[1] || (s[1] = (f) => o(i).startHide())
+      onMouseenter: s[0] || (s[0] = (p) => o(i).show()),
+      onMouseleave: s[1] || (s[1] = (p) => o(i).startHide())
     }, [...s[2] || (s[2] = [
       e("div", { class: "menu-trigger__indicator" }, [
-        e("i", { class: "i-ri:menu-3-line" })
+        e("span", { class: "hamburger-icon" }, [
+          e("span"),
+          e("span"),
+          e("span")
+        ])
       ], -1)
     ])], 32));
   }
-}), Qn = /* @__PURE__ */ te(Fn, [["__scopeId", "data-v-8e722471"]]);
-function ea(_, i = {}) {
-  const w = Me(i);
-  return w().syncCSSVariables(), w;
+}), qn = /* @__PURE__ */ ee(Bn, [["__scopeId", "data-v-2c20af78"]]);
+function Qn(f, i = {}) {
+  const y = Ie(i);
+  return y().syncCSSVariables(), y;
 }
 export {
-  Xe as BORDER_RADIUS_MAP,
-  Gn as BrandLogo,
-  Ze as COLOR_SWATCHES,
-  Do as C_CardLayout,
-  Kn as C_LayoutContainer,
-  It as C_MixLayout,
-  Kt as C_MixTopLayout,
-  po as C_ReverseHorizontalMixLayout,
-  Qe as C_SideLayout,
-  vt as C_TopLayout,
-  Do as CardLayout,
-  se as DEFAULT_BRAND_CONFIG,
+  Ge as BORDER_RADIUS_MAP,
+  Yn as BrandLogo,
+  Je as COLOR_SWATCHES,
+  Lo as C_CardLayout,
+  jn as C_LayoutContainer,
+  Mt as C_MixLayout,
+  jt as C_MixTopLayout,
+  vo as C_ReverseHorizontalMixLayout,
+  qe as C_SideLayout,
+  mt as C_TopLayout,
+  Lo as CardLayout,
+  ae as DEFAULT_BRAND_CONFIG,
   P as DEFAULT_SETTINGS,
-  Ie as DRAWER_HANDLER_KEY,
-  qn as DrawerMenu,
-  Jn as FloatingMenu,
-  Xn as IconMenu,
-  qe as LAYOUT_CONTEXT_KEY,
-  jn as LAYOUT_MODES,
-  Qn as MenuTrigger,
-  It as MixLayout,
-  Kt as MixTopLayout,
-  Ye as PRESET_COLORS,
+  Ve as DRAWER_HANDLER_KEY,
+  Zn as DrawerMenu,
+  Xn as FloatingMenu,
+  Gn as IconMenu,
+  Ze as LAYOUT_CONTEXT_KEY,
+  Pn as LAYOUT_MODES,
+  qn as MenuTrigger,
+  Mt as MixLayout,
+  jt as MixTopLayout,
+  Ke as PRESET_COLORS,
   $e as ResponsiveMenu,
-  po as ReverseHorizontalMixLayout,
-  Yn as SettingsDrawer,
-  Qe as SideLayout,
-  Zn as SideMenu,
-  Ge as THEME_PRESETS,
-  Je as TRANSITION_MAP,
-  vt as TopLayout,
-  xe as adjustColor,
-  Me as createSettingsStore,
-  ea as setupLayout,
-  de as useLayoutCache,
-  G as useLayoutContext,
-  ke as useMenuSplit,
-  Se as useSettingsStore
+  vo as ReverseHorizontalMixLayout,
+  Kn as SettingsDrawer,
+  qe as SideLayout,
+  Jn as SideMenu,
+  Ye as THEME_PRESETS,
+  Xe as TRANSITION_MAP,
+  mt as TopLayout,
+  Te as adjustColor,
+  Ie as createSettingsStore,
+  Qn as setupLayout,
+  me as useLayoutCache,
+  X as useLayoutContext,
+  Ce as useMenuSplit,
+  ze as useSettingsStore
 };
 //# sourceMappingURL=index.js.map