yh-pub 2.0.34 → 2.0.35

package/ThemeDemo-mMm9qP5J.js

@@ -0,0 +1,776 @@
+import { defineComponent as Ce, reactive as N, ref as R, resolveComponent as c, openBlock as v, createElementBlock as g, createElementVNode as a, createVNode as t, unref as s, isRef as xe, withCtx as n, createTextVNode as r, toDisplayString as i, Fragment as y, renderList as k, normalizeStyle as w, normalizeProps as Te, guardReactiveProps as Le, normalizeClass as De, createCommentVNode as Se } from "vue";
+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-CGitwHqZ.js";
+import { useClientStore as Ne } from "yh-client";
+import { S as Re, T as H } from "./themeVarLabels-CgtetVkU.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"
+}, Bl = { class: "swatch-name" }, Al = { class: "swatch-var" }, Pl = { class: "swatch-value" }, Ul = /* @__PURE__ */ Ce({
+  __name: "ThemeDemo",
+  setup($l) {
+    const V = $e(), X = Ee(), I = Ne(Me);
+    function W(d) {
+      return `--${d.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
+    }
+    const { mode: B } = Be(V);
+    function Z() {
+      X.push(I.isAdmin ? "/admin/theme-config" : "/theme-config");
+    }
+    function f(d) {
+      return V.currentVars[d] ?? "-";
+    }
+    function h(d) {
+      return `var(${d})`;
+    }
+    function A(d) {
+      return /^(#[0-9a-f]{3,8}|rgba?\(|hsla?\()/i.test(d.trim());
+    }
+    function L(d, e) {
+      return { label: d, cssVar: W(e), varKey: e };
+    }
+    const u = (d) => L(H[d] || d, d), G = ["primary", "success", "warning", "danger", "info"], P = (d) => d[0].toUpperCase() + d.slice(1), j = [
+      ["变亮 3", "Light3"],
+      ["变亮 5", "Light5"],
+      ["变亮 7", "Light7"],
+      ["变亮 8", "Light8"],
+      ["变亮 9", "Light9"],
+      ["变暗 2", "Dark2"]
+    ], q = G.map((d) => ({
+      title: `${Re[d] || d} ${d}`,
+      rgbKey: `elColor${P(d)}Rgb`,
+      items: [
+        L("基准", `elColor${P(d)}`),
+        ...j.map(([e, x]) => L(e, `elColor${P(d)}${x}`))
+      ]
+    })), Y = [
+      {
+        title: l("文字颜色"),
+        type: "text",
+        items: [
+          u("elTextColorPrimary"),
+          u("elTextColorRegular"),
+          u("elTextColorSecondary"),
+          u("elTextColorPlaceholder"),
+          u("elTextColorDisabled")
+        ]
+      },
+      {
+        title: l("边框颜色"),
+        items: [
+          u("elBorderColor"),
+          u("elBorderColorLight"),
+          u("elBorderColorLighter"),
+          u("elBorderColorExtraLight"),
+          u("elBorderColorDark"),
+          u("elBorderColorDarker")
+        ]
+      },
+      {
+        title: l("填充颜色"),
+        items: [
+          u("elFillColor"),
+          u("elFillColorLight"),
+          u("elFillColorLighter"),
+          u("elFillColorExtraLight"),
+          u("elFillColorDark"),
+          u("elFillColorDarker"),
+          u("elFillColorBlank")
+        ]
+      },
+      {
+        title: l("背景与遮罩颜色"),
+        items: [
+          u("elBgColor"),
+          u("elBgColorPage"),
+          u("elBgColorOverlay"),
+          u("elOverlayColor"),
+          u("elOverlayColorLight"),
+          u("elOverlayColorLighter"),
+          u("elMaskColor"),
+          u("elMaskColorExtraLight")
+        ]
+      }
+    ], J = [
+      u("layoutHeaderHeight"),
+      u("layoutAsideWidth"),
+      u("layoutAsideCollapsedWidth")
+    ], M = Object.keys({ ...Ke, ...ze }).map(
+      (d) => L(
+        H[d] || d.slice(5).replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, ""),
+        d
+      )
+    ), m = N({
+      input: "",
+      select: "",
+      date: "",
+      switch: !0,
+      radio: "1",
+      checkbox: ["a"],
+      slider: 30,
+      rate: 4
+    }), Q = [l("选项一"), l("选项二"), l("选项三")], U = [
+      { name: l("物料清单"), status: l("已完成"), statusType: "success", amount: "¥1,280.00", date: "2026-08-01" },
+      { name: l("生产工单"), status: l("进行中"), statusType: "primary", amount: "¥8,560.00", date: "2026-08-15" },
+      { name: l("采购申请"), status: l("待审批"), statusType: "warning", amount: "¥3,420.00", date: "2026-08-20" },
+      { name: l("库存盘点"), status: l("已驳回"), statusType: "danger", amount: "¥980.00", date: "2026-08-25" }
+    ], D = N({ currentPage: 1, pageSize: 10 }), ee = {
+      border: !0,
+      stripe: !0,
+      showOverflow: !0,
+      height: 220,
+      align: "center",
+      columns: [
+        { type: "seq", width: 60, title: l("序号") },
+        { field: "name", title: l("名称") },
+        { field: "status", title: l("状态") },
+        { field: "amount", title: l("金额") },
+        { field: "date", title: l("日期") }
+      ],
+      data: U,
+      slots: { bottom: "pager" }
+    }, C = R(!1), $ = R(!1);
+    function le() {
+      Ae({
+        title: l("通知"),
+        message: l("这是一条 Notification 示例"),
+        type: "success"
+      });
+    }
+    function te() {
+      Pe.confirm(l("确认执行此操作吗？"), l("提示"), {
+        confirmButtonText: l("确定"),
+        cancelButtonText: l("取消"),
+        type: "warning"
+      }).catch(() => {
+      });
+    }
+    function oe() {
+      const d = Ue.service({
+        lock: !0,
+        text: l("加载中..."),
+        background: "rgba(0, 0, 0, 0.2)"
+      });
+      setTimeout(() => d.close(), 1e3);
+    }
+    return (d, e) => {
+      const x = c("el-radio-button"), z = c("el-radio-group"), T = c("el-tag"), _ = c("el-button"), S = c("el-divider"), se = c("el-input"), b = c("el-form-item"), ae = c("el-option"), ne = c("el-select"), ie = c("el-date-picker"), re = c("el-switch"), K = c("el-radio"), F = c("el-checkbox"), de = c("el-checkbox-group"), ue = c("el-slider"), ce = c("el-rate"), _e = c("el-form"), pe = c("el-avatar"), me = c("el-badge"), ve = c("el-progress"), ge = c("el-alert"), E = c("el-table-column"), fe = c("el-table"), be = c("vxe-pager"), ye = c("vxe-grid"), ke = c("el-collapse-item"), he = c("el-collapse"), we = c("el-dialog"), Ve = c("el-drawer");
+      return v(), g("div", Oe, [
+        a("div", He, [
+          t(z, {
+            modelValue: s(B),
+            "onUpdate:modelValue": e[0] || (e[0] = (o) => xe(B) ? B.value = o : null),
+            onChange: e[1] || (e[1] = (o) => s(V).setMode(o))
+          }, {
+            default: n(() => [
+              t(x, { value: "light" }, {
+                default: n(() => [
+                  r(i(s(l)("亮色")), 1)
+                ]),
+                _: 1
+              }),
+              t(x, { value: "dark" }, {
+                default: n(() => [
+                  r(i(s(l)("暗色")), 1)
+                ]),
+                _: 1
+              }),
+              t(x, { value: "auto" }, {
+                default: n(() => [
+                  r(i(s(l)("跟随系统")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          t(T, {
+            type: s(V).effectiveMode === "dark" ? "info" : "warning",
+            effect: "plain"
+          }, {
+            default: n(() => [
+              r(i(s(l)("当前实际")) + ": " + i(s(V).effectiveMode === "dark" ? s(l)("暗色") : s(l)("亮色")), 1)
+            ]),
+            _: 1
+          }, 8, ["type"]),
+          e[20] || (e[20] = a("div", { class: "flex-grow" }, null, -1)),
+          t(_, {
+            type: "primary",
+            onClick: Z
+          }, {
+            default: n(() => [
+              r(i(s(l)("前往主题配置")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        a("h3", Xe, i(s(l)("状态色（自动派生变体）")), 1),
+        (v(!0), g(y, null, k(s(q), (o) => (v(), g("div", {
+          key: o.title,
+          class: "color-sub-section"
+        }, [
+          a("div", Ie, i(o.title), 1),
+          a("div", We, [
+            (v(!0), g(y, null, k(o.items, (p) => (v(), g("div", {
+              key: p.varKey,
+              class: "swatch-item"
+            }, [
+              a("div", {
+                class: "swatch-box",
+                style: w({ backgroundColor: h(p.cssVar) })
+              }, null, 4),
+              a("div", Ze, i(p.label), 1),
+              a("div", Ge, i(p.cssVar), 1),
+              a("div", je, i(f(p.varKey)), 1)
+            ]))), 128))
+          ]),
+          a("div", qe, i(o.title) + "-rgb：" + i(f(o.rgbKey)), 1)
+        ]))), 128)),
+        a("h3", Ye, i(s(l)("中性色体系")), 1),
+        (v(), g(y, null, k(Y, (o) => a("div", {
+          key: o.title,
+          class: "color-sub-section"
+        }, [
+          a("div", Je, i(o.title), 1),
+          a("div", Qe, [
+            o.type === "text" ? (v(!0), g(y, { key: 0 }, k(o.items, (p) => (v(), g("div", {
+              key: p.varKey,
+              class: "swatch-item"
+            }, [
+              a("div", {
+                class: "text-sample",
+                style: w({ color: h(p.cssVar) })
+              }, " 元海 Aa 字 ", 4),
+              a("div", el, i(p.label), 1),
+              a("div", ll, i(p.cssVar), 1),
+              a("div", tl, i(f(p.varKey)), 1)
+            ]))), 128)) : (v(!0), g(y, { key: 1 }, k(o.items, (p) => (v(), g("div", {
+              key: p.varKey,
+              class: "swatch-item"
+            }, [
+              a("div", {
+                class: "swatch-box",
+                style: w({ backgroundColor: h(p.cssVar) })
+              }, null, 4),
+              a("div", ol, i(p.label), 1),
+              a("div", sl, i(p.cssVar), 1),
+              a("div", al, i(f(p.varKey)), 1)
+            ]))), 128))
+          ])
+        ])), 64)),
+        a("h3", nl, i(s(l)("布局变量")), 1),
+        a("div", il, [
+          a("div", rl, [
+            e[21] || (e[21] = a("div", { class: "layout-label" }, [
+              a("span", { class: "label-zh" }, "头部背景"),
+              a("span", { class: "label-var" }, "--layout-header-background")
+            ], -1)),
+            a("div", {
+              class: "layout-header-bar",
+              style: w({ background: h("--layout-header-background") })
+            }, null, 4),
+            a("div", dl, i(f("layoutHeaderBackground")), 1)
+          ]),
+          a("div", ul, [
+            e[22] || (e[22] = a("div", { class: "layout-label" }, [
+              a("span", { class: "label-zh" }, "侧边栏背景"),
+              a("span", { class: "label-var" }, "--layout-aside-background")
+            ], -1)),
+            a("div", {
+              class: "layout-aside-bar",
+              style: w({ backgroundColor: h("--layout-aside-background") })
+            }, null, 4),
+            a("div", cl, i(f("layoutAsideBackground")), 1)
+          ]),
+          a("div", _l, [
+            (v(), g(y, null, k(J, (o) => a("div", {
+              key: o.varKey,
+              class: "dim-chip",
+              title: o.cssVar
+            }, [
+              a("span", ml, i(o.label), 1),
+              a("span", vl, i(f(o.varKey)), 1)
+            ], 8, pl)), 64))
+          ])
+        ]),
+        a("h3", gl, i(s(l)("组件效果")), 1),
+        a("div", fl, [
+          a("div", bl, i(s(l)("按钮 Button")), 1),
+          t(_, null, {
+            default: n(() => [
+              r(i(s(l)("默认按钮")), 1)
+            ]),
+            _: 1
+          }),
+          t(_, { type: "primary" }, {
+            default: n(() => [...e[23] || (e[23] = [
+              r("Primary", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, { type: "success" }, {
+            default: n(() => [...e[24] || (e[24] = [
+              r("Success", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, { type: "warning" }, {
+            default: n(() => [...e[25] || (e[25] = [
+              r("Warning", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, { type: "danger" }, {
+            default: n(() => [...e[26] || (e[26] = [
+              r("Danger", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, { type: "info" }, {
+            default: n(() => [...e[27] || (e[27] = [
+              r("Info", -1)
+            ])]),
+            _: 1
+          }),
+          t(S, { direction: "vertical" }),
+          t(_, { plain: "" }, {
+            default: n(() => [...e[28] || (e[28] = [
+              r("Plain", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, {
+            type: "primary",
+            plain: ""
+          }, {
+            default: n(() => [...e[29] || (e[29] = [
+              r("Primary Plain", -1)
+            ])]),
+            _: 1
+          }),
+          t(S, { direction: "vertical" }),
+          t(_, { text: "" }, {
+            default: n(() => [...e[30] || (e[30] = [
+              r("Text", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, {
+            type: "danger",
+            text: ""
+          }, {
+            default: n(() => [...e[31] || (e[31] = [
+              r("Danger Text", -1)
+            ])]),
+            _: 1
+          }),
+          t(S, { direction: "vertical" }),
+          t(_, { disabled: "" }, {
+            default: n(() => [
+              r(i(s(l)("禁用")), 1)
+            ]),
+            _: 1
+          }),
+          t(_, {
+            type: "primary",
+            loading: ""
+          }, {
+            default: n(() => [
+              r(i(s(l)("加载中")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        a("div", yl, [
+          a("div", kl, i(s(l)("表单控件 Form")), 1),
+          t(_e, {
+            inline: "",
+            "label-width": "auto"
+          }, {
+            default: n(() => [
+              t(b, {
+                label: s(l)("输入框")
+              }, {
+                default: n(() => [
+                  t(se, {
+                    modelValue: m.input,
+                    "onUpdate:modelValue": e[2] || (e[2] = (o) => m.input = o),
+                    placeholder: s(l)("请输入内容"),
+                    clearable: ""
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(b, {
+                label: s(l)("选择器")
+              }, {
+                default: n(() => [
+                  t(ne, {
+                    modelValue: m.select,
+                    "onUpdate:modelValue": e[3] || (e[3] = (o) => m.select = o),
+                    placeholder: s(l)("请选择"),
+                    style: { width: "160px" }
+                  }, {
+                    default: n(() => [
+                      (v(), g(y, null, k(Q, (o) => t(ae, {
+                        key: o,
+                        label: o,
+                        value: o
+                      }, null, 8, ["label", "value"])), 64))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(b, {
+                label: s(l)("日期")
+              }, {
+                default: n(() => [
+                  t(ie, {
+                    modelValue: m.date,
+                    "onUpdate:modelValue": e[4] || (e[4] = (o) => m.date = o),
+                    type: "date",
+                    placeholder: s(l)("选择日期")
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(b, {
+                label: s(l)("开关")
+              }, {
+                default: n(() => [
+                  t(re, {
+                    modelValue: m.switch,
+                    "onUpdate:modelValue": e[5] || (e[5] = (o) => m.switch = o)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(b, {
+                label: s(l)("单选")
+              }, {
+                default: n(() => [
+                  t(z, {
+                    modelValue: m.radio,
+                    "onUpdate:modelValue": e[6] || (e[6] = (o) => m.radio = o)
+                  }, {
+                    default: n(() => [
+                      t(K, { value: "1" }, {
+                        default: n(() => [
+                          r(i(s(l)("选项一")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      t(K, { value: "2" }, {
+                        default: n(() => [
+                          r(i(s(l)("选项二")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(b, {
+                label: s(l)("多选")
+              }, {
+                default: n(() => [
+                  t(de, {
+                    modelValue: m.checkbox,
+                    "onUpdate:modelValue": e[7] || (e[7] = (o) => m.checkbox = o)
+                  }, {
+                    default: n(() => [
+                      t(F, { value: "a" }, {
+                        default: n(() => [
+                          r(i(s(l)("苹果")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      t(F, { value: "b" }, {
+                        default: n(() => [
+                          r(i(s(l)("香蕉")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(b, {
+                label: s(l)("滑块")
+              }, {
+                default: n(() => [
+                  t(ue, {
+                    modelValue: m.slider,
+                    "onUpdate:modelValue": e[8] || (e[8] = (o) => m.slider = o),
+                    style: { width: "140px" }
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(b, {
+                label: s(l)("评分")
+              }, {
+                default: n(() => [
+                  t(ce, {
+                    modelValue: m.rate,
+                    "onUpdate:modelValue": e[9] || (e[9] = (o) => m.rate = o)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ]),
+            _: 1
+          })
+        ]),
+        a("div", hl, [
+          a("div", wl, i(s(l)("数据展示 Data Display")), 1),
+          t(T, null, {
+            default: n(() => [
+              r(i(s(l)("标签一")), 1)
+            ]),
+            _: 1
+          }),
+          t(T, { type: "success" }, {
+            default: n(() => [
+              r(i(s(l)("标签二")), 1)
+            ]),
+            _: 1
+          }),
+          t(T, {
+            type: "warning",
+            effect: "dark"
+          }, {
+            default: n(() => [
+              r(i(s(l)("标签三")), 1)
+            ]),
+            _: 1
+          }),
+          t(S, { direction: "vertical" }),
+          t(pe, { size: 36 }, {
+            default: n(() => [...e[32] || (e[32] = [
+              r("YH", -1)
+            ])]),
+            _: 1
+          }),
+          t(me, {
+            value: 12,
+            class: "badge-item"
+          }, {
+            default: n(() => [
+              t(_, null, {
+                default: n(() => [
+                  r(i(s(l)("消息")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          t(ve, {
+            percentage: 70,
+            style: { width: "200px" }
+          }),
+          t(ge, {
+            title: s(l)("警告提示：这是一条 Alert 示例"),
+            type: "warning",
+            "show-icon": "",
+            style: { "margin-top": "12px" }
+          }, null, 8, ["title"])
+        ]),
+        a("div", Vl, [
+          a("div", Cl, i(s(l)("表格 Table（Element Plus）")), 1),
+          t(fe, {
+            data: U,
+            border: "",
+            stripe: "",
+            style: { width: "100%" }
+          }, {
+            default: n(() => [
+              t(E, {
+                prop: "name",
+                label: s(l)("名称")
+              }, null, 8, ["label"]),
+              t(E, {
+                prop: "status",
+                label: s(l)("状态")
+              }, {
+                default: n(({ row: o }) => [
+                  t(T, {
+                    size: "small",
+                    type: o.statusType
+                  }, {
+                    default: n(() => [
+                      r(i(o.status), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(E, {
+                prop: "amount",
+                label: s(l)("金额")
+              }, null, 8, ["label"]),
+              t(E, {
+                prop: "date",
+                label: s(l)("日期")
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })
+        ]),
+        a("div", xl, [
+          e[33] || (e[33] = a("div", { class: "block-title" }, "VXE Table", -1)),
+          t(ye, Te(Le(ee)), {
+            pager: n(() => [
+              t(be, {
+                "current-page": D.currentPage,
+                "onUpdate:currentPage": e[10] || (e[10] = (o) => D.currentPage = o),
+                "page-size": D.pageSize,
+                "onUpdate:pageSize": e[11] || (e[11] = (o) => D.pageSize = o),
+                layouts: ["PrevPage", "Number", "NextPage", "Total"],
+                total: U.length
+              }, null, 8, ["current-page", "page-size", "total"])
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        a("div", Tl, [
+          a("div", Ll, i(s(l)("反馈 Feedback")), 1),
+          t(_, {
+            onClick: e[12] || (e[12] = (o) => s(O).success(s(l)("成功消息 Message")))
+          }, {
+            default: n(() => [...e[34] || (e[34] = [
+              r("Message", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, {
+            onClick: e[13] || (e[13] = (o) => s(O).warning(s(l)("警告消息 Message")))
+          }, {
+            default: n(() => [...e[35] || (e[35] = [
+              r("Message Warning", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, { onClick: le }, {
+            default: n(() => [...e[36] || (e[36] = [
+              r("Notification", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, { onClick: te }, {
+            default: n(() => [...e[37] || (e[37] = [
+              r("MessageBox", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, {
+            onClick: e[14] || (e[14] = (o) => C.value = !0)
+          }, {
+            default: n(() => [...e[38] || (e[38] = [
+              r("Dialog", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, {
+            onClick: e[15] || (e[15] = (o) => $.value = !0)
+          }, {
+            default: n(() => [...e[39] || (e[39] = [
+              r("Drawer", -1)
+            ])]),
+            _: 1
+          }),
+          t(_, { onClick: oe }, {
+            default: n(() => [...e[40] || (e[40] = [
+              r("Loading", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        a("h3", Dl, i(s(l)("VXE 变量")), 1),
+        t(he, null, {
+          default: n(() => [
+            t(ke, {
+              title: `${s(l)("VXE Table 独有变量")}（${s(M).length}）`
+            }, {
+              default: n(() => [
+                a("div", Sl, [
+                  (v(!0), g(y, null, k(s(M), (o) => (v(), g("div", {
+                    key: o.varKey,
+                    class: "swatch-item"
+                  }, [
+                    a("div", {
+                      class: De(["swatch-box", { "is-non-color": !A(f(o.varKey)) }]),
+                      style: w(A(f(o.varKey)) ? { backgroundColor: h(o.cssVar) } : {})
+                    }, [
+                      A(f(o.varKey)) ? Se("", !0) : (v(), g("span", El, i(f(o.varKey)), 1))
+                    ], 6),
+                    a("div", Bl, i(o.label), 1),
+                    a("div", Al, i(o.cssVar), 1),
+                    a("div", Pl, i(f(o.varKey)), 1)
+                  ]))), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ]),
+          _: 1
+        }),
+        t(we, {
+          modelValue: C.value,
+          "onUpdate:modelValue": e[18] || (e[18] = (o) => C.value = o),
+          title: s(l)("Dialog 示例"),
+          width: "420px"
+        }, {
+          footer: n(() => [
+            t(_, {
+              onClick: e[16] || (e[16] = (o) => C.value = !1)
+            }, {
+              default: n(() => [
+                r(i(s(l)("取消")), 1)
+              ]),
+              _: 1
+            }),
+            t(_, {
+              type: "primary",
+              onClick: e[17] || (e[17] = (o) => C.value = !1)
+            }, {
+              default: n(() => [
+                r(i(s(l)("确定")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: n(() => [
+            a("span", null, i(s(l)("这段文字用于预览弹窗在当前主题下的效果。")), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        t(Ve, {
+          modelValue: $.value,
+          "onUpdate:modelValue": e[19] || (e[19] = (o) => $.value = o),
+          title: s(l)("Drawer 示例"),
+          size: "320px"
+        }, {
+          default: n(() => [
+            a("span", null, i(s(l)("这段文字用于预览抽屉在当前主题下的效果。")), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ]);
+    };
+  }
+}), Hl = /* @__PURE__ */ Fe(Ul, [["__scopeId", "data-v-ebed1bba"]]);
+export {
+  Hl as default
+};
+//# sourceMappingURL=ThemeDemo-mMm9qP5J.js.map