yh-pub 2.0.36 → 2.0.39

package/{ThemeConfig-C-6czgoD.js → ThemeConfig-0D7rcFl_.js}

@@ -1,19 +1,19 @@
-import { defineComponent as ke, reactive as A, ref as E, resolveComponent as y, openBlock as T, createElementBlock as S, createElementVNode as l, toDisplayString as u, unref as p, createVNode as r, isRef as _e, withCtx as h, createTextVNode as V, Fragment as z, renderList as M, normalizeStyle as ye, createBlock as F } from "vue";
+import { defineComponent as ke, reactive as L, ref as A, resolveComponent as y, openBlock as T, createElementBlock as S, createElementVNode as l, toDisplayString as u, unref as p, createVNode as r, isRef as _e, withCtx as h, createTextVNode as V, Fragment as z, renderList as M, normalizeStyle as ye, createBlock as F } from "vue";
 import { storeToRefs as Ce } from "pinia";
 import { useRouter as Ve } from "vue-router";
 import { ElMessage as I } from "element-plus";
-import { u as fe, p as ve, c as n, D as be, a as Te, L as B, b as P, d as K, e as N, _ as we } from "./index-CCuVxc26.js";
-import { useClientStore as xe } from "yh-client";
-import { S as Be, T as Ue } from "./themeVarLabels-CgtetVkU.js";
-const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae = { class: "toolbar-title" }, Ee = { class: "config-section-title" }, Fe = { class: "status-grid" }, $e = ["title"], De = { class: "status-pickers" }, Re = { class: "picker-cap" }, We = { class: "status-pickers" }, He = { class: "picker-cap" }, Oe = { class: "config-section-title" }, je = { class: "layout-card" }, ze = { class: "layout-line" }, Me = { class: "layout-line wrap" }, Ie = { class: "pair" }, Pe = { class: "picker-cap" }, Ke = { class: "pair" }, Ne = { class: "picker-cap" }, Ge = { class: "layout-line wrap" }, Xe = { class: "pair" }, Ye = { class: "picker-cap" }, Ze = { class: "pair" }, qe = { class: "picker-cap" }, Je = { class: "layout-line wrap" }, Qe = { class: "pair" }, el = { class: "picker-cap" }, ll = { class: "pair" }, ol = { class: "picker-cap" }, tl = { class: "config-section-title" }, al = { class: "adv-head-row" }, sl = ["title"], rl = { class: "label-zh" }, nl = { class: "label-var" }, dl = { class: "adv-control" }, il = { class: "adv-value" }, ul = { class: "adv-control" }, pl = { class: "adv-value" }, cl = { class: "config-section-title" }, gl = { class: "preview-card" }, ml = { class: "preview-row" }, hl = { class: "preview-row" }, kl = /* @__PURE__ */ ke({
+import { u as fe, p as ve, c as n, D as be, a as Te, t as xe, L as U, b as P, d as N, e as K, _ as Be } from "./index-BvsXyvTo.js";
+import { useClientStore as Ue } from "yh-client";
+import { S as we, T as Se } from "./themeVarLabels-CYr0ZzvW.js";
+const Ee = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae = { class: "toolbar-title" }, Fe = { class: "config-section-title" }, $e = { class: "status-grid" }, De = ["title"], Re = { class: "status-pickers" }, We = { class: "picker-cap" }, He = { class: "status-pickers" }, Oe = { class: "picker-cap" }, je = { class: "config-section-title" }, ze = { class: "layout-card" }, Me = { class: "layout-line" }, Ie = { class: "layout-line wrap" }, Pe = { class: "pair" }, Ne = { class: "picker-cap" }, Ke = { class: "pair" }, Ge = { class: "picker-cap" }, Xe = { class: "layout-line wrap" }, Ye = { class: "pair" }, Ze = { class: "picker-cap" }, qe = { class: "pair" }, Je = { class: "picker-cap" }, Qe = { class: "layout-line wrap" }, el = { class: "pair" }, ll = { class: "picker-cap" }, ol = { class: "pair" }, tl = { class: "picker-cap" }, al = { class: "config-section-title" }, sl = { class: "adv-head-row" }, rl = ["title"], nl = { class: "label-zh" }, dl = { class: "label-var" }, il = { class: "adv-control" }, ul = { class: "adv-value" }, pl = { class: "adv-control" }, cl = { class: "adv-value" }, gl = { class: "config-section-title" }, ml = { class: "preview-card" }, hl = { class: "preview-row" }, kl = { class: "preview-row" }, _l = /* @__PURE__ */ ke({
   __name: "ThemeConfig",
-  setup(_l) {
-    const b = fe(), te = Ve(), ae = xe(ve), { mode: $ } = Ce(b);
+  setup(yl) {
+    const b = fe(), te = Ve(), ae = Ue(ve), { mode: $ } = Ce(b);
     function se() {
       te.push(ae.isAdmin ? "/admin/theme-demo" : "/theme-demo");
     }
     function D(o) {
-      return `--${o.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
+      return `--${xe(o)}`;
     }
     function G(o, e) {
       return (e === "light" ? b.lightVars : b.darkVars)[o] ?? "-";
@@ -41,7 +41,7 @@ const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae
       const d = (c) => (c || "").trim().toLowerCase().replace(/\s+/g, "");
       d(i) !== d(e[s]) && (o[s] = i);
     }
-    const W = ["primary", "success", "warning", "danger", "info"], L = (o) => o[0].toUpperCase() + o.slice(1), v = A({}), a = A({
+    const W = ["primary", "success", "warning", "danger", "info"], E = (o) => o[0].toUpperCase() + o.slice(1), v = L({}), a = L({
       headerHeight: 60,
       asideWidth: 240,
       asideCollapsedWidth: 60,
@@ -52,19 +52,19 @@ const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae
       const e = /linear-gradient\(90deg,\s*(\S+)\s+0%,\s*(\S+)\s+100%\)/.exec(o || "");
       return e ? [e[1], e[2]] : ["#0051C1", "#3E93FE"];
     }
-    const w = A({}), x = A({});
-    function U(o) {
+    const x = L({}), B = L({});
+    function w(o) {
       return o.map((e) => ({
         key: e,
         // 中文标签优先，缺失时回退为变量短名
-        label: Ue[e] || D(e).replace(/^--(el-|vxe-ui-)/, "")
+        label: Se[e] || D(e).replace(/^--(el-|vxe-ui-)/, "")
       }));
     }
     const H = [
       {
         key: "text",
         title: n("文字颜色"),
-        items: U([
+        items: w([
           "elTextColorPrimary",
           "elTextColorRegular",
           "elTextColorSecondary",
@@ -75,7 +75,7 @@ const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae
       {
         key: "border",
         title: n("边框颜色"),
-        items: U([
+        items: w([
           "elBorderColor",
           "elBorderColorLight",
           "elBorderColorLighter",
@@ -87,7 +87,7 @@ const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae
       {
         key: "fill",
         title: n("填充颜色"),
-        items: U([
+        items: w([
           "elFillColor",
           "elFillColorLight",
           "elFillColorLighter",
@@ -100,7 +100,7 @@ const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae
       {
         key: "bg",
         title: n("背景与遮罩"),
-        items: U([
+        items: w([
           "elBgColor",
           "elBgColorPage",
           "elBgColorOverlay",
@@ -114,13 +114,13 @@ const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae
       {
         key: "vxe",
         title: "VXE",
-        items: U(Object.keys({ ...Te, ...be }))
+        items: w(Object.keys({ ...Te, ...be }))
       }
-    ], Y = E([]);
+    ], Y = A([]);
     function Z() {
       const o = b.lightVars, e = b.darkVars;
       W.forEach((_) => {
-        const C = `elColor${L(_)}`;
+        const C = `elColor${E(_)}`;
         v[_] = {
           light: o[C] || "#409eff",
           dark: e[C] || "#409eff"
@@ -131,23 +131,23 @@ const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae
       const [d, c] = X(e.layoutHeaderBackground);
       a.dark.gradFrom = d, a.dark.gradTo = c, a.light.asideBg = o.layoutAsideBackground || "#21304C", a.light.borderColor = o.layoutBorderColor || "#f0f0f0", a.dark.asideBg = e.layoutAsideBackground || "#212223", a.dark.borderColor = e.layoutBorderColor || "#363637", H.forEach((_) => {
         _.items.forEach((C) => {
-          w[C.key] = o[C.key] ?? "", x[C.key] = e[C.key] ?? "";
+          x[C.key] = o[C.key] ?? "", B[C.key] = e[C.key] ?? "";
         });
       });
     }
     Z();
     function q() {
       const o = {}, e = {};
-      k(o, B, "layoutHeaderHeight", `${a.headerHeight}px`), k(o, B, "layoutAsideWidth", `${a.asideWidth}px`), k(
+      k(o, U, "layoutHeaderHeight", `${a.headerHeight}px`), k(o, U, "layoutAsideWidth", `${a.asideWidth}px`), k(
         o,
-        B,
+        U,
         "layoutAsideCollapsedWidth",
         `${a.asideCollapsedWidth}px`
       );
       const s = (i, d) => `linear-gradient(90deg, ${i} 0%, ${d} 100%)`;
       return k(
         o,
-        B,
+        U,
         "layoutHeaderBackground",
         s(a.light.gradFrom, a.light.gradTo)
       ), k(
@@ -155,18 +155,18 @@ const Se = { class: "theme-config-page" }, Le = { class: "config-toolbar" }, Ae
         P,
         "layoutHeaderBackground",
         s(a.dark.gradFrom, a.dark.gradTo)
-      ), k(o, B, "layoutAsideBackground", a.light.asideBg), k(o, B, "layoutBorderColor", a.light.borderColor), k(e, P, "layoutAsideBackground", a.dark.asideBg), k(e, P, "layoutBorderColor", a.dark.borderColor), W.forEach((i) => {
-        const d = `elColor${L(i)}`, c = (_) => (_ || "").trim().toLowerCase();
-        c(v[i].light) !== c(K[d]) && J(o, K, i, v[i].light, [255, 255, 255]), c(v[i].dark) !== c(N[d]) && J(e, N, i, v[i].dark, [20, 20, 20]);
+      ), k(o, U, "layoutAsideBackground", a.light.asideBg), k(o, U, "layoutBorderColor", a.light.borderColor), k(e, P, "layoutAsideBackground", a.dark.asideBg), k(e, P, "layoutBorderColor", a.dark.borderColor), W.forEach((i) => {
+        const d = `elColor${E(i)}`, c = (_) => (_ || "").trim().toLowerCase();
+        c(v[i].light) !== c(N[d]) && J(o, N, i, v[i].light, [255, 255, 255]), c(v[i].dark) !== c(K[d]) && J(e, K, i, v[i].dark, [20, 20, 20]);
       }), H.forEach((i) => {
         i.items.forEach((d) => {
-          k(o, K, d.key, w[d.key]), k(e, N, d.key, x[d.key]);
+          k(o, N, d.key, x[d.key]), k(e, K, d.key, B[d.key]);
         });
       }), { light: o, dark: e };
     }
     function J(o, e, s, i, d) {
       if (!R(i) || !i.startsWith("#")) return;
-      const c = L(s);
+      const c = E(s);
       k(o, e, `elColor${c}`, i.toLowerCase());
       const _ = re(i);
       [
@@ -217,10 +217,10 @@ ${s.join(`,
         d.value = i, d.style.position = "fixed", d.style.opacity = "0", document.body.appendChild(d), d.select(), document.execCommand("copy"), document.body.removeChild(d), I.success(n("配置代码已复制到剪贴板"));
       }
     }
-    const ee = E(!0), le = E(!0), oe = E("");
+    const ee = A(!0), le = A(!0), oe = A("");
     return (o, e) => {
       const s = y("el-radio-button"), i = y("el-radio-group"), d = y("el-button"), c = y("el-color-picker"), _ = y("el-input-number"), C = y("el-input"), O = y("el-collapse-item"), j = y("el-collapse"), pe = y("el-tag"), ce = y("el-switch"), ge = y("el-checkbox"), me = y("el-progress"), he = y("el-alert");
-      return T(), S("div", Se, [
+      return T(), S("div", Ee, [
         l("div", Le, [
           l("span", Ae, u(p(n)("主题配置")), 1),
           r(i, {
@@ -273,8 +273,8 @@ ${s.join(`,
             _: 1
           })
         ]),
-        l("h3", Ee, u(p(n)("状态色（自动派生变体）")), 1),
-        l("div", Fe, [
+        l("h3", Fe, u(p(n)("状态色（自动派生变体）")), 1),
+        l("div", $e, [
           (T(), S(z, null, M(W, (t) => {
             var g;
             return l("div", {
@@ -287,30 +287,30 @@ ${s.join(`,
               }, null, 4),
               l("span", {
                 class: "status-name",
-                title: `elColor${L(t)}`
-              }, u(p(Be)[t] || t) + " " + u(t), 9, $e),
-              l("div", De, [
+                title: `elColor${E(t)}`
+              }, u(p(we)[t] || t) + " " + u(t), 9, De),
+              l("div", Re, [
                 r(c, {
                   modelValue: v[t].light,
                   "onUpdate:modelValue": (f) => v[t].light = f,
                   onChange: m
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                l("span", Re, u(p(n)("亮色")), 1)
+                l("span", We, u(p(n)("亮色")), 1)
               ]),
-              l("div", We, [
+              l("div", He, [
                 r(c, {
                   modelValue: v[t].dark,
                   "onUpdate:modelValue": (f) => v[t].dark = f,
                   onChange: m
                 }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                l("span", He, u(p(n)("暗色")), 1)
+                l("span", Oe, u(p(n)("暗色")), 1)
               ])
             ]);
           }), 64))
         ]),
-        l("h3", Oe, u(p(n)("布局变量")), 1),
-        l("div", je, [
-          l("div", ze, [
+        l("h3", je, u(p(n)("布局变量")), 1),
+        l("div", ze, [
+          l("div", Me, [
             e[18] || (e[18] = l("div", { class: "line-label" }, [
               l("span", { class: "label-zh" }, "头部高度"),
               l("span", { class: "label-var" }, "--layout-header-height")
@@ -349,13 +349,13 @@ ${s.join(`,
             }, null, 8, ["modelValue"]),
             e[21] || (e[21] = l("span", { class: "unit" }, "px", -1))
           ]),
-          l("div", Me, [
+          l("div", Ie, [
             e[24] || (e[24] = l("div", { class: "line-label" }, [
               l("span", { class: "label-zh" }, "头部背景（渐变）"),
               l("span", { class: "label-var" }, "--layout-header-background")
             ], -1)),
-            l("div", Ie, [
-              l("span", Pe, u(p(n)("亮色")), 1),
+            l("div", Pe, [
+              l("span", Ne, u(p(n)("亮色")), 1),
               r(c, {
                 modelValue: a.light.gradFrom,
                 "onUpdate:modelValue": e[5] || (e[5] = (t) => a.light.gradFrom = t),
@@ -369,7 +369,7 @@ ${s.join(`,
               }, null, 8, ["modelValue"])
             ]),
             l("div", Ke, [
-              l("span", Ne, u(p(n)("暗色")), 1),
+              l("span", Ge, u(p(n)("暗色")), 1),
               r(c, {
                 modelValue: a.dark.gradFrom,
                 "onUpdate:modelValue": e[7] || (e[7] = (t) => a.dark.gradFrom = t),
@@ -383,21 +383,21 @@ ${s.join(`,
               }, null, 8, ["modelValue"])
             ])
           ]),
-          l("div", Ge, [
+          l("div", Xe, [
             e[25] || (e[25] = l("div", { class: "line-label" }, [
               l("span", { class: "label-zh" }, "侧边栏背景"),
               l("span", { class: "label-var" }, "--layout-aside-background")
             ], -1)),
-            l("div", Xe, [
-              l("span", Ye, u(p(n)("亮色")), 1),
+            l("div", Ye, [
+              l("span", Ze, u(p(n)("亮色")), 1),
               r(c, {
                 modelValue: a.light.asideBg,
                 "onUpdate:modelValue": e[9] || (e[9] = (t) => a.light.asideBg = t),
                 onChange: m
               }, null, 8, ["modelValue"])
             ]),
-            l("div", Ze, [
-              l("span", qe, u(p(n)("暗色")), 1),
+            l("div", qe, [
+              l("span", Je, u(p(n)("暗色")), 1),
               r(c, {
                 modelValue: a.dark.asideBg,
                 "onUpdate:modelValue": e[10] || (e[10] = (t) => a.dark.asideBg = t),
@@ -405,21 +405,21 @@ ${s.join(`,
               }, null, 8, ["modelValue"])
             ])
           ]),
-          l("div", Je, [
+          l("div", Qe, [
             e[26] || (e[26] = l("div", { class: "line-label" }, [
               l("span", { class: "label-zh" }, "布局边框色"),
               l("span", { class: "label-var" }, "--layout-border-color")
             ], -1)),
-            l("div", Qe, [
-              l("span", el, u(p(n)("亮色")), 1),
+            l("div", el, [
+              l("span", ll, u(p(n)("亮色")), 1),
               r(c, {
                 modelValue: a.light.borderColor,
                 "onUpdate:modelValue": e[11] || (e[11] = (t) => a.light.borderColor = t),
                 onChange: m
               }, null, 8, ["modelValue"])
             ]),
-            l("div", ll, [
-              l("span", ol, u(p(n)("暗色")), 1),
+            l("div", ol, [
+              l("span", tl, u(p(n)("暗色")), 1),
               r(c, {
                 modelValue: a.dark.borderColor,
                 "onUpdate:modelValue": e[12] || (e[12] = (t) => a.dark.borderColor = t),
@@ -428,7 +428,7 @@ ${s.join(`,
             ])
           ])
         ]),
-        l("h3", tl, u(p(n)("高级配置（全部变量）")), 1),
+        l("h3", al, u(p(n)("高级配置（全部变量）")), 1),
         r(j, {
           modelValue: Y.value,
           "onUpdate:modelValue": e[13] || (e[13] = (t) => Y.value = t)
@@ -440,7 +440,7 @@ ${s.join(`,
               title: `${t.title}（${t.items.length}）`
             }, {
               default: h(() => [
-                l("div", al, [
+                l("div", sl, [
                   l("span", null, u(p(n)("变量")), 1),
                   l("span", null, u(p(n)("亮色值")), 1),
                   l("span", null, u(p(n)("暗色值")), 1)
@@ -453,40 +453,40 @@ ${s.join(`,
                     class: "adv-label",
                     title: D(g.key)
                   }, [
-                    l("span", rl, u(g.label), 1),
-                    l("span", nl, u(D(g.key)), 1)
-                  ], 8, sl),
-                  l("div", dl, [
-                    R(w[g.key]) ? (T(), F(c, {
+                    l("span", nl, u(g.label), 1),
+                    l("span", dl, u(D(g.key)), 1)
+                  ], 8, rl),
+                  l("div", il, [
+                    R(x[g.key]) ? (T(), F(c, {
                       key: 0,
-                      modelValue: w[g.key],
-                      "onUpdate:modelValue": (f) => w[g.key] = f,
+                      modelValue: x[g.key],
+                      "onUpdate:modelValue": (f) => x[g.key] = f,
                       "show-alpha": "",
                       onChange: m
                     }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (T(), F(C, {
                       key: 1,
-                      modelValue: w[g.key],
-                      "onUpdate:modelValue": (f) => w[g.key] = f,
+                      modelValue: x[g.key],
+                      "onUpdate:modelValue": (f) => x[g.key] = f,
                       size: "small",
                       onChange: m
                     }, null, 8, ["modelValue", "onUpdate:modelValue"])),
-                    l("span", il, u(G(g.key, "light")), 1)
+                    l("span", ul, u(G(g.key, "light")), 1)
                   ]),
-                  l("div", ul, [
-                    R(x[g.key]) ? (T(), F(c, {
+                  l("div", pl, [
+                    R(B[g.key]) ? (T(), F(c, {
                       key: 0,
-                      modelValue: x[g.key],
-                      "onUpdate:modelValue": (f) => x[g.key] = f,
+                      modelValue: B[g.key],
+                      "onUpdate:modelValue": (f) => B[g.key] = f,
                       "show-alpha": "",
                       onChange: m
                     }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (T(), F(C, {
                       key: 1,
-                      modelValue: x[g.key],
-                      "onUpdate:modelValue": (f) => x[g.key] = f,
+                      modelValue: B[g.key],
+                      "onUpdate:modelValue": (f) => B[g.key] = f,
                       size: "small",
                       onChange: m
                     }, null, 8, ["modelValue", "onUpdate:modelValue"])),
-                    l("span", pl, u(G(g.key, "dark")), 1)
+                    l("span", cl, u(G(g.key, "dark")), 1)
                   ])
                 ]))), 128))
               ]),
@@ -495,9 +495,9 @@ ${s.join(`,
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        l("h3", cl, u(p(n)("实时预览")), 1),
-        l("div", gl, [
-          l("div", ml, [
+        l("h3", gl, u(p(n)("实时预览")), 1),
+        l("div", ml, [
+          l("div", hl, [
             r(d, { type: "primary" }, {
               default: h(() => [...e[27] || (e[27] = [
                 V("Primary", -1)
@@ -542,7 +542,7 @@ ${s.join(`,
               _: 1
             }, 8, ["modelValue"])
           ]),
-          l("div", hl, [
+          l("div", kl, [
             r(C, {
               modelValue: oe.value,
               "onUpdate:modelValue": e[16] || (e[16] = (t) => oe.value = t),
@@ -563,8 +563,8 @@ ${s.join(`,
       ]);
     };
   }
-}), wl = /* @__PURE__ */ we(kl, [["__scopeId", "data-v-cf188a76"]]);
+}), Bl = /* @__PURE__ */ Be(_l, [["__scopeId", "data-v-7f8dd499"]]);
 export {
-  wl as default
+  Bl as default
 };
-//# sourceMappingURL=ThemeConfig-C-6czgoD.js.map
+//# sourceMappingURL=ThemeConfig-0D7rcFl_.js.map

package/ThemeConfig-0D7rcFl_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeConfig-0D7rcFl_.js","sources":["../layout/components/ThemeConfig.vue"],"sourcesContent":["<template>\n  <div class=\"theme-config-page\">\n    <!-- 操作栏 -->\n    <div class=\"config-toolbar\">\n      <span class=\"toolbar-title\">{{ ct('主题配置') }}</span>\n      <el-radio-group\n        v-model=\"modeValue\"\n        @change=\"(val: any) => themeStore.setMode(val)\">\n        <el-radio-button value=\"light\">{{ ct('亮色') }}</el-radio-button>\n        <el-radio-button value=\"dark\">{{ ct('暗色') }}</el-radio-button>\n        <el-radio-button value=\"auto\">{{ ct('跟随系统') }}</el-radio-button>\n      </el-radio-group>\n      <div class=\"flex-grow\"></div>\n      <el-button @click=\"goDemo\">{{ ct('前往主题演示') }}</el-button>\n      <el-button @click=\"resetDefault\">\n        {{ ct('恢复默认') }}\n      </el-button>\n      <el-button\n        type=\"primary\"\n        @click=\"copyConfigCode\">\n        {{ ct('复制配置代码') }}\n      </el-button>\n    </div>\n\n    <!-- 常用配置 -->\n    <h3 class=\"config-section-title\">{{ ct('状态色（自动派生变体）') }}</h3>\n    <div class=\"status-grid\">\n      <div\n        v-for=\"name in STATUS_NAMES\"\n        :key=\"name\"\n        class=\"status-row\">\n        <span\n          class=\"status-chip\"\n          :style=\"{backgroundColor: statusForm[name]?.light}\"></span>\n        <span\n          class=\"status-name\"\n          :title=\"`elColor${cap(name)}`\">\n          {{ STATUS_ZH[name] || name }} {{ name }}\n        </span>\n        <div class=\"status-pickers\">\n          <el-color-picker\n            v-model=\"statusForm[name].light\"\n            @change=\"applyTheme\" />\n          <span class=\"picker-cap\">{{ ct('亮色') }}</span>\n        </div>\n        <div class=\"status-pickers\">\n          <el-color-picker\n            v-model=\"statusForm[name].dark\"\n            @change=\"applyTheme\" />\n          <span class=\"picker-cap\">{{ ct('暗色') }}</span>\n        </div>\n      </div>\n    </div>\n\n    <h3 class=\"config-section-title\">{{ ct('布局变量') }}</h3>\n    <div class=\"layout-card\">\n      <div class=\"layout-line\">\n        <div class=\"line-label\">\n          <span class=\"label-zh\">头部高度</span>\n          <span class=\"label-var\">--layout-header-height</span>\n        </div>\n        <el-input-number\n          v-model=\"layoutForm.headerHeight\"\n          :min=\"40\"\n          :max=\"120\"\n          :step=\"4\"\n          @change=\"applyTheme\" />\n        <div class=\"line-label\">\n          <span class=\"label-zh\">侧边栏宽度</span>\n          <span class=\"label-var\">--layout-aside-width</span>\n        </div>\n        <el-input-number\n          v-model=\"layoutForm.asideWidth\"\n          :min=\"160\"\n          :max=\"400\"\n          :step=\"10\"\n          @change=\"applyTheme\" />\n        <div class=\"line-label\">\n          <span class=\"label-zh\">收起宽度</span>\n          <span class=\"label-var\">--layout-aside-collapsed-width</span>\n        </div>\n        <el-input-number\n          v-model=\"layoutForm.asideCollapsedWidth\"\n          :min=\"40\"\n          :max=\"120\"\n          :step=\"4\"\n          @change=\"applyTheme\" />\n        <span class=\"unit\">px</span>\n      </div>\n      <div class=\"layout-line wrap\">\n        <div class=\"line-label\">\n          <span class=\"label-zh\">头部背景（渐变）</span>\n          <span class=\"label-var\">--layout-header-background</span>\n        </div>\n        <div class=\"pair\">\n          <span class=\"picker-cap\">{{ ct('亮色') }}</span>\n          <el-color-picker\n            v-model=\"layoutForm.light.gradFrom\"\n            @change=\"applyTheme\" />\n          <span class=\"arrow\">→</span>\n          <el-color-picker\n            v-model=\"layoutForm.light.gradTo\"\n            @change=\"applyTheme\" />\n        </div>\n        <div class=\"pair\">\n          <span class=\"picker-cap\">{{ ct('暗色') }}</span>\n          <el-color-picker\n            v-model=\"layoutForm.dark.gradFrom\"\n            @change=\"applyTheme\" />\n          <span class=\"arrow\">→</span>\n          <el-color-picker\n            v-model=\"layoutForm.dark.gradTo\"\n            @change=\"applyTheme\" />\n        </div>\n      </div>\n      <div class=\"layout-line wrap\">\n        <div class=\"line-label\">\n          <span class=\"label-zh\">侧边栏背景</span>\n          <span class=\"label-var\">--layout-aside-background</span>\n        </div>\n        <div class=\"pair\">\n          <span class=\"picker-cap\">{{ ct('亮色') }}</span>\n          <el-color-picker\n            v-model=\"layoutForm.light.asideBg\"\n            @change=\"applyTheme\" />\n        </div>\n        <div class=\"pair\">\n          <span class=\"picker-cap\">{{ ct('暗色') }}</span>\n          <el-color-picker\n            v-model=\"layoutForm.dark.asideBg\"\n            @change=\"applyTheme\" />\n        </div>\n      </div>\n      <div class=\"layout-line wrap\">\n        <div class=\"line-label\">\n          <span class=\"label-zh\">布局边框色</span>\n          <span class=\"label-var\">--layout-border-color</span>\n        </div>\n        <div class=\"pair\">\n          <span class=\"picker-cap\">{{ ct('亮色') }}</span>\n          <el-color-picker\n            v-model=\"layoutForm.light.borderColor\"\n            @change=\"applyTheme\" />\n        </div>\n        <div class=\"pair\">\n          <span class=\"picker-cap\">{{ ct('暗色') }}</span>\n          <el-color-picker\n            v-model=\"layoutForm.dark.borderColor\"\n            @change=\"applyTheme\" />\n        </div>\n      </div>\n    </div>\n\n    <!-- 高级配置 -->\n    <h3 class=\"config-section-title\">{{ ct('高级配置（全部变量）') }}</h3>\n    <el-collapse v-model=\"openedPanels\">\n      <el-collapse-item\n        v-for=\"group in ADV_GROUPS\"\n        :key=\"group.key\"\n        :name=\"group.key\"\n        :title=\"`${group.title}（${group.items.length}）`\">\n        <div class=\"adv-head-row\">\n          <span>{{ ct('变量') }}</span>\n          <span>{{ ct('亮色值') }}</span>\n          <span>{{ ct('暗色值') }}</span>\n        </div>\n        <div\n          v-for=\"item in group.items\"\n          :key=\"item.key\"\n          class=\"adv-row\">\n          <span\n            class=\"adv-label\"\n            :title=\"toCssVar(item.key)\">\n            <span class=\"label-zh\">{{ item.label }}</span>\n            <span class=\"label-var\">{{ toCssVar(item.key) }}</span>\n          </span>\n          <div class=\"adv-control\">\n            <el-color-picker\n              v-if=\"isColorValue(advLight[item.key])\"\n              v-model=\"advLight[item.key]\"\n              show-alpha\n              @change=\"applyTheme\" />\n            <el-input\n              v-else\n              v-model=\"advLight[item.key]\"\n              size=\"small\"\n              @change=\"applyTheme\" />\n            <span class=\"adv-value\">{{ getVarValue(item.key, 'light') }}</span>\n          </div>\n          <div class=\"adv-control\">\n            <el-color-picker\n              v-if=\"isColorValue(advDark[item.key])\"\n              v-model=\"advDark[item.key]\"\n              show-alpha\n              @change=\"applyTheme\" />\n            <el-input\n              v-else\n              v-model=\"advDark[item.key]\"\n              size=\"small\"\n              @change=\"applyTheme\" />\n            <span class=\"adv-value\">{{ getVarValue(item.key, 'dark') }}</span>\n          </div>\n        </div>\n      </el-collapse-item>\n    </el-collapse>\n\n    <!-- 实时预览 -->\n    <h3 class=\"config-section-title\">{{ ct('实时预览') }}</h3>\n    <div class=\"preview-card\">\n      <div class=\"preview-row\">\n        <el-button type=\"primary\">Primary</el-button>\n        <el-button type=\"success\">Success</el-button>\n        <el-button type=\"warning\">Warning</el-button>\n        <el-button type=\"danger\">Danger</el-button>\n        <el-tag type=\"primary\">Tag</el-tag>\n        <el-switch v-model=\"previewSwitch\" />\n        <el-checkbox\n          v-model=\"previewCheck\">{{ ct('复选框') }}</el-checkbox>\n      </div>\n      <div class=\"preview-row\">\n        <el-input\n          v-model=\"previewInput\"\n          :placeholder=\"ct('输入框')\"\n          style=\"width: 200px\" />\n        <el-progress\n          :percentage=\"66\"\n          style=\"width: 180px\" />\n      </div>\n      <el-alert\n        :title=\"ct('布局头部与侧边栏即为实时预览效果，修改立即生效。')\"\n        type=\"info\"\n        show-icon />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import {reactive, ref} from 'vue';\n  import {storeToRefs} from 'pinia';\n  import {useRouter} from 'vue-router';\n  import {ElMessage} from 'element-plus';\n  import {pinia} from '../../store';\n  import {useClientStore} from 'yh-client';\n  import {useThemeStore, toCssVarName} from '../../store/theme';\n  import {\n    DEFAULT_EL_VARS,\n    DARK_EL_VARS,\n    LAYOUT_VARS,\n    DARK_LAYOUT_VARS,\n    DEFAULT_VXE_VARS,\n    DARK_VXE_VARS,\n  } from '../../theme/vars';\n  import {THEME_VAR_LABELS, STATUS_ZH} from './themeVarLabels';\n  import {ct} from '../../utils/i18nHelp';\n\n  const themeStore = useThemeStore();\n  const router = useRouter();\n  const clientStore = useClientStore(pinia);\n\n  const {mode: modeValue} = storeToRefs(themeStore);\n\n  function goDemo() {\n    router.push(clientStore.isAdmin ? '/admin/theme-demo' : '/theme-demo');\n  }\n\n  // ---------- 工具 ----------\n  // camelCase 变量 key 转 CSS 变量名，与 theme.ts updateCSSVars 保持一致\n  function toCssVar(key: string): string {\n    return `--${toCssVarName(key)}`;\n  }\n\n  function getVarValue(varKey: string, modeType: 'light' | 'dark'): string {\n    const source = modeType === 'light' ? themeStore.lightVars : themeStore.darkVars;\n    return (source as Record<string, string>)[varKey] ?? '-';\n  }\n\n  // 值是否为可被 el-color-picker 解析的颜色\n  function isColorValue(value?: string): boolean {\n    return /^(#[0-9a-f]{3,8}|rgba?\\(|hsla?\\()/i.test((value || '').trim());\n  }\n\n  function hexToRgb(hex: string): [number, number, number] {\n    let h = hex.trim().replace('#', '');\n    if (h.length === 3 || h.length === 4) {\n      h = h\n        .slice(0, 3)\n        .split('')\n        .map((c) => c + c)\n        .join('');\n    }\n    const num = parseInt(h.slice(0, 6), 16);\n    return [(num >> 16) & 255, (num >> 8) & 255, num & 255];\n  }\n\n  // 与 Element Plus 官方混色规则一致：ratio 为向 end 色混合的比例\n  function mixColor(base: number[], end: number[], ratio: number): [number, number, number] {\n    return [\n      Math.round(base[0] * (1 - ratio) + end[0] * ratio),\n      Math.round(base[1] * (1 - ratio) + end[1] * ratio),\n      Math.round(base[2] * (1 - ratio) + end[2] * ratio),\n    ];\n  }\n\n  function rgbToStr(rgb: [number, number, number]): string {\n    return `#${rgb.map((c) => c.toString(16).padStart(2, '0')).join('')}`;\n  }\n\n  // 仅当值相对默认集发生变化时才写入补丁，保证导出的代码最小化\n  function putIfChanged(\n    patch: Record<string, string>,\n    defaults: Record<string, string>,\n    key: string,\n    value: string\n  ): void {\n    const norm = (s?: string) => (s || '').trim().toLowerCase().replace(/\\s+/g, '');\n    if (norm(value) !== norm(defaults[key])) {\n      patch[key] = value;\n    }\n  }\n\n  // ---------- 表单模型 ----------\n  const STATUS_NAMES = ['primary', 'success', 'warning', 'danger', 'info'];\n  const cap = (s: string) => s[0].toUpperCase() + s.slice(1);\n\n  const statusForm = reactive<Record<string, {light: string; dark: string}>>({});\n\n  const layoutForm = reactive({\n    headerHeight: 60,\n    asideWidth: 240,\n    asideCollapsedWidth: 60,\n    light: {gradFrom: '#0051C1', gradTo: '#3E93FE', asideBg: '#21304C', borderColor: '#f0f0f0'},\n    dark: {gradFrom: '#1a1a1a', gradTo: '#2d2d2d', asideBg: '#212223', borderColor: '#363637'},\n  });\n\n  // 解析头部渐变字符串（亮度模式固定格式 linear-gradient(90deg, c1 0%, c2 100%)）\n  function parseGradient(bg?: string): [string, string] {\n    const m = /linear-gradient\\(90deg,\\s*(\\S+)\\s+0%,\\s*(\\S+)\\s+100%\\)/.exec(bg || '');\n    return m ? [m[1], m[2]] : ['#0051C1', '#3E93FE'];\n  }\n\n  // 高级区表单：键为驼峰变量 key，值为原始字符串\n  const advLight = reactive<Record<string, string>>({});\n  const advDark = reactive<Record<string, string>>({});\n\n  interface AdvItem {\n    key: string;\n    label: string;\n  }\n  interface AdvGroup {\n    key: string;\n    title: string;\n    items: AdvItem[];\n  }\n\n  function advItems(keys: string[]): AdvItem[] {\n    return keys.map((key) => ({\n      key,\n      // 中文标签优先，缺失时回退为变量短名\n      label: THEME_VAR_LABELS[key] || toCssVar(key).replace(/^--(el-|vxe-ui-)/, ''),\n    }));\n  }\n\n  const ADV_GROUPS: AdvGroup[] = [\n    {\n      key: 'text',\n      title: ct('文字颜色'),\n      items: advItems([\n        'elTextColorPrimary',\n        'elTextColorRegular',\n        'elTextColorSecondary',\n        'elTextColorPlaceholder',\n        'elTextColorDisabled',\n      ]),\n    },\n    {\n      key: 'border',\n      title: ct('边框颜色'),\n      items: advItems([\n        'elBorderColor',\n        'elBorderColorLight',\n        'elBorderColorLighter',\n        'elBorderColorExtraLight',\n        'elBorderColorDark',\n        'elBorderColorDarker',\n      ]),\n    },\n    {\n      key: 'fill',\n      title: ct('填充颜色'),\n      items: advItems([\n        'elFillColor',\n        'elFillColorLight',\n        'elFillColorLighter',\n        'elFillColorExtraLight',\n        'elFillColorDark',\n        'elFillColorDarker',\n        'elFillColorBlank',\n      ]),\n    },\n    {\n      key: 'bg',\n      title: ct('背景与遮罩'),\n      items: advItems([\n        'elBgColor',\n        'elBgColorPage',\n        'elBgColorOverlay',\n        'elOverlayColor',\n        'elOverlayColorLight',\n        'elOverlayColorLighter',\n        'elMaskColor',\n        'elMaskColorExtraLight',\n      ]),\n    },\n    {\n      key: 'vxe',\n      title: 'VXE',\n      items: advItems(Object.keys({...DEFAULT_VXE_VARS, ...DARK_VXE_VARS})),\n    },\n  ];\n\n  const openedPanels = ref<Array<string>>([]);\n\n  // 从当前主题变量初始化表单回显\n  function initForm(): void {\n    const lightSource = themeStore.lightVars as Record<string, string>;\n    const darkSource = themeStore.darkVars as Record<string, string>;\n\n    STATUS_NAMES.forEach((name) => {\n      const key = `elColor${cap(name)}`;\n      statusForm[name] = {\n        light: lightSource[key] || '#409eff',\n        dark: darkSource[key] || '#409eff',\n      };\n    });\n\n    layoutForm.headerHeight = parseInt(lightSource.layoutHeaderHeight, 10) || 60;\n    layoutForm.asideWidth = parseInt(lightSource.layoutAsideWidth, 10) || 240;\n    layoutForm.asideCollapsedWidth = parseInt(lightSource.layoutAsideCollapsedWidth, 10) || 60;\n\n    const [lFrom, lTo] = parseGradient(lightSource.layoutHeaderBackground);\n    layoutForm.light.gradFrom = lFrom;\n    layoutForm.light.gradTo = lTo;\n    const [dFrom, dTo] = parseGradient(darkSource.layoutHeaderBackground);\n    layoutForm.dark.gradFrom = dFrom;\n    layoutForm.dark.gradTo = dTo;\n    layoutForm.light.asideBg = lightSource.layoutAsideBackground || '#21304C';\n    layoutForm.light.borderColor = lightSource.layoutBorderColor || '#f0f0f0';\n    layoutForm.dark.asideBg = darkSource.layoutAsideBackground || '#212223';\n    layoutForm.dark.borderColor = darkSource.layoutBorderColor || '#363637';\n\n    ADV_GROUPS.forEach((group) => {\n      group.items.forEach((item) => {\n        advLight[item.key] = lightSource[item.key] ?? '';\n        advDark[item.key] = darkSource[item.key] ?? '';\n      });\n    });\n  }\n\n  initForm();\n\n  // ---------- 应用与导出 ----------\n  // 收集所有差异项（含状态色派生变体），亮暗两套\n  function collectChanges(): {light: Record<string, string>; dark: Record<string, string>} {\n    const light: Record<string, string> = {};\n    const dark: Record<string, string> = {};\n\n    // 布局尺寸（亮暗共用）\n    putIfChanged(light, LAYOUT_VARS, 'layoutHeaderHeight', `${layoutForm.headerHeight}px`);\n    putIfChanged(light, LAYOUT_VARS, 'layoutAsideWidth', `${layoutForm.asideWidth}px`);\n    putIfChanged(\n      light,\n      LAYOUT_VARS,\n      'layoutAsideCollapsedWidth',\n      `${layoutForm.asideCollapsedWidth}px`\n    );\n\n    // 布局颜色\n    const composeGrad = (from: string, to: string) =>\n      `linear-gradient(90deg, ${from} 0%, ${to} 100%)`;\n    putIfChanged(\n      light,\n      LAYOUT_VARS,\n      'layoutHeaderBackground',\n      composeGrad(layoutForm.light.gradFrom, layoutForm.light.gradTo)\n    );\n    putIfChanged(\n      dark,\n      DARK_LAYOUT_VARS,\n      'layoutHeaderBackground',\n      composeGrad(layoutForm.dark.gradFrom, layoutForm.dark.gradTo)\n    );\n    putIfChanged(light, LAYOUT_VARS, 'layoutAsideBackground', layoutForm.light.asideBg);\n    putIfChanged(light, LAYOUT_VARS, 'layoutBorderColor', layoutForm.light.borderColor);\n    putIfChanged(dark, DARK_LAYOUT_VARS, 'layoutAsideBackground', layoutForm.dark.asideBg);\n    putIfChanged(dark, DARK_LAYOUT_VARS, 'layoutBorderColor', layoutForm.dark.borderColor);\n\n    // 状态色：按官方混色规则派生全部变体（基准色未改动时整组跳过，\n    // 避免暗色默认值 rgb 浮点格式与派生 hex 格式不一致产生的假差异）\n    STATUS_NAMES.forEach((name) => {\n      const baseKey = `elColor${cap(name)}`;\n      const norm = (s?: string) => (s || '').trim().toLowerCase();\n      if (norm(statusForm[name].light) !== norm(DEFAULT_EL_VARS[baseKey])) {\n        deriveStatus(light, DEFAULT_EL_VARS, name, statusForm[name].light, [255, 255, 255]);\n      }\n      if (norm(statusForm[name].dark) !== norm(DARK_EL_VARS[baseKey])) {\n        deriveStatus(dark, DARK_EL_VARS, name, statusForm[name].dark, [20, 20, 20]);\n      }\n    });\n\n    // 高级区灰度 / VXE 变量\n    ADV_GROUPS.forEach((group) => {\n      group.items.forEach((item) => {\n        putIfChanged(light, DEFAULT_EL_VARS, item.key, advLight[item.key]);\n        putIfChanged(dark, DARK_EL_VARS, item.key, advDark[item.key]);\n      });\n    });\n\n    return {light, dark};\n  }\n\n  // 派生单个状态色的全部变量并按需写入补丁\n  function deriveStatus(\n    patch: Record<string, string>,\n    defaults: Record<string, string>,\n    name: string,\n    baseHex: string,\n    endPoint: number[]\n  ): void {\n    if (!isColorValue(baseHex) || !baseHex.startsWith('#')) return;\n\n    const pascal = cap(name);\n    putIfChanged(patch, defaults, `elColor${pascal}`, baseHex.toLowerCase());\n\n    const base = hexToRgb(baseHex);\n\n    const variants: Array<[string, number]> = [\n      ['Light3', 0.3],\n      ['Light5', 0.5],\n      ['Light7', 0.7],\n      ['Light8', 0.8],\n      ['Light9', 0.9],\n      ['Dark2', 0.2],\n    ];\n    variants.forEach(([suffix, ratio]) => {\n      putIfChanged(\n        patch,\n        defaults,\n        `elColor${pascal}${suffix}`,\n        rgbToStr(mixColor(base, endPoint, ratio))\n      );\n    });\n\n    putIfChanged(patch, defaults, `elColor${pascal}Rgb`, base.join(', '));\n  }\n\n  // 任一表单项变化：全量重算差异并应用到主题（仅内存，不持久化）\n  function applyTheme(): void {\n    const {light, dark} = collectChanges();\n    themeStore.extend({light, dark});\n  }\n\n  function resetDefault(): void {\n    themeStore.setTheme('default');\n    themeStore.extend({light: {}, dark: {}});\n    initForm();\n    ElMessage.success(ct('已恢复默认主题'));\n  }\n\n  function objLiteral(obj: Record<string, string>): string {\n    return Object.entries(obj)\n      .map(([k, v]) => `    ${k}: '${v}',`)\n      .join('\\n');\n  }\n\n  async function copyConfigCode(): Promise<void> {\n    const {light, dark} = collectChanges();\n\n    const parts: string[] = [];\n    if (Object.keys(light).length > 0) {\n      parts.push(`  light: {\\n${objLiteral(light)}\\n  }`);\n    }\n    if (Object.keys(dark).length > 0) {\n      parts.push(`  dark: {\\n${objLiteral(dark)}\\n  }`);\n    }\n    const code =\n      parts.length > 0\n        ? `// 在应用入口调用（如 main.ts），仅包含相对默认值的改动\\nimport {useThemeStore} from 'yh-pub';\\n\\nuseThemeStore().extend({\\n${parts.join(',\\n')}\\n});`\n        : `// 当前配置与默认主题一致，无需覆盖`;\n\n    try {\n      await navigator.clipboard.writeText(code);\n      ElMessage.success(ct('配置代码已复制到剪贴板'));\n    } catch {\n      // fallback：textarea 选区复制\n      const textarea = document.createElement('textarea');\n      textarea.value = code;\n      textarea.style.position = 'fixed';\n      textarea.style.opacity = '0';\n      document.body.appendChild(textarea);\n      textarea.select();\n      document.execCommand('copy');\n      document.body.removeChild(textarea);\n      ElMessage.success(ct('配置代码已复制到剪贴板'));\n    }\n  }\n\n  // 预览区数据\n  const previewSwitch = ref(true);\n  const previewCheck = ref(true);\n  const previewInput = ref('');\n</script>\n\n<style lang=\"scss\" scoped>\n  .theme-config-page {\n    max-width: 1280px;\n\n    .flex-grow {\n      flex: 1;\n    }\n\n    .config-toolbar {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 8px;\n\n      .toolbar-title {\n        font-size: 16px;\n        font-weight: 600;\n        margin-right: 8px;\n      }\n    }\n\n    .config-section-title {\n      margin: 24px 0 12px;\n      padding-left: 8px;\n      border-left: 3px solid var(--el-color-primary);\n      font-size: 15px;\n      line-height: 1.3;\n    }\n\n    .status-grid {\n      border: 1px solid var(--el-border-color-lighter);\n      border-radius: 8px;\n      padding: 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n\n      .status-row {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n\n        .status-chip {\n          width: 28px;\n          height: 28px;\n          border-radius: 6px;\n          border: 1px solid var(--el-border-color-lighter);\n        }\n\n        .status-name {\n          flex: 0 0 120px;\n          font-size: 13px;\n          color: var(--el-text-color-regular);\n        }\n\n        .status-pickers {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n        }\n\n        .picker-cap {\n          font-size: 12px;\n          color: var(--el-text-color-secondary);\n        }\n      }\n    }\n\n    .layout-card {\n      border: 1px solid var(--el-border-color-lighter);\n      border-radius: 8px;\n      padding: 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n\n      .layout-line {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n\n        &.wrap {\n          flex-wrap: wrap;\n        }\n\n        .line-label {\n          display: flex;\n          flex-direction: column;\n          gap: 2px;\n\n          .label-zh {\n            font-size: 13px;\n            color: var(--el-text-color-regular);\n          }\n\n          .label-var {\n            font-size: 11px;\n            font-family: monospace;\n            color: var(--el-text-color-placeholder);\n            word-break: break-all;\n          }\n        }\n\n        .pair {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n\n          .arrow {\n            color: var(--el-text-color-placeholder);\n          }\n\n          .picker-cap {\n            font-size: 12px;\n            color: var(--el-text-color-secondary);\n          }\n        }\n\n        .unit {\n          font-size: 12px;\n          color: var(--el-text-color-secondary);\n        }\n      }\n    }\n\n    .adv-head-row,\n    .adv-row {\n      display: grid;\n      grid-template-columns: 260px minmax(220px, 1fr) minmax(220px, 1fr);\n      gap: 12px;\n      align-items: center;\n    }\n\n    .adv-head-row {\n      font-size: 12px;\n      color: var(--el-text-color-secondary);\n      padding: 4px 0 8px;\n      border-bottom: 1px dashed var(--el-border-color-lighter);\n      margin-bottom: 8px;\n    }\n\n    .adv-row {\n      padding: 4px 0;\n\n      .adv-label {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        overflow: hidden;\n\n        .label-zh {\n          font-size: 13px;\n          color: var(--el-text-color-regular);\n        }\n\n        .label-var {\n          font-size: 10px;\n          font-family: monospace;\n          color: var(--el-text-color-placeholder);\n          word-break: break-all;\n          line-height: 1.3;\n        }\n      }\n\n      .adv-control {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n\n        .el-input {\n          max-width: 240px;\n        }\n\n        .adv-value {\n          font-size: 11px;\n          font-family: monospace;\n          color: var(--el-text-color-placeholder);\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n        }\n      }\n    }\n\n    .preview-card {\n      border: 1px solid var(--el-border-color-lighter);\n      border-radius: 8px;\n      padding: 16px;\n      margin-bottom: 24px;\n\n      .preview-row {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 12px;\n\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n</style>\n"],"names":["themeStore","useThemeStore","router","useRouter","clientStore","useClientStore","pinia","modeValue","storeToRefs","goDemo","toCssVar","key","toCssVarName","getVarValue","varKey","modeType","isColorValue","value","hexToRgb","hex","h","c","num","mixColor","base","end","ratio","rgbToStr","rgb","putIfChanged","patch","defaults","norm","s","STATUS_NAMES","cap","statusForm","reactive","layoutForm","parseGradient","bg","m","advLight","advDark","advItems","keys","THEME_VAR_LABELS","ADV_GROUPS","ct","DEFAULT_VXE_VARS","DARK_VXE_VARS","openedPanels","ref","initForm","lightSource","darkSource","name","lFrom","lTo","dFrom","dTo","group","item","collectChanges","light","dark","LAYOUT_VARS","composeGrad","from","to","DARK_LAYOUT_VARS","baseKey","DEFAULT_EL_VARS","deriveStatus","DARK_EL_VARS","baseHex","endPoint","pascal","suffix","applyTheme","resetDefault","ElMessage","objLiteral","obj","k","v","copyConfigCode","parts","code","textarea","previewSwitch","previewCheck","previewInput","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_unref","_createVNode","_component_el_radio_group","$event","val","_component_el_radio_button","_component_el_button","_hoisted_4","_hoisted_5","_Fragment","_renderList","_normalizeStyle","_a","STATUS_ZH","_hoisted_6","_hoisted_7","_component_el_color_picker","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_component_el_input_number","_cache","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_component_el_collapse","_component_el_collapse_item","_hoisted_30","_hoisted_32","_hoisted_33","_hoisted_34","_createBlock","_component_el_input","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_component_el_tag","_component_el_switch","_component_el_checkbox","_hoisted_41","_component_el_progress","_component_el_alert"],"mappings":"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"}

package/{ThemeDemo-r03m2C49.js → ThemeDemo-Ctv2zOIc.js}

@@ -2,9 +2,9 @@ import { defineComponent as Ce, reactive as N, ref as R, resolveComponent as c,
 import { useRouter as Ee } from "vue-router";
 import { storeToRefs as Be } from "pinia";
 import { ElMessage as O, ElNotification as Ae, ElMessageBox as Pe, ElLoading as Ue } from "element-plus";
-import { u as $e, p as Me, c as l, D as ze, a as Ke, _ as Fe } from "./index-CCuVxc26.js";
+import { u as $e, p as Me, c as l, D as ze, a as Ke, _ as Fe } from "./index-BvsXyvTo.js";
 import { useClientStore as Ne } from "yh-client";
-import { S as Re, T as H } from "./themeVarLabels-CgtetVkU.js";
+import { S as Re, T as H } from "./themeVarLabels-CYr0ZzvW.js";
 const Oe = { class: "theme-demo-page" }, He = { class: "demo-toolbar" }, Xe = { class: "demo-section-title" }, Ie = { class: "sub-title" }, We = { class: "swatch-grid" }, Ze = { class: "swatch-name" }, Ge = { class: "swatch-var" }, je = { class: "swatch-value" }, qe = { class: "rgb-line" }, Ye = { class: "demo-section-title" }, Je = { class: "sub-title" }, Qe = { class: "swatch-grid" }, el = { class: "swatch-name" }, ll = { class: "swatch-var" }, tl = { class: "swatch-value" }, ol = { class: "swatch-name" }, sl = { class: "swatch-var" }, al = { class: "swatch-value" }, nl = { class: "demo-section-title" }, il = { class: "layout-preview" }, rl = { class: "layout-row" }, dl = { class: "swatch-value" }, ul = { class: "layout-row" }, cl = { class: "swatch-value" }, _l = { class: "layout-dims" }, pl = ["title"], ml = { class: "dim-name" }, vl = { class: "dim-value" }, gl = { class: "demo-section-title" }, fl = { class: "demo-block" }, bl = { class: "block-title" }, yl = { class: "demo-block" }, kl = { class: "block-title" }, hl = { class: "demo-block" }, wl = { class: "block-title" }, Vl = { class: "demo-block" }, Cl = { class: "block-title" }, xl = { class: "demo-block" }, Tl = { class: "demo-block" }, Ll = { class: "block-title" }, Dl = { class: "demo-section-title" }, Sl = { class: "swatch-grid" }, El = {
   key: 0,
   class: "non-color-text"
@@ -773,4 +773,4 @@ const Oe = { class: "theme-demo-page" }, He = { class: "demo-toolbar" }, Xe = {
 export {
   Hl as default
 };
-//# sourceMappingURL=ThemeDemo-r03m2C49.js.map
+//# sourceMappingURL=ThemeDemo-Ctv2zOIc.js.map