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

package/es/assets/studio-ink.mjs

@@ -0,0 +1,308 @@
+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 { 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 = {
+  id: "sgCool",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, T = ["stop-color", "stop-opacity"], D = ["stop-color", "stop-opacity"], H = ["stop-color"], O = {
+  id: "sgCool2",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, W = ["stop-color", "stop-opacity"], V = ["stop-color"], z = {
+  id: "sgWarm",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, 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");
+    function t(g) {
+      return Number((Math.min(r.value, i.value) * g).toFixed(1));
+    }
+    return (g, _) => (n(), $(M, { to: "body" }, [
+      e(w) ? (n(), u("svg", {
+        key: 0,
+        class: "studio-glow-decor",
+        style: k({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(N),
+          opacity: e(s) ? 1 : 0.7
+        }),
+        width: e(r),
+        height: e(i),
+        viewBox: `0 0 ${e(r)} ${e(i)}`,
+        "aria-hidden": "true"
+      }, [
+        o("defs", null, [
+          o("radialGradient", I, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": f.value,
+              "stop-opacity": e(s) ? 0.42 : 0.18
+            }, null, 8, T),
+            o("stop", {
+              offset: "60%",
+              "stop-color": f.value,
+              "stop-opacity": e(s) ? 0.12 : 0.05
+            }, null, 8, D),
+            o("stop", {
+              offset: "100%",
+              "stop-color": f.value,
+              "stop-opacity": "0"
+            }, null, 8, H)
+          ]),
+          o("radialGradient", O, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": v.value,
+              "stop-opacity": e(s) ? 0.3 : 0.12
+            }, null, 8, W),
+            o("stop", {
+              offset: "100%",
+              "stop-color": v.value,
+              "stop-opacity": "0"
+            }, null, 8, V)
+          ]),
+          o("radialGradient", z, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": h.value,
+              "stop-opacity": e(s) ? 0.38 : 0.16
+            }, null, 8, P),
+            o("stop", {
+              offset: "55%",
+              "stop-color": h.value,
+              "stop-opacity": e(s) ? 0.1 : 0.04
+            }, null, 8, q),
+            o("stop", {
+              offset: "100%",
+              "stop-color": h.value,
+              "stop-opacity": "0"
+            }, null, 8, X)
+          ]),
+          _[0] || (_[0] = o("filter", { id: "sgGrain" }, [
+            o("feTurbulence", {
+              type: "fractalNoise",
+              baseFrequency: "0.85",
+              numOctaves: "2",
+              stitchTiles: "stitch"
+            }),
+            o("feColorMatrix", {
+              type: "saturate",
+              values: "0"
+            })
+          ], -1))
+        ]),
+        o("ellipse", {
+          cx: e(r) * 0.18,
+          cy: e(i) * 0.22,
+          rx: t(0.4),
+          ry: t(0.32),
+          fill: "url(#sgCool)"
+        }, [
+          e(c) ? (n(), u(y, { key: 0 }, [
+            o("animate", {
+              attributeName: "rx",
+              values: `${t(0.4)};${t(0.48)};${t(0.4)}`,
+              dur: "16s",
+              repeatCount: "indefinite"
+            }, null, 8, j),
+            o("animate", {
+              attributeName: "ry",
+              values: `${t(0.32)};${t(0.38)};${t(0.32)}`,
+              dur: "16s",
+              repeatCount: "indefinite"
+            }, null, 8, J),
+            o("animateTransform", {
+              attributeName: "transform",
+              type: "translate",
+              values: `0,0; ${e(r) * 0.025},${e(i) * 0.03}; 0,0`,
+              dur: "28s",
+              repeatCount: "indefinite"
+            }, null, 8, K)
+          ], 64)) : p("", !0)
+        ], 8, Z),
+        o("ellipse", {
+          cx: e(r) * 0.8,
+          cy: e(i) * 0.8,
+          rx: t(0.34),
+          ry: t(0.28),
+          fill: "url(#sgCool2)"
+        }, [
+          e(c) ? (n(), u("animate", {
+            key: 0,
+            attributeName: "rx",
+            values: `${t(0.34)};${t(0.42)};${t(0.34)}`,
+            dur: "19s",
+            begin: "4s",
+            repeatCount: "indefinite"
+          }, null, 8, U)) : p("", !0)
+        ], 8, Q),
+        o("ellipse", {
+          cx: e(r) * 0.86,
+          cy: e(i) * 0.18,
+          rx: t(0.26),
+          ry: t(0.22),
+          fill: "url(#sgWarm)"
+        }, [
+          e(c) ? (n(), u(y, { key: 0 }, [
+            o("animate", {
+              attributeName: "rx",
+              values: `${t(0.26)};${t(0.32)};${t(0.26)}`,
+              dur: "13s",
+              begin: "2s",
+              repeatCount: "indefinite"
+            }, null, 8, ee),
+            o("animate", {
+              attributeName: "ry",
+              values: `${t(0.22)};${t(0.27)};${t(0.22)}`,
+              dur: "13s",
+              begin: "2s",
+              repeatCount: "indefinite"
+            }, null, 8, oe)
+          ], 64)) : p("", !0)
+        ], 8, Y),
+        o("rect", {
+          width: e(r),
+          height: e(i),
+          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({
+  __name: "StudioInkShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(a) {
+    return (s, c) => (n(), u(y, null, [
+      l(s.$slots, "default", { Footer: e(A) }),
+      d(e(B), {
+        show: a.showSidebar,
+        aboveHeader: a.sidebarAboveHeader,
+        menus: a.sidebarMenus,
+        menuFlatList: a.menuFlatList
+      }, null, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
+      d(e(R), { show: a.showAside }, {
+        default: b(() => [
+          l(s.$slots, "aside")
+        ]),
+        _: 3
+      }, 8, ["show"]),
+      d(e(S), {
+        show: a.showHeader,
+        menus: a.headerMenus,
+        activeMenu: a.activeMenu,
+        activeModuleMenu: a.activeModuleMenu,
+        menuFlatList: a.menuFlatList
+      }, {
+        left: b(() => [
+          l(s.$slots, "brand")
+        ]),
+        right: b(() => [
+          l(s.$slots, "themeSwitcher", { Default: e(x) }, () => [
+            d(e(x))
+          ]),
+          l(s.$slots, "userEntry"),
+          l(s.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"]),
+      d(ae)
+    ], 64));
+  }
+}), ue = {
+  id: "studio-ink",
+  label: "影棚墨蓝",
+  description: {
+    suitable: "AIGC 视频 / 影像创作类后台与控制台：生成队列·素材·项目·渲染等场景；想要影院墨蓝沉浸、冷暖受控影棚光、暗场为主、专业克制。",
+    unsuitable: "偏好亮场暖色亲和的 C 端后台；需极致零装饰纯净表格台；老年 / 低视力主用群体。"
+  },
+  config: {
+    light: {
+      bodyColor: "#eef2f7",
+      baseColor: "#16202c",
+      primaryColor: "#0b8f84",
+      successColor: "#16a34a",
+      warningColor: "#d97706",
+      dangerColor: "#e8424e",
+      errorColor: "#e8424e",
+      infoColor: "#5b6b7d",
+      radius: "10px",
+      accent: "#d97706",
+      surface: "#ffffff",
+      borderColor: "#d8e0ea",
+      glow: "0 0 0 1px rgba(11, 143, 132, 0.14)",
+      shadow: "0 8px 26px -16px rgba(22, 32, 44, 0.18)",
+      focusRing: "0 0 0 3px rgba(11, 143, 132, 0.22)"
+    },
+    dark: {
+      bodyColor: "#0c1018",
+      baseColor: "#e6ebf2",
+      primaryColor: "#3fdccb",
+      successColor: "#34d399",
+      warningColor: "#f5a524",
+      dangerColor: "#f25864",
+      errorColor: "#f25864",
+      infoColor: "#7d8aa0",
+      radius: "10px",
+      accent: "#f5a524",
+      surface: "#141a24",
+      borderColor: "rgba(63, 220, 203, 0.18)",
+      glow: "0 0 16px rgba(63, 220, 203, 0.3)",
+      shadow: "0 0 0 1px rgba(63, 220, 203, 0.08), 0 18px 44px -20px rgba(0, 0, 0, 0.9)",
+      focusRing: "0 0 0 3px rgba(63, 220, 203, 0.4)"
+    }
+  },
+  layout: {
+    // 调色台三区 + 四边套框：左 media/工具轨 + 中 viewer + 右 inspector aside。
+    viewport: {
+      paddingTop: 16,
+      paddingRight: 16,
+      paddingBottom: 16,
+      paddingLeft: 16
+    },
+    gap: { size: 10 },
+    header: {
+      height: 56,
+      background: "var(--admin-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))",
+      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))",
+      style: { borderRadius: "10px" }
+    },
+    body: { shimPadding: 16 },
+    shell: F(re)
+  }
+};
+export {
+  ue as default
+};

package/es/assets/studio-triptych.mjs

@@ -0,0 +1,115 @@
+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 { 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",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(e) {
+    return (o, g) => (i(), n(u, null, [
+      a(o.$slots, "default", { Footer: r(b) }),
+      s(r(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 }, {
+        default: l(() => [
+          a(o.$slots, "aside")
+        ]),
+        _: 3
+      }, 8, ["show"]),
+      s(r(m), {
+        show: e.showHeader,
+        menus: e.headerMenus,
+        activeMenu: e.activeMenu,
+        activeModuleMenu: e.activeModuleMenu,
+        menuFlatList: e.menuFlatList
+      }, {
+        left: l(() => [
+          a(o.$slots, "brand")
+        ]),
+        right: l(() => [
+          a(o.$slots, "themeSwitcher", { Default: r(d) }, () => [
+            s(r(d))
+          ]),
+          a(o.$slots, "userEntry"),
+          a(o.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+    ], 64));
+  }
+}), C = {
+  id: "studio-triptych",
+  label: "三联工作室",
+  description: {
+    suitable: "IDE 式 / 详情检查 / 多面板工作台；需要左导航 + 中主体 + 右上下文（属性/工具/详情）三栏同屏。",
+    unsuitable: "小屏 / 内容需要通栏的场景（三栏挤压主区）；无右侧上下文诉求时退用经典两栏。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f6f4fc",
+      baseColor: "#241b33",
+      primaryColor: "#7c3aed",
+      successColor: "#16a34a",
+      warningColor: "#d97706",
+      dangerColor: "#dc2626",
+      errorColor: "#dc2626",
+      infoColor: "#8b5cf6",
+      radius: "10px",
+      surface: "#ffffff",
+      borderColor: "#e7e1f3",
+      shadow: "0 10px 28px -16px rgba(124,58,237,0.20)"
+    },
+    dark: {
+      bodyColor: "#0c0816",
+      baseColor: "#ddd4f0",
+      primaryColor: "#a78bfa",
+      successColor: "#34d399",
+      warningColor: "#f0b541",
+      dangerColor: "#f0656a",
+      errorColor: "#f0656a",
+      infoColor: "#c4b5fd",
+      radius: "10px",
+      surface: "#171026",
+      borderColor: "rgba(167,139,250,0.22)",
+      shadow: "0 18px 44px -22px rgba(0,0,0,0.9)"
+    }
+  },
+  layout: {
+    gap: { size: 8 },
+    header: {
+      height: 56,
+      background: "var(--admin-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))",
+      style: { borderRadius: "10px" }
+    },
+    // 右侧上下文 aside：宽 300；demo 路由开 aside 时显（TriColumnShell 塞 ContextAsidePanel）。
+    aside: {
+      width: 300,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "10px" }
+    },
+    body: { shimPadding: 16 },
+    shell: c(p)
+  }
+};
+export {
+  C as default
+};

package/es/assets/sunset-amber.mjs

@@ -0,0 +1,61 @@
+const r = {
+  id: "sunset-amber",
+  label: "暮光琥珀",
+  description: {
+    suitable: "夜间使用为主的后台、媒体/影音/创作工具、想要温暖深色久看不累的暖深色沉浸场景。",
+    unsuitable: "需冷静专业冷色调的金融/政务；高对比无障碍；强活力明亮需求。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f3ece2",
+      baseColor: "#2e2218",
+      primaryColor: "#c2691c",
+      successColor: "#6a8a3a",
+      warningColor: "#c79320",
+      dangerColor: "#c0432b",
+      errorColor: "#c0432b",
+      infoColor: "#6b6f7a",
+      radius: "10px",
+      accent: "#d98324",
+      surface: "#fbf5ec",
+      borderColor: "#e6dac8",
+      shadow: "0 6px 22px -13px rgba(46, 34, 24, 0.18)",
+      focusRing: "0 0 0 3px rgba(194, 105, 28, 0.24)"
+    },
+    dark: {
+      bodyColor: "#120d08",
+      baseColor: "#ecdcc6",
+      primaryColor: "#e8954a",
+      successColor: "#8ca85c",
+      warningColor: "#e3b557",
+      dangerColor: "#e0664a",
+      errorColor: "#e0664a",
+      infoColor: "#9a9182",
+      radius: "10px",
+      accent: "#f0a64e",
+      surface: "#1d150d",
+      borderColor: "#352819",
+      shadow: "0 14px 34px -16px rgba(0, 0, 0, 0.8)",
+      glow: "0 0 16px rgba(232, 149, 74, 0.22)",
+      focusRing: "0 0 0 3px rgba(232, 149, 74, 0.32)"
+    }
+  },
+  layout: {
+    gap: { size: 8 },
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "10px" }
+    },
+    sidebar: {
+      width: 244,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "10px" }
+    },
+    body: { shimPadding: 22 }
+  }
+};
+export {
+  r as default
+};