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

package/es/assets/dragon-vermilion.mjs

@@ -0,0 +1,450 @@
+import { defineComponent as I, computed as d, openBlock as l, createBlock as O, Teleport as ne, unref as e, createElementBlock as u, normalizeStyle as re, createElementVNode as r, createCommentVNode as x, Fragment as E, renderList as G, normalizeProps as ae, guardReactiveProps as se, createSlots as le, withCtx as C, createVNode as ie, renderSlot as L, markRaw as de } from "vue";
+import { _ as ue } from "../chunks/FrameShellBase.vue_vue_type_script_setup_true_lang-sr56H_8-.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as ce } from "@done-coding/admin-core";
+import { u as fe } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+const pe = ["width", "height", "viewBox"], he = {
+  id: "dragonGold",
+  x1: "0",
+  y1: "0",
+  x2: "1",
+  y2: "1"
+}, me = ["stop-color"], _e = ["stop-color"], ve = {
+  id: "dragonGlow",
+  x: "-50%",
+  y: "-50%",
+  width: "200%",
+  height: "200%"
+}, ye = ["stdDeviation"], ge = {
+  id: "pearlGrad",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, xe = ["stop-color"], ke = ["stop-color"], $e = ["transform"], be = ["values"], we = ["d", "stroke"], Ce = ["d", "stroke-width", "filter"], Me = ["d"], Fe = ["d", "filter"], Ee = ["to"], Ge = ["d", "filter"], Le = ["transform"], De = ["d", "filter"], Se = ["dur"], Be = ["d", "stroke"], Ne = ["d", "filter"], Ae = ["fill", "filter"], He = ["fill"], Re = ["stroke"], Pe = ["fill"], We = {
+  key: 0,
+  attributeName: "r",
+  values: "2.6;3.1;2.6",
+  dur: "3.4s",
+  repeatCount: "indefinite"
+}, je = ["transform"], Te = ["fill"], Ie = {
+  key: 0,
+  attributeName: "opacity",
+  values: "0.3;0.7;0.3",
+  dur: "2.4s",
+  repeatCount: "indefinite"
+}, Oe = {
+  r: "6",
+  fill: "url(#pearlGrad)",
+  filter: "url(#dragonGlow)"
+}, Ve = {
+  key: 0,
+  attributeName: "r",
+  values: "5.4;6.6;5.4",
+  dur: "2.8s",
+  repeatCount: "indefinite"
+}, S = "#e8cf8f", Ze = 9, N = 220, ze = "M -8,-2 C -2,-17 16,-23 30,-18 C 41,-14 49,-13 59,-13 L 67,-7 C 64,-3 60,-2 55,-2 L 46,-1 L 37,0 C 26,1 12,2 4,1 Z", Xe = "M 42,4 L 65,2 L 56,11 L 44,10 Z", Ye = "M 31,-13 C 35,-15 41,-15 45,-12", Ke = /* @__PURE__ */ I({
+  __name: "CoilingDragonDecor",
+  setup(A) {
+    const { vp: k, isDark: a, animated: _, vw: f, vh: v, hasFrame: V } = fe(), M = d(() => a.value ? "#e0bd6a" : "#cda14a"), p = d(
+      () => Math.min(
+        k.value.paddingTop,
+        k.value.paddingRight,
+        k.value.paddingBottom,
+        k.value.paddingLeft
+      ) / 2
+    ), $ = d(() => Math.max(0, f.value - p.value * 2)), b = d(() => Math.max(0, v.value - p.value * 2)), H = d(() => 2 * ($.value + b.value));
+    function F(i) {
+      const o = p.value, t = $.value, n = b.value;
+      let s = (i % 1 + 1) % 1;
+      return s *= H.value, s <= t ? { x: o + s, y: o, nx: 0, ny: 1 } : (s -= t, s <= n ? { x: o + t, y: o + s, nx: -1, ny: 0 } : (s -= n, s <= t ? { x: o + t - s, y: o + n, nx: 0, ny: -1 } : (s -= t, { x: o, y: o + n - s, nx: 1, ny: 0 })));
+    }
+    const Z = d(() => Math.min(p.value * 0.5, 11));
+    function y(i) {
+      const o = F(i), t = Math.sin(i * Ze * Math.PI * 2) * Z.value;
+      return { x: o.x + o.nx * t, y: o.y + o.ny * t };
+    }
+    const R = d(() => {
+      if ($.value <= 0 || b.value <= 0) return "";
+      const i = [];
+      for (let o = 0; o <= N; o++) {
+        const { x: t, y: n } = y(o / N);
+        i.push(`${o === 0 ? "M" : "L"}${t.toFixed(1)},${n.toFixed(1)}`);
+      }
+      return i.join(" ");
+    }), z = d(() => $.value <= 0 || b.value <= 0 ? [] : [
+      [0, 0.28, Math.max(6, p.value * 0.62)],
+      [0.27, 0.53, Math.max(5, p.value * 0.48)],
+      [0.52, 0.78, Math.max(4, p.value * 0.34)],
+      [0.77, 1, Math.max(2.5, p.value * 0.2)]
+    ].map(([o, t, n]) => {
+      const s = Math.max(2, Math.round((t - o) * N)), h = [];
+      for (let c = 0; c <= s; c++) {
+        const m = o + (t - o) * c / s, { x: w, y: g } = y(m);
+        h.push(`${c === 0 ? "M" : "L"}${w.toFixed(1)},${g.toFixed(1)}`);
+      }
+      return { d: h.join(" "), w: Number(n.toFixed(1)) };
+    })), X = d(() => {
+      if ($.value <= 0 || b.value <= 0) return "";
+      const i = 26, o = Math.max(4, p.value * 0.55), t = [];
+      for (let n = 0; n < i; n++) {
+        const s = 0.06 + n / i * 0.9, h = F(s), c = y(s - 4e-3), m = y(s + 4e-3), w = (c.x + m.x) / 2 - h.nx * o, g = (c.y + m.y) / 2 - h.ny * o;
+        t.push(
+          `M${c.x.toFixed(1)},${c.y.toFixed(1)} L${w.toFixed(1)},${g.toFixed(
+            1
+          )} L${m.x.toFixed(1)},${m.y.toFixed(1)} Z`
+        );
+      }
+      return t.join(" ");
+    }), Y = d(() => {
+      if ($.value <= 0 || b.value <= 0) return [];
+      const i = [], o = Math.max(8, p.value * 0.7);
+      return [0.18, 0.62].forEach((t) => {
+        const n = y(t), s = F(t), h = n.x + s.nx * o, c = n.y + s.ny * o, m = y(t - 0.01), w = y(t + 0.01);
+        let g = w.x - m.x, B = w.y - m.y;
+        const j = Math.hypot(g, B) || 1;
+        g /= j, B /= j;
+        const D = Math.max(3, p.value * 0.28), ee = [-1, 0, 1].map((T) => {
+          const te = h + s.nx * D + g * T * D * 0.9, oe = c + s.ny * D + B * T * D * 0.9;
+          return `M${h.toFixed(1)},${c.toFixed(1)} L${te.toFixed(
+            1
+          )},${oe.toFixed(1)}`;
+        }).join(" ");
+        i.push(
+          `M${n.x.toFixed(1)},${n.y.toFixed(1)} L${h.toFixed(1)},${c.toFixed(
+            1
+          )} ${ee}`
+        );
+      }), i;
+    }), P = d(() => F(0).x), W = d(() => F(0).y), K = d(() => P.value + 86), J = d(() => W.value - 5), U = [
+      "M 23,-16 C 17,-27 9,-31 -1,-34",
+      "M 31,-15 C 28,-28 22,-33 13,-37"
+    ], q = [
+      "M 63,-6 C 44,-17 21,-13 0,-21",
+      "M 61,-3 C 42,-6 19,-2 -4,-11"
+    ], Q = [
+      "M -6,-3 C -16,-9 -23,-7 -31,-13",
+      "M -5,2 C -15,1 -22,5 -30,3",
+      "M -7,-1 C -18,-3 -25,0 -33,-5"
+    ];
+    return (i, o) => (l(), O(ne, { to: "body" }, [
+      e(V) ? (l(), u("svg", {
+        key: 0,
+        class: "coiling-dragon-decor",
+        style: re({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(ce),
+          opacity: e(a) ? 0.72 : 0.5
+        }),
+        width: e(f),
+        height: e(v),
+        viewBox: `0 0 ${e(f)} ${e(v)}`,
+        "aria-hidden": "true"
+      }, [
+        r("defs", null, [
+          r("linearGradient", he, [
+            r("stop", {
+              offset: "0%",
+              "stop-color": M.value
+            }, null, 8, me),
+            r("stop", {
+              offset: "50%",
+              "stop-color": S
+            }),
+            r("stop", {
+              offset: "100%",
+              "stop-color": M.value
+            }, null, 8, _e)
+          ]),
+          r("filter", ve, [
+            r("feGaussianBlur", {
+              stdDeviation: e(a) ? 2.6 : 1.3
+            }, null, 8, ye)
+          ]),
+          r("radialGradient", ge, [
+            o[0] || (o[0] = r("stop", {
+              offset: "0%",
+              "stop-color": "#fff3d6"
+            }, null, -1)),
+            r("stop", {
+              offset: "45%",
+              "stop-color": e(a) ? "#ffd86b" : "#f0b03a"
+            }, null, 8, xe),
+            r("stop", {
+              offset: "100%",
+              "stop-color": e(a) ? "#d4574a" : "#c0392b"
+            }, null, 8, ke)
+          ])
+        ]),
+        r("g", {
+          transform: `rotate(0 ${e(f) / 2} ${e(v) / 2})`
+        }, [
+          e(_) ? (l(), u("animateTransform", {
+            key: 0,
+            attributeName: "transform",
+            type: "rotate",
+            values: `-0.35 ${e(f) / 2} ${e(v) / 2};0.35 ${e(f) / 2} ${e(v) / 2};-0.35 ${e(f) / 2} ${e(v) / 2}`,
+            dur: "26s",
+            repeatCount: "indefinite"
+          }, null, 8, be)) : x("", !0),
+          r("path", {
+            d: X.value,
+            fill: "url(#dragonGold)",
+            stroke: M.value,
+            "stroke-width": "0.6",
+            opacity: 0.85
+          }, null, 8, we),
+          (l(!0), u(E, null, G(z.value, (t, n) => (l(), u("path", {
+            key: `b${n}`,
+            d: t.d,
+            fill: "none",
+            stroke: "url(#dragonGold)",
+            "stroke-width": t.w,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            filter: e(a) ? "url(#dragonGlow)" : void 0
+          }, null, 8, Ce))), 128)),
+          r("path", {
+            d: R.value,
+            fill: "none",
+            stroke: S,
+            "stroke-width": "1",
+            "stroke-dasharray": "2 9",
+            "stroke-opacity": "0.65"
+          }, null, 8, Me),
+          r("path", {
+            d: R.value,
+            fill: "none",
+            stroke: S,
+            "stroke-width": "2.4",
+            "stroke-linecap": "round",
+            "stroke-dasharray": "70 640",
+            "stroke-opacity": "0.9",
+            filter: e(a) ? "url(#dragonGlow)" : void 0
+          }, [
+            e(_) ? (l(), u("animate", {
+              key: 0,
+              attributeName: "stroke-dashoffset",
+              from: "0",
+              to: -H.value,
+              dur: "18s",
+              repeatCount: "indefinite"
+            }, null, 8, Ee)) : x("", !0)
+          ], 8, Fe),
+          (l(!0), u(E, null, G(Y.value, (t, n) => (l(), u("path", {
+            key: `leg${n}`,
+            d: t,
+            fill: "none",
+            stroke: "url(#dragonGold)",
+            "stroke-width": "2.4",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            filter: e(a) ? "url(#dragonGlow)" : void 0
+          }, null, 8, Ge))), 128)),
+          r("g", {
+            transform: `translate(${P.value}, ${W.value})`
+          }, [
+            (l(), u(E, null, G(q, (t, n) => r("path", {
+              key: `w${n}`,
+              d: t,
+              fill: "none",
+              stroke: S,
+              "stroke-width": "1.2",
+              "stroke-linecap": "round",
+              "stroke-opacity": "0.85",
+              filter: e(a) ? "url(#dragonGlow)" : void 0
+            }, [
+              e(_) ? (l(), u("animate", {
+                key: 0,
+                attributeName: "stroke-opacity",
+                values: "0.5;0.95;0.5",
+                dur: `${4 + n}s`,
+                repeatCount: "indefinite"
+              }, null, 8, Se)) : x("", !0)
+            ], 8, De)), 64)),
+            (l(), u(E, null, G(Q, (t, n) => r("path", {
+              key: `m${n}`,
+              d: t,
+              fill: "none",
+              stroke: M.value,
+              "stroke-width": "1.6",
+              "stroke-linecap": "round",
+              "stroke-opacity": "0.8"
+            }, null, 8, Be)), 64)),
+            (l(), u(E, null, G(U, (t, n) => r("path", {
+              key: `h${n}`,
+              d: t,
+              fill: "none",
+              stroke: "url(#dragonGold)",
+              "stroke-width": "2.6",
+              "stroke-linecap": "round",
+              filter: e(a) ? "url(#dragonGlow)" : void 0
+            }, null, 8, Ne)), 64)),
+            r("path", {
+              d: ze,
+              fill: e(a) ? "rgba(224,189,106,0.16)" : "rgba(205,161,74,0.12)",
+              stroke: "url(#dragonGold)",
+              "stroke-width": "2.4",
+              "stroke-linejoin": "round",
+              filter: e(a) ? "url(#dragonGlow)" : void 0
+            }, null, 8, Ae),
+            r("path", {
+              d: Xe,
+              fill: e(a) ? "rgba(224,189,106,0.16)" : "rgba(205,161,74,0.12)",
+              stroke: "url(#dragonGold)",
+              "stroke-width": "2",
+              "stroke-linejoin": "round"
+            }, null, 8, He),
+            r("path", {
+              d: Ye,
+              fill: "none",
+              stroke: M.value,
+              "stroke-width": "1.4",
+              "stroke-linecap": "round"
+            }, null, 8, Re),
+            r("circle", {
+              cx: "38",
+              cy: "-9",
+              r: "2.6",
+              fill: e(a) ? "#fff0c4" : "#7a3b12"
+            }, [
+              e(_) ? (l(), u("animate", We)) : x("", !0)
+            ], 8, Pe)
+          ], 8, Le),
+          r("g", {
+            transform: `translate(${K.value}, ${J.value})`
+          }, [
+            r("path", {
+              d: "M0,-12 C5,-7 5,-2 0,2 C-5,-2 -5,-7 0,-12 Z",
+              fill: e(a) ? "#ffcaa0" : "#e0883a",
+              opacity: 0.55,
+              filter: "url(#dragonGlow)"
+            }, [
+              e(_) ? (l(), u("animate", Ie)) : x("", !0)
+            ], 8, Te),
+            r("circle", Oe, [
+              e(_) ? (l(), u("animate", Ve)) : x("", !0)
+            ])
+          ], 8, je)
+        ], 8, $e)
+      ], 12, pe)) : x("", !0)
+    ]));
+  }
+}), Je = /* @__PURE__ */ I({
+  __name: "CoilingDragonShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(A) {
+    const k = A;
+    return (a, _) => (l(), O(ue, ae(se(k)), le({
+      default: C((f) => [
+        L(a.$slots, "default", {
+          Footer: f.Footer
+        })
+      ]),
+      decor: C(() => [
+        ie(Ke)
+      ]),
+      _: 2
+    }, [
+      a.$slots.brand ? {
+        name: "brand",
+        fn: C(() => [
+          L(a.$slots, "brand")
+        ]),
+        key: "0"
+      } : void 0,
+      a.$slots.themeSwitcher ? {
+        name: "themeSwitcher",
+        fn: C((f) => [
+          L(a.$slots, "themeSwitcher", {
+            Default: f.Default
+          })
+        ]),
+        key: "1"
+      } : void 0,
+      a.$slots.userEntry ? {
+        name: "userEntry",
+        fn: C(() => [
+          L(a.$slots, "userEntry")
+        ]),
+        key: "2"
+      } : void 0,
+      a.$slots.settings ? {
+        name: "settings",
+        fn: C(() => [
+          L(a.$slots, "settings")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040));
+  }
+}), tt = {
+  id: "dragon-vermilion",
+  label: "盘龙朱阙",
+  description: {
+    suitable: "文博 / 文旅 / 国风品牌 / 重要发布大屏、需要庄重又有「镇场」气场的东方场景；运营活动后台彩蛋页。",
+    unsuitable: "日常高频录入（盘龙动效久看疲劳）；极简/科技定位；强无障碍。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f5efe2",
+      baseColor: "#2a2018",
+      primaryColor: "#0f7a5f",
+      successColor: "#3e8e54",
+      warningColor: "#c0862a",
+      dangerColor: "#c0392b",
+      errorColor: "#c0392b",
+      infoColor: "#3a6280",
+      radius: "4px",
+      accent: "#cda14a",
+      surface: "#fbf7ec",
+      borderColor: "#e3d8bf",
+      shadow: "0 8px 24px -12px rgba(74,46,24,0.20)",
+      focusRing: "0 0 0 2px rgba(15,122,95,0.32)"
+    },
+    dark: {
+      bodyColor: "#14110c",
+      baseColor: "#ece2cf",
+      primaryColor: "#3aa982",
+      successColor: "#5aa86c",
+      warningColor: "#d6a850",
+      dangerColor: "#d4574a",
+      errorColor: "#d4574a",
+      infoColor: "#6f93ad",
+      radius: "4px",
+      accent: "#e0bd6a",
+      surface: "#1e1912",
+      borderColor: "#3a2f20",
+      shadow: "0 12px 30px -14px rgba(0,0,0,0.78)",
+      focusRing: "0 0 0 2px rgba(58,169,130,0.4)"
+    }
+  },
+  layout: {
+    viewport: {
+      paddingTop: 44,
+      paddingRight: 44,
+      paddingBottom: 44,
+      paddingLeft: 44
+    },
+    gap: { size: 0 },
+    header: { height: 56 },
+    sidebar: { width: 240, collapseWidth: 64 },
+    body: { shimPadding: 24 },
+    shell: de(Je)
+  }
+};
+export {
+  tt as default
+};

package/es/assets/film-grade.mjs

@@ -0,0 +1,252 @@
+import { defineComponent as v, computed as n, openBlock as c, createBlock as x, Teleport as C, unref as e, createElementBlock as p, normalizeStyle as M, createElementVNode as o, createCommentVNode as y, Fragment as B, renderSlot as l, createVNode as d, withCtx as _, markRaw as F } from "vue";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as G, AppFooter as L, AppHeader as T, AppTheme as b } from "@done-coding/admin-core";
+import { _ as k } from "../chunks/HeaderNavMenu.vue_vue_type_script_setup_true_lang-Dfv8_Muy.mjs";
+import { u as E } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as $ } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const N = ["width", "height", "viewBox"], R = {
+  id: "fgSplit",
+  x1: "0%",
+  y1: "100%",
+  x2: "100%",
+  y2: "0%"
+}, A = ["stop-color", "stop-opacity"], D = ["stop-color"], S = ["stop-color"], I = ["stop-color", "stop-opacity"], H = {
+  id: "fgBarTop",
+  x1: "0%",
+  y1: "0%",
+  x2: "0%",
+  y2: "100%"
+}, O = ["stop-color", "stop-opacity"], V = ["stop-color"], z = {
+  id: "fgBarBottom",
+  x1: "0%",
+  y1: "100%",
+  x2: "0%",
+  y2: "0%"
+}, W = ["stop-color", "stop-opacity"], P = ["stop-color"], q = ["width", "height"], U = {
+  key: 0,
+  attributeName: "opacity",
+  values: "0.82;1;0.82",
+  dur: "20s",
+  repeatCount: "indefinite"
+}, X = ["width", "height"], Z = ["width", "height", "y"], j = ["width", "height", "opacity"], J = /* @__PURE__ */ v({
+  __name: "FilmGradeDecor",
+  setup(a) {
+    const { isDark: t, animated: f, vw: r, vh: s, hasFrame: w } = E(), h = n(() => t.value ? "#2dd4bf" : "#3aa99a"), m = n(() => t.value ? "#fb923c" : "#ea7317"), i = n(() => t.value ? "#000000" : "#1c2420"), u = n(() => Number(Math.min(s.value * 0.07, 64).toFixed(1)));
+    return (Y, g) => (c(), x(C, { to: "body" }, [
+      e(w) ? (c(), p("svg", {
+        key: 0,
+        class: "film-grade-decor",
+        style: M({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(G),
+          opacity: e(t) ? 1 : 0.72
+        }),
+        width: e(r),
+        height: e(s),
+        viewBox: `0 0 ${e(r)} ${e(s)}`,
+        "aria-hidden": "true"
+      }, [
+        o("defs", null, [
+          o("linearGradient", R, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": h.value,
+              "stop-opacity": e(t) ? 0.22 : 0.1
+            }, null, 8, A),
+            o("stop", {
+              offset: "50%",
+              "stop-color": h.value,
+              "stop-opacity": "0"
+            }, null, 8, D),
+            o("stop", {
+              offset: "62%",
+              "stop-color": m.value,
+              "stop-opacity": "0"
+            }, null, 8, S),
+            o("stop", {
+              offset: "100%",
+              "stop-color": m.value,
+              "stop-opacity": e(t) ? 0.22 : 0.1
+            }, null, 8, I)
+          ]),
+          o("linearGradient", H, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": i.value,
+              "stop-opacity": e(t) ? 0.55 : 0.18
+            }, null, 8, O),
+            o("stop", {
+              offset: "100%",
+              "stop-color": i.value,
+              "stop-opacity": "0"
+            }, null, 8, V)
+          ]),
+          o("linearGradient", z, [
+            o("stop", {
+              offset: "0%",
+              "stop-color": i.value,
+              "stop-opacity": e(t) ? 0.55 : 0.18
+            }, null, 8, W),
+            o("stop", {
+              offset: "100%",
+              "stop-color": i.value,
+              "stop-opacity": "0"
+            }, null, 8, P)
+          ]),
+          g[0] || (g[0] = o("filter", { id: "fgGrain" }, [
+            o("feTurbulence", {
+              type: "fractalNoise",
+              baseFrequency: "0.85",
+              numOctaves: "2",
+              stitchTiles: "stitch"
+            }),
+            o("feColorMatrix", {
+              type: "saturate",
+              values: "0"
+            })
+          ], -1))
+        ]),
+        o("rect", {
+          width: e(r),
+          height: e(s),
+          fill: "url(#fgSplit)"
+        }, [
+          e(f) ? (c(), p("animate", U)) : y("", !0)
+        ], 8, q),
+        o("rect", {
+          width: e(r),
+          height: u.value,
+          x: "0",
+          y: "0",
+          fill: "url(#fgBarTop)"
+        }, null, 8, X),
+        o("rect", {
+          width: e(r),
+          height: u.value,
+          x: "0",
+          y: e(s) - u.value,
+          fill: "url(#fgBarBottom)"
+        }, null, 8, Z),
+        o("rect", {
+          width: e(r),
+          height: e(s),
+          filter: "url(#fgGrain)",
+          opacity: e(t) ? 0.06 : 0.03
+        }, null, 8, j)
+      ], 12, N)) : y("", !0)
+    ]));
+  }
+}), K = /* @__PURE__ */ $(J, [["__scopeId", "data-v-dedf7df3"]]), Q = /* @__PURE__ */ v({
+  __name: "FilmGradeShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(a) {
+    return (t, f) => (c(), p(B, null, [
+      l(t.$slots, "default", { Footer: e(L) }),
+      d(e(T), {
+        show: a.showHeader,
+        menus: a.headerMenus,
+        activeMenu: a.activeMenu,
+        activeModuleMenu: a.activeModuleMenu,
+        menuFlatList: a.menuFlatList
+      }, {
+        left: _(() => [
+          l(t.$slots, "brand"),
+          d(k, {
+            menus: a.menus,
+            menuFlatList: a.menuFlatList
+          }, null, 8, ["menus", "menuFlatList"])
+        ]),
+        right: _(() => [
+          l(t.$slots, "themeSwitcher", { Default: e(b) }, () => [
+            d(e(b))
+          ]),
+          l(t.$slots, "userEntry"),
+          l(t.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"]),
+      d(K)
+    ], 64));
+  }
+}), se = {
+  id: "film-grade",
+  label: "胶片分调",
+  description: {
+    suitable: "AIGC 视频 / 调色 / 后期类后台：剪辑·调色·渲染·LUT 等场景；想要电影 teal-orange 分离调色、画幅 letterbox、胶片质感、暗场为主的影像工艺气质。",
+    unsuitable: "需高饱和品牌色强标识的营销台；偏好纯净无质感的极简后台；老年 / 低视力主用群体。"
+  },
+  config: {
+    light: {
+      bodyColor: "#f3efe6",
+      baseColor: "#1c2420",
+      primaryColor: "#ea7317",
+      successColor: "#16a34a",
+      warningColor: "#d97706",
+      dangerColor: "#e8424e",
+      errorColor: "#e8424e",
+      infoColor: "#6b746d",
+      radius: "10px",
+      accent: "#0d9488",
+      surface: "#fffdf8",
+      borderColor: "#e6e0d4",
+      glow: "0 0 0 1px rgba(234, 115, 23, 0.14)",
+      shadow: "0 8px 26px -16px rgba(28, 36, 32, 0.18)",
+      focusRing: "0 0 0 3px rgba(234, 115, 23, 0.22)"
+    },
+    dark: {
+      bodyColor: "#0a0f0e",
+      baseColor: "#ece8e0",
+      primaryColor: "#fb923c",
+      successColor: "#5ec26a",
+      warningColor: "#f5b942",
+      dangerColor: "#ef5350",
+      errorColor: "#ef5350",
+      infoColor: "#8a948f",
+      radius: "10px",
+      accent: "#2dd4bf",
+      surface: "#121a18",
+      borderColor: "rgba(251, 146, 60, 0.18)",
+      glow: "0 0 16px rgba(251, 146, 60, 0.32)",
+      shadow: "0 0 0 1px rgba(251, 146, 60, 0.08), 0 18px 44px -20px rgba(0, 0, 0, 0.9)",
+      focusRing: "0 0 0 3px rgba(251, 146, 60, 0.4)"
+    }
+  },
+  layout: {
+    // 影院通栏 + 常规等距套框：无左栏(sidebar=0)、顶部横导航 + 超宽 cinema canvas。
+    // letterbox 画幅纯由 FilmGradeDecor 渐变暗带做（视觉暗示，不占结构空间）——
+    // 厚 padding 当死空间会白吃 ~128px 垂直区且放不了内容，故砍回 16 等距。
+    // 后续增强（ⓒ）：若要厚顶/底功能区 → 走 header 加高(transport 条) + footer(scrubber)，属积木/内容，非 viewport padding。
+    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: "10px" }
+    },
+    // 无左栏：sidebar 宽 0（FilmGradeShell 不渲染 AppSidebar）。
+    sidebar: { width: 0, collapseWidth: 0 },
+    body: { shimPadding: 18 },
+    shell: F(Q)
+  }
+};
+export {
+  se as default
+};