@robot-admin/layout 2.0.2 → 2.1.0

package/dist/index.js

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