@done-coding/admin-plugin-theme 0.3.3-alpha.0 → 0.4.1-alpha.0

package/es/assets/perspective-deck.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as I, computed as i, ref as B, watch as P, onBeforeUnmount as _, openBlock as p, createBlock as b, Teleport as v, unref as e, createElementBlock as E, normalizeStyle as c, createElementVNode as u, createCommentVNode as F, inject as $, Fragment as L, renderSlot as s, createVNode as n, withCtx as f, markRaw as O } from "vue";
+import { defineComponent as E, computed as i, ref as B, watch as P, onBeforeUnmount as F, openBlock as c, createBlock as b, Teleport as v, unref as e, createElementBlock as I, normalizeStyle as p, createElementVNode as u, createCommentVNode as _, inject as $, Fragment as L, renderSlot as s, createVNode as n, withCtx as f, markRaw as O } from "vue";
 import { ElIcon as R } from "element-plus";
 import { ChatDotRound as D } from "@element-plus/icons-vue";
-import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as h, APP_LAYOUT_BRIDGE_KEY as S, AppFooter as T, AppHeader as z, AppTheme as w } from "@done-coding/admin-core";
+import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as h, APP_LAYOUT_BRIDGE_KEY as S, AppFooter as T, AppHeader as z, AppTheme as w } from "@done-coding/admin-core";
 import { u as N } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
 import { _ as V } from "../chunks/HeaderNavMenu.vue_vue_type_script_setup_true_lang-Dfv8_Muy.mjs";
