br-dionysus 0.2.0 → 0.3.0

package/dist/br-dionysus.es.js

@@ -1,34 +1,34 @@
-import { defineComponent as K, openBlock as v, createElementBlock as f, renderSlot as M, onMounted as I, ref as V, watch as z, computed as k, nextTick as P, createCommentVNode as C, createElementVNode as u, normalizeStyle as Q, Fragment as Y, renderList as Z, toDisplayString as ee, withModifiers as te, pushScopeId as oe, popScopeId as ne, reactive as ae, resolveComponent as H, createVNode as D, useSlots as le, unref as R, normalizeClass as se, createBlock as ie, withCtx as re } from "vue";
-const ce = /* @__PURE__ */ K({
+import { defineComponent as W, openBlock as _, createElementBlock as g, renderSlot as K, onMounted as E, ref as B, watch as T, computed as I, nextTick as Q, createCommentVNode as F, createElementVNode as d, normalizeStyle as Y, Fragment as Z, renderList as ee, toDisplayString as ce, withModifiers as de, pushScopeId as te, popScopeId as oe, reactive as ne, resolveComponent as w, createVNode as S, useSlots as ue, unref as h, normalizeClass as me, createBlock as le, withCtx as N, createTextVNode as D } from "vue";
+const pe = /* @__PURE__ */ W({
   __name: "index",
   emits: ["click"],
-  setup(n, { emit: d }) {
-    const t = d;
-    return (o, s) => (v(), f("button", {
+  setup(t, { emit: a }) {
+    const e = a;
+    return (o, l) => (_(), g("button", {
       class: "my-button",
-      onClick: s[0] || (s[0] = (h) => t("click", h))
+      onClick: l[0] || (l[0] = (r) => e("click", r))
     }, [
-      M(o.$slots, "default", {}, void 0, !0)
+      K(o.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), F = (n, d) => {
-  const t = n.__vccOpts || n;
-  for (const [o, s] of d)
-    t[o] = s;
-  return t;
-}, ue = /* @__PURE__ */ F(ce, [["__scopeId", "data-v-2a480934"]]), W = {
-  install(n) {
-    n.component("my-button", ue);
+}), j = (t, a) => {
+  const e = t.__vccOpts || t;
+  for (const [o, l] of a)
+    e[o] = l;
+  return e;
+}, fe = /* @__PURE__ */ j(pe, [["__scopeId", "data-v-2a480934"]]), H = {
+  install(t) {
+    t.component("my-button", fe);
   }
-}, de = {}, ve = { class: "my-foo" };
-function me(n, d) {
-  return v(), f("div", ve, " 我是测试组件组件 ");
+}, ve = {}, ye = { class: "my-foo" };
+function he(t, a) {
+  return _(), g("div", ye, " 我是测试组件组件 ");
 }
-const pe = /* @__PURE__ */ F(de, [["render", me], ["__scopeId", "data-v-1f1035fb"]]), j = {
-  install(n) {
-    n.component("my-foo", pe);
+const _e = /* @__PURE__ */ j(ve, [["render", he], ["__scopeId", "data-v-1f1035fb"]]), L = {
+  install(t) {
+    t.component("my-foo", _e);
   }
-}, N = (n) => (oe("data-v-edfffe70"), n = n(), ne(), n), fe = { class: "g-box" }, he = /* @__PURE__ */ N(() => /* @__PURE__ */ u("svg", {
+}, A = (t) => (te("data-v-edfffe70"), t = t(), oe(), t), be = { class: "g-box" }, ge = /* @__PURE__ */ A(() => /* @__PURE__ */ d("svg", {
   t: "1704703004061",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -38,16 +38,16 @@ const pe = /* @__PURE__ */ F(de, [["render", me], ["__scopeId", "data-v-1f1035fb
   width: "16",
   height: "16"
 }, [
-  /* @__PURE__ */ u("path", {
+  /* @__PURE__ */ d("path", {
     d: "M671.807 927.804l-415.632-415.804 415.632-415.803 63.445 63.616-352.017 352.209 352.017 352.102z",
     fill: "#272636",
     "p-id": "4357"
   })
-], -1)), ye = [
-  he
-], _e = { class: "g-dionysus-box" }, be = ["data-active", "data-active-before", "data-active-after", "onMouseenter", "data-hover", "data-hover-before", "data-hover-after", "onClick"], ge = { class: "u-gp" }, ke = /* @__PURE__ */ N(() => /* @__PURE__ */ u("i", { class: "u-icon j-icon" }, null, -1)), xe = { class: "u-sn" }, Se = ["onClick"], Ve = /* @__PURE__ */ N(() => /* @__PURE__ */ u("i", { class: "s-icon" }, null, -1)), we = [
-  Ve
-], ze = { class: "u-icon-box" }, Ce = /* @__PURE__ */ N(() => /* @__PURE__ */ u("svg", {
+], -1)), ke = [
+  ge
+], Ce = { class: "g-dionysus-box" }, Se = ["data-active", "data-active-before", "data-active-after", "onMouseenter", "data-hover", "data-hover-before", "data-hover-after", "onClick"], we = { class: "u-gp" }, xe = /* @__PURE__ */ A(() => /* @__PURE__ */ d("i", { class: "u-icon j-icon" }, null, -1)), Ve = { class: "u-sn" }, $e = ["onClick"], ze = /* @__PURE__ */ A(() => /* @__PURE__ */ d("i", { class: "s-icon" }, null, -1)), Me = [
+  ze
+], Ie = { class: "u-icon-box" }, Be = /* @__PURE__ */ A(() => /* @__PURE__ */ d("svg", {
   t: "1704703004061",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -57,14 +57,14 @@ const pe = /* @__PURE__ */ F(de, [["render", me], ["__scopeId", "data-v-1f1035fb
   width: "16",
   height: "16"
 }, [
-  /* @__PURE__ */ u("path", {
+  /* @__PURE__ */ d("path", {
     d: "M671.807 927.804l-415.632-415.804 415.632-415.803 63.445 63.616-352.017 352.209 352.017 352.102z",
     fill: "#272636",
     "p-id": "4357"
   })
-], -1)), Be = [
-  Ce
-], $e = /* @__PURE__ */ K({
+], -1)), Fe = [
+  Be
+], Pe = /* @__PURE__ */ W({
   __name: "index",
   props: {
     modelValue: { default: () => [] },
@@ -74,158 +74,158 @@ const pe = /* @__PURE__ */ F(de, [["render", me], ["__scopeId", "data-v-1f1035fb
     primaryBackgroundColor: { default: null }
   },
   emits: ["close", "click"],
-  setup(n, { emit: d }) {
-    const t = (e) => ({
-      horizontal: e.scrollWidth > e.clientWidth,
-      vertical: e.scrollHeight > e.clientHeight
-    }), o = n, s = (e, l = 100) => {
-      e = e.replace("#", "").toLowerCase(), e.length === 3 && (e = e.split("").map((E) => E + E).join(""));
-      let a = parseInt(e.substring(0, 2), 16), p = parseInt(e.substring(2, 4), 16), g = parseInt(e.substring(4, 6), 16);
-      return a += Math.round((255 - a) * (l / 100)), p += Math.round((255 - p) * (l / 100)), g += Math.round((255 - g) * (l / 100)), a = a.toString(16).padStart(2, "0"), p = p.toString(16).padStart(2, "0"), g = g.toString(16).padStart(2, "0"), `#${a}${p}${g}`;
+  setup(t, { emit: a }) {
+    const e = (n) => ({
+      horizontal: n.scrollWidth > n.clientWidth,
+      vertical: n.scrollHeight > n.clientHeight
+    }), o = t, l = (n, m = 100) => {
+      n = n.replace("#", "").toLowerCase(), n.length === 3 && (n = n.split("").map((O) => O + O).join(""));
+      let i = parseInt(n.substring(0, 2), 16), k = parseInt(n.substring(2, 4), 16), z = parseInt(n.substring(4, 6), 16);
+      return i += Math.round((255 - i) * (m / 100)), k += Math.round((255 - k) * (m / 100)), z += Math.round((255 - z) * (m / 100)), i = i.toString(16).padStart(2, "0"), k = k.toString(16).padStart(2, "0"), z = z.toString(16).padStart(2, "0"), `#${i}${k}${z}`;
     };
-    I(() => {
+    E(() => {
       if (document.documentElement.style.setProperty("--br-dionysus-primary-color", o.primaryColor), o.primaryBackgroundColor)
         return !1;
-      document.documentElement.style.setProperty("--br-dionysus-primary-bg-color", s(o.primaryColor, 90));
+      document.documentElement.style.setProperty("--br-dionysus-primary-bg-color", l(o.primaryColor, 90));
     });
-    const h = V(o.activeKey);
-    z(
+    const r = B(o.activeKey);
+    T(
       () => o.activeKey,
-      (e) => {
-        h.value = e;
+      (n) => {
+        r.value = n;
       }
     );
-    const w = d, r = k(() => o.modelValue.map((e) => ({
-      key: e.key,
-      title: e.title
-    }))), y = () => {
-      r.value.forEach((e, l) => {
-        const a = ".j-dionysus-list-box .j-li:nth-of-type(" + (l + 1) + ") .j-icon", p = document.querySelector(a);
-        if (!p || p.children.length)
+    const b = a, c = I(() => o.modelValue.map((n) => ({
+      key: n.key,
+      title: n.title
+    }))), f = () => {
+      c.value.forEach((n, m) => {
+        const i = ".j-dionysus-list-box .j-li:nth-of-type(" + (m + 1) + ") .j-icon", k = document.querySelector(i);
+        if (!k || k.children.length)
           return !1;
-        const g = document.querySelector('[data-key="' + e.key + '"]');
-        if (!g)
+        const z = document.querySelector('[data-key="' + n.key + '"]');
+        if (!z)
           return !1;
-        const E = g.cloneNode(!0);
-        p.appendChild(E);
+        const O = z.cloneNode(!0);
+        k.appendChild(O);
       });
     };
-    z(
-      () => r.value,
+    T(
+      () => c.value,
       () => {
-        P(() => {
-          y();
+        Q(() => {
+          f();
         });
       }
-    ), I(() => {
-      y();
+    ), E(() => {
+      f();
     });
-    const _ = V(!1), m = V(0), c = V(0), B = k(() => {
-      const e = c.value > m.value ? m.value : c.value;
+    const u = B(!1), s = B(0), v = B(0), $ = I(() => {
+      const n = v.value > s.value ? s.value : v.value;
       return {
-        transform: "translateX(-" + (_.value ? e : 0) + "px)"
+        transform: "translateX(-" + (u.value ? n : 0) + "px)"
       };
-    }), i = () => {
-      c.value = c.value < 300 ? 0 : c.value - 300;
-    }, b = () => {
-      c.value = c.value > m.value - 300 ? m.value : c.value + 300;
+    }), p = () => {
+      v.value = v.value < 300 ? 0 : v.value - 300;
+    }, C = () => {
+      v.value = v.value > s.value - 300 ? s.value : v.value + 300;
     }, x = () => {
-      const e = document.querySelector(".g-tab-page-box");
-      if (!e)
+      const n = document.querySelector(".g-tab-page-box");
+      if (!n)
         return !1;
-      const { horizontal: l } = t(e);
-      _.value = l, l && (m.value = e.scrollWidth - e.clientWidth);
+      const { horizontal: m } = e(n);
+      u.value = m, m && (s.value = n.scrollWidth - n.clientWidth);
     };
-    z(
-      () => r.value,
+    T(
+      () => c.value,
       () => {
-        P(() => {
+        Q(() => {
           x();
         });
       }
-    ), I(() => {
+    ), E(() => {
       x();
     });
-    const S = new ResizeObserver(() => {
+    const V = new ResizeObserver(() => {
       x();
     });
-    I(() => {
-      const e = document.querySelector(".g-tab-page-box");
-      if (!e)
+    E(() => {
+      const n = document.querySelector(".g-tab-page-box");
+      if (!n)
         return !1;
-      S.observe(e);
+      V.observe(n);
     });
-    const L = k(() => {
-      var l;
-      const e = r.value.findIndex((a) => a.key === o.activeKey);
-      return e === -1 ? -1 : (l = r.value[e - 1]) == null ? void 0 : l.key;
-    }), T = k(() => {
-      var l;
-      const e = r.value.findIndex((a) => a.key === o.activeKey);
-      return e === -1 ? -1 : (l = r.value[e + 1]) == null ? void 0 : l.key;
-    }), $ = V(2), U = k(() => {
-      var l;
-      const e = r.value.findIndex((a) => a.key === $.value);
-      return e === -1 ? -1 : (l = r.value[e - 1]) == null ? void 0 : l.key;
-    }), X = k(() => {
-      var l;
-      const e = r.value.findIndex((a) => a.key === $.value);
-      return e === -1 ? -1 : (l = r.value[e + 1]) == null ? void 0 : l.key;
-    }), G = (e) => {
-      w("click", e);
-    }, J = (e = []) => {
-      w("close", e);
+    const q = I(() => {
+      var m;
+      const n = c.value.findIndex((i) => i.key === o.activeKey);
+      return n === -1 ? -1 : (m = c.value[n - 1]) == null ? void 0 : m.key;
+    }), y = I(() => {
+      var m;
+      const n = c.value.findIndex((i) => i.key === o.activeKey);
+      return n === -1 ? -1 : (m = c.value[n + 1]) == null ? void 0 : m.key;
+    }), P = B(2), ae = I(() => {
+      var m;
+      const n = c.value.findIndex((i) => i.key === P.value);
+      return n === -1 ? -1 : (m = c.value[n - 1]) == null ? void 0 : m.key;
+    }), se = I(() => {
+      var m;
+      const n = c.value.findIndex((i) => i.key === P.value);
+      return n === -1 ? -1 : (m = c.value[n + 1]) == null ? void 0 : m.key;
+    }), re = (n) => {
+      b("click", n);
+    }, ie = (n = []) => {
+      b("close", n);
     };
-    return (e, l) => (v(), f("div", fe, [
-      _.value ? (v(), f("button", {
+    return (n, m) => (_(), g("div", be, [
+      u.value ? (_(), g("button", {
         key: 0,
         class: "u-page-btn s-previous-btn",
-        onClick: i
-      }, ye)) : C("", !0),
-      u("div", _e, [
-        u("ul", {
+        onClick: p
+      }, ke)) : F("", !0),
+      d("div", Ce, [
+        d("ul", {
           class: "g-tab-page-box j-dionysus-list-box",
-          style: Q(B.value),
-          onMouseleave: l[0] || (l[0] = (a) => $.value = -1)
+          style: Y($.value),
+          onMouseleave: m[0] || (m[0] = (i) => P.value = -1)
         }, [
-          (v(!0), f(Y, null, Z(o.modelValue, (a) => (v(), f("li", {
+          (_(!0), g(Z, null, ee(o.modelValue, (i) => (_(), g("li", {
             class: "u-li j-li",
-            key: a.key,
-            "data-active": o.activeKey === a.key,
-            "data-active-before": L.value === a.key,
-            "data-active-after": T.value === a.key,
-            onMouseenter: (p) => $.value = a.key,
-            "data-hover": $.value === a.key,
-            "data-hover-before": U.value === a.key,
-            "data-hover-after": X.value === a.key,
-            onClick: (p) => G(a.key)
+            key: i.key,
+            "data-active": o.activeKey === i.key,
+            "data-active-before": q.value === i.key,
+            "data-active-after": y.value === i.key,
+            onMouseenter: (k) => P.value = i.key,
+            "data-hover": P.value === i.key,
+            "data-hover-before": ae.value === i.key,
+            "data-hover-after": se.value === i.key,
+            onClick: (k) => re(i.key)
           }, [
-            u("div", ge, [
-              ke,
-              u("span", xe, ee(a.title), 1),
-              u("div", {
+            d("div", we, [
+              xe,
+              d("span", Ve, ce(i.title), 1),
+              d("div", {
                 class: "u-btn",
-                onClick: te((p) => J([a.key]), ["stop"])
-              }, we, 8, Se)
+                onClick: de((k) => ie([i.key]), ["stop"])
+              }, Me, 8, $e)
             ])
-          ], 40, be))), 128))
+          ], 40, Se))), 128))
         ], 36)
       ]),
-      u("div", ze, [
-        M(e.$slots, "icon", {}, void 0, !0)
+      d("div", Ie, [
+        K(n.$slots, "icon", {}, void 0, !0)
       ]),
-      _.value ? (v(), f("button", {
+      u.value ? (_(), g("button", {
         key: 1,
         class: "u-page-btn s-next-btn",
-        onClick: b
-      }, Be)) : C("", !0)
+        onClick: C
+      }, Fe)) : F("", !0)
     ]));
   }
-}), Ie = /* @__PURE__ */ F($e, [["__scopeId", "data-v-edfffe70"]]), q = {
-  install(n) {
-    n.component("tab-page", Ie);
+}), Ne = /* @__PURE__ */ j(Pe, [["__scopeId", "data-v-edfffe70"]]), R = {
+  install(t) {
+    t.component("tab-page", Ne);
   }
-}, Me = ["data-is-table-mini", "data-no-spacing"], Fe = ["data-size", "data-thousandth-place", "data-focus", "value", "data-disabled"], Ee = /* @__PURE__ */ K({
+}, Ee = ["data-is-table-mini", "data-no-spacing"], Te = ["data-size", "data-thousandth-place", "data-focus", "value", "data-disabled"], je = /* @__PURE__ */ W({
   __name: "index",
   props: {
     modelValue: {
@@ -274,186 +274,371 @@ const pe = /* @__PURE__ */ F(de, [["render", me], ["__scopeId", "data-v-1f1035fb
     }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(n, { emit: d }) {
-    const t = n, o = ae({
+  setup(t, { emit: a }) {
+    const e = t, o = ne({
       vValue: null,
       isFocus: !1,
       vSize: null,
       isTableMini: !1
-    }), s = d, h = k(() => (o.vValue || "").toLocaleString("en-US", { maximumFractionDigits: 6 })), w = k(() => t.max >= t.min ? t.max : t.min);
-    z(() => t.modelValue, () => {
-      r();
-    }), z(() => t.size, () => {
-      y();
+    }), l = a, r = I(() => (o.vValue || "").toLocaleString("en-US", { maximumFractionDigits: 6 })), b = I(() => e.max >= e.min ? e.max : e.min);
+    T(() => e.modelValue, () => {
+      c();
+    }), T(() => e.size, () => {
+      f();
     });
-    const r = () => {
-      if (t.modelValue === "" || t.modelValue === null || t.modelValue === void 0)
+    const c = () => {
+      if (e.modelValue === "" || e.modelValue === null || e.modelValue === void 0)
         return o.vValue = void 0, !1;
-      if (t.modelValue > t.max || t.modelValue < t.min)
-        return s("update:modelValue", o.vValue), !1;
-      o.vValue = t.modelValue;
-    }, y = () => {
-      const i = {
+      if (e.modelValue > e.max || e.modelValue < e.min)
+        return l("update:modelValue", o.vValue), !1;
+      o.vValue = e.modelValue;
+    }, f = () => {
+      const p = {
         large: "large",
         small: "small",
         mini: "mini",
         "table-mini": "mini"
       };
-      o.vSize = i[t.size], o.isTableMini = t.size === "table-mini";
-    }, _ = () => {
+      o.vSize = p[e.size], o.isTableMini = e.size === "table-mini";
+    }, u = () => {
       if (o.vValue === void 0)
-        return s("update:modelValue", null), !1;
-      s("update:modelValue", o.vValue);
-    }, m = (i) => {
-      if (i === void 0)
-        return s("update:modelValue", null), !1;
-      _(), s("change", i);
-    }, c = () => {
-      o.isFocus = !0, s("focus", o.vValue);
-    }, B = () => {
-      o.isFocus = !1, s("blur", o.vValue);
+        return l("update:modelValue", null), !1;
+      l("update:modelValue", o.vValue);
+    }, s = (p) => {
+      if (p === void 0)
+        return l("update:modelValue", null), !1;
+      u(), l("change", p);
+    }, v = () => {
+      o.isFocus = !0, l("focus", o.vValue);
+    }, $ = () => {
+      o.isFocus = !1, l("blur", o.vValue);
     };
-    return r(), y(), (i, b) => {
-      const x = H("el-input-number");
-      return v(), f("div", {
+    return c(), f(), (p, C) => {
+      const x = w("el-input-number");
+      return _(), g("div", {
         class: "g-m-input-number-box",
         "data-is-table-mini": o.isTableMini,
-        "data-no-spacing": t.noSpacing
+        "data-no-spacing": e.noSpacing
       }, [
-        D(x, {
+        S(x, {
           class: "m-input-number",
           modelValue: o.vValue,
-          "onUpdate:modelValue": b[0] || (b[0] = (S) => o.vValue = S),
+          "onUpdate:modelValue": C[0] || (C[0] = (V) => o.vValue = V),
           size: o.vSize,
-          min: t.min,
-          max: w.value,
+          min: e.min,
+          max: b.value,
           controls: !1,
-          disabled: t.disabled,
-          placeholder: t.placeholder,
-          step: t.step,
-          stepStrictly: t.stepStrictly,
-          "data-thousandth-place": t.thousandthPlace,
+          disabled: e.disabled,
+          placeholder: e.placeholder,
+          step: e.step,
+          stepStrictly: e.stepStrictly,
+          "data-thousandth-place": e.thousandthPlace,
           "data-focus": o.isFocus,
-          noBorder: t.noBorder,
-          onChange: b[1] || (b[1] = (S) => {
-            m(S), _();
+          noBorder: e.noBorder,
+          onChange: C[1] || (C[1] = (V) => {
+            s(V), u();
           }),
-          onFocus: c,
-          onBlur: B
+          onFocus: v,
+          onBlur: $
         }, null, 8, ["modelValue", "size", "min", "max", "disabled", "placeholder", "step", "stepStrictly", "data-thousandth-place", "data-focus", "noBorder"]),
-        t.thousandthPlace ? (v(), f("input", {
+        e.thousandthPlace ? (_(), g("input", {
           key: 0,
           class: "u-text",
           type: "text",
           "data-size": o.vSize,
-          "data-thousandth-place": t.thousandthPlace,
+          "data-thousandth-place": e.thousandthPlace,
           "data-focus": o.isFocus,
-          value: h.value,
-          "data-disabled": t.disabled,
+          value: r.value,
+          "data-disabled": e.disabled,
           readonly: ""
-        }, null, 8, Fe)) : C("", !0)
-      ], 8, Me);
+        }, null, 8, Te)) : F("", !0)
+      ], 8, Ee);
     };
   }
-}), Ke = /* @__PURE__ */ F(Ee, [["__scopeId", "data-v-0539abf7"]]), A = {
-  install(n) {
-    n.component("m-input-number", Ke);
+}), Ke = /* @__PURE__ */ j(je, [["__scopeId", "data-v-0539abf7"]]), J = {
+  install(t) {
+    t.component("m-input-number", Ke);
   }
-}, Ne = { class: "g-inline-box" }, We = {
+}, We = { class: "g-inline-box" }, Oe = {
   key: 1,
   class: "m-inline",
   dataCover: ""
-}, je = ["data-unfold", "data-single-line"], qe = { class: "u-btn-gp" }, Ae = /* @__PURE__ */ K({
+}, Ae = ["data-unfold", "data-single-line"], Ue = { class: "u-btn-gp" }, qe = /* @__PURE__ */ W({
   __name: "index",
   props: {
     minWidth: { default: "200px" },
     maxWidth: { default: "300px" }
   },
   emits: ["switch"],
-  setup(n, { emit: d }) {
-    const t = n, o = (i = 24) => Array.from(Array(Number(i) || 24), () => Math.floor(Math.random() * 36).toString(36)).join(""), s = () => {
-      document.documentElement.style.setProperty("--m-inline-min-width", t.minWidth), document.documentElement.style.setProperty("--m-inline-max-width", t.maxWidth);
+  setup(t, { emit: a }) {
+    const e = t, o = (p = 24) => Array.from(Array(Number(p) || 24), () => Math.floor(Math.random() * 36).toString(36)).join(""), l = () => {
+      document.documentElement.style.setProperty("--m-inline-min-width", e.minWidth), document.documentElement.style.setProperty("--m-inline-max-width", e.maxWidth);
     };
-    z(
-      () => [t.minWidth, t.maxWidth],
+    T(
+      () => [e.minWidth, e.maxWidth],
       () => {
-        s();
+        l();
       }
-    ), s();
-    const h = le(), w = d, r = "j-" + o(8), y = () => {
-      const i = document.querySelector("." + r + " [data-box]");
-      if (!i)
+    ), l();
+    const r = ue(), b = a, c = "j-" + o(8), f = () => {
+      const p = document.querySelector("." + c + " [data-box]");
+      if (!p)
         return !1;
-      const b = i.querySelectorAll("." + r + " [data-item]");
-      return i.clientWidth < b.length * 200;
-    }, _ = new ResizeObserver(() => {
-      m.value = y();
-    }), m = V(!1);
-    I(() => {
-      const i = document.querySelector("[data-box]");
-      if (!i)
+      const C = p.querySelectorAll("." + c + " [data-item]");
+      return p.clientWidth < C.length * 200;
+    }, u = new ResizeObserver(() => {
+      s.value = f();
+    }), s = B(!1);
+    E(() => {
+      const p = document.querySelector("[data-box]");
+      if (!p)
         return !1;
-      m.value = y(), _.observe(i);
+      s.value = f(), u.observe(p);
     });
-    const c = V(!1), B = () => {
-      c.value = !c.value, w("switch", c.value);
+    const v = B(!1), $ = () => {
+      v.value = !v.value, b("switch", v.value);
     };
-    return (i, b) => {
-      const x = H("DArrowRight"), S = H("el-icon");
-      return v(), f("div", Ne, [
-        R(h).inlineBtn ? (v(), f("div", {
+    return (p, C) => {
+      const x = w("DArrowRight"), V = w("el-icon");
+      return _(), g("div", We, [
+        h(r).inlineBtn ? (_(), g("div", {
           key: 0,
           class: "m-inline-btn",
-          onClick: y
+          onClick: f
         }, [
-          M(i.$slots, "inlineBtn", {}, void 0, !0)
-        ])) : C("", !0),
-        R(h).default ? (v(), f("div", We, [
-          u("div", {
-            class: se(["u-row", r]),
-            "data-unfold": c.value,
-            "data-single-line": !m.value
+          K(p.$slots, "inlineBtn", {}, void 0, !0)
+        ])) : F("", !0),
+        h(r).default ? (_(), g("div", Oe, [
+          d("div", {
+            class: me(["u-row", c]),
+            "data-unfold": v.value,
+            "data-single-line": !s.value
           }, [
-            M(i.$slots, "default", {}, void 0, !0)
-          ], 8, je),
-          u("div", qe, [
-            M(i.$slots, "submitBtn", {}, void 0, !0),
-            m.value ? (v(), ie(S, {
+            K(p.$slots, "default", {}, void 0, !0)
+          ], 8, Ae),
+          d("div", Ue, [
+            K(p.$slots, "submitBtn", {}, void 0, !0),
+            s.value ? (_(), le(V, {
               key: 0,
               class: "u-btn-unfold",
-              onClick: B,
-              "data-unfold": c.value
+              onClick: $,
+              "data-unfold": v.value
             }, {
-              default: re(() => [
-                D(x)
+              default: N(() => [
+                S(x)
               ]),
               _: 1
-            }, 8, ["data-unfold"])) : C("", !0)
+            }, 8, ["data-unfold"])) : F("", !0)
           ])
-        ])) : C("", !0)
+        ])) : F("", !0)
       ]);
     };
   }
-}), Oe = /* @__PURE__ */ F(Ae, [["__scopeId", "data-v-6b32beca"]]), O = {
-  install(n) {
-    n.component("m-inline", Oe);
+}), De = /* @__PURE__ */ j(qe, [["__scopeId", "data-v-6b32beca"]]), X = {
+  install(t) {
+    t.component("m-inline", De);
   }
-}, Pe = {
-  install(n) {
-    var d, t, o, s, h;
-    (d = W.install) == null || d.call(W, n), (t = j.install) == null || t.call(j, n), (o = q.install) == null || o.call(q, n), (s = A.install) == null || s.call(A, n), (h = O.install) == null || h.call(O, n);
+}, M = (t, a = 100) => {
+  t = t.replace("#", "").toLowerCase(), t.length === 3 && (t = t.split("").map((r) => r + r).join(""));
+  let e = parseInt(t.substring(0, 2), 16), o = parseInt(t.substring(2, 4), 16), l = parseInt(t.substring(4, 6), 16);
+  return a > 0 && (e += Math.round((255 - e) * (a / 100)), o += Math.round((255 - o) * (a / 100)), l += Math.round((255 - l) * (a / 100))), a <= 0 && (e += Math.round(e * (a / 100)), o += Math.round(o * (a / 100)), l += Math.round(l * (a / 100))), e = e.toString(16).padStart(2, "0"), o = o.toString(16).padStart(2, "0"), l = l.toString(16).padStart(2, "0"), `#${e}${o}${l}`;
+}, He = () => {
+  const t = {
+    darkTheme: !1,
+    followSystem: !1,
+    primaryColor: "#646CFF"
+  };
+  localStorage.getItem("skinConfig") === null && localStorage.setItem("skinConfig", JSON.stringify(t));
+  const a = ne(JSON.parse(localStorage.getItem("skinConfig"))), e = (c) => {
+    a.primaryColor = c, l(), b();
+  }, o = () => {
+    a.darkTheme = t.darkTheme, a.followSystem = t.followSystem, a.primaryColor = t.primaryColor, l(), b();
+  }, l = () => {
+    const c = a.darkTheme || a.followSystem && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches, f = (s) => c ? -s : s, u = document.documentElement.style;
+    u.setProperty("--el-color-primary", a.primaryColor), u.setProperty("--el-color-primary-dark-2", M(a.primaryColor, f(50))), u.setProperty("--el-color-primary-light-3", M(a.primaryColor, f(25))), u.setProperty("--el-color-primary-light-5", M(a.primaryColor, f(40))), u.setProperty("--el-color-primary-light-7", M(a.primaryColor, f(60))), u.setProperty("--el-color-primary-light-8", M(a.primaryColor, f(75))), u.setProperty("--el-color-primary-light-9", M(a.primaryColor, f(90))), u.setProperty("--m-scrollbar-thumb-color", M(a.primaryColor, f(70))), u.setProperty("--m-scrollbar-thumb-hover-color", M(a.primaryColor, f(50))), r(c);
+  }, r = (c = !1) => {
+    document.documentElement.setAttribute("data-dark", String(c));
+  }, b = () => {
+    localStorage.setItem("skinConfig", JSON.stringify(a));
+  };
+  return {
+    skinConfig: a,
+    reset: o,
+    setPrimaryColor: e,
+    apply: l,
+    save: b,
+    switchDark: r
+  };
+}, U = (t) => (te("data-v-b9f65c6d"), t = t(), oe(), t), Le = { class: "g-skin-config-box" }, Re = /* @__PURE__ */ U(() => /* @__PURE__ */ d("svg", {
+  t: "1706517168459",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4378",
+  width: "24",
+  height: "24"
+}, [
+  /* @__PURE__ */ d("path", {
+    d: "M533.333333 853.333333c179.2 0 320-145.066667 320-320S708.266667 213.333333 533.333333 213.333333 213.333333 358.4 213.333333 533.333333c0 93.866667 34.133333 132.266667 115.2 157.866667 8.533333 4.266667 12.8 4.266667 21.333334 8.533333 4.266667 0 21.333333 4.266667 21.333333 8.533334 51.2 17.066667 76.8 25.6 98.133333 51.2 17.066667 17.066667 29.866667 38.4 42.666667 59.733333 4.266667 8.533333 8.533333 17.066667 8.533333 21.333333 8.533333 0 8.533333 8.533333 12.8 12.8z m0 42.666667c-59.733333 0-21.333333-42.666667-89.6-110.933333-64-64-273.066667-25.6-273.066666-251.733334C170.666667 332.8 332.8 170.666667 533.333333 170.666667S896 332.8 896 533.333333 733.866667 896 533.333333 896z m72.533334-106.666667c-42.666667 0-76.8-34.133333-76.8-76.8s34.133333-72.533333 76.8-72.533333 76.8 34.133333 76.8 72.533333-34.133333 76.8-76.8 76.8z m0-42.666666c17.066667 0 34.133333-12.8 34.133333-34.133334s-12.8-29.866667-34.133333-29.866666-34.133333 12.8-34.133334 29.866666 17.066667 34.133333 34.133334 34.133334zM640 384c-25.6 0-42.666667-17.066667-42.666667-42.666667s17.066667-42.666667 42.666667-42.666666 42.666667 17.066667 42.666667 42.666666-17.066667 42.666667-42.666667 42.666667z m-119.466667-34.133333c-25.6 0-42.666667-17.066667-42.666666-42.666667s17.066667-42.666667 42.666666-42.666667 42.666667 17.066667 42.666667 42.666667-17.066667 42.666667-42.666667 42.666667zM725.333333 469.333333c-25.6 0-42.666667-17.066667-42.666666-42.666666s17.066667-42.666667 42.666666-42.666667 42.666667 17.066667 42.666667 42.666667-17.066667 42.666667-42.666667 42.666666zM405.333333 384c-25.6 0-42.666667-17.066667-42.666666-42.666667s17.066667-42.666667 42.666666-42.666666 42.666667 17.066667 42.666667 42.666666-17.066667 42.666667-42.666667 42.666667z",
+    fill: "#444444",
+    "p-id": "4379"
+  })
+], -1)), Je = [
+  Re
+], Xe = /* @__PURE__ */ U(() => /* @__PURE__ */ d("h2", { class: "u-tt" }, "主题配置", -1)), Ge = { class: "u-box" }, Qe = { class: "u-group" }, Ye = /* @__PURE__ */ U(() => /* @__PURE__ */ d("label", null, "深色主题", -1)), Ze = { class: "u-group" }, et = /* @__PURE__ */ U(() => /* @__PURE__ */ d("label", null, "跟随系统", -1)), tt = { class: "u-list" }, ot = ["onClick"], nt = { class: "u-pc" }, lt = /* @__PURE__ */ W({
+  __name: "index",
+  setup(t, { expose: a }) {
+    const e = B(!1), o = () => {
+      e.value = !0;
+    }, l = He(), r = l.skinConfig, b = [
+      "#1690ff",
+      "#419eff",
+      "#007aff",
+      "#59c8fa",
+      "#646CFF",
+      "#536dfe",
+      "#646cff",
+      "#9c28b0",
+      "#af52de",
+      "#0096c7",
+      "#04c1d4",
+      "#35c759",
+      "#42a047",
+      "#7cb342",
+      "#c0ca34",
+      "#78dec7",
+      "#e53834",
+      "#d81a60",
+      "#f4511e",
+      "#fb8c01",
+      "#ffb300",
+      "#fdd835",
+      "#6d4c41",
+      "#546e7a"
+    ], c = (u) => ({
+      background: u
+    });
+    return E(() => {
+      l.apply();
+    }), a({
+      setSkin: (u) => {
+        r.darkTheme = u.darkTheme, r.followSystem = u.followSystem, r.primaryColor = u.primaryColor, l.apply(), l.save();
+      }
+    }), (u, s) => {
+      const v = w("el-divider"), $ = w("el-switch"), p = w("Check"), C = w("el-icon"), x = w("el-color-picker"), V = w("el-button"), q = w("el-drawer");
+      return _(), g("div", Le, [
+        d("div", {
+          class: "u-btn",
+          onClick: o
+        }, Je),
+        S(q, {
+          modelValue: e.value,
+          "onUpdate:modelValue": s[6] || (s[6] = (y) => e.value = y),
+          direction: "rtl",
+          withHeader: !1,
+          size: "300"
+        }, {
+          default: N(() => [
+            Xe,
+            d("div", Ge, [
+              S(v, { class: "u-box-tt" }, {
+                default: N(() => [
+                  D("主题模式")
+                ]),
+                _: 1
+              }),
+              d("div", Qe, [
+                Ye,
+                S($, {
+                  modelValue: h(r).darkTheme,
+                  "onUpdate:modelValue": s[0] || (s[0] = (y) => h(r).darkTheme = y),
+                  onChange: s[1] || (s[1] = (y) => {
+                    h(l).apply(), h(l).save();
+                  })
+                }, null, 8, ["modelValue"])
+              ]),
+              d("div", Ze, [
+                et,
+                S($, {
+                  modelValue: h(r).followSystem,
+                  "onUpdate:modelValue": s[2] || (s[2] = (y) => h(r).followSystem = y),
+                  onChange: s[3] || (s[3] = (y) => {
+                    h(l).apply(), h(l).save();
+                  })
+                }, null, 8, ["modelValue"])
+              ]),
+              S(v, { class: "u-box-tt" }, {
+                default: N(() => [
+                  D("系统主题")
+                ]),
+                _: 1
+              }),
+              d("ul", tt, [
+                (_(), g(Z, null, ee(b, (y) => d("li", {
+                  class: "u-li",
+                  key: y
+                }, [
+                  d("div", {
+                    class: "u-color",
+                    style: Y(c(y)),
+                    onClick: (P) => h(l).setPrimaryColor(y)
+                  }, [
+                    h(r).primaryColor === y ? (_(), le(C, { key: 0 }, {
+                      default: N(() => [
+                        S(p)
+                      ]),
+                      _: 1
+                    })) : F("", !0)
+                  ], 12, ot)
+                ])), 64))
+              ]),
+              d("div", nt, [
+                S(x, {
+                  modelValue: h(r).primaryColor,
+                  "onUpdate:modelValue": s[4] || (s[4] = (y) => h(r).primaryColor = y),
+                  "color-format": "hex",
+                  onChange: s[5] || (s[5] = (y) => h(l).setPrimaryColor(h(r).primaryColor))
+                }, null, 8, ["modelValue"])
+              ]),
+              S(V, {
+                type: "warning",
+                onClick: h(l).reset
+              }, {
+                default: N(() => [
+                  D(" 重置当前配置 ")
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), at = /* @__PURE__ */ j(lt, [["__scopeId", "data-v-b9f65c6d"]]), G = {
+  install(t) {
+    t.component("skin-config", at);
+  }
+}, rt = {
+  install(t) {
+    var a, e, o, l, r, b;
+    (a = H.install) == null || a.call(H, t), (e = L.install) == null || e.call(L, t), (o = R.install) == null || o.call(R, t), (l = J.install) == null || l.call(J, t), (r = X.install) == null || r.call(X, t), (b = G.install) == null || b.call(G, t);
   }
 };
 export {
-  ue as Button,
-  W as ButtonPlugin,
-  pe as Foo,
-  j as FooPlugin,
-  Oe as MInline,
-  O as MInlinePlugin,
+  fe as Button,
+  H as ButtonPlugin,
+  _e as Foo,
+  L as FooPlugin,
+  De as MInline,
+  X as MInlinePlugin,
   Ke as MInputNumber,
-  A as MInputNumberPlugin,
-  Ie as TabPage,
-  q as TabPagePlugin,
-  Pe as default
+  J as MInputNumberPlugin,
+  at as SkinConfig,
+  G as SkinConfigPlugin,
+  Ne as TabPage,
+  R as TabPagePlugin,
+  rt as default
 };