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

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

@@ -0,0 +1,315 @@
+import { defineComponent as M, computed as b, openBlock as u, createBlock as R, Teleport as z, unref as o, createElementBlock as d, normalizeStyle as L, createElementVNode as i, Fragment as E, renderList as D, createCommentVNode as g, normalizeProps as O, guardReactiveProps as P, createSlots as T, withCtx as v, createVNode as V, renderSlot as y, markRaw as X } from "vue";
+import { _ as Y } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as Z } from "@done-coding/admin-core";
+import { u as j } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as q } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const J = ["width", "height", "viewBox"], K = {
+  id: "aurfWash",
+  cx: "50%",
+  cy: "42%",
+  r: "62%"
+}, Q = ["stop-color", "stop-opacity"], U = ["stop-color"], ee = {
+  id: "aurfRing",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, oe = ["stop-color", "stop-opacity"], te = ["stop-color", "stop-opacity"], re = ["stop-color"], ae = {
+  id: "aurfNodeGlow",
+  x: "-200%",
+  y: "-200%",
+  width: "500%",
+  height: "500%"
+}, le = ["stdDeviation"], se = ["width", "height"], ie = ["cx", "cy", "rx", "ry"], ne = ["values", "dur", "begin"], ue = ["values", "dur", "begin"], de = ["cx", "cy", "r", "fill", "filter", "opacity"], fe = ["values", "dur", "begin"], ce = /* @__PURE__ */ M({
+  __name: "AuroraFrameDecor",
+  setup(F) {
+    const {
+      isDark: t,
+      animated: r,
+      vw: n,
+      vh: l,
+      hasFrame: I,
+      hollowX: f,
+      hollowY: c,
+      hollowW: _,
+      hollowH: x
+    } = j(), N = b(() => t.value ? "#3a4ad8" : "#8f9bf2"), $ = b(() => t.value ? "#6f7dff" : "#7e8bff"), S = b(() => t.value ? "#9aa6ff" : "#5b6bf5"), A = b(() => t.value ? "#c7ceff" : "#4a5af0");
+    function s(p) {
+      const m = Math.sin(p) * 43758.5453;
+      return m - Math.floor(m);
+    }
+    const G = b(() => {
+      if (n.value <= 0 || l.value <= 0) return [];
+      const p = Math.min(n.value, l.value);
+      return [
+        { fx: 0.04, fy: 0.06, rf: 0.3 },
+        // 左上角
+        { fx: 0.96, fy: 0.06, rf: 0.3 },
+        // 右上角
+        { fx: 0.04, fy: 0.94, rf: 0.3 },
+        // 左下角
+        { fx: 0.96, fy: 0.94, rf: 0.3 },
+        // 右下角
+        { fx: 0.5, fy: 0.02, rf: 0.22 },
+        // 上中
+        { fx: 0.5, fy: 0.98, rf: 0.22 },
+        // 下中
+        { fx: 0.02, fy: 0.5, rf: 0.22 },
+        // 左中
+        { fx: 0.98, fy: 0.5, rf: 0.22 }
+        // 右中
+      ].map((e, a) => ({
+        x: Number((e.fx * n.value).toFixed(1)),
+        y: Number((e.fy * l.value).toFixed(1)),
+        r: Number((p * e.rf).toFixed(1)),
+        dur: Number((12 + s(a * 3.1) * 8).toFixed(1)),
+        begin: Number((s(a * 4.7) * 6).toFixed(1))
+      }));
+    }), W = b(() => {
+      if (n.value <= 0 || l.value <= 0) return [];
+      const p = [], m = 26;
+      for (let e = 0; e < m; e++) {
+        let a = s(e * 1.7 + 0.3) * n.value, h = s(e * 2.9 + 0.7) * l.value;
+        if (a > f.value && a < f.value + _.value && h > c.value && h < c.value + x.value && s(e * 8.3) < 0.7) {
+          const k = a - f.value, w = f.value + _.value - a, B = h - c.value, H = c.value + x.value - h, C = Math.min(k, w, B, H);
+          C === k ? a = f.value * s(e * 2.1) : C === w ? a = f.value + _.value + w * 0 + (n.value - (f.value + _.value)) * s(e * 2.2) : C === B ? h = c.value * s(e * 2.3) : h = c.value + x.value + (l.value - (c.value + x.value)) * s(e * 2.4);
+        }
+        p.push({
+          x: Number(a.toFixed(1)),
+          y: Number(h.toFixed(1)),
+          hub: s(e * 3.3 + 0.5) > 0.8,
+          dur: Number((3 + s(e * 4.1) * 3).toFixed(1)),
+          begin: Number((s(e * 5.7) * 4).toFixed(1))
+        });
+      }
+      return p;
+    });
+    return (p, m) => (u(), R(z, { to: "body" }, [
+      o(I) ? (u(), d("svg", {
+        key: 0,
+        class: "aurora-frame-decor",
+        style: L({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: o(Z),
+          opacity: o(t) ? 1 : 0.7
+        }),
+        width: o(n),
+        height: o(l),
+        viewBox: `0 0 ${o(n)} ${o(l)}`,
+        "aria-hidden": "true"
+      }, [
+        i("defs", null, [
+          i("radialGradient", K, [
+            i("stop", {
+              offset: "0%",
+              "stop-color": N.value,
+              "stop-opacity": o(t) ? 0.14 : 0.06
+            }, null, 8, Q),
+            i("stop", {
+              offset: "100%",
+              "stop-color": N.value,
+              "stop-opacity": "0"
+            }, null, 8, U)
+          ]),
+          i("radialGradient", ee, [
+            i("stop", {
+              offset: "0%",
+              "stop-color": $.value,
+              "stop-opacity": o(t) ? 0.55 : 0.24
+            }, null, 8, oe),
+            i("stop", {
+              offset: "55%",
+              "stop-color": $.value,
+              "stop-opacity": o(t) ? 0.18 : 0.08
+            }, null, 8, te),
+            i("stop", {
+              offset: "100%",
+              "stop-color": $.value,
+              "stop-opacity": "0"
+            }, null, 8, re)
+          ]),
+          i("filter", ae, [
+            i("feGaussianBlur", {
+              stdDeviation: o(t) ? 2.4 : 1.1
+            }, null, 8, le)
+          ])
+        ]),
+        i("rect", {
+          width: o(n),
+          height: o(l),
+          fill: "url(#aurfWash)"
+        }, null, 8, se),
+        (u(!0), d(E, null, D(G.value, (e, a) => (u(), d("ellipse", {
+          key: `g${a}`,
+          cx: e.x,
+          cy: e.y,
+          rx: e.r,
+          ry: e.r,
+          fill: "url(#aurfRing)"
+        }, [
+          o(r) ? (u(), d("animate", {
+            key: 0,
+            attributeName: "rx",
+            values: `${e.r};${e.r * 1.18};${e.r}`,
+            dur: `${e.dur}s`,
+            begin: `${e.begin}s`,
+            repeatCount: "indefinite"
+          }, null, 8, ne)) : g("", !0),
+          o(r) ? (u(), d("animate", {
+            key: 1,
+            attributeName: "ry",
+            values: `${e.r};${e.r * 1.18};${e.r}`,
+            dur: `${e.dur}s`,
+            begin: `${e.begin}s`,
+            repeatCount: "indefinite"
+          }, null, 8, ue)) : g("", !0)
+        ], 8, ie))), 128)),
+        (u(!0), d(E, null, D(W.value, (e, a) => (u(), d("circle", {
+          key: `n${a}`,
+          cx: e.x,
+          cy: e.y,
+          r: e.hub ? 2.6 : 1.5,
+          fill: e.hub ? A.value : S.value,
+          filter: e.hub ? "url(#aurfNodeGlow)" : void 0,
+          opacity: o(r) ? void 0 : o(t) ? 0.5 : 0.3
+        }, [
+          o(r) ? (u(), d("animate", {
+            key: 0,
+            attributeName: "opacity",
+            values: e.hub ? `${o(t) ? 0.4 : 0.22};${o(t) ? 0.95 : 0.5};${o(t) ? 0.4 : 0.22}` : `${o(t) ? 0.22 : 0.12};${o(t) ? 0.62 : 0.32};${o(t) ? 0.22 : 0.12}`,
+            dur: `${e.dur}s`,
+            begin: `${e.begin}s`,
+            repeatCount: "indefinite"
+          }, null, 8, fe)) : g("", !0)
+        ], 8, de))), 128))
+      ], 12, J)) : g("", !0)
+    ]));
+  }
+}), pe = /* @__PURE__ */ q(ce, [["__scopeId", "data-v-99584d50"]]), he = /* @__PURE__ */ M({
+  __name: "AppliedIntelligenceFrameShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(F) {
+    const t = F;
+    return (r, n) => (u(), R(Y, O(P(t)), T({
+      default: v((l) => [
+        y(r.$slots, "default", {
+          Footer: l.Footer
+        })
+      ]),
+      decor: v(() => [
+        V(pe)
+      ]),
+      _: 2
+    }, [
+      r.$slots.brand ? {
+        name: "brand",
+        fn: v(() => [
+          y(r.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      r.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: v((l) => [
+          y(r.$slots, "themeSwitcher", {
+            Default: l.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      r.$slots.userEntry ? {
+        name: "userEntry",
+        fn: v(() => [
+          y(r.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      r.$slots.settings ? {
+        name: "settings",
+        fn: v(() => [
+          y(r.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0,
+      r.$slots.aside ? {
+        name: "aside",
+        fn: v(() => [
+          y(r.$slots, "aside")
+        ]),
+        key: "4"
+      } : void 0
+    ]), 1040));
+  }
+}), ge = {
+  id: "applied-intelligence-frame",
+  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: X(he)
+  }
+};
+export {
+  ge as default
+};