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

package/es/assets/applied-intelligence-nebula.mjs

@@ -0,0 +1,400 @@
+import { defineComponent as k, computed as b, openBlock as u, createBlock as B, Teleport as G, unref as e, createElementBlock as p, normalizeStyle as R, createElementVNode as o, Fragment as v, createCommentVNode as y, renderList as w, normalizeProps as T, guardReactiveProps as I, createSlots as S, withCtx as h, createVNode as O, renderSlot as m, markRaw as z } from "vue";
+import { _ as L } 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 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 = {
+  id: "aurNebA",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, Q = ["stop-color", "stop-opacity"], X = ["stop-color", "stop-opacity"], Z = ["stop-color"], j = {
+  id: "aurNebB",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, J = ["stop-color", "stop-opacity"], K = ["stop-color", "stop-opacity"], U = ["stop-color"], Y = {
+  id: "aurNebC",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, ee = ["stop-color", "stop-opacity"], te = ["stop-color"], oe = {
+  id: "aurNodeGlow",
+  x: "-200%",
+  y: "-200%",
+  width: "500%",
+  height: "500%"
+}, re = ["stdDeviation"], ae = ["cx", "cy", "rx", "ry"], se = ["values"], ie = ["values"], ne = ["values"], le = ["cx", "cy", "rx", "ry"], ue = ["values"], de = ["values"], ce = ["values"], pe = ["cx", "cy", "rx", "ry"], fe = ["values"], be = ["width", "height", "opacity"], he = ["cx", "cy", "r", "fill", "filter", "opacity"], ye = ["values", "dur", "begin"], me = ["fill"], _e = ["dur", "begin", "path"], ve = ["dur", "begin"], ge = /* @__PURE__ */ k({
+  __name: "AuroraNebulaDecor",
+  setup($) {
+    const { isDark: r, animated: s, vw: l, vh: i, hasFrame: F } = V(), g = b(() => r.value ? "#4a5af0" : "#6f7df2"), x = b(() => r.value ? "#7e8bff" : "#9aa6ff"), C = b(() => r.value ? "#5b7cff" : "#8fb0ff"), M = b(() => r.value ? "#9aa6ff" : "#5b6bf5"), E = b(() => r.value ? "#c7ceff" : "#4a5af0"), A = b(() => r.value ? "#e0e5ff" : "#5b6bf5");
+    function a(n) {
+      return Number((Math.min(l.value, i.value) * n).toFixed(1));
+    }
+    function c(n) {
+      const d = Math.sin(n) * 43758.5453;
+      return d - Math.floor(d);
+    }
+    const N = b(() => {
+      if (l.value <= 0 || i.value <= 0) return [];
+      const n = [], d = 22;
+      for (let t = 0; t < d; t++)
+        n.push({
+          x: Number((c(t * 1.7 + 0.3) * l.value).toFixed(1)),
+          y: Number((c(t * 2.9 + 0.7) * i.value).toFixed(1)),
+          hub: c(t * 3.3 + 0.5) > 0.8,
+          dur: Number((3 + c(t * 4.1) * 3).toFixed(1)),
+          begin: Number((c(t * 5.7) * 4).toFixed(1))
+        });
+      return n;
+    }), D = b(() => {
+      const n = N.value;
+      if (n.length < 2) return [];
+      const d = [];
+      for (let t = 0; t < 5; t++) {
+        const f = n[t * 4 % n.length], _ = n[(t * 4 + 3) % n.length];
+        d.push({
+          x1: f.x,
+          y1: f.y,
+          x2: _.x,
+          y2: _.y,
+          cx: Number(((f.x + _.x) / 2 + (c(t * 9.1) - 0.5) * 80).toFixed(1)),
+          cy: Number(((f.y + _.y) / 2 + (c(t * 9.7) - 0.5) * 80).toFixed(1)),
+          dur: Number((7 + c(t * 6.3) * 5).toFixed(1)),
+          begin: Number((c(t * 7.9) * 6).toFixed(1))
+        });
+      }
+      return d;
+    });
+    return (n, d) => (u(), B(G, { to: "body" }, [
+      e(F) ? (u(), p("svg", {
+        key: 0,
+        class: "aurora-nebula-decor",
+        style: R({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(P),
+          opacity: e(r) ? 1 : 0.7
+        }),
+        width: e(l),
+        height: e(i),
+        viewBox: `0 0 ${e(l)} ${e(i)}`,
+        "aria-hidden": "true"
+      }, [
+        o("defs", null, [
+          o("radialGradient", q, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": g.value,
+              "stop-opacity": e(r) ? 0.5 : 0.22
+            }, null, 8, Q),
+            o("stop", {
+              offset: "55%",
+              "stop-color": g.value,
+              "stop-opacity": e(r) ? 0.16 : 0.07
+            }, null, 8, X),
+            o("stop", {
+              offset: "100%",
+              "stop-color": g.value,
+              "stop-opacity": "0"
+            }, null, 8, Z)
+          ]),
+          o("radialGradient", j, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": x.value,
+              "stop-opacity": e(r) ? 0.42 : 0.18
+            }, null, 8, J),
+            o("stop", {
+              offset: "60%",
+              "stop-color": x.value,
+              "stop-opacity": e(r) ? 0.12 : 0.05
+            }, null, 8, K),
+            o("stop", {
+              offset: "100%",
+              "stop-color": x.value,
+              "stop-opacity": "0"
+            }, null, 8, U)
+          ]),
+          o("radialGradient", Y, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": C.value,
+              "stop-opacity": e(r) ? 0.34 : 0.14
+            }, null, 8, ee),
+            o("stop", {
+              offset: "100%",
+              "stop-color": C.value,
+              "stop-opacity": "0"
+            }, null, 8, te)
+          ]),
+          o("filter", oe, [
+            o("feGaussianBlur", {
+              stdDeviation: e(r) ? 2.6 : 1.2
+            }, null, 8, re)
+          ]),
+          d[0] || (d[0] = o("filter", { id: "aurGrain" }, [
+            o("feTurbulence", {
+              type: "fractalNoise",
+              baseFrequency: "0.85",
+              numOctaves: "2",
+              stitchTiles: "stitch"
+            }),
+            o("feColorMatrix", {
+              type: "saturate",
+              values: "0"
+            })
+          ], -1))
+        ]),
+        o("ellipse", {
+          cx: e(l) * 0.16,
+          cy: e(i) * 0.18,
+          rx: a(0.42),
+          ry: a(0.34),
+          fill: "url(#aurNebA)"
+        }, [
+          e(s) ? (u(), p(v, { key: 0 }, [
+            o("animate", {
+              attributeName: "rx",
+              values: `${a(0.42)};${a(0.5)};${a(0.42)}`,
+              dur: "14s",
+              repeatCount: "indefinite"
+            }, null, 8, se),
+            o("animate", {
+              attributeName: "ry",
+              values: `${a(0.34)};${a(0.4)};${a(0.34)}`,
+              dur: "14s",
+              repeatCount: "indefinite"
+            }, null, 8, ie),
+            o("animateTransform", {
+              attributeName: "transform",
+              type: "translate",
+              values: `0,0; ${e(l) * 0.03},${e(i) * 0.04}; 0,0`,
+              dur: "26s",
+              repeatCount: "indefinite"
+            }, null, 8, ne)
+          ], 64)) : y("", !0)
+        ], 8, ae),
+        o("ellipse", {
+          cx: e(l) * 0.86,
+          cy: e(i) * 0.82,
+          rx: a(0.4),
+          ry: a(0.32),
+          fill: "url(#aurNebB)"
+        }, [
+          e(s) ? (u(), p(v, { key: 0 }, [
+            o("animate", {
+              attributeName: "rx",
+              values: `${a(0.4)};${a(0.48)};${a(0.4)}`,
+              dur: "17s",
+              begin: "3s",
+              repeatCount: "indefinite"
+            }, null, 8, ue),
+            o("animate", {
+              attributeName: "ry",
+              values: `${a(0.32)};${a(0.38)};${a(0.32)}`,
+              dur: "17s",
+              begin: "3s",
+              repeatCount: "indefinite"
+            }, null, 8, de),
+            o("animateTransform", {
+              attributeName: "transform",
+              type: "translate",
+              values: `0,0; ${e(l) * -0.03},${e(i) * -0.03}; 0,0`,
+              dur: "31s",
+              repeatCount: "indefinite"
+            }, null, 8, ce)
+          ], 64)) : y("", !0)
+        ], 8, le),
+        o("ellipse", {
+          cx: e(l) * 0.82,
+          cy: e(i) * 0.16,
+          rx: a(0.24),
+          ry: a(0.2),
+          fill: "url(#aurNebC)"
+        }, [
+          e(s) ? (u(), p("animate", {
+            key: 0,
+            attributeName: "rx",
+            values: `${a(0.24)};${a(0.3)};${a(0.24)}`,
+            dur: "11s",
+            begin: "1.5s",
+            repeatCount: "indefinite"
+          }, null, 8, fe)) : y("", !0)
+        ], 8, pe),
+        o("rect", {
+          width: e(l),
+          height: e(i),
+          filter: "url(#aurGrain)",
+          opacity: e(r) ? 0.05 : 0.025
+        }, null, 8, be),
+        (u(!0), p(v, null, w(N.value, (t, f) => (u(), p("circle", {
+          key: `n${f}`,
+          cx: t.x,
+          cy: t.y,
+          r: t.hub ? 2.6 : 1.5,
+          fill: t.hub ? E.value : M.value,
+          filter: t.hub ? "url(#aurNodeGlow)" : void 0,
+          opacity: e(s) ? void 0 : e(r) ? 0.5 : 0.3
+        }, [
+          e(s) ? (u(), p("animate", {
+            key: 0,
+            attributeName: "opacity",
+            values: t.hub ? `${e(r) ? 0.4 : 0.22};${e(r) ? 0.95 : 0.5};${e(r) ? 0.4 : 0.22}` : `${e(r) ? 0.2 : 0.1};${e(r) ? 0.6 : 0.32};${e(r) ? 0.2 : 0.1}`,
+            dur: `${t.dur}s`,
+            begin: `${t.begin}s`,
+            repeatCount: "indefinite"
+          }, null, 8, ye)) : y("", !0)
+        ], 8, he))), 128)),
+        e(s) ? (u(!0), p(v, { key: 0 }, w(D.value, (t, f) => (u(), p("circle", {
+          key: `p${f}`,
+          r: "2",
+          fill: A.value,
+          filter: "url(#aurNodeGlow)"
+        }, [
+          o("animateMotion", {
+            dur: `${t.dur}s`,
+            begin: `${t.begin}s`,
+            repeatCount: "indefinite",
+            path: `M${t.x1},${t.y1} Q${t.cx},${t.cy} ${t.x2},${t.y2}`
+          }, null, 8, _e),
+          o("animate", {
+            attributeName: "opacity",
+            values: "0;0.9;0.9;0",
+            keyTimes: "0;0.2;0.8;1",
+            dur: `${t.dur}s`,
+            begin: `${t.begin}s`,
+            repeatCount: "indefinite"
+          }, null, 8, ve)
+        ], 8, me))), 128)) : y("", !0)
+      ], 12, H)) : y("", !0)
+    ]));
+  }
+}), xe = /* @__PURE__ */ W(ge, [["__scopeId", "data-v-bd06edd0"]]), $e = /* @__PURE__ */ k({
+  __name: "AppliedIntelligenceNebulaShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup($) {
+    const r = $;
+    return (s, l) => (u(), B(L, T(I(r)), S({
+      default: h((i) => [
+        m(s.$slots, "default", {
+          Footer: i.Footer
+        })
+      ]),
+      decor: h(() => [
+        O(xe)
+      ]),
+      _: 2
+    }, [
+      s.$slots.brand ? {
+        name: "brand",
+        fn: h(() => [
+          m(s.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      s.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: h((i) => [
+          m(s.$slots, "themeSwitcher", {
+            Default: i.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      s.$slots.userEntry ? {
+        name: "userEntry",
+        fn: h(() => [
+          m(s.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      s.$slots.settings ? {
+        name: "settings",
+        fn: h(() => [
+          m(s.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0,
+      s.$slots.aside ? {
+        name: "aside",
+        fn: h(() => [
+          m(s.$slots, "aside")
+        ]),
+        key: "4"
+      } : void 0
+    ]), 1040));
+  }
+}), Fe = {
+  id: "applied-intelligence-nebula",
+  label: "应用智能·星雾",
+  description: {
+    suitable: "智能 / AI 产品的管理后台与平台运维台：应用·密钥·权限·用户等场景；想要有智能签名（靛蓝光雾星云）、现代套框、暗场为主的品牌靛蓝，且装饰克制不抢内容。",
+    unsuitable: "需极致克制零装饰的纯净后台；老年 / 低视力主用群体；偏好亮场暖色亲和的 C 端后台。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f3f5fc",
+      baseColor: "#1b2230",
+      primaryColor: "#4a5af0",
+      successColor: "#16a34a",
+      warningColor: "#e89a19",
+      dangerColor: "#e8424e",
+      errorColor: "#e8424e",
+      infoColor: "#6a748c",
+      radius: "10px",
+      accent: "#4a5af0",
+      surface: "#ffffff",
+      borderColor: "#e2e6f2",
+      glow: "0 0 0 1px rgba(74, 90, 240, 0.14)",
+      shadow: "0 8px 26px -16px rgba(27, 34, 48, 0.18)",
+      focusRing: "0 0 0 3px rgba(74, 90, 240, 0.22)"
+    },
+    dark: {
+      bodyColor: "#0b0e16",
+      baseColor: "#e4e8f2",
+      primaryColor: "#7e8bff",
+      successColor: "#2fb868",
+      warningColor: "#f0a937",
+      dangerColor: "#f25864",
+      errorColor: "#f25864",
+      infoColor: "#8893a8",
+      radius: "10px",
+      accent: "#9aa6ff",
+      surface: "#141826",
+      borderColor: "rgba(126, 139, 255, 0.2)",
+      glow: "0 0 16px rgba(126, 139, 255, 0.34)",
+      shadow: "0 0 0 1px rgba(126, 139, 255, 0.1), 0 18px 44px -20px rgba(0, 0, 0, 0.9)",
+      focusRing: "0 0 0 3px rgba(126, 139, 255, 0.45)"
+    }
+  },
+  layout: {
+    viewport: {
+      paddingTop: 16,
+      paddingRight: 16,
+      paddingBottom: 16,
+      paddingLeft: 16
+    },
+    gap: { size: 10 },
+    header: { height: 56 },
+    sidebar: { width: 236, collapseWidth: 60 },
+    body: { shimPadding: 16 },
+    shell: z($e)
+  }
+};
+export {
+  Fe as default
+};