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

package/es/assets/synapse-grid.mjs

@@ -0,0 +1,275 @@
+import { defineComponent as k, computed as v, openBlock as n, createBlock as E, Teleport as R, unref as r, createElementBlock as s, normalizeStyle as N, createElementVNode as y, Fragment as _, renderList as w, createCommentVNode as h, normalizeProps as F, guardReactiveProps as L, createSlots as T, withCtx as c, createVNode as I, renderSlot as m, markRaw as O } 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 A } from "@done-coding/admin-core";
+import { u as P } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as V } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const W = ["width", "height", "viewBox"], H = { "stroke-width": 1.2 }, X = ["x1", "y1", "x2", "y2", "stroke", "stroke-opacity"], Z = ["dur", "begin"], j = ["dur", "begin", "path"], q = ["cx", "cy", "fill"], J = ["begin"], K = /* @__PURE__ */ k({
+  __name: "SynapseGridDecor",
+  setup(C) {
+    const { vp: u, isDark: o, animated: f, vw: l, vh: g, hasFrame: B } = P(), b = v(
+      () => Math.min(
+        u.value.paddingTop,
+        u.value.paddingRight,
+        u.value.paddingBottom,
+        u.value.paddingLeft
+      ) / 2
+    ), S = [
+      0.04,
+      0.12,
+      0.21,
+      0.34,
+      0.47,
+      0.58,
+      0.66,
+      0.73,
+      0.79,
+      0.85,
+      0.9,
+      0.94,
+      0.55,
+      0.27,
+      0.4,
+      0.69
+    ];
+    function D(p, d) {
+      const { w: e, h: t, ins: a } = d, G = 2 * (e + t);
+      let i = p * G;
+      return i <= e ? { x: a + i, y: a } : (i -= e, i <= t ? { x: a + e, y: a + i } : (i -= t, i <= e ? { x: a + e - i, y: a + t } : (i -= e, { x: a, y: a + t - i })));
+    }
+    const x = v(() => {
+      const p = {
+        w: Math.max(0, l.value - b.value * 2),
+        h: Math.max(0, g.value - b.value * 2),
+        ins: b.value
+      };
+      return S.map((d) => D(d, p));
+    }), M = [
+      [0, 1],
+      [1, 2],
+      [2, 3],
+      [3, 4],
+      [4, 5],
+      [5, 6],
+      [6, 7],
+      [7, 8],
+      [8, 9],
+      [9, 10],
+      [10, 11],
+      [0, 13],
+      [13, 12],
+      [12, 14],
+      [14, 4],
+      [6, 15]
+    ], $ = v(
+      () => M.map(([p, d], e) => {
+        const t = x.value[p], a = x.value[d];
+        return {
+          x1: t.x,
+          y1: t.y,
+          x2: a.x,
+          y2: a.y,
+          // 错相、低频脉冲（2.5~5s）。
+          dur: 2.5 + e % 6 * 0.45,
+          begin: e % 8 * 0.5
+        };
+      })
+    );
+    return (p, d) => (n(), E(R, { to: "body" }, [
+      r(B) ? (n(), s("svg", {
+        key: 0,
+        class: "synapse-grid-decor",
+        style: N({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: r(A),
+          opacity: r(o) ? 0.4 : 0.16
+        }),
+        width: r(l),
+        height: r(g),
+        viewBox: `0 0 ${r(l)} ${r(g)}`,
+        "aria-hidden": "true"
+      }, [
+        d[0] || (d[0] = y("defs", null, [
+          y("filter", {
+            id: "synapseGlow",
+            x: "-50%",
+            y: "-50%",
+            width: "200%",
+            height: "200%"
+          }, [
+            y("feGaussianBlur", { stdDeviation: "2.5" })
+          ])
+        ], -1)),
+        y("g", H, [
+          (n(!0), s(_, null, w($.value, (e, t) => (n(), s("line", {
+            key: `l${t}`,
+            x1: e.x1,
+            y1: e.y1,
+            x2: e.x2,
+            y2: e.y2,
+            stroke: r(o) ? t % 2 ? "#a3e635" : "#3ddc97" : "#128a5e",
+            "stroke-opacity": r(f) ? 0.25 : 0.5
+          }, [
+            r(f) ? (n(), s("animate", {
+              key: 0,
+              attributeName: "stroke-opacity",
+              values: "0.2;0.9;0.2",
+              dur: `${e.dur}s`,
+              begin: `${e.begin}s`,
+              repeatCount: "indefinite"
+            }, null, 8, Z)) : h("", !0)
+          ], 8, X))), 128))
+        ]),
+        r(f) ? (n(!0), s(_, { key: 0 }, w($.value, (e, t) => (n(), s("circle", {
+          key: `p${t}`,
+          r: "3",
+          fill: "#5ee88f",
+          filter: "url(#synapseGlow)"
+        }, [
+          y("animateMotion", {
+            dur: `${e.dur}s`,
+            begin: `${e.begin}s`,
+            repeatCount: "indefinite",
+            path: `M${e.x1},${e.y1} L${e.x2},${e.y2}`
+          }, null, 8, j)
+        ]))), 128)) : h("", !0),
+        (n(!0), s(_, null, w(x.value, (e, t) => (n(), s("circle", {
+          key: `n${t}`,
+          cx: e.x,
+          cy: e.y,
+          r: "2.5",
+          fill: r(o) ? "#5ee88f" : "#128a5e"
+        }, [
+          r(f) ? (n(), s("animate", {
+            key: 0,
+            attributeName: "opacity",
+            values: "0.3;0.8;0.3",
+            dur: "3s",
+            begin: `${t % 5 * 0.6}s`,
+            repeatCount: "indefinite"
+          }, null, 8, J)) : h("", !0)
+        ], 8, q))), 128))
+      ], 12, W)) : h("", !0)
+    ]));
+  }
+}), Q = /* @__PURE__ */ V(K, [["__scopeId", "data-v-66a77bb9"]]), U = /* @__PURE__ */ k({
+  __name: "SynapseGridShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(C) {
+    const u = C;
+    return (o, f) => (n(), E(z, F(L(u)), T({
+      default: c((l) => [
+        m(o.$slots, "default", {
+          Footer: l.Footer
+        })
+      ]),
+      decor: c(() => [
+        I(Q)
+      ]),
+      _: 2
+    }, [
+      o.$slots.brand ? {
+        name: "brand",
+        fn: c(() => [
+          m(o.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      o.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: c((l) => [
+          m(o.$slots, "themeSwitcher", {
+            Default: l.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      o.$slots.userEntry ? {
+        name: "userEntry",
+        fn: c(() => [
+          m(o.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      o.$slots.settings ? {
+        name: "settings",
+        fn: c(() => [
+          m(o.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040));
+  }
+}), ae = {
+  id: "synapse-grid",
+  label: "神经突触",
+  description: {
+    suitable: "智能体编排 / multi-agent 监控 / 工作流图谱 / 数据管线可观测平台；强调「节点-连线-数据流」心智的暗场控制台。",
+    unsuitable: "内容编辑 / 营销官网；需暖色亲和的 C 端后台；老年/低视力主用群体。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f0f4f1",
+      baseColor: "#14241c",
+      primaryColor: "#128a5e",
+      successColor: "#128a5e",
+      warningColor: "#c2820e",
+      dangerColor: "#d83a3a",
+      errorColor: "#d83a3a",
+      infoColor: "#0d8aa6",
+      radius: "6px",
+      accent: "#5aa314",
+      surface: "#ffffff",
+      borderColor: "#d7e2db",
+      glow: "0 0 0 1px rgba(18,138,94,0.16)",
+      shadow: "0 10px 26px -14px rgba(20,36,28,0.18)",
+      focusRing: "0 0 0 2px rgba(18,138,94,0.32)"
+    },
+    dark: {
+      bodyColor: "#05090b",
+      baseColor: "#cfe6d8",
+      primaryColor: "#3ddc97",
+      successColor: "#5ee88f",
+      warningColor: "#e8b84b",
+      dangerColor: "#ff5a5a",
+      errorColor: "#ff5a5a",
+      infoColor: "#2fd4d4",
+      radius: "6px",
+      accent: "#a3e635",
+      surface: "#0c1512",
+      borderColor: "rgba(61,220,151,0.24)",
+      glow: "0 0 14px rgba(61,220,151,0.32)",
+      shadow: "0 0 0 1px rgba(61,220,151,0.12), 0 18px 44px -20px rgba(0,0,0,0.92)",
+      focusRing: "0 0 0 2px rgba(61,220,151,0.5)"
+    }
+  },
+  layout: {
+    viewport: {
+      paddingTop: 14,
+      paddingRight: 14,
+      paddingBottom: 14,
+      paddingLeft: 14
+    },
+    gap: { size: 0 },
+    header: { height: 52 },
+    sidebar: { width: 240, collapseWidth: 60 },
+    body: { shimPadding: 16 },
+    shell: O(U)
+  }
+};
+export {
+  ae as default
+};

package/es/assets/terminal-phosphor.mjs

@@ -0,0 +1,240 @@
+import { defineComponent as y, computed as c, openBlock as a, createBlock as v, Teleport as C, unref as e, createElementBlock as l, normalizeStyle as x, createElementVNode as o, createCommentVNode as d, normalizeProps as k, guardReactiveProps as B, createSlots as $, withCtx as s, createVNode as S, renderSlot as p, markRaw as E } from "vue";
+import { _ as D } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as M } from "@done-coding/admin-core";
+import { u as R } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as G } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const N = ["width", "height", "viewBox"], P = {
+  id: "scanlinePattern",
+  width: "3",
+  height: "3",
+  patternUnits: "userSpaceOnUse"
+}, I = ["fill"], T = ["width", "height"], W = ["x", "y", "width", "height", "stroke", "stroke-width", "filter"], F = {
+  key: 0,
+  attributeName: "stroke-opacity",
+  values: "0.5;1;0.5",
+  dur: "3s",
+  repeatCount: "indefinite"
+}, L = ["width"], O = ["values"], z = { key: 2 }, V = /* @__PURE__ */ y({
+  __name: "ScanlineDecor",
+  setup(m) {
+    const { vp: i, isDark: t, animated: f, vw: r, vh: n, hasFrame: b } = R(), g = c(() => t.value ? "#39ff14" : "#0f8a4f"), h = c(
+      () => Math.min(
+        i.value.paddingTop,
+        i.value.paddingRight,
+        i.value.paddingBottom,
+        i.value.paddingLeft
+      ) / 2
+    ), w = c(() => Math.max(0, r.value - h.value * 2)), _ = c(() => Math.max(0, n.value - h.value * 2));
+    return (U, u) => (a(), v(C, { to: "body" }, [
+      e(b) ? (a(), l("svg", {
+        key: 0,
+        class: "scanline-decor",
+        style: x({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(M)
+        }),
+        width: e(r),
+        height: e(n),
+        viewBox: `0 0 ${e(r)} ${e(n)}`,
+        "aria-hidden": "true"
+      }, [
+        o("defs", null, [
+          o("pattern", P, [
+            o("rect", {
+              width: "3",
+              height: "1",
+              fill: g.value
+            }, null, 8, I)
+          ]),
+          u[0] || (u[0] = o("filter", {
+            id: "scanlineGlow",
+            x: "-20%",
+            y: "-20%",
+            width: "140%",
+            height: "140%"
+          }, [
+            o("feGaussianBlur", { stdDeviation: "2.5" })
+          ], -1))
+        ]),
+        e(t) ? (a(), l("rect", {
+          key: 0,
+          width: e(r),
+          height: e(n),
+          fill: "url(#scanlinePattern)",
+          opacity: "0.06"
+        }, null, 8, T)) : d("", !0),
+        o("rect", {
+          x: h.value,
+          y: h.value,
+          width: w.value,
+          height: _.value,
+          fill: "none",
+          stroke: g.value,
+          "stroke-width": e(t) ? 1.5 : 1,
+          filter: e(t) ? "url(#scanlineGlow)" : void 0
+        }, [
+          e(f) ? (a(), l("animate", F)) : d("", !0)
+        ], 8, W),
+        e(f) ? (a(), l("rect", {
+          key: 1,
+          width: e(r),
+          height: "60",
+          fill: "url(#scanBandGrad)",
+          opacity: "0.1"
+        }, [
+          o("animateTransform", {
+            attributeName: "transform",
+            type: "translate",
+            values: `0,-60;0,${e(n)}`,
+            dur: "6s",
+            repeatCount: "indefinite"
+          }, null, 8, O)
+        ], 8, L)) : d("", !0),
+        e(f) ? (a(), l("defs", z, [...u[1] || (u[1] = [
+          o("linearGradient", {
+            id: "scanBandGrad",
+            x1: "0",
+            y1: "0",
+            x2: "0",
+            y2: "1"
+          }, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": "#39ff14",
+              "stop-opacity": "0"
+            }),
+            o("stop", {
+              offset: "50%",
+              "stop-color": "#39ff14",
+              "stop-opacity": "1"
+            }),
+            o("stop", {
+              offset: "100%",
+              "stop-color": "#39ff14",
+              "stop-opacity": "0"
+            })
+          ], -1)
+        ])])) : d("", !0)
+      ], 12, N)) : d("", !0)
+    ]));
+  }
+}), A = /* @__PURE__ */ G(V, [["__scopeId", "data-v-cf9db83e"]]), H = /* @__PURE__ */ y({
+  __name: "ScanlineShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(m) {
+    const i = m;
+    return (t, f) => (a(), v(D, k(B(i)), $({
+      default: s((r) => [
+        p(t.$slots, "default", {
+          Footer: r.Footer
+        })
+      ]),
+      decor: s(() => [
+        S(A)
+      ]),
+      _: 2
+    }, [
+      t.$slots.brand ? {
+        name: "brand",
+        fn: s(() => [
+          p(t.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: s((r) => [
+          p(t.$slots, "themeSwitcher", {
+            Default: r.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.userEntry ? {
+        name: "userEntry",
+        fn: s(() => [
+          p(t.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      t.$slots.settings ? {
+        name: "settings",
+        fn: s(() => [
+          p(t.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040));
+  }
+}), K = {
+  id: "terminal-phosphor",
+  label: "磷光终端",
+  description: {
+    suitable: "日志/监控/运维终端、CLI 风格后台、开发者控制台；偏爱「老式磷光显示器/绿底终端」复古极客味的场景。",
+    unsuitable: "C 端 / 营销 / 内容；亮场为主需求；强无障碍（绿底等宽对部分用户不友好）。"
+  },
+  config: {
+    light: {
+      bodyColor: "#eef2ec",
+      baseColor: "#0d2818",
+      primaryColor: "#0f8a4f",
+      successColor: "#0f8a4f",
+      warningColor: "#b07b16",
+      dangerColor: "#c23636",
+      errorColor: "#c23636",
+      infoColor: "#2a7a6e",
+      radius: "2px",
+      borderColor: "#cdddd0",
+      borderWidth: "1px",
+      shadow: "0 4px 16px -10px rgba(13,40,24,0.16)",
+      focusRing: "0 0 0 2px rgba(15,138,79,0.35)"
+    },
+    dark: {
+      bodyColor: "#020503",
+      baseColor: "#2fe08c",
+      primaryColor: "#39ff14",
+      successColor: "#39ff14",
+      warningColor: "#e8c547",
+      dangerColor: "#ff4d4d",
+      errorColor: "#ff4d4d",
+      infoColor: "#2af0c8",
+      radius: "2px",
+      surface: "#061008",
+      borderColor: "rgba(57,255,20,0.28)",
+      borderWidth: "1px",
+      glow: "0 0 12px rgba(57,255,20,0.4)",
+      shadow: "0 0 0 1px rgba(57,255,20,0.14), 0 16px 40px -20px rgba(0,0,0,0.95)",
+      focusRing: "0 0 0 2px rgba(57,255,20,0.55)"
+    }
+  },
+  layout: {
+    viewport: {
+      paddingTop: 10,
+      paddingRight: 10,
+      paddingBottom: 10,
+      paddingLeft: 10
+    },
+    gap: { size: 0 },
+    header: { height: 44 },
+    sidebar: { width: 220, collapseWidth: 52 },
+    body: { shimPadding: 14 },
+    shell: E(H)
+  }
+};
+export {
+  K as default
+};

package/es/assets/velvet-noir.mjs

@@ -0,0 +1,60 @@
+const r = {
+  id: "velvet-noir",
+  label: "丝绒午夜",
+  description: {
+    suitable: "高端品牌后台、奢侈品 / 私人银行 / 会员体系、需精致克制贵气暗场调性的产品。",
+    unsuitable: "开发者工具 / 高密度数据台；需活泼或亲民调性；强无障碍纯对比需求。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f2eee6",
+      baseColor: "#2a2230",
+      primaryColor: "#7a5c8a",
+      successColor: "#4f8060",
+      warningColor: "#b08a2e",
+      dangerColor: "#b04658",
+      errorColor: "#b04658",
+      infoColor: "#5a5f7a",
+      radius: "8px",
+      accent: "#b8954a",
+      surface: "#faf6ee",
+      borderColor: "#e2dacb",
+      shadow: "0 6px 24px -14px rgba(42, 34, 48, 0.16)",
+      focusRing: "0 0 0 2px rgba(122, 92, 138, 0.3)"
+    },
+    dark: {
+      bodyColor: "#14101a",
+      baseColor: "#e6dded",
+      primaryColor: "#b89ad0",
+      successColor: "#6aa884",
+      warningColor: "#d4b25c",
+      dangerColor: "#d4697c",
+      errorColor: "#d4697c",
+      infoColor: "#8a8fb0",
+      radius: "8px",
+      accent: "#c9a96a",
+      surface: "#1d1726",
+      borderColor: "rgba(201, 169, 106, 0.3)",
+      shadow: "0 16px 40px -18px rgba(0, 0, 0, 0.85)",
+      focusRing: "0 0 0 2px rgba(201, 169, 106, 0.4)"
+    }
+  },
+  layout: {
+    gap: { size: 10 },
+    header: {
+      height: 58,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "8px" }
+    },
+    sidebar: {
+      width: 252,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "8px" }
+    },
+    body: { shimPadding: 24 }
+  }
+};
+export {
+  r as default
+};