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

package/es/assets/cockpit-brutal-steel.mjs

@@ -0,0 +1,300 @@
+import { defineComponent as g, computed as h, openBlock as c, createBlock as v, Teleport as w, unref as e, createElementBlock as b, normalizeStyle as k, createElementVNode as t, createCommentVNode as y, normalizeProps as $, guardReactiveProps as x, createSlots as B, withCtx as l, createVNode as S, renderSlot as n, markRaw as M } from "vue";
+import { _ as E } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-B6k0Utzz.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as R } from "@done-coding/admin-core";
+import { u as H } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as D } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const I = ["width", "height", "viewBox"], T = {
+  id: "brutalHazard",
+  width: "18",
+  height: "18",
+  patternUnits: "userSpaceOnUse",
+  patternTransform: "rotate(45)"
+}, A = ["fill", "opacity"], F = {
+  id: "brutalScan",
+  x1: "0%",
+  y1: "0%",
+  x2: "0%",
+  y2: "100%"
+}, V = ["stop-color"], z = ["stop-color", "stop-opacity"], N = ["stop-color"], O = ["width", "height"], L = ["y", "width", "height"], W = ["y", "width", "height"], G = ["values"], P = ["stroke", "opacity"], U = ["d"], j = ["d"], q = ["d"], X = ["width", "height", "opacity"], Y = /* @__PURE__ */ g({
+  __name: "BrutalSteelCockpitDecor",
+  setup(s) {
+    const { isDark: i, animated: r, vw: a, vh: o, hasFrame: _, vp: C } = H(), m = h(() => i.value ? "#8a93a0" : "#4a525c"), u = h(() => i.value ? "#f5a524" : "#d97706"), p = h(() => Math.max(24, C.value.paddingTop));
+    return (ee, d) => (c(), v(w, { to: "body" }, [
+      e(_) ? (c(), b("svg", {
+        key: 0,
+        class: "cockpit-brutal-steel-decor",
+        style: k({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(R),
+          opacity: e(i) ? 0.9 : 0.6
+        }),
+        width: e(a),
+        height: e(o),
+        viewBox: `0 0 ${e(a)} ${e(o)}`,
+        "aria-hidden": "true"
+      }, [
+        t("defs", null, [
+          t("pattern", T, [
+            t("rect", {
+              width: "9",
+              height: "18",
+              fill: m.value,
+              opacity: e(i) ? 0.5 : 0.4
+            }, null, 8, A)
+          ]),
+          t("linearGradient", F, [
+            t("stop", {
+              offset: "0%",
+              "stop-color": u.value,
+              "stop-opacity": "0"
+            }, null, 8, V),
+            t("stop", {
+              offset: "50%",
+              "stop-color": u.value,
+              "stop-opacity": e(i) ? 0.5 : 0.28
+            }, null, 8, z),
+            t("stop", {
+              offset: "100%",
+              "stop-color": u.value,
+              "stop-opacity": "0"
+            }, null, 8, N)
+          ]),
+          d[0] || (d[0] = t("filter", { id: "brutalGrain" }, [
+            t("feTurbulence", {
+              type: "fractalNoise",
+              baseFrequency: "0.7",
+              numOctaves: "3",
+              stitchTiles: "stitch"
+            }),
+            t("feColorMatrix", {
+              type: "saturate",
+              values: "0"
+            })
+          ], -1))
+        ]),
+        t("rect", {
+          x: 0,
+          y: 0,
+          width: e(a),
+          height: p.value,
+          fill: "url(#brutalHazard)"
+        }, null, 8, O),
+        t("rect", {
+          x: 0,
+          y: e(o) - p.value,
+          width: e(a),
+          height: p.value,
+          fill: "url(#brutalHazard)"
+        }, null, 8, L),
+        e(r) ? (c(), b("rect", {
+          key: 0,
+          x: 0,
+          y: -e(o) * 0.12,
+          width: e(a),
+          height: e(o) * 0.12,
+          fill: "url(#brutalScan)"
+        }, [
+          t("animate", {
+            attributeName: "y",
+            values: `${-e(o) * 0.12}; ${e(o)}`,
+            dur: "6s",
+            repeatCount: "indefinite"
+          }, null, 8, G)
+        ], 8, W)) : y("", !0),
+        t("g", {
+          stroke: m.value,
+          "stroke-width": "3",
+          fill: "none",
+          opacity: e(i) ? 0.9 : 0.7
+        }, [
+          d[1] || (d[1] = t("path", { d: "M10 40 V10 H40" }, null, -1)),
+          t("path", {
+            d: `M${e(a) - 10} 40 V10 H${e(a) - 40}`
+          }, null, 8, U),
+          t("path", {
+            d: `M10 ${e(o) - 40} V${e(o) - 10} H40`
+          }, null, 8, j),
+          t("path", {
+            d: `M${e(a) - 10} ${e(o) - 40} V${e(o) - 10} H${e(a) - 40}`
+          }, null, 8, q)
+        ], 8, P),
+        t("rect", {
+          width: e(a),
+          height: e(o),
+          filter: "url(#brutalGrain)",
+          opacity: e(i) ? 0.08 : 0.05
+        }, null, 8, X)
+      ], 12, I)) : y("", !0)
+    ]));
+  }
+}), Z = /* @__PURE__ */ D(Y, [["__scopeId", "data-v-d5f290cf"]]), J = /* @__PURE__ */ g({
+  __name: "BrutalSteelCockpitShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(s) {
+    const i = s;
+    return (r, a) => (c(), v(E, $(x(i)), B({
+      default: l((o) => [
+        n(r.$slots, "default", {
+          Footer: o.Footer
+        })
+      ]),
+      decor: l(() => [
+        S(Z)
+      ]),
+      _: 2
+    }, [
+      r.$slots.brand ? {
+        name: "brand",
+        fn: l(() => [
+          n(r.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      r.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: l((o) => [
+          n(r.$slots, "themeSwitcher", {
+            Default: o.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      r.$slots.userEntry ? {
+        name: "userEntry",
+        fn: l(() => [
+          n(r.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      r.$slots.settings ? {
+        name: "settings",
+        fn: l(() => [
+          n(r.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0,
+      r.$slots.aside ? {
+        name: "aside",
+        fn: l(() => [
+          n(r.$slots, "aside")
+        ]),
+        key: "4"
+      } : void 0
+    ]), 1040));
+  }
+}), f = "admin-theme-cockpit-brutal-steel";
+function K() {
+  if (typeof document > "u" || document.getElementById(f)) return;
+  const s = document.createElement("style");
+  s.id = f, s.setAttribute("data-admin-theme", "cockpit-brutal-steel"), s.textContent = `
+.cockpit-statusbar{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;}
+.app-header-module-item{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;}
+`, document.head.appendChild(s);
+}
+function Q() {
+  var s;
+  typeof document > "u" || (s = document.getElementById(f)) == null || s.remove();
+}
+const ie = {
+  id: "cockpit-brutal-steel",
+  label: "座舱·机械",
+  description: {
+    suitable: "要工业/机械裸结构气质的 AI 控制台：高反差、硬边、确定感；适合运维/编排/监控类重操作场景。",
+    unsuitable: "需柔和亲和/留白舒展的内容型后台；低对比护眼诉求；偏好圆润玻璃质感的场景。"
+  },
+  config: {
+    light: {
+      bodyColor: "#e8e6e1",
+      baseColor: "#14151a",
+      primaryColor: "#e2480c",
+      successColor: "#2f8f43",
+      warningColor: "#d97706",
+      dangerColor: "#e23b2c",
+      errorColor: "#e23b2c",
+      infoColor: "#5b6b7d",
+      radius: "0px",
+      borderColor: "#1a1c20",
+      borderWidth: "2px",
+      accent: "#4a525c",
+      shadow: "5px 5px 0 rgba(20, 21, 26, 0.18)",
+      focusRing: "0 0 0 3px #e2480c",
+      surface: "#f2f0eb"
+    },
+    dark: {
+      bodyColor: "#0c0d0f",
+      baseColor: "#eceef0",
+      primaryColor: "#ff5b1e",
+      successColor: "#46a758",
+      warningColor: "#f5a524",
+      dangerColor: "#ff4d3d",
+      errorColor: "#ff4d3d",
+      infoColor: "#7d8590",
+      radius: "0px",
+      borderColor: "#3a3f47",
+      borderWidth: "2px",
+      accent: "#8a93a0",
+      shadow: "6px 6px 0 rgba(0, 0, 0, 0.6)",
+      focusRing: "0 0 0 3px #ff5b1e",
+      surface: "#16181b"
+    }
+  },
+  layout: {
+    // 顶/底套框略厚（给机械警示带空间），左右常规。
+    viewport: {
+      paddingTop: 28,
+      paddingRight: 16,
+      paddingBottom: 28,
+      paddingLeft: 16
+    },
+    gap: { size: 10 },
+    extractLevel1ToHeader: !0,
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "0px" }
+    },
+    sidebar: {
+      width: 244,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "0px" }
+    },
+    aside: {
+      width: 330,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "0px" }
+    },
+    footer: {
+      height: 36,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "0px" }
+    },
+    breadcrumb: { height: 44 },
+    body: { shimPadding: 16 },
+    shell: M(J)
+  },
+  // 生命周期钩子（榨干点）：激活注入等宽大写氛围，切走/注销清理。
+  onActivate() {
+    K();
+  },
+  onDeactivate() {
+    Q();
+  }
+};
+export {
+  ie as default
+};

package/es/assets/cockpit-liquid-ink.mjs

@@ -0,0 +1,329 @@
+import { defineComponent as _, computed as b, openBlock as d, createBlock as v, Teleport as x, unref as e, createElementBlock as u, normalizeStyle as C, createElementVNode as o, Fragment as k, createCommentVNode as p, normalizeProps as $, guardReactiveProps as w, createSlots as q, withCtx as l, createVNode as B, renderSlot as n, markRaw as N } from "vue";
+import { _ as R } from "../chunks/CockpitShellBase.vue_vue_type_script_setup_true_lang-B6k0Utzz.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as E } from "@done-coding/admin-core";
+import { u as I } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as S } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const D = ["width", "height", "viewBox"], F = {
+  id: "liqA",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, L = ["stop-color", "stop-opacity"], M = ["stop-color", "stop-opacity"], T = ["stop-color"], A = {
+  id: "liqB",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, G = ["stop-color", "stop-opacity"], z = ["stop-color"], O = {
+  id: "liqScan",
+  x1: "0%",
+  y1: "0%",
+  x2: "100%",
+  y2: "0%"
+}, W = ["stop-color"], P = ["stop-color", "stop-opacity"], V = ["stop-color"], H = ["cx", "cy", "rx", "ry"], X = ["values"], Z = ["values"], j = ["values"], J = ["cx", "cy", "rx", "ry"], K = ["values"], Q = ["x", "width", "height"], U = ["values"], Y = ["width", "height", "opacity"], ee = /* @__PURE__ */ _({
+  __name: "LiquidInkCockpitDecor",
+  setup(h) {
+    const { isDark: i, animated: t, vw: a, vh: s, hasFrame: g } = I(), f = b(() => i.value ? "#5b8cff" : "#3f6fe6"), c = b(() => i.value ? "#22d3ee" : "#0e9fc4");
+    function r(y) {
+      return Number((Math.min(a.value, s.value) * y).toFixed(1));
+    }
+    return (y, m) => (d(), v(x, { to: "body" }, [
+      e(g) ? (d(), u("svg", {
+        key: 0,
+        class: "cockpit-liquid-ink-decor",
+        style: C({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(E),
+          opacity: e(i) ? 1 : 0.55
+        }),
+        width: e(a),
+        height: e(s),
+        viewBox: `0 0 ${e(a)} ${e(s)}`,
+        "aria-hidden": "true"
+      }, [
+        o("defs", null, [
+          o("radialGradient", F, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": f.value,
+              "stop-opacity": e(i) ? 0.4 : 0.16
+            }, null, 8, L),
+            o("stop", {
+              offset: "55%",
+              "stop-color": f.value,
+              "stop-opacity": e(i) ? 0.12 : 0.05
+            }, null, 8, M),
+            o("stop", {
+              offset: "100%",
+              "stop-color": f.value,
+              "stop-opacity": "0"
+            }, null, 8, T)
+          ]),
+          o("radialGradient", A, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": c.value,
+              "stop-opacity": e(i) ? 0.32 : 0.12
+            }, null, 8, G),
+            o("stop", {
+              offset: "100%",
+              "stop-color": c.value,
+              "stop-opacity": "0"
+            }, null, 8, z)
+          ]),
+          o("linearGradient", O, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": c.value,
+              "stop-opacity": "0"
+            }, null, 8, W),
+            o("stop", {
+              offset: "50%",
+              "stop-color": c.value,
+              "stop-opacity": e(i) ? 0.22 : 0.09
+            }, null, 8, P),
+            o("stop", {
+              offset: "100%",
+              "stop-color": c.value,
+              "stop-opacity": "0"
+            }, null, 8, V)
+          ]),
+          m[0] || (m[0] = o("filter", { id: "liqGrain" }, [
+            o("feTurbulence", {
+              type: "fractalNoise",
+              baseFrequency: "0.9",
+              numOctaves: "2",
+              stitchTiles: "stitch"
+            }),
+            o("feColorMatrix", {
+              type: "saturate",
+              values: "0"
+            })
+          ], -1))
+        ]),
+        o("ellipse", {
+          cx: e(a) * 0.22,
+          cy: e(s) * 0.26,
+          rx: r(0.42),
+          ry: r(0.34),
+          fill: "url(#liqA)"
+        }, [
+          e(t) ? (d(), u(k, { key: 0 }, [
+            o("animate", {
+              attributeName: "rx",
+              values: `${r(0.42)};${r(0.5)};${r(0.42)}`,
+              dur: "17s",
+              repeatCount: "indefinite"
+            }, null, 8, X),
+            o("animate", {
+              attributeName: "ry",
+              values: `${r(0.34)};${r(0.4)};${r(0.34)}`,
+              dur: "17s",
+              repeatCount: "indefinite"
+            }, null, 8, Z),
+            o("animateTransform", {
+              attributeName: "transform",
+              type: "translate",
+              values: `0,0; ${e(a) * 0.03},${e(s) * 0.025}; 0,0`,
+              dur: "29s",
+              repeatCount: "indefinite"
+            }, null, 8, j)
+          ], 64)) : p("", !0)
+        ], 8, H),
+        o("ellipse", {
+          cx: e(a) * 0.82,
+          cy: e(s) * 0.78,
+          rx: r(0.36),
+          ry: r(0.3),
+          fill: "url(#liqB)"
+        }, [
+          e(t) ? (d(), u("animate", {
+            key: 0,
+            attributeName: "rx",
+            values: `${r(0.36)};${r(0.44)};${r(0.36)}`,
+            dur: "21s",
+            begin: "5s",
+            repeatCount: "indefinite"
+          }, null, 8, K)) : p("", !0)
+        ], 8, J),
+        e(t) ? (d(), u("rect", {
+          key: 0,
+          y: "0",
+          x: -e(a) * 0.16,
+          width: e(a) * 0.16,
+          height: e(s),
+          fill: "url(#liqScan)"
+        }, [
+          o("animate", {
+            attributeName: "x",
+            values: `${-e(a) * 0.16}; ${e(a)}`,
+            dur: "11s",
+            repeatCount: "indefinite"
+          }, null, 8, U)
+        ], 8, Q)) : p("", !0),
+        o("rect", {
+          width: e(a),
+          height: e(s),
+          filter: "url(#liqGrain)",
+          opacity: e(i) ? 0.045 : 0.02
+        }, null, 8, Y)
+      ], 12, D)) : p("", !0)
+    ]));
+  }
+}), oe = /* @__PURE__ */ S(ee, [["__scopeId", "data-v-122f9ed8"]]), te = /* @__PURE__ */ _({
+  __name: "LiquidInkCockpitShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(h) {
+    const i = h;
+    return (t, a) => (d(), v(R, $(w(i)), q({
+      default: l((s) => [
+        n(t.$slots, "default", {
+          Footer: s.Footer
+        })
+      ]),
+      decor: l(() => [
+        B(oe)
+      ]),
+      _: 2
+    }, [
+      t.$slots.brand ? {
+        name: "brand",
+        fn: l(() => [
+          n(t.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: l((s) => [
+          n(t.$slots, "themeSwitcher", {
+            Default: s.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.userEntry ? {
+        name: "userEntry",
+        fn: l(() => [
+          n(t.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      t.$slots.settings ? {
+        name: "settings",
+        fn: l(() => [
+          n(t.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0,
+      t.$slots.aside ? {
+        name: "aside",
+        fn: l(() => [
+          n(t.$slots, "aside")
+        ]),
+        key: "4"
+      } : void 0
+    ]), 1040));
+  }
+}), ne = {
+  id: "cockpit-liquid-ink",
+  label: "座舱·液墨",
+  description: {
+    suitable: "AI / 智能应用层旗舰后台（webagent + 编辑器矩阵）：要任务域切换 + 常驻副驾 + 行动状态条的 agentic 工作台；深墨玻璃沉浸、暗场为主、premium 克制。",
+    unsuitable: "极简纯表格台 / 老年低视力主用群体 / 需全亮场暖色亲和的轻量 C 端后台。"
+  },
+  config: {
+    light: {
+      bodyColor: "#eef3fc",
+      baseColor: "#131a2b",
+      primaryColor: "#3f6fe6",
+      successColor: "#16a34a",
+      warningColor: "#d97706",
+      dangerColor: "#e8424e",
+      errorColor: "#e8424e",
+      infoColor: "#5b6b7d",
+      radius: "14px",
+      borderColor: "#dde6f4",
+      borderWidth: "1px",
+      accent: "#0e9fc4",
+      glow: "0 0 0 1px rgba(63, 111, 230, 0.12)",
+      blur: "12px",
+      shadow: "0 10px 30px -18px rgba(19, 26, 43, 0.2)",
+      focusRing: "0 0 0 3px rgba(63, 111, 230, 0.22)",
+      surface: "#ffffff"
+    },
+    dark: {
+      bodyColor: "#0a0e16",
+      baseColor: "#e6ecf5",
+      primaryColor: "#4d84ff",
+      successColor: "#34d399",
+      warningColor: "#f5a524",
+      dangerColor: "#f25864",
+      errorColor: "#f25864",
+      infoColor: "#7d8aa0",
+      radius: "14px",
+      borderColor: "rgba(91, 140, 255, 0.16)",
+      borderWidth: "1px",
+      accent: "#22d3ee",
+      glow: "0 0 24px rgba(91, 140, 255, 0.35)",
+      blur: "14px",
+      shadow: "0 0 0 1px rgba(91, 140, 255, 0.08), 0 18px 50px -24px rgba(0, 0, 0, 0.85)",
+      focusRing: "0 0 0 3px rgba(91, 140, 255, 0.4)",
+      surface: "#121a2b"
+    }
+  },
+  layout: {
+    // 意图座舱拓扑：套框沉浸 + 域切换 header + 技能 sidebar + 副驾 aside + 行动状态条 footer。
+    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: "14px" }
+    },
+    sidebar: {
+      width: 248,
+      collapseWidth: 68,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "14px" }
+    },
+    // 常驻副驾 dock：宽 340；route meta.layout.aside=true 时显（壳转 #aside 灌 webagent）。
+    aside: {
+      width: 340,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "14px" }
+    },
+    // 行动状态条：高 36（CockpitStatusBar 渲于此），榨干 footer 配置。
+    footer: {
+      height: 36,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "14px" }
+    },
+    // 推理路径条高度调谐（榨干 breadcrumb，31 套 0 用）。
+    breadcrumb: { height: 44 },
+    body: { shimPadding: 18 },
+    shell: N(te)
+  }
+};
+export {
+  ne as default
+};