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

package/es/assets/aurora-mesh.mjs

@@ -0,0 +1,350 @@
+import { defineComponent as w, computed as u, openBlock as t, createBlock as k, Teleport as N, unref as o, createElementBlock as s, normalizeStyle as G, createElementVNode as e, createCommentVNode as i, normalizeProps as E, guardReactiveProps as R, createSlots as D, withCtx as f, createVNode as A, renderSlot as c, markRaw as I } from "vue";
+import { _ as S } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as P } from "@done-coding/admin-core";
+import { u as W } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as F } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const T = ["width", "height", "viewBox"], z = {
+  id: "auroraMeshGrad1",
+  x1: "0",
+  y1: "0",
+  x2: "1",
+  y2: "1"
+}, H = {
+  offset: "0%",
+  "stop-color": "#5b8cff"
+}, L = {
+  key: 0,
+  attributeName: "stop-color",
+  values: "#5b8cff;#8b6cff;#3fd8e0;#5b8cff",
+  dur: "14s",
+  repeatCount: "indefinite"
+}, O = {
+  offset: "100%",
+  "stop-color": "#8b6cff"
+}, V = {
+  key: 0,
+  attributeName: "stop-color",
+  values: "#8b6cff;#3fd8e0;#5b8cff;#8b6cff",
+  dur: "14s",
+  repeatCount: "indefinite"
+}, X = {
+  id: "auroraMeshGrad2",
+  x1: "1",
+  y1: "0",
+  x2: "0",
+  y2: "1"
+}, Z = {
+  offset: "0%",
+  "stop-color": "#8b6cff"
+}, U = {
+  key: 0,
+  attributeName: "stop-color",
+  values: "#8b6cff;#3fd8e0;#5b8cff;#8b6cff",
+  dur: "18s",
+  repeatCount: "indefinite"
+}, Y = {
+  offset: "100%",
+  "stop-color": "#3fd8e0"
+}, j = {
+  key: 0,
+  attributeName: "stop-color",
+  values: "#3fd8e0;#5b8cff;#8b6cff;#3fd8e0",
+  dur: "18s",
+  repeatCount: "indefinite"
+}, q = {
+  id: "auroraMeshGrad3",
+  x1: "0",
+  y1: "1",
+  x2: "1",
+  y2: "0"
+}, J = {
+  offset: "0%",
+  "stop-color": "#3fd8e0"
+}, K = {
+  key: 0,
+  attributeName: "stop-color",
+  values: "#3fd8e0;#5b8cff;#8b6cff;#3fd8e0",
+  dur: "22s",
+  repeatCount: "indefinite"
+}, Q = {
+  offset: "100%",
+  "stop-color": "#5b8cff"
+}, ee = {
+  key: 0,
+  attributeName: "stop-color",
+  values: "#5b8cff;#8b6cff;#3fd8e0;#5b8cff",
+  dur: "22s",
+  repeatCount: "indefinite"
+}, oe = { filter: "url(#auroraMeshBlur)" }, te = ["x", "y", "width", "height", "stroke-width"], re = ["x", "y", "width", "height", "stroke-width"], ae = ["to"], se = ["x", "y", "width", "height", "stroke-width"], ie = ["from"], ne = {
+  key: 0,
+  r: "4.5",
+  fill: "#d6e4ff"
+}, de = ["path"], le = /* @__PURE__ */ w({
+  __name: "AuroraMeshDecor",
+  setup(v) {
+    const {
+      vp: l,
+      isDark: r,
+      animated: a,
+      vw: d,
+      vh: m,
+      hasFrame: x,
+      hollowX: C,
+      hollowY: M,
+      hollowW: _,
+      hollowH: $
+    } = W(), n = u(
+      () => Math.min(
+        l.value.paddingTop,
+        l.value.paddingRight,
+        l.value.paddingBottom,
+        l.value.paddingLeft
+      ) / 2
+    ), b = u(() => Math.max(2, n.value * 2)), h = u(() => Math.max(0, d.value - n.value * 2)), p = u(() => Math.max(0, m.value - n.value * 2)), g = u(() => 2 * (h.value + p.value)), B = u(
+      () => `M${C.value},${M.value} h${_.value} v${$.value} h${-_.value} Z`
+    );
+    return (ce, y) => (t(), k(N, { to: "body" }, [
+      o(x) ? (t(), s("svg", {
+        key: 0,
+        class: "aurora-mesh-decor",
+        style: G({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: o(P),
+          opacity: o(r) ? 0.5 : 0.1
+        }),
+        width: o(d),
+        height: o(m),
+        viewBox: `0 0 ${o(d)} ${o(m)}`,
+        "aria-hidden": "true"
+      }, [
+        e("defs", null, [
+          e("linearGradient", z, [
+            e("stop", H, [
+              o(a) ? (t(), s("animate", L)) : i("", !0)
+            ]),
+            e("stop", O, [
+              o(a) ? (t(), s("animate", V)) : i("", !0)
+            ])
+          ]),
+          e("linearGradient", X, [
+            e("stop", Z, [
+              o(a) ? (t(), s("animate", U)) : i("", !0)
+            ]),
+            e("stop", Y, [
+              o(a) ? (t(), s("animate", j)) : i("", !0)
+            ])
+          ]),
+          e("linearGradient", q, [
+            e("stop", J, [
+              o(a) ? (t(), s("animate", K)) : i("", !0)
+            ]),
+            e("stop", Q, [
+              o(a) ? (t(), s("animate", ee)) : i("", !0)
+            ])
+          ]),
+          y[0] || (y[0] = e("filter", {
+            id: "auroraMeshBlur",
+            x: "-20%",
+            y: "-20%",
+            width: "140%",
+            height: "140%"
+          }, [
+            e("feGaussianBlur", { stdDeviation: "24" })
+          ], -1))
+        ]),
+        e("g", oe, [
+          e("rect", {
+            x: n.value,
+            y: n.value,
+            width: h.value,
+            height: p.value,
+            rx: "14",
+            fill: "none",
+            stroke: "url(#auroraMeshGrad1)",
+            "stroke-width": b.value
+          }, null, 8, te),
+          e("rect", {
+            x: n.value,
+            y: n.value,
+            width: h.value,
+            height: p.value,
+            rx: "14",
+            fill: "none",
+            stroke: "url(#auroraMeshGrad2)",
+            "stroke-width": b.value * 0.6,
+            "stroke-dasharray": "180 120"
+          }, [
+            o(a) ? (t(), s("animate", {
+              key: 0,
+              attributeName: "stroke-dashoffset",
+              from: "0",
+              to: g.value,
+              dur: "18s",
+              repeatCount: "indefinite"
+            }, null, 8, ae)) : i("", !0)
+          ], 8, re),
+          e("rect", {
+            x: n.value,
+            y: n.value,
+            width: h.value,
+            height: p.value,
+            rx: "14",
+            fill: "none",
+            stroke: "url(#auroraMeshGrad3)",
+            "stroke-width": b.value * 0.4,
+            "stroke-dasharray": "90 260"
+          }, [
+            o(a) ? (t(), s("animate", {
+              key: 0,
+              attributeName: "stroke-dashoffset",
+              from: g.value,
+              to: "0",
+              dur: "22s",
+              repeatCount: "indefinite"
+            }, null, 8, ie)) : i("", !0)
+          ], 8, se)
+        ]),
+        o(a) ? (t(), s("circle", ne, [
+          e("animateMotion", {
+            dur: "9s",
+            repeatCount: "indefinite",
+            rotate: "auto",
+            path: B.value
+          }, null, 8, de)
+        ])) : i("", !0)
+      ], 12, T)) : i("", !0)
+    ]));
+  }
+}), ue = /* @__PURE__ */ F(le, [["__scopeId", "data-v-30bd1904"]]), fe = /* @__PURE__ */ w({
+  __name: "AuroraMeshShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(v) {
+    const l = v;
+    return (r, a) => (t(), k(S, E(R(l)), D({
+      default: f((d) => [
+        c(r.$slots, "default", {
+          Footer: d.Footer
+        })
+      ]),
+      decor: f(() => [
+        A(ue)
+      ]),
+      _: 2
+    }, [
+      r.$slots.brand ? {
+        name: "brand",
+        fn: f(() => [
+          c(r.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      r.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: f((d) => [
+          c(r.$slots, "themeSwitcher", {
+            Default: d.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      r.$slots.userEntry ? {
+        name: "userEntry",
+        fn: f(() => [
+          c(r.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      r.$slots.settings ? {
+        name: "settings",
+        fn: f(() => [
+          c(r.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040));
+  }
+}), _e = {
+  id: "aurora-mesh",
+  label: "极光网格",
+  description: {
+    suitable: "AI 平台 / 模型编排控制台 / GPU 算力调度台 / 暗场为主的智能监控大屏；想要「未来感但不刺眼」的高端 AI dashboard。",
+    unsuitable: "财务 / 政务等需庄重克制的场景；高密度纯表格录入（极光动效会分散注意）；强无障碍合规需求（动效+辉光对低视力不友好）。"
+  },
+  config: {
+    light: {
+      bodyColor: "#eef1f8",
+      baseColor: "#1a1f33",
+      primaryColor: "#4f6dff",
+      successColor: "#1aa67a",
+      warningColor: "#d98a18",
+      dangerColor: "#e5484d",
+      errorColor: "#e5484d",
+      infoColor: "#6b5cff",
+      radius: "14px",
+      accent: "#8b6cff",
+      surface: "#ffffff",
+      borderColor: "#dde2f0",
+      glow: "0 0 0 1px rgba(79,109,255,0.18)",
+      blur: "14px",
+      shadow: "0 12px 32px -16px rgba(46,58,120,0.20)",
+      focusRing: "0 0 0 3px rgba(79,109,255,0.28)"
+    },
+    dark: {
+      bodyColor: "#070912",
+      baseColor: "#d6def5",
+      primaryColor: "#5b8cff",
+      successColor: "#34d3a6",
+      warningColor: "#f0b541",
+      dangerColor: "#ff5d63",
+      errorColor: "#ff5d63",
+      infoColor: "#8b6cff",
+      radius: "14px",
+      accent: "#3fd8e0",
+      surface: "#0f1424",
+      borderColor: "rgba(91,140,255,0.22)",
+      glow: "0 0 18px rgba(91,140,255,0.30)",
+      blur: "18px",
+      shadow: "0 0 0 1px rgba(91,140,255,0.12), 0 20px 48px -20px rgba(0,0,0,0.92)",
+      focusRing: "0 0 0 3px rgba(91,140,255,0.45)"
+    }
+  },
+  layout: {
+    viewport: {
+      paddingTop: 16,
+      paddingRight: 16,
+      paddingBottom: 16,
+      paddingLeft: 16
+    },
+    gap: { size: 8 },
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "14px" }
+    },
+    sidebar: {
+      width: 248,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "14px" }
+    },
+    body: { shimPadding: 20 },
+    shell: I(fe)
+  }
+};
+export {
+  _e as default
+};

package/es/assets/botanical-paper.mjs

@@ -0,0 +1,60 @@
+const a = {
+  id: "botanical-paper",
+  label: "草木纸本",
+  description: {
+    suitable: "教育 / 文创 / 园艺 / 生活方式类后台、追求有机手作纸感温暖自然调性的产品。",
+    unsuitable: "科技/数据密集监控；需锐利专业冷调；深色沉浸需求。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f1ede1",
+      baseColor: "#2b2a20",
+      primaryColor: "#5a7b3a",
+      successColor: "#5a8a4a",
+      warningColor: "#bf8c2a",
+      dangerColor: "#bb4f3a",
+      errorColor: "#bb4f3a",
+      infoColor: "#6a7a6e",
+      radius: "16px",
+      accent: "#8a6a3e",
+      surface: "#f9f5ea",
+      borderColor: "#e0d8c5",
+      shadow: "0 7px 24px -14px rgba(43, 42, 32, 0.13)",
+      focusRing: "0 0 0 3px rgba(90, 123, 58, 0.24)"
+    },
+    dark: {
+      bodyColor: "#15160f",
+      baseColor: "#e6e3d4",
+      primaryColor: "#8fad62",
+      successColor: "#8cae6a",
+      warningColor: "#d2a850",
+      dangerColor: "#cc6e58",
+      errorColor: "#cc6e58",
+      infoColor: "#8a978c",
+      radius: "16px",
+      accent: "#b08a56",
+      surface: "#1f2016",
+      borderColor: "#2e3022",
+      shadow: "0 12px 30px -16px rgba(0, 0, 0, 0.72)",
+      focusRing: "0 0 0 3px rgba(143, 173, 98, 0.3)"
+    }
+  },
+  layout: {
+    gap: { size: 8 },
+    header: {
+      height: 58,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "16px" }
+    },
+    sidebar: {
+      width: 248,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "16px" }
+    },
+    body: { shimPadding: 26 }
+  }
+};
+export {
+  a as default
+};

package/es/assets/brutal-concrete.mjs

@@ -0,0 +1,51 @@
+const o = {
+  id: "brutal-concrete",
+  label: "粗野混凝土",
+  description: {
+    suitable: "开发者工具 / 内部运维台 / 数据工程后台、刻意反精致追求功能透明、想要强烈个性记忆点的 B 端。",
+    unsuitable: "C 端消费品牌、需柔和亲和的场景；高龄用户；需大量阴影层次的拟物界面。"
+  },
+  config: {
+    light: {
+      bodyColor: "#d9d6cf",
+      baseColor: "#121210",
+      primaryColor: "#ff5a1f",
+      successColor: "#1f7a3d",
+      warningColor: "#b8860b",
+      dangerColor: "#c81e1e",
+      errorColor: "#c81e1e",
+      infoColor: "#2b4a8b",
+      radius: "0px",
+      borderWidth: "2px",
+      borderColor: "#121210",
+      shadow: "none",
+      surface: "#e7e4dd",
+      focusRing: "0 0 0 3px #ff5a1f"
+    },
+    dark: {
+      bodyColor: "#161512",
+      baseColor: "#ededea",
+      primaryColor: "#ff7a45",
+      successColor: "#3fa05f",
+      warningColor: "#d4a82e",
+      dangerColor: "#e64545",
+      errorColor: "#e64545",
+      infoColor: "#5f86d6",
+      radius: "0px",
+      borderWidth: "2px",
+      borderColor: "#ededea",
+      shadow: "none",
+      surface: "#201e1a",
+      focusRing: "0 0 0 3px #ff7a45"
+    }
+  },
+  layout: {
+    gap: { size: 0 },
+    header: { height: 52 },
+    sidebar: { width: 232, collapseWidth: 56 },
+    body: { shimPadding: 20 }
+  }
+};
+export {
+  o as default
+};