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