-const Y = /* @__PURE__ */ I({
+const Y = /* @__PURE__ */ E({
   __name: "PerspectiveDeckDecor",
   setup(r) {
     const { vp: a, isDark: l, animated: m, hasFrame: t } = N(), o = i(() => a.value.paddingBottom), x = i(() => l.value ? "#34e1ff" : "#5b7cff"), M = i(
@@ -33,10 +33,10 @@ const Y = /* @__PURE__ */ I({
         ));
       },
       { immediate: !0 }
-    ), _(C), (g, k) => (p(), b(v, { to: "body" }, [
-      e(t) ? (p(), E("div", {
+    ), F(C), (g, k) => (c(), b(v, { to: "body" }, [
+      e(t) ? (c(), I("div", {
         key: 0,
-        style: c({
+        style: p({
           position: "fixed",
           left: `${e(a).paddingLeft}px`,
           right: `${e(a).paddingRight}px`,
@@ -50,7 +50,7 @@ const Y = /* @__PURE__ */ I({
         "aria-hidden": "true"
       }, [
         u("div", {
-          style: c({
+          style: p({
             position: "absolute",
             left: "0",
             right: "0",
@@ -63,12 +63,12 @@ const Y = /* @__PURE__ */ I({
         u("div", {
           ref_key: "gridEl",
           ref: y,
-          style: c(A.value)
+          style: p(A.value)
         }, null, 4)
-      ], 4)) : F("", !0)
+      ], 4)) : _("", !0)
     ]));
   }
-}), G = /* @__PURE__ */ I({
+}), G = /* @__PURE__ */ E({
   __name: "PerspectiveDeckShell",
   props: {
     menus: {},
@@ -110,13 +110,13 @@ const Y = /* @__PURE__ */ I({
         padding: "8px 18px",
         borderRadius: "999px",
         fontSize: "13px",
-        color: "var(--admin-core-base-color, var(--el-text-color-primary))",
-        background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
-        border: "1px dashed var(--admin-core-primary-color, var(--el-color-primary))",
-        boxShadow: "var(--admin-core-shadow, var(--el-box-shadow))"
+        color: "var(--dc-core-base-color, var(--el-text-color-primary))",
+        background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
+        border: "1px dashed var(--dc-core-primary-color, var(--el-color-primary))",
+        boxShadow: "var(--dc-core-shadow, var(--el-box-shadow))"
       };
     });
-    return (t, o) => (p(), E(L, null, [
+    return (t, o) => (c(), I(L, null, [
       s(t.$slots, "default", { Footer: e(T) }),
       n(e(z), {
         show: r.showHeader,
@@ -141,19 +141,19 @@ const Y = /* @__PURE__ */ I({
         ]),
         _: 3
       }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"]),
-      (p(), b(v, { to: "body" }, [
+      (c(), b(v, { to: "body" }, [
         u("div", {
           class: "deck-occluder",
-          style: c(l.value)
+          style: p(l.value)
         }, null, 4)
       ])),
       n(Y),
-      (p(), b(v, { to: "body" }, [
+      (c(), b(v, { to: "body" }, [
         u("div", {
-          style: c(m.value)
+          style: p(m.value)
         }, [
           n(e(R), { style: {
-            color: "var(--admin-core-primary-color, var(--el-color-primary))"
+            color: "var(--dc-core-primary-color, var(--el-color-primary))"
           } }, {
             default: f(() => [
               n(e(D))
@@ -214,7 +214,7 @@ const Y = /* @__PURE__ */ I({
     gap: { size: 8 },
     header: {
       height: 56,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "12px" }
     },
     // 无左栏（PerspectiveDeckShell 不渲染 AppSidebar，导航走 header 横排）：

package/es/assets/quantum-ai.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as k, computed as p, openBlock as s, createBlock as $, Teleport as A, unref as r, createElementBlock as d, normalizeStyle as I, createElementVNode as b, createCommentVNode as g, Fragment as N, renderList as P, normalizeProps as O, guardReactiveProps as q, createSlots as F, withCtx as m, createVNode as L, renderSlot as v, markRaw as T } from "vue";
+import { defineComponent as k, computed as p, openBlock as s, createBlock as $, Teleport as P, unref as r, createElementBlock as d, normalizeStyle as A, createElementVNode as b, createCommentVNode as g, Fragment as I, renderList as N, normalizeProps as O, guardReactiveProps as q, createSlots as F, withCtx as h, createVNode as L, renderSlot as v, markRaw as T } from "vue";
 import { _ as z } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
-import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as G } from "@done-coding/admin-core";
+import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as G } from "@done-coding/admin-core";
 import { u as V } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
 import { _ as W } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
 const H = ["width", "height", "viewBox"], Q = ["x", "y", "width", "height"], X = {
@@ -24,9 +24,9 @@ const H = ["width", "height", "viewBox"], Q = ["x", "y", "width", "height"], X =
       return `M${i},${o} h${e} v${a} h${-e} Z`;
     });
     function R(i) {
-      const o = l.value, e = l.value, a = _.value, h = w.value, S = 2 * (a + h);
+      const o = l.value, e = l.value, a = _.value, m = w.value, S = 2 * (a + m);
       let n = i * S;
-      return n <= a ? { x: o + n, y: e } : (n -= a, n <= h ? { x: o + a, y: e + n } : (n -= h, n <= a ? { x: o + a - n, y: e + h } : (n -= a, { x: o, y: e + h - n })));
+      return n <= a ? { x: o + n, y: e } : (n -= a, n <= m ? { x: o + a, y: e + n } : (n -= m, n <= a ? { x: o + a - n, y: e + m } : (n -= a, { x: o, y: e + m - n })));
     }
     const M = [
       { dur: 9, t0: 0 },
@@ -52,11 +52,11 @@ const H = ["width", "height", "viewBox"], Q = ["x", "y", "width", "height"], X =
     ), D = p(
       () => t.value ? C.value : C.value.slice(0, 3)
     );
-    return (i, o) => (s(), $(A, { to: "body" }, [
+    return (i, o) => (s(), $(P, { to: "body" }, [
       r(B) ? (s(), d("svg", {
         key: 0,
         class: "quantum-orbit-decor",
-        style: I({
+        style: A({
           position: "fixed",
           left: 0,
           top: 0,
@@ -93,7 +93,7 @@ const H = ["width", "height", "viewBox"], Q = ["x", "y", "width", "height"], X =
         }, [
           r(f) ? (s(), d("animate", X)) : g("", !0)
         ], 8, Q),
-        (s(!0), d(N, null, P(D.value, (e, a) => (s(), d("g", {
+        (s(!0), d(I, null, N(D.value, (e, a) => (s(), d("g", {
           key: `q${a}`
         }, [
           b("circle", {
@@ -125,7 +125,7 @@ const H = ["width", "height", "viewBox"], Q = ["x", "y", "width", "height"], X =
       ], 12, H)) : g("", !0)
     ]));
   }
-}), U = /* @__PURE__ */ W(K, [["__scopeId", "data-v-b17094ed"]]), ee = /* @__PURE__ */ k({
+}), U = /* @__PURE__ */ W(K, [["__scopeId", "data-v-9b390c67"]]), ee = /* @__PURE__ */ k({
   __name: "QuantumOrbitShell",
   props: {
     menus: {},
@@ -142,26 +142,26 @@ const H = ["width", "height", "viewBox"], Q = ["x", "y", "width", "height"], X =
   setup(x) {
     const c = x;
     return (t, f) => (s(), $(z, O(q(c)), F({
-      default: m((u) => [
+      default: h((u) => [
         v(t.$slots, "default", {
           Footer: u.Footer
         })
       ]),
-      decor: m(() => [
+      decor: h(() => [
         L(U)
       ]),
       _: 2
     }, [
       t.$slots.brand ? {
         name: "brand",
-        fn: m(() => [
+        fn: h(() => [
           v(t.$slots, "brand")
         ]),
         key: "0"
       } : void 0,
       t.$slots.themeSwitcher ? {
         name: "themeSwitcher",
-        fn: m((u) => [
+        fn: h((u) => [
           v(t.$slots, "themeSwitcher", {
             Default: u.Default
           })
@@ -170,14 +170,14 @@ const H = ["width", "height", "viewBox"], Q = ["x", "y", "width", "height"], X =
       } : void 0,
       t.$slots.userEntry ? {
         name: "userEntry",
-        fn: m(() => [
+        fn: h(() => [
           v(t.$slots, "userEntry")
         ]),
         key: "2"
       } : void 0,
       t.$slots.settings ? {
         name: "settings",
-        fn: m(() => [
+        fn: h(() => [
           v(t.$slots, "settings")
         ]),
         key: "3"
@@ -237,13 +237,13 @@ const H = ["width", "height", "viewBox"], Q = ["x", "y", "width", "height"], X =
     gap: { size: 8 },
     header: {
       height: 54,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "8px" }
     },
     sidebar: {
       width: 244,
       collapseWidth: 60,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "8px" }
     },
     body: { shimPadding: 18 },

package/es/assets/sandstone-editorial.mjs

@@ -43,13 +43,13 @@ const o = {
     gap: { size: 10 },
     header: {
       height: 60,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "10px" }
     },
     sidebar: {
       width: 256,
       collapseWidth: 64,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "10px" }
     },
     body: { shimPadding: 32 }

package/es/assets/starfield-cosmos.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as D, computed as h, openBlock as f, createBlock as R, Teleport as I, unref as o, createElementBlock as p, normalizeStyle as L, createElementVNode as n, Fragment as C, renderList as k, createCommentVNode as g, normalizeProps as O, guardReactiveProps as P, createSlots as V, withCtx as m, createVNode as X, renderSlot as x, markRaw as Y } from "vue";
+import { defineComponent as D, computed as h, openBlock as f, createBlock as R, Teleport as L, unref as o, createElementBlock as p, normalizeStyle as O, createElementVNode as n, Fragment as C, renderList as k, createCommentVNode as g, normalizeProps as P, guardReactiveProps as V, createSlots as I, withCtx as m, createVNode as X, renderSlot as x, markRaw as Y } from "vue";
 import { _ as Z } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
-import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as j } from "@done-coding/admin-core";
+import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as j } from "@done-coding/admin-core";
 import { u as q } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
 const J = ["width", "height", "viewBox"], K = {
   id: "nebulaA",
@@ -26,17 +26,17 @@ const J = ["width", "height", "viewBox"], K = {
       animated: a,
       vw: t,
       vh: r,
-      hasFrame: A,
+      hasFrame: G,
       hollowX: B,
       hollowY: _,
-      hollowW: G,
-      hollowH: H
+      hollowW: H,
+      hollowH: T
     } = q(), F = h(() => u.value ? "#cdd6ff" : "#6b7bb0"), M = h(() => u.value ? "#ffffff" : "#9fb0e6"), E = h(() => u.value ? "#5b6cff" : "#9aa6e8"), S = h(() => u.value ? "#22d3ee" : "#8fd6e6");
     function s(i) {
       const d = Math.sin(i) * 43758.5453;
       return d - Math.floor(d);
     }
-    const T = h(() => {
+    const A = h(() => {
       const i = [];
       if (t.value <= 0 || r.value <= 0) return i;
       const d = 46, e = 30, c = t.value / d, v = r.value / e;
@@ -45,7 +45,7 @@ const J = ["width", "height", "viewBox"], K = {
         for (let b = 0; b < d; b++) {
           l++;
           const w = b * c + s(l * 1.1) * c, $ = y * v + s(l * 2.3) * v;
-          w > B.value && w < B.value + G.value && $ > _.value && $ < _.value + H.value || s(l * 3.7) > 0.65 || i.push({
+          w > B.value && w < B.value + H.value && $ > _.value && $ < _.value + T.value || s(l * 3.7) > 0.65 || i.push({
             x: Number(w.toFixed(1)),
             y: Number($.toFixed(1)),
             // 加大星点（0.7~2.6）。
@@ -90,11 +90,11 @@ const J = ["width", "height", "viewBox"], K = {
         { fx: 0.32, fy: 0.3, len: 20, span: 0.18, dur: 9.5, begin: 8 }
       ].map(d);
     });
-    return (i, d) => (f(), R(I, { to: "body" }, [
-      o(A) ? (f(), p("svg", {
+    return (i, d) => (f(), R(L, { to: "body" }, [
+      o(G) ? (f(), p("svg", {
         key: 0,
         class: "starfield-decor",
-        style: L({
+        style: O({
           position: "fixed",
           left: 0,
           top: 0,
@@ -176,7 +176,7 @@ const J = ["width", "height", "viewBox"], K = {
             repeatCount: "indefinite"
           }, null, 8, ue)) : g("", !0)
         ], 8, ie))), 128)),
-        (f(!0), p(C, null, k(T.value, (e, c) => (f(), p("circle", {
+        (f(!0), p(C, null, k(A.value, (e, c) => (f(), p("circle", {
           key: `s${c}`,
           cx: e.x,
           cy: e.y,
@@ -242,7 +242,7 @@ const J = ["width", "height", "viewBox"], K = {
   },
   setup(N) {
     const u = N;
-    return (a, t) => (f(), R(Z, O(P(u)), V({
+    return (a, t) => (f(), R(Z, P(V(u)), I({
       default: m((r) => [
         x(a.$slots, "default", {
           Footer: r.Footer
@@ -334,13 +334,13 @@ const J = ["width", "height", "viewBox"], K = {
     gap: { size: 8 },
     header: {
       height: 56,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "12px" }
     },
     sidebar: {
       width: 240,
       collapseWidth: 64,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "12px" }
     },
     body: { shimPadding: 18 },

package/es/assets/studio-ink.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as C, computed as m, openBlock as n, createBlock as $, Teleport as M, unref as e, createElementBlock as u, normalizeStyle as k, createElementVNode as o, Fragment as y, createCommentVNode as p, renderSlot as l, createVNode as d, withCtx as b, markRaw as F } from "vue";
-import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as N, AppFooter as A, AppSidebar as B, AppAside as R, AppHeader as S, AppTheme as x } from "@done-coding/admin-core";
+import { defineComponent as C, computed as m, openBlock as n, createBlock as $, Teleport as M, unref as e, createElementBlock as u, normalizeStyle as k, createElementVNode as o, Fragment as y, createCommentVNode as p, renderSlot as i, createVNode as d, withCtx as b, markRaw as F } from "vue";
+import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as N, AppFooter as A, AppSidebar as B, AppAside as R, AppHeader as S, AppTheme as x } from "@done-coding/admin-core";
 import { u as E } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
 import { _ as G } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
-const L = ["width", "height", "viewBox"], I = {
+const L = ["width", "height", "viewBox"], T = {
   id: "sgCool",
   cx: "50%",
   cy: "50%",
   r: "50%"
-}, T = ["stop-color", "stop-opacity"], D = ["stop-color", "stop-opacity"], H = ["stop-color"], O = {
+}, H = ["stop-color", "stop-opacity"], I = ["stop-color", "stop-opacity"], D = ["stop-color"], O = {
   id: "sgCool2",
   cx: "50%",
   cy: "50%",
@@ -20,9 +20,9 @@ const L = ["width", "height", "viewBox"], I = {
 }, P = ["stop-color", "stop-opacity"], q = ["stop-color", "stop-opacity"], X = ["stop-color"], Z = ["cx", "cy", "rx", "ry"], j = ["values"], J = ["values"], K = ["values"], Q = ["cx", "cy", "rx", "ry"], U = ["values"], Y = ["cx", "cy", "rx", "ry"], ee = ["values"], oe = ["values"], te = ["width", "height", "opacity"], se = /* @__PURE__ */ C({
   __name: "StudioGlowDecor",
   setup(a) {
-    const { isDark: s, animated: c, vw: r, vh: i, hasFrame: w } = E(), f = m(() => s.value ? "#2dd4bf" : "#5ec7bb"), v = m(() => s.value ? "#5b7da8" : "#8fa6c4"), h = m(() => s.value ? "#f5a524" : "#f0b352");
+    const { isDark: s, animated: c, vw: r, vh: l, hasFrame: w } = E(), f = m(() => s.value ? "#2dd4bf" : "#5ec7bb"), v = m(() => s.value ? "#5b7da8" : "#8fa6c4"), h = m(() => s.value ? "#f5a524" : "#f0b352");
     function t(g) {
-      return Number((Math.min(r.value, i.value) * g).toFixed(1));
+      return Number((Math.min(r.value, l.value) * g).toFixed(1));
     }
     return (g, _) => (n(), $(M, { to: "body" }, [
       e(w) ? (n(), u("svg", {
@@ -37,27 +37,27 @@ const L = ["width", "height", "viewBox"], I = {
           opacity: e(s) ? 1 : 0.7
         }),
         width: e(r),
-        height: e(i),
-        viewBox: `0 0 ${e(r)} ${e(i)}`,
+        height: e(l),
+        viewBox: `0 0 ${e(r)} ${e(l)}`,
         "aria-hidden": "true"
       }, [
         o("defs", null, [
-          o("radialGradient", I, [
+          o("radialGradient", T, [
             o("stop", {
               offset: "0%",
               "stop-color": f.value,
               "stop-opacity": e(s) ? 0.42 : 0.18
-            }, null, 8, T),
+            }, null, 8, H),
             o("stop", {
               offset: "60%",
               "stop-color": f.value,
               "stop-opacity": e(s) ? 0.12 : 0.05
-            }, null, 8, D),
+            }, null, 8, I),
             o("stop", {
               offset: "100%",
               "stop-color": f.value,
               "stop-opacity": "0"
-            }, null, 8, H)
+            }, null, 8, D)
           ]),
           o("radialGradient", O, [
             o("stop", {
@@ -103,7 +103,7 @@ const L = ["width", "height", "viewBox"], I = {
         ]),
         o("ellipse", {
           cx: e(r) * 0.18,
-          cy: e(i) * 0.22,
+          cy: e(l) * 0.22,
           rx: t(0.4),
           ry: t(0.32),
           fill: "url(#sgCool)"
@@ -124,7 +124,7 @@ const L = ["width", "height", "viewBox"], I = {
             o("animateTransform", {
               attributeName: "transform",
               type: "translate",
-              values: `0,0; ${e(r) * 0.025},${e(i) * 0.03}; 0,0`,
+              values: `0,0; ${e(r) * 0.025},${e(l) * 0.03}; 0,0`,
               dur: "28s",
               repeatCount: "indefinite"
             }, null, 8, K)
@@ -132,7 +132,7 @@ const L = ["width", "height", "viewBox"], I = {
         ], 8, Z),
         o("ellipse", {
           cx: e(r) * 0.8,
-          cy: e(i) * 0.8,
+          cy: e(l) * 0.8,
           rx: t(0.34),
           ry: t(0.28),
           fill: "url(#sgCool2)"
@@ -148,7 +148,7 @@ const L = ["width", "height", "viewBox"], I = {
         ], 8, Q),
         o("ellipse", {
           cx: e(r) * 0.86,
-          cy: e(i) * 0.18,
+          cy: e(l) * 0.18,
           rx: t(0.26),
           ry: t(0.22),
           fill: "url(#sgWarm)"
@@ -172,14 +172,14 @@ const L = ["width", "height", "viewBox"], I = {
         ], 8, Y),
         o("rect", {
           width: e(r),
-          height: e(i),
+          height: e(l),
           filter: "url(#sgGrain)",
           opacity: e(s) ? 0.05 : 0.025
         }, null, 8, te)
       ], 12, L)) : p("", !0)
     ]));
   }
-}), ae = /* @__PURE__ */ G(se, [["__scopeId", "data-v-31ae78d7"]]), re = /* @__PURE__ */ C({
+}), ae = /* @__PURE__ */ G(se, [["__scopeId", "data-v-f95652f3"]]), re = /* @__PURE__ */ C({
   __name: "StudioInkShell",
   props: {
     menus: {},
@@ -195,7 +195,7 @@ const L = ["width", "height", "viewBox"], I = {
   },
   setup(a) {
     return (s, c) => (n(), u(y, null, [
-      l(s.$slots, "default", { Footer: e(A) }),
+      i(s.$slots, "default", { Footer: e(A) }),
       d(e(B), {
         show: a.showSidebar,
         aboveHeader: a.sidebarAboveHeader,
@@ -204,7 +204,7 @@ const L = ["width", "height", "viewBox"], I = {
       }, null, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
       d(e(R), { show: a.showAside }, {
         default: b(() => [
-          l(s.$slots, "aside")
+          i(s.$slots, "aside")
         ]),
         _: 3
       }, 8, ["show"]),
@@ -216,14 +216,14 @@ const L = ["width", "height", "viewBox"], I = {
         menuFlatList: a.menuFlatList
       }, {
         left: b(() => [
-          l(s.$slots, "brand")
+          i(s.$slots, "brand")
         ]),
         right: b(() => [
-          l(s.$slots, "themeSwitcher", { Default: e(x) }, () => [
+          i(s.$slots, "themeSwitcher", { Default: e(x) }, () => [
             d(e(x))
           ]),
-          l(s.$slots, "userEntry"),
-          l(s.$slots, "settings")
+          i(s.$slots, "userEntry"),
+          i(s.$slots, "settings")
         ]),
         _: 3
       }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"]),
@@ -284,19 +284,19 @@ const L = ["width", "height", "viewBox"], I = {
     gap: { size: 10 },
     header: {
       height: 56,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "10px" }
     },
     sidebar: {
       width: 240,
       collapseWidth: 64,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "10px" }
     },
     // 右 inspector aside：宽 300；route meta.layout.aside=true 时显（StudioInkShell 转 #aside）。
     aside: {
       width: 300,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "10px" }
     },
     body: { shimPadding: 16 },

package/es/assets/studio-stage.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as s, openBlock as i, createBlock as W, Teleport as N, unref as o, createElementBlock as u, normalizeStyle as T, createElementVNode as a, Fragment as f, renderList as _, createCommentVNode as O, renderSlot as y, createVNode as v, withCtx as k, markRaw as V } from "vue";
-import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as z, AppFooter as P, AppSidebar as X, AppAside as Y, AppHeader as G, AppTheme as A } from "@done-coding/admin-core";
+import { defineComponent as A, computed as s, openBlock as i, createBlock as I, Teleport as T, unref as o, createElementBlock as u, normalizeStyle as N, createElementVNode as a, Fragment as f, renderList as _, createCommentVNode as O, renderSlot as y, createVNode as v, withCtx as k, markRaw as V } from "vue";
+import { CORE_VIEWPORT_DECOR_ZINDEX_BELOW as z, AppFooter as P, AppSidebar as X, AppAside as Y, AppHeader as G, AppTheme as S } from "@done-coding/admin-core";
 import { u as Z } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
 import { _ as j } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
-const q = ["width", "height", "viewBox"], J = { id: "ssRingMask" }, K = ["width", "height"], Q = ["x", "y", "width", "height"], U = { mask: "url(#ssRingMask)" }, ee = ["x", "y", "width", "fill", "opacity"], oe = ["stroke", "opacity"], te = ["x1", "y1", "x2", "y2"], ae = ["x1", "y1", "x2", "y2"], le = ["x1", "y1", "x2", "y2"], re = ["x1", "y1", "x2", "y2"], se = ["x", "y", "fill", "opacity"], ie = ["x", "y", "width", "fill", "opacity"], ne = ["stroke", "opacity"], de = ["x1", "y1", "x2", "y2"], ue = /* @__PURE__ */ S({
+const q = ["width", "height", "viewBox"], J = { id: "ssRingMask" }, K = ["width", "height"], Q = ["x", "y", "width", "height"], U = { mask: "url(#ssRingMask)" }, ee = ["x", "y", "width", "fill", "opacity"], oe = ["stroke", "opacity"], te = ["x1", "y1", "x2", "y2"], ae = ["x1", "y1", "x2", "y2"], le = ["x1", "y1", "x2", "y2"], re = ["x1", "y1", "x2", "y2"], se = ["x", "y", "fill", "opacity"], ie = ["x", "y", "width", "fill", "opacity"], ne = ["stroke", "opacity"], de = ["x1", "y1", "x2", "y2"], ue = /* @__PURE__ */ A({
   __name: "StudioStageDecor",
   setup(l) {
     const { isDark: t, vw: g, vh: p, hasFrame: F, hollowX: c, hollowY: x, hollowW: h, hollowH: b } = Z(), C = s(() => t.value ? "#e86a2a" : "#c94f1a"), m = s(() => t.value ? "#69a99a" : "#286f63"), M = s(() => t.value ? "#cbb89c" : "#6b5d4d"), R = s(() => Math.max(0, x.value - 9)), w = s(() => x.value + b.value + 9), $ = s(() => {
@@ -20,18 +20,18 @@ const q = ["width", "height", "viewBox"], J = { id: "ssRingMask" }, K = ["width"
         M.value,
         t.value ? "#4a3f33" : "#e7ddcf"
       ], d = 30, e = 7, r = n.length * d + (n.length - 1) * e, H = p.value / 2 - r / 2;
-      return n.map((D, I) => ({ color: D, y: H + I * (d + e) }));
+      return n.map((D, W) => ({ color: D, y: H + W * (d + e) }));
     }), E = s(
       () => Array.from(
         { length: Math.floor(h.value / 32) },
         (n, d) => c.value + d * 32
       )
     );
-    return (n, d) => (i(), W(N, { to: "body" }, [
+    return (n, d) => (i(), I(T, { to: "body" }, [
       o(F) ? (i(), u("svg", {
         key: 0,
         class: "studio-stage-decor",
-        style: T({
+        style: N({
           position: "fixed",
           left: 0,
           top: 0,
@@ -142,7 +142,7 @@ const q = ["width", "height", "viewBox"], J = { id: "ssRingMask" }, K = ["width"
       ], 12, q)) : O("", !0)
     ]));
   }
-}), ce = /* @__PURE__ */ j(ue, [["__scopeId", "data-v-ae0e9545"]]), he = /* @__PURE__ */ S({
+}), ce = /* @__PURE__ */ j(ue, [["__scopeId", "data-v-62460651"]]), he = /* @__PURE__ */ A({
   __name: "StudioStageShell",
   props: {
     menus: {},
@@ -182,8 +182,8 @@ const q = ["width", "height", "viewBox"], J = { id: "ssRingMask" }, K = ["width"
           y(t.$slots, "brand")
         ]),
         right: k(() => [
-          y(t.$slots, "themeSwitcher", { Default: o(A) }, () => [
-            v(o(A))
+          y(t.$slots, "themeSwitcher", { Default: o(S) }, () => [
+            v(o(S))
           ]),
           y(t.$slots, "userEntry"),
           y(t.$slots, "settings")
@@ -250,19 +250,19 @@ const q = ["width", "height", "viewBox"], J = { id: "ssRingMask" }, K = ["width"
     // radius 8（克制不软塌）、sidebar 收窄、body shim 加大突出"画布"。
     header: {
       height: 64,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "8px" }
     },
     sidebar: {
       width: 176,
       collapseWidth: 64,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "8px" }
     },
     aside: {
       // 340：aside 大概率承载 AI 对话面板（ChatAsidePanel），留持久会话舒适宽度。
       width: 340,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "8px" }
     },
     body: { shimPadding: 28 },

package/es/assets/studio-triptych.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as t, openBlock as i, createElementBlock as n, Fragment as u, renderSlot as a, unref as r, createVNode as s, withCtx as l, markRaw as c } from "vue";
+import { defineComponent as t, openBlock as i, createElementBlock as n, Fragment as u, renderSlot as r, unref as a, createVNode as s, withCtx as l, markRaw as c } from "vue";
 import { AppFooter as b, AppSidebar as f, AppAside as h, AppHeader as m, AppTheme as d } from "@done-coding/admin-core";
 const p = /* @__PURE__ */ t({
   __name: "TriColumnShell",
@@ -16,20 +16,20 @@ const p = /* @__PURE__ */ t({
   },
   setup(e) {
     return (o, g) => (i(), n(u, null, [
-      a(o.$slots, "default", { Footer: r(b) }),
-      s(r(f), {
+      r(o.$slots, "default", { Footer: a(b) }),
+      s(a(f), {
         show: e.showSidebar,
         aboveHeader: e.sidebarAboveHeader,
         menus: e.sidebarMenus,
         menuFlatList: e.menuFlatList
       }, null, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
-      s(r(h), { show: e.showAside }, {
+      s(a(h), { show: e.showAside }, {
         default: l(() => [
-          a(o.$slots, "aside")
+          r(o.$slots, "aside")
         ]),
         _: 3
       }, 8, ["show"]),
-      s(r(m), {
+      s(a(m), {
         show: e.showHeader,
         menus: e.headerMenus,
         activeMenu: e.activeMenu,
@@ -37,14 +37,14 @@ const p = /* @__PURE__ */ t({
         menuFlatList: e.menuFlatList
       }, {
         left: l(() => [
-          a(o.$slots, "brand")
+          r(o.$slots, "brand")
         ]),
         right: l(() => [
-          a(o.$slots, "themeSwitcher", { Default: r(d) }, () => [
-            s(r(d))
+          r(o.$slots, "themeSwitcher", { Default: a(d) }, () => [
+            s(a(d))
           ]),
-          a(o.$slots, "userEntry"),
-          a(o.$slots, "settings")
+          r(o.$slots, "userEntry"),
+          r(o.$slots, "settings")
         ]),
         _: 3
       }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
@@ -91,19 +91,19 @@ const p = /* @__PURE__ */ t({
     gap: { size: 8 },
     header: {
       height: 56,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "10px" }
     },
     sidebar: {
       width: 240,
       collapseWidth: 64,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "10px" }
     },
     // 右侧上下文 aside：宽 300；demo 路由开 aside 时显（TriColumnShell 塞 ContextAsidePanel）。
     aside: {
       width: 300,
-      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      background: "var(--dc-core-surface, var(--el-bg-color-overlay))",
       style: { borderRadius: "10px" }
     },
     body: { shimPadding: 16 },