@done-coding/admin-plugin-theme 0.1.1-alpha.0 → 0.2.1-alpha.0

package/es/assets/cockpit-mono-paper.mjs

@@ -0,0 +1,238 @@
+import { defineComponent as m, computed as y, openBlock as d, createBlock as f, Teleport as g, unref as e, createElementBlock as u, normalizeStyle as v, createElementVNode as t, createCommentVNode as h, normalizeProps as _, guardReactiveProps as k, createSlots as C, withCtx as s, createVNode as w, renderSlot as n, markRaw as $ } from "vue";
+import { _ as M } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-B6k0Utzz.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as x } from "@done-coding/admin-core";
+import { u as R } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as B } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const E = ["width", "height", "viewBox"], S = {
+  id: "monoGrid",
+  width: "32",
+  height: "32",
+  patternUnits: "userSpaceOnUse"
+}, V = ["stroke", "opacity"], D = ["width", "height"], H = ["stroke", "opacity"], P = ["d"], N = ["d"], I = ["d"], F = ["y2", "stroke"], O = ["values"], W = ["values"], z = /* @__PURE__ */ m({
+  __name: "MonoPaperCockpitDecor",
+  setup(c) {
+    const { isDark: i, animated: o, vw: a, vh: r, hasFrame: b } = R(), l = y(() => i.value ? "#aeb6c2" : "#3a3f47");
+    return (T, p) => (d(), f(g, { to: "body" }, [
+      e(b) ? (d(), u("svg", {
+        key: 0,
+        class: "cockpit-mono-paper-decor",
+        style: v({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(x),
+          opacity: e(i) ? 0.5 : 0.4
+        }),
+        width: e(a),
+        height: e(r),
+        viewBox: `0 0 ${e(a)} ${e(r)}`,
+        "aria-hidden": "true"
+      }, [
+        t("defs", null, [
+          t("pattern", S, [
+            t("path", {
+              d: "M32 0 H0 V32",
+              fill: "none",
+              stroke: l.value,
+              "stroke-width": "0.5",
+              opacity: e(i) ? 0.5 : 0.6
+            }, null, 8, V)
+          ])
+        ]),
+        t("rect", {
+          x: 0,
+          y: 0,
+          width: e(a),
+          height: e(r),
+          fill: "url(#monoGrid)",
+          opacity: 0.5
+        }, null, 8, D),
+        t("g", {
+          stroke: l.value,
+          "stroke-width": "1",
+          fill: "none",
+          opacity: e(i) ? 0.7 : 0.8
+        }, [
+          p[0] || (p[0] = t("path", { d: "M16 28 V16 H28" }, null, -1)),
+          t("path", {
+            d: `M${e(a) - 16} 28 V16 H${e(a) - 28}`
+          }, null, 8, P),
+          t("path", {
+            d: `M16 ${e(r) - 28} V${e(r) - 16} H28`
+          }, null, 8, N),
+          t("path", {
+            d: `M${e(a) - 16} ${e(r) - 28} V${e(r) - 16} H${e(a) - 28}`
+          }, null, 8, I)
+        ], 8, H),
+        e(o) ? (d(), u("line", {
+          key: 0,
+          x1: 0,
+          y1: 0,
+          x2: 0,
+          y2: e(r),
+          stroke: l.value,
+          "stroke-width": "1",
+          opacity: "0.5"
+        }, [
+          t("animate", {
+            attributeName: "x1",
+            values: `0;${e(a)}`,
+            dur: "14s",
+            repeatCount: "indefinite"
+          }, null, 8, O),
+          t("animate", {
+            attributeName: "x2",
+            values: `0;${e(a)}`,
+            dur: "14s",
+            repeatCount: "indefinite"
+          }, null, 8, W)
+        ], 8, F)) : h("", !0)
+      ], 12, E)) : h("", !0)
+    ]));
+  }
+}), A = /* @__PURE__ */ B(z, [["__scopeId", "data-v-a518c8db"]]), L = /* @__PURE__ */ m({
+  __name: "MonoPaperCockpitShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(c) {
+    const i = c;
+    return (o, a) => (d(), f(M, _(k(i)), C({
+      default: s((r) => [
+        n(o.$slots, "default", {
+          Footer: r.Footer
+        })
+      ]),
+      decor: s(() => [
+        w(A)
+      ]),
+      _: 2
+    }, [
+      o.$slots.brand ? {
+        name: "brand",
+        fn: s(() => [
+          n(o.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      o.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: s((r) => [
+          n(o.$slots, "themeSwitcher", {
+            Default: r.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      o.$slots.userEntry ? {
+        name: "userEntry",
+        fn: s(() => [
+          n(o.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      o.$slots.settings ? {
+        name: "settings",
+        fn: s(() => [
+          n(o.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0,
+      o.$slots.aside ? {
+        name: "aside",
+        fn: s(() => [
+          n(o.$slots, "aside")
+        ]),
+        key: "4"
+      } : void 0
+    ]), 1040));
+  }
+}), q = {
+  id: "cockpit-mono-paper",
+  label: "座舱·墨纸",
+  description: {
+    suitable: "偏文档化/编辑器密集的 AI 工作台：要座舱系统能力但视觉极简克制、低负载、长时间停留；亮暗皆宜。",
+    unsuitable: "需强视觉冲击/营销大屏；想要沉浸辉光科技感的场景（请用座舱·液墨 / 神经）。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f2f1ec",
+      baseColor: "#2b2e33",
+      primaryColor: "#4f5d6e",
+      successColor: "#4f8a63",
+      warningColor: "#a87f3c",
+      dangerColor: "#b15b54",
+      errorColor: "#b15b54",
+      infoColor: "#6b7480",
+      radius: "4px",
+      borderColor: "#dcdad2",
+      borderWidth: "1px",
+      shadow: "none",
+      focusRing: "0 0 0 2px rgba(79, 93, 110, 0.28)",
+      surface: "#fbfbf8"
+    },
+    dark: {
+      bodyColor: "#16181c",
+      baseColor: "#d8dce2",
+      primaryColor: "#9fb0c4",
+      successColor: "#6b9e7a",
+      warningColor: "#c2a15a",
+      dangerColor: "#c77a72",
+      errorColor: "#c77a72",
+      infoColor: "#8a93a0",
+      radius: "4px",
+      borderColor: "#2a2e35",
+      borderWidth: "1px",
+      shadow: "none",
+      focusRing: "0 0 0 2px rgba(159, 176, 196, 0.4)",
+      surface: "#1d2025"
+    }
+  },
+  layout: {
+    viewport: {
+      paddingTop: 14,
+      paddingRight: 14,
+      paddingBottom: 14,
+      paddingLeft: 14
+    },
+    gap: { size: 10 },
+    extractLevel1ToHeader: !0,
+    header: {
+      height: 54,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "4px" }
+    },
+    sidebar: {
+      width: 240,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "4px" }
+    },
+    aside: {
+      width: 320,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "4px" }
+    },
+    footer: {
+      height: 34,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "4px" }
+    },
+    breadcrumb: { height: 42 },
+    body: { shimPadding: 20 },
+    shell: $(L)
+  }
+};
+export {
+  q as default
+};

package/es/assets/cockpit-neural-field.mjs

@@ -0,0 +1,339 @@
+import { defineComponent as $, computed as y, openBlock as a, createBlock as w, Teleport as D, unref as e, createElementBlock as l, normalizeStyle as S, createElementVNode as r, createCommentVNode as m, Fragment as _, renderList as g, normalizeProps as M, guardReactiveProps as I, createSlots as G, withCtx as f, createVNode as A, renderSlot as h, markRaw as L } from "vue";
+import { _ as O } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-B6k0Utzz.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as z } from "@done-coding/admin-core";
+import { u as P } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as T } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const W = ["width", "height", "viewBox"], V = {
+  id: "neuGlow",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, H = ["stop-color", "stop-opacity"], X = ["stop-color"], Z = {
+  id: "neuNode",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, j = ["stop-color"], q = ["stop-color"], J = ["cx", "cy", "rx", "ry"], K = ["values"], Q = ["cx", "cy", "rx", "ry"], U = ["values"], Y = ["stroke", "opacity"], ee = ["x1", "y1", "x2", "y2"], oe = ["cx", "cy", "r", "fill", "opacity"], te = ["values", "dur", "begin"], re = { key: 0 }, ae = ["fill"], se = ["dur", "path"], le = ["dur"], ie = /* @__PURE__ */ $({
+  __name: "NeuralFieldCockpitDecor",
+  setup(x) {
+    const { isDark: s, animated: o, vw: c, vh: i, hasFrame: N } = P(), v = y(() => s.value ? "#34e0c0" : "#0fae93"), k = y(() => s.value ? "#8b7bff" : "#6357e0"), E = y(() => s.value ? "#5b8cff" : "#3f6fe6");
+    function n(u) {
+      return Number((Math.min(c.value, i.value) * u).toFixed(1));
+    }
+    const R = [
+      [0.08, 0.18, 3],
+      [0.2, 0.5, 2.4],
+      [0.12, 0.82, 3.2],
+      [0.5, 0.1, 2.6],
+      [0.5, 0.9, 2.8],
+      [0.88, 0.2, 3],
+      [0.8, 0.52, 2.4],
+      [0.92, 0.84, 3.2],
+      [0.66, 0.28, 2.2],
+      [0.34, 0.72, 2.6]
+    ], b = y(
+      () => R.map(([u, p, t]) => ({
+        x: c.value * u,
+        y: i.value * p,
+        s: t
+      }))
+    ), F = [
+      [0, 1],
+      [1, 2],
+      [0, 3],
+      [3, 8],
+      [8, 5],
+      [5, 6],
+      [6, 7],
+      [1, 9],
+      [9, 4],
+      [4, 7],
+      [3, 6]
+    ], C = y(
+      () => F.map(([u, p]) => ({
+        x1: b.value[u].x,
+        y1: b.value[u].y,
+        x2: b.value[p].x,
+        y2: b.value[p].y
+      }))
+    ), B = y(() => C.value.filter((u, p) => p % 3 === 0));
+    return (u, p) => (a(), w(D, { to: "body" }, [
+      e(N) ? (a(), l("svg", {
+        key: 0,
+        class: "cockpit-neural-field-decor",
+        style: S({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(z),
+          opacity: e(s) ? 1 : 0.5
+        }),
+        width: e(c),
+        height: e(i),
+        viewBox: `0 0 ${e(c)} ${e(i)}`,
+        "aria-hidden": "true"
+      }, [
+        r("defs", null, [
+          r("radialGradient", V, [
+            r("stop", {
+              offset: "0%",
+              "stop-color": k.value,
+              "stop-opacity": e(s) ? 0.34 : 0.13
+            }, null, 8, H),
+            r("stop", {
+              offset: "100%",
+              "stop-color": k.value,
+              "stop-opacity": "0"
+            }, null, 8, X)
+          ]),
+          r("radialGradient", Z, [
+            r("stop", {
+              offset: "0%",
+              "stop-color": v.value,
+              "stop-opacity": "1"
+            }, null, 8, j),
+            r("stop", {
+              offset: "100%",
+              "stop-color": v.value,
+              "stop-opacity": "0"
+            }, null, 8, q)
+          ])
+        ]),
+        r("ellipse", {
+          cx: e(c) * 0.3,
+          cy: e(i) * 0.32,
+          rx: n(0.4),
+          ry: n(0.34),
+          fill: "url(#neuGlow)"
+        }, [
+          e(o) ? (a(), l("animate", {
+            key: 0,
+            attributeName: "rx",
+            values: `${n(0.4)};${n(0.47)};${n(0.4)}`,
+            dur: "19s",
+            repeatCount: "indefinite"
+          }, null, 8, K)) : m("", !0)
+        ], 8, J),
+        r("ellipse", {
+          cx: e(c) * 0.74,
+          cy: e(i) * 0.7,
+          rx: n(0.34),
+          ry: n(0.3),
+          fill: "url(#neuGlow)"
+        }, [
+          e(o) ? (a(), l("animate", {
+            key: 0,
+            attributeName: "ry",
+            values: `${n(0.3)};${n(0.37)};${n(0.3)}`,
+            dur: "23s",
+            begin: "6s",
+            repeatCount: "indefinite"
+          }, null, 8, U)) : m("", !0)
+        ], 8, Q),
+        r("g", {
+          stroke: v.value,
+          "stroke-width": "1",
+          fill: "none",
+          opacity: e(s) ? 0.28 : 0.2
+        }, [
+          (a(!0), l(_, null, g(C.value, (t, d) => (a(), l("line", {
+            key: d,
+            x1: t.x1,
+            y1: t.y1,
+            x2: t.x2,
+            y2: t.y2
+          }, null, 8, ee))), 128))
+        ], 8, Y),
+        r("g", null, [
+          (a(!0), l(_, null, g(b.value, (t, d) => (a(), l("circle", {
+            key: d,
+            cx: t.x,
+            cy: t.y,
+            r: t.s,
+            fill: v.value,
+            opacity: e(s) ? 0.85 : 0.6
+          }, [
+            e(o) ? (a(), l("animate", {
+              key: 0,
+              attributeName: "opacity",
+              values: `${e(s) ? 0.85 : 0.6};0.25;${e(s) ? 0.85 : 0.6}`,
+              dur: `${3 + d % 4}s`,
+              begin: `${d * 0.5}s`,
+              repeatCount: "indefinite"
+            }, null, 8, te)) : m("", !0)
+          ], 8, oe))), 128))
+        ]),
+        e(o) ? (a(), l("g", re, [
+          (a(!0), l(_, null, g(B.value, (t, d) => (a(), l("circle", {
+            key: `p${d}`,
+            r: 2.5,
+            fill: E.value
+          }, [
+            r("animateMotion", {
+              dur: `${4 + d % 3}s`,
+              repeatCount: "indefinite",
+              path: `M${t.x1} ${t.y1} L${t.x2} ${t.y2}`
+            }, null, 8, se),
+            r("animate", {
+              attributeName: "opacity",
+              values: "0;1;1;0",
+              dur: `${4 + d % 3}s`,
+              repeatCount: "indefinite"
+            }, null, 8, le)
+          ], 8, ae))), 128))
+        ])) : m("", !0)
+      ], 12, W)) : m("", !0)
+    ]));
+  }
+}), ne = /* @__PURE__ */ T(ie, [["__scopeId", "data-v-81008f21"]]), de = /* @__PURE__ */ $({
+  __name: "NeuralFieldCockpitShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(x) {
+    const s = x;
+    return (o, c) => (a(), w(O, M(I(s)), G({
+      default: f((i) => [
+        h(o.$slots, "default", {
+          Footer: i.Footer
+        })
+      ]),
+      decor: f(() => [
+        A(ne)
+      ]),
+      _: 2
+    }, [
+      o.$slots.brand ? {
+        name: "brand",
+        fn: f(() => [
+          h(o.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      o.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: f((i) => [
+          h(o.$slots, "themeSwitcher", {
+            Default: i.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      o.$slots.userEntry ? {
+        name: "userEntry",
+        fn: f(() => [
+          h(o.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      o.$slots.settings ? {
+        name: "settings",
+        fn: f(() => [
+          h(o.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0,
+      o.$slots.aside ? {
+        name: "aside",
+        fn: f(() => [
+          h(o.$slots, "aside")
+        ]),
+        key: "4"
+      } : void 0
+    ]), 1040));
+  }
+}), he = {
+  id: "cockpit-neural-field",
+  label: "座舱·神经",
+  description: {
+    suitable: "要「AI 在思考」氛围感的智能应用旗舰台：神经流光场动效 + 辉光沉浸 + 座舱系统能力；暗场尤佳。",
+    unsuitable: "动效敏感/低视觉负载诉求；纯静态报表台；偏好极简无装饰的场景（请用座舱·墨纸）。"
+  },
+  config: {
+    light: {
+      bodyColor: "#eef5f3",
+      baseColor: "#122019",
+      primaryColor: "#0fae93",
+      successColor: "#16a34a",
+      warningColor: "#d99a2b",
+      dangerColor: "#e34d63",
+      errorColor: "#e34d63",
+      infoColor: "#5b6b7d",
+      radius: "16px",
+      borderColor: "#d6e6e0",
+      borderWidth: "1px",
+      accent: "#6357e0",
+      glow: "0 0 0 1px rgba(15, 174, 147, 0.12)",
+      blur: "8px",
+      shadow: "0 10px 30px -18px rgba(18, 32, 25, 0.18)",
+      focusRing: "0 0 0 3px rgba(15, 174, 147, 0.22)",
+      surface: "#ffffff"
+    },
+    dark: {
+      bodyColor: "#0b0f14",
+      baseColor: "#dfe9f0",
+      primaryColor: "#34e0c0",
+      successColor: "#34d399",
+      warningColor: "#f5b942",
+      dangerColor: "#f2647a",
+      errorColor: "#f2647a",
+      infoColor: "#7d8aa0",
+      radius: "16px",
+      borderColor: "rgba(52, 224, 192, 0.18)",
+      borderWidth: "1px",
+      accent: "#8b7bff",
+      glow: "0 0 28px rgba(52, 224, 192, 0.4)",
+      blur: "10px",
+      shadow: "0 0 0 1px rgba(52, 224, 192, 0.08), 0 18px 48px -22px rgba(0, 0, 0, 0.85)",
+      focusRing: "0 0 0 3px rgba(139, 123, 255, 0.45)",
+      surface: "#111722"
+    }
+  },
+  layout: {
+    viewport: {
+      paddingTop: 18,
+      paddingRight: 18,
+      paddingBottom: 18,
+      paddingLeft: 18
+    },
+    gap: { size: 12 },
+    extractLevel1ToHeader: !0,
+    header: {
+      height: 58,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "16px" }
+    },
+    sidebar: {
+      width: 248,
+      collapseWidth: 68,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "16px" }
+    },
+    aside: {
+      width: 340,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "16px" }
+    },
+    footer: {
+      height: 36,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "16px" }
+    },
+    breadcrumb: { height: 44 },
+    body: { shimPadding: 18 },
+    shell: L(de)
+  }
+};
+export {
+  he as default
+};

package/es/assets/compact-rail.mjs

@@ -0,0 +1,105 @@
+import { defineComponent as d, inject as i, onMounted as u, onBeforeUnmount as c, openBlock as b, createElementBlock as m, Fragment as f, renderSlot as a, unref as r, createVNode as l, withCtx as s, markRaw as h } from "vue";
+import { APP_LAYOUT_APP_STORE_KEY as p, AppFooter as C, AppSidebar as g, AppHeader as v, AppTheme as n } from "@done-coding/admin-core";
+const w = /* @__PURE__ */ d({
+  __name: "IconRailShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(e) {
+    const t = i(p);
+    return u(() => t.changeSidebarCollapseStatus(!0)), c(() => t.changeSidebarCollapseStatus(!1)), (o, M) => (b(), m(f, null, [
+      a(o.$slots, "default", { Footer: r(C) }),
+      l(r(g), {
+        show: e.showSidebar,
+        aboveHeader: e.sidebarAboveHeader,
+        menus: e.sidebarMenus,
+        menuFlatList: e.menuFlatList
+      }, null, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
+      l(r(v), {
+        show: e.showHeader,
+        menus: e.headerMenus,
+        activeMenu: e.activeMenu,
+        activeModuleMenu: e.activeModuleMenu,
+        menuFlatList: e.menuFlatList
+      }, {
+        left: s(() => [
+          a(o.$slots, "brand")
+        ]),
+        right: s(() => [
+          a(o.$slots, "themeSwitcher", { Default: r(n) }, () => [
+            l(r(n))
+          ]),
+          a(o.$slots, "userEntry"),
+          a(o.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+    ], 64));
+  }
+}), A = {
+  id: "compact-rail",
+  label: "致密轨道",
+  description: {
+    suitable: "高密度监控 / 多模块密集后台 / 运维台；模块多、想要最大化内容区，靠图标轨 + tooltip 导航。",
+    unsuitable: "菜单文案需常驻可读的场景（图标轨默认只显图标）；导航层级深需要展开浏览时。"
+  },
+  config: {
+    light: {
+      bodyColor: "#eaf2f5",
+      baseColor: "#16252e",
+      primaryColor: "#0e84a8",
+      successColor: "#0d9f6e",
+      warningColor: "#d97706",
+      dangerColor: "#dc2626",
+      errorColor: "#dc2626",
+      infoColor: "#0ea5e9",
+      radius: "8px",
+      surface: "#ffffff",
+      borderColor: "#dbe5ea",
+      shadow: "0 8px 22px -16px rgba(8,145,178,0.22)"
+    },
+    dark: {
+      bodyColor: "#06121a",
+      baseColor: "#cfe5ee",
+      primaryColor: "#1ec8e6",
+      successColor: "#34d399",
+      warningColor: "#f0b541",
+      dangerColor: "#f0656a",
+      errorColor: "#f0656a",
+      infoColor: "#38bdf8",
+      radius: "8px",
+      surface: "#0c1a22",
+      borderColor: "rgba(34,211,238,0.22)",
+      shadow: "0 18px 44px -22px rgba(0,0,0,0.9)"
+    }
+  },
+  layout: {
+    gap: { size: 8 },
+    header: {
+      height: 52,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "8px" }
+    },
+    // 图标轨：collapseWidth 64（IconRailShell 强制 collapse）；width 给手动展开态兜底。
+    sidebar: {
+      width: 220,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "8px" }
+    },
+    body: { shimPadding: 16 },
+    shell: h(w)
+  }
+};
+export {
+  A as default
+};