wyfe-ivue 1.1.0 → 1.2.0

package/dist/index.es.js

@@ -1,250 +1,250 @@
-import { getCurrentInstance as Z, inject as M, ref as I, computed as p, unref as d, warn as Nt, defineComponent as C, createElementBlock as P, openBlock as _, mergeProps as gt, renderSlot as T, createElementVNode as Ct, watch as Et, useSlots as Ot, Text as Ht, createBlock as H, resolveDynamicComponent as G, withCtx as j, createCommentVNode as tt, Fragment as Tt, normalizeClass as U, provide as It, reactive as Pt, toRef as et, useAttrs as Rt, onMounted as Vt, createTextVNode as jt, toDisplayString as zt } from "vue";
-import { ElMessage as nt, ElMessageBox as rt } from "element-plus";
-const Ft = /* @__PURE__ */ Symbol(), K = "el", Gt = "is-", E = (t, e, n, r, a) => {
-  let o = `${t}-${e}`;
-  return n && (o += `-${n}`), r && (o += `__${r}`), a && (o += `--${a}`), o;
-}, Kt = /* @__PURE__ */ Symbol("namespaceContextKey"), Dt = (t) => {
-  const e = Z() ? M(Kt, I(K)) : I(K);
-  return p(() => d(e) || K);
-}, z = (t, e) => {
-  const n = Dt();
+import { getCurrentInstance as Z, inject as M, ref as V, computed as h, unref as p, warn as Nt, defineComponent as A, createElementBlock as I, openBlock as x, mergeProps as gt, renderSlot as T, createElementVNode as pt, watch as Ot, useSlots as Ht, Text as It, createBlock as H, resolveDynamicComponent as D, withCtx as R, createCommentVNode as tt, Fragment as Tt, normalizeClass as j, provide as Vt, reactive as zt, toRef as et, useAttrs as Pt, onMounted as Rt, createTextVNode as jt, toDisplayString as Ft, useCssVars as Gt, normalizeStyle as Dt } from "vue";
+import { ElMessage as rt, ElMessageBox as nt } from "element-plus";
+const Kt = /* @__PURE__ */ Symbol(), K = "el", Lt = "is-", N = (t, e, r, n, o) => {
+  let a = `${t}-${e}`;
+  return r && (a += `-${r}`), n && (a += `__${n}`), o && (a += `--${o}`), a;
+}, Ut = /* @__PURE__ */ Symbol("namespaceContextKey"), qt = (t) => {
+  const e = Z() ? M(Ut, V(K)) : V(K);
+  return h(() => p(e) || K);
+}, F = (t, e) => {
+  const r = qt();
   return {
-    namespace: n,
-    b: (l = "") => E(n.value, t, l, "", ""),
-    e: (l) => l ? E(n.value, t, "", l, "") : "",
-    m: (l) => l ? E(n.value, t, "", "", l) : "",
-    be: (l, f) => l && f ? E(n.value, t, l, f, "") : "",
-    em: (l, f) => l && f ? E(n.value, t, "", l, f) : "",
-    bm: (l, f) => l && f ? E(n.value, t, l, "", f) : "",
-    bem: (l, f, c) => l && f && c ? E(n.value, t, l, f, c) : "",
-    is: (l, ...f) => {
-      const c = f.length >= 1 ? f[0] : !0;
-      return l && c ? `${Gt}${l}` : "";
+    namespace: r,
+    b: (l = "") => N(r.value, t, l, "", ""),
+    e: (l) => l ? N(r.value, t, "", l, "") : "",
+    m: (l) => l ? N(r.value, t, "", "", l) : "",
+    be: (l, d) => l && d ? N(r.value, t, l, d, "") : "",
+    em: (l, d) => l && d ? N(r.value, t, "", l, d) : "",
+    bm: (l, d) => l && d ? N(r.value, t, l, "", d) : "",
+    bem: (l, d, c) => l && d && c ? N(r.value, t, l, d, c) : "",
+    is: (l, ...d) => {
+      const c = d.length >= 1 ? d[0] : !0;
+      return l && c ? `${Lt}${l}` : "";
     },
     cssVar: (l) => {
-      const f = {};
+      const d = {};
       for (const c in l)
-        l[c] && (f[`--${n.value}-${c}`] = l[c]);
-      return f;
+        l[c] && (d[`--${r.value}-${c}`] = l[c]);
+      return d;
     },
-    cssVarName: (l) => `--${n.value}-${l}`,
+    cssVarName: (l) => `--${r.value}-${l}`,
     cssVarBlock: (l) => {
-      const f = {};
+      const d = {};
       for (const c in l)
-        l[c] && (f[`--${n.value}-${t}-${c}`] = l[c]);
-      return f;
+        l[c] && (d[`--${r.value}-${t}-${c}`] = l[c]);
+      return d;
     },
-    cssVarBlockName: (l) => `--${n.value}-${t}-${l}`
+    cssVarBlockName: (l) => `--${r.value}-${t}-${l}`
   };
 };
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const Lt = () => {
-}, qt = Object.prototype.hasOwnProperty, at = (t, e) => qt.call(t, e), Y = (t) => typeof t == "string", pt = (t) => t !== null && typeof t == "object";
-function Ut(t) {
-  for (var e = -1, n = t == null ? 0 : t.length, r = {}; ++e < n; ) {
-    var a = t[e];
-    r[a[0]] = a[1];
+const Wt = () => {
+}, Jt = Object.prototype.hasOwnProperty, ot = (t, e) => Jt.call(t, e), Y = (t) => typeof t == "string", vt = (t) => t !== null && typeof t == "object";
+function Zt(t) {
+  for (var e = -1, r = t == null ? 0 : t.length, n = {}; ++e < r; ) {
+    var o = t[e];
+    n[o[0]] = o[1];
   }
-  return r;
+  return n;
 }
-const Wt = (t) => typeof t == "number", Jt = (t) => Y(t) ? !Number.isNaN(Number(t)) : !1;
-class Zt extends Error {
+const Yt = (t) => typeof t == "number", Qt = (t) => Y(t) ? !Number.isNaN(Number(t)) : !1;
+class Xt extends Error {
   constructor(e) {
     super(e), this.name = "ElementPlusError";
   }
 }
 function bt(t, e) {
   if (typeof process < "u" && process.env.NODE_ENV !== "production") {
-    const n = Y(t) ? new Zt(`[${t}] ${e}`) : t;
+    const r = Y(t) ? new Xt(`[${t}] ${e}`) : t;
   }
 }
-const vt = "__epPropKey", F = (t) => t, Yt = (t) => pt(t) && !!t[vt], mt = (t, e) => {
-  if (!pt(t) || Yt(t))
+const mt = "__epPropKey", G = (t) => t, te = (t) => vt(t) && !!t[mt], yt = (t, e) => {
+  if (!vt(t) || te(t))
     return t;
-  const { values: n, required: r, default: a, type: o, validator: i } = t, u = {
-    type: o,
-    required: !!r,
-    validator: n || i ? (h) => {
-      let g = !1, b = [];
-      if (n && (b = Array.from(n), at(t, "default") && b.push(a), g || (g = b.includes(h))), i && (g || (g = i(h))), !g && b.length > 0) {
-        const B = [...new Set(b)].map(($) => JSON.stringify($)).join(", ");
-        Nt(`Invalid prop: validation failed${e ? ` for prop "${e}"` : ""}. Expected one of [${B}], got value ${JSON.stringify(h)}.`);
+  const { values: r, required: n, default: o, type: a, validator: i } = t, u = {
+    type: a,
+    required: !!n,
+    validator: r || i ? (f) => {
+      let g = !1, m = [];
+      if (r && (m = Array.from(r), ot(t, "default") && m.push(o), g || (g = m.includes(f))), i && (g || (g = i(f))), !g && m.length > 0) {
+        const S = [...new Set(m)].map(($) => JSON.stringify($)).join(", ");
+        Nt(`Invalid prop: validation failed${e ? ` for prop "${e}"` : ""}. Expected one of [${S}], got value ${JSON.stringify(f)}.`);
       }
       return g;
     } : void 0,
-    [vt]: !0
+    [mt]: !0
   };
-  return at(t, "default") && (u.default = a), u;
-}, yt = (t) => Ut(Object.entries(t).map(([e, n]) => [
+  return ot(t, "default") && (u.default = o), u;
+}, _t = (t) => Zt(Object.entries(t).map(([e, r]) => [
   e,
-  mt(n, e)
-])), Qt = ["", "default", "small", "large"], Xt = mt({
+  yt(r, e)
+])), ee = ["", "default", "small", "large"], re = yt({
   type: String,
-  values: Qt,
+  values: ee,
   required: !1
-}), te = /* @__PURE__ */ Symbol("size"), ee = () => {
-  const t = M(te, {});
-  return p(() => d(t.size) || "");
-}, ot = I();
-function ne(t, e = void 0) {
-  const n = Z() ? M(Ft, ot) : ot;
-  return p(() => {
-    var r, a;
-    return (a = (r = n.value) == null ? void 0 : r[t]) != null ? a : e;
+}), ne = /* @__PURE__ */ Symbol("size"), oe = () => {
+  const t = M(ne, {});
+  return h(() => p(t.size) || "");
+}, at = V();
+function ae(t, e = void 0) {
+  const r = Z() ? M(Kt, at) : at;
+  return h(() => {
+    var n, o;
+    return (o = (n = r.value) == null ? void 0 : n[t]) != null ? o : e;
   });
 }
 var Q = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [r, a] of e)
-    n[r] = a;
-  return n;
+  const r = t.__vccOpts || t;
+  for (const [n, o] of e)
+    r[n] = o;
+  return r;
 };
-const re = "utils/dom/style";
-function ae(t, e = "px") {
+const ie = "utils/dom/style";
+function se(t, e = "px") {
   if (!t && t !== 0)
     return "";
-  if (Wt(t) || Jt(t))
+  if (Yt(t) || Qt(t))
     return `${t}${e}`;
   if (Y(t))
     return t;
-  bt(re, "binding value must be a string or number");
+  bt(ie, "binding value must be a string or number");
 }
 const xt = (t, e) => {
-  if (t.install = (n) => {
-    for (const r of [t, ...Object.values(e ?? {})])
-      n.component(r.name, r);
+  if (t.install = (r) => {
+    for (const n of [t, ...Object.values(e ?? {})])
+      r.component(n.name, n);
   }, e)
-    for (const [n, r] of Object.entries(e))
-      t[n] = r;
+    for (const [r, n] of Object.entries(e))
+      t[r] = n;
   return t;
-}, oe = (t) => (t.install = Lt, t), ie = yt({
+}, ce = (t) => (t.install = Wt, t), le = _t({
   size: {
-    type: F([Number, String])
+    type: G([Number, String])
   },
   color: {
     type: String
   }
-}), se = C({
+}), ue = A({
   name: "ElIcon",
   inheritAttrs: !1
-}), ce = /* @__PURE__ */ C({
-  ...se,
-  props: ie,
+}), fe = /* @__PURE__ */ A({
+  ...ue,
+  props: le,
   setup(t) {
-    const e = t, n = z("icon"), r = p(() => {
-      const { size: a, color: o } = e, i = ae(a);
-      return !i && !o ? {} : {
+    const e = t, r = F("icon"), n = h(() => {
+      const { size: o, color: a } = e, i = se(o);
+      return !i && !a ? {} : {
         fontSize: i,
-        "--color": o
+        "--color": a
       };
     });
-    return (a, o) => (_(), P("i", gt({
-      class: d(n).b(),
-      style: d(r)
-    }, a.$attrs), [
-      T(a.$slots, "default")
+    return (o, a) => (x(), I("i", gt({
+      class: p(r).b(),
+      style: p(n)
+    }, o.$attrs), [
+      T(o.$slots, "default")
     ], 16));
   }
 });
-var le = /* @__PURE__ */ Q(ce, [["__file", "icon.vue"]]);
-const it = xt(le);
-var ue = /* @__PURE__ */ C({
+var de = /* @__PURE__ */ Q(fe, [["__file", "icon.vue"]]);
+const it = xt(de);
+var he = /* @__PURE__ */ A({
   name: "Loading",
   __name: "loading",
   setup(t) {
-    return (e, n) => (_(), P("svg", {
+    return (e, r) => (x(), I("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      Ct("path", {
+      pt("path", {
         fill: "currentColor",
         d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248m452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248M828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0"
       })
     ]));
   }
-}), fe = ue;
-const st = F([
+}), ge = he;
+const st = G([
   String,
   Object,
   Function
-]), X = /* @__PURE__ */ Symbol("formContextKey"), St = /* @__PURE__ */ Symbol("formItemContextKey"), de = () => {
+]), X = /* @__PURE__ */ Symbol("formContextKey"), St = /* @__PURE__ */ Symbol("formItemContextKey"), pe = () => {
   const t = M(X, void 0), e = M(St, void 0);
   return {
     form: t,
     formItem: e
   };
-}, _t = (t) => {
+}, wt = (t) => {
   const e = Z();
-  return p(() => {
-    var n, r;
-    return (r = (n = e?.proxy) == null ? void 0 : n.$props) == null ? void 0 : r[t];
+  return h(() => {
+    var r, n;
+    return (n = (r = e?.proxy) == null ? void 0 : r.$props) == null ? void 0 : n[t];
   });
-}, he = (t, e = {}) => {
-  const n = I(void 0), r = e.prop ? n : _t("size"), a = e.global ? n : ee(), o = e.form ? { size: void 0 } : M(X, void 0), i = e.formItem ? { size: void 0 } : M(St, void 0);
-  return p(() => r.value || d(t) || i?.size || o?.size || a.value || "");
+}, ve = (t, e = {}) => {
+  const r = V(void 0), n = e.prop ? r : wt("size"), o = e.global ? r : oe(), a = e.form ? { size: void 0 } : M(X, void 0), i = e.formItem ? { size: void 0 } : M(St, void 0);
+  return h(() => n.value || p(t) || i?.size || a?.size || o.value || "");
 }, kt = (t) => {
-  const e = _t("disabled"), n = M(X, void 0);
-  return p(() => {
-    var r, a, o;
-    return (o = (a = (r = e.value) != null ? r : d(t)) != null ? a : n?.disabled) != null ? o : !1;
+  const e = wt("disabled"), r = M(X, void 0);
+  return h(() => {
+    var n, o, a;
+    return (a = (o = (n = e.value) != null ? n : p(t)) != null ? o : r?.disabled) != null ? a : !1;
   });
-}, wt = /* @__PURE__ */ Symbol("buttonGroupContextKey"), ge = ({ from: t, replacement: e, scope: n, version: r, ref: a, type: o = "API" }, i) => {
-  Et(() => d(i), (s) => {
-    s && bt(n, `[${o}] ${t} is about to be deprecated in version ${r}, please use ${e} instead.
-For more detail, please visit: ${a}
+}, Mt = /* @__PURE__ */ Symbol("buttonGroupContextKey"), be = ({ from: t, replacement: e, scope: r, version: n, ref: o, type: a = "API" }, i) => {
+  Ot(() => p(i), (s) => {
+    s && bt(r, `[${a}] ${t} is about to be deprecated in version ${n}, please use ${e} instead.
+For more detail, please visit: ${o}
 `);
   }, {
     immediate: !0
   });
-}, pe = (t, e) => {
-  ge({
+}, me = (t, e) => {
+  be({
     from: "type.text",
     replacement: "link",
     version: "3.0.0",
     scope: "props",
     ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
-  }, p(() => t.type === "text"));
-  const n = M(wt, void 0), r = ne("button"), { form: a } = de(), o = he(p(() => n?.size)), i = kt(), s = I(), u = Ot(), h = p(() => {
+  }, h(() => t.type === "text"));
+  const r = M(Mt, void 0), n = ae("button"), { form: o } = pe(), a = ve(h(() => r?.size)), i = kt(), s = V(), u = Ht(), f = h(() => {
     var c;
-    return t.type || n?.type || ((c = r.value) == null ? void 0 : c.type) || "";
-  }), g = p(() => {
-    var c, m, y;
-    return (y = (m = t.autoInsertSpace) != null ? m : (c = r.value) == null ? void 0 : c.autoInsertSpace) != null ? y : !1;
-  }), b = p(() => {
-    var c, m, y;
-    return (y = (m = t.plain) != null ? m : (c = r.value) == null ? void 0 : c.plain) != null ? y : !1;
-  }), B = p(() => {
-    var c, m, y;
-    return (y = (m = t.round) != null ? m : (c = r.value) == null ? void 0 : c.round) != null ? y : !1;
-  }), $ = p(() => {
-    var c, m, y;
-    return (y = (m = t.text) != null ? m : (c = r.value) == null ? void 0 : c.text) != null ? y : !1;
-  }), k = p(() => t.tag === "button" ? {
+    return t.type || r?.type || ((c = n.value) == null ? void 0 : c.type) || "";
+  }), g = h(() => {
+    var c, b, y;
+    return (y = (b = t.autoInsertSpace) != null ? b : (c = n.value) == null ? void 0 : c.autoInsertSpace) != null ? y : !1;
+  }), m = h(() => {
+    var c, b, y;
+    return (y = (b = t.plain) != null ? b : (c = n.value) == null ? void 0 : c.plain) != null ? y : !1;
+  }), S = h(() => {
+    var c, b, y;
+    return (y = (b = t.round) != null ? b : (c = n.value) == null ? void 0 : c.round) != null ? y : !1;
+  }), $ = h(() => {
+    var c, b, y;
+    return (y = (b = t.text) != null ? b : (c = n.value) == null ? void 0 : c.text) != null ? y : !1;
+  }), E = h(() => t.tag === "button" ? {
     ariaDisabled: i.value || t.loading,
     disabled: i.value || t.loading,
     autofocus: t.autofocus,
     type: t.nativeType
-  } : {}), l = p(() => {
+  } : {}), l = h(() => {
     var c;
-    const m = (c = u.default) == null ? void 0 : c.call(u);
-    if (g.value && m?.length === 1) {
-      const y = m[0];
-      if (y?.type === Ht) {
-        const At = y.children;
-        return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(At.trim());
+    const b = (c = u.default) == null ? void 0 : c.call(u);
+    if (g.value && b?.length === 1) {
+      const y = b[0];
+      if (y?.type === It) {
+        const Et = y.children;
+        return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(Et.trim());
       }
     }
     return !1;
   });
   return {
     _disabled: i,
-    _size: o,
-    _type: h,
+    _size: a,
+    _type: f,
     _ref: s,
-    _props: k,
-    _plain: b,
-    _round: B,
+    _props: E,
+    _plain: m,
+    _round: S,
     _text: $,
     shouldAddSpace: l,
     handleClick: (c) => {
@@ -252,10 +252,10 @@ For more detail, please visit: ${a}
         c.stopPropagation();
         return;
       }
-      t.nativeType === "reset" && a?.resetFields(), e("click", c);
+      t.nativeType === "reset" && o?.resetFields(), e("click", c);
     }
   };
-}, be = [
+}, ye = [
   "default",
   "primary",
   "success",
@@ -264,15 +264,15 @@ For more detail, please visit: ${a}
   "danger",
   "text",
   ""
-], ve = ["button", "submit", "reset"], W = yt({
-  size: Xt,
+], _e = ["button", "submit", "reset"], W = _t({
+  size: re,
   disabled: {
     type: Boolean,
     default: void 0
   },
   type: {
     type: String,
-    values: be,
+    values: ye,
     default: ""
   },
   icon: {
@@ -280,13 +280,13 @@ For more detail, please visit: ${a}
   },
   nativeType: {
     type: String,
-    values: ve,
+    values: _e,
     default: "button"
   },
   loading: Boolean,
   loadingIcon: {
     type: st,
-    default: () => fe
+    default: () => ge
   },
   plain: {
     type: Boolean,
@@ -311,130 +311,130 @@ For more detail, please visit: ${a}
     default: void 0
   },
   tag: {
-    type: F([String, Object]),
+    type: G([String, Object]),
     default: "button"
   }
-}), me = {
+}), xe = {
   click: (t) => t instanceof MouseEvent
 };
 function v(t, e) {
-  ye(t) && (t = "100%");
-  var n = xe(t);
-  return t = e === 360 ? t : Math.min(e, Math.max(0, parseFloat(t))), n && (t = parseInt(String(t * e), 10) / 100), Math.abs(t - e) < 1e-6 ? 1 : (e === 360 ? t = (t < 0 ? t % e + e : t % e) / parseFloat(String(e)) : t = t % e / parseFloat(String(e)), t);
+  Se(t) && (t = "100%");
+  var r = we(t);
+  return t = e === 360 ? t : Math.min(e, Math.max(0, parseFloat(t))), r && (t = parseInt(String(t * e), 10) / 100), Math.abs(t - e) < 1e-6 ? 1 : (e === 360 ? t = (t < 0 ? t % e + e : t % e) / parseFloat(String(e)) : t = t % e / parseFloat(String(e)), t);
 }
-function R(t) {
+function z(t) {
   return Math.min(1, Math.max(0, t));
 }
-function ye(t) {
+function Se(t) {
   return typeof t == "string" && t.indexOf(".") !== -1 && parseFloat(t) === 1;
 }
-function xe(t) {
+function we(t) {
   return typeof t == "string" && t.indexOf("%") !== -1;
 }
-function Mt(t) {
+function At(t) {
   return t = parseFloat(t), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
 }
-function V(t) {
+function P(t) {
   return t <= 1 ? "".concat(Number(t) * 100, "%") : t;
 }
 function O(t) {
   return t.length === 1 ? "0" + t : String(t);
 }
-function Se(t, e, n) {
+function ke(t, e, r) {
   return {
     r: v(t, 255) * 255,
     g: v(e, 255) * 255,
-    b: v(n, 255) * 255
+    b: v(r, 255) * 255
   };
 }
-function ct(t, e, n) {
-  t = v(t, 255), e = v(e, 255), n = v(n, 255);
-  var r = Math.max(t, e, n), a = Math.min(t, e, n), o = 0, i = 0, s = (r + a) / 2;
-  if (r === a)
-    i = 0, o = 0;
+function ct(t, e, r) {
+  t = v(t, 255), e = v(e, 255), r = v(r, 255);
+  var n = Math.max(t, e, r), o = Math.min(t, e, r), a = 0, i = 0, s = (n + o) / 2;
+  if (n === o)
+    i = 0, a = 0;
   else {
-    var u = r - a;
-    switch (i = s > 0.5 ? u / (2 - r - a) : u / (r + a), r) {
+    var u = n - o;
+    switch (i = s > 0.5 ? u / (2 - n - o) : u / (n + o), n) {
       case t:
-        o = (e - n) / u + (e < n ? 6 : 0);
+        a = (e - r) / u + (e < r ? 6 : 0);
         break;
       case e:
-        o = (n - t) / u + 2;
+        a = (r - t) / u + 2;
         break;
-      case n:
-        o = (t - e) / u + 4;
+      case r:
+        a = (t - e) / u + 4;
         break;
     }
-    o /= 6;
+    a /= 6;
   }
-  return { h: o, s: i, l: s };
+  return { h: a, s: i, l: s };
 }
-function D(t, e, n) {
-  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * (6 * n) : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
+function L(t, e, r) {
+  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? t + (e - t) * (6 * r) : r < 1 / 2 ? e : r < 2 / 3 ? t + (e - t) * (2 / 3 - r) * 6 : t;
 }
-function _e(t, e, n) {
-  var r, a, o;
-  if (t = v(t, 360), e = v(e, 100), n = v(n, 100), e === 0)
-    a = n, o = n, r = n;
+function Me(t, e, r) {
+  var n, o, a;
+  if (t = v(t, 360), e = v(e, 100), r = v(r, 100), e === 0)
+    o = r, a = r, n = r;
   else {
-    var i = n < 0.5 ? n * (1 + e) : n + e - n * e, s = 2 * n - i;
-    r = D(s, i, t + 1 / 3), a = D(s, i, t), o = D(s, i, t - 1 / 3);
+    var i = r < 0.5 ? r * (1 + e) : r + e - r * e, s = 2 * r - i;
+    n = L(s, i, t + 1 / 3), o = L(s, i, t), a = L(s, i, t - 1 / 3);
   }
-  return { r: r * 255, g: a * 255, b: o * 255 };
+  return { r: n * 255, g: o * 255, b: a * 255 };
 }
-function lt(t, e, n) {
-  t = v(t, 255), e = v(e, 255), n = v(n, 255);
-  var r = Math.max(t, e, n), a = Math.min(t, e, n), o = 0, i = r, s = r - a, u = r === 0 ? 0 : s / r;
-  if (r === a)
-    o = 0;
+function lt(t, e, r) {
+  t = v(t, 255), e = v(e, 255), r = v(r, 255);
+  var n = Math.max(t, e, r), o = Math.min(t, e, r), a = 0, i = n, s = n - o, u = n === 0 ? 0 : s / n;
+  if (n === o)
+    a = 0;
   else {
-    switch (r) {
+    switch (n) {
       case t:
-        o = (e - n) / s + (e < n ? 6 : 0);
+        a = (e - r) / s + (e < r ? 6 : 0);
         break;
       case e:
-        o = (n - t) / s + 2;
+        a = (r - t) / s + 2;
         break;
-      case n:
-        o = (t - e) / s + 4;
+      case r:
+        a = (t - e) / s + 4;
         break;
     }
-    o /= 6;
+    a /= 6;
   }
-  return { h: o, s: u, v: i };
+  return { h: a, s: u, v: i };
 }
-function ke(t, e, n) {
-  t = v(t, 360) * 6, e = v(e, 100), n = v(n, 100);
-  var r = Math.floor(t), a = t - r, o = n * (1 - e), i = n * (1 - a * e), s = n * (1 - (1 - a) * e), u = r % 6, h = [n, i, o, o, s, n][u], g = [s, n, n, i, o, o][u], b = [o, o, s, n, n, i][u];
-  return { r: h * 255, g: g * 255, b: b * 255 };
+function Ae(t, e, r) {
+  t = v(t, 360) * 6, e = v(e, 100), r = v(r, 100);
+  var n = Math.floor(t), o = t - n, a = r * (1 - e), i = r * (1 - o * e), s = r * (1 - (1 - o) * e), u = n % 6, f = [r, i, a, a, s, r][u], g = [s, r, r, i, a, a][u], m = [a, a, s, r, r, i][u];
+  return { r: f * 255, g: g * 255, b: m * 255 };
 }
-function ut(t, e, n, r) {
-  var a = [
+function ut(t, e, r, n) {
+  var o = [
     O(Math.round(t).toString(16)),
     O(Math.round(e).toString(16)),
-    O(Math.round(n).toString(16))
+    O(Math.round(r).toString(16))
   ];
-  return r && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) : a.join("");
+  return n && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) : o.join("");
 }
-function we(t, e, n, r, a) {
-  var o = [
+function $e(t, e, r, n, o) {
+  var a = [
     O(Math.round(t).toString(16)),
     O(Math.round(e).toString(16)),
-    O(Math.round(n).toString(16)),
-    O(Me(r))
+    O(Math.round(r).toString(16)),
+    O(Be(n))
   ];
-  return a && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) && o[3].startsWith(o[3].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) + o[3].charAt(0) : o.join("");
+  return o && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) && a[3].startsWith(a[3].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
 }
-function Me(t) {
+function Be(t) {
   return Math.round(parseFloat(t) * 255).toString(16);
 }
 function ft(t) {
-  return x(t) / 255;
+  return _(t) / 255;
 }
-function x(t) {
+function _(t) {
   return parseInt(t, 16);
 }
-function Be(t) {
+function Ce(t) {
   return {
     r: t >> 16,
     g: (t & 65280) >> 8,
@@ -591,31 +591,31 @@ var J = {
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
 };
-function $e(t) {
-  var e = { r: 0, g: 0, b: 0 }, n = 1, r = null, a = null, o = null, i = !1, s = !1;
-  return typeof t == "string" && (t = Ce(t)), typeof t == "object" && (w(t.r) && w(t.g) && w(t.b) ? (e = Se(t.r, t.g, t.b), i = !0, s = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : w(t.h) && w(t.s) && w(t.v) ? (r = V(t.s), a = V(t.v), e = ke(t.h, r, a), i = !0, s = "hsv") : w(t.h) && w(t.s) && w(t.l) && (r = V(t.s), o = V(t.l), e = _e(t.h, r, o), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(t, "a") && (n = t.a)), n = Mt(n), {
+function Ee(t) {
+  var e = { r: 0, g: 0, b: 0 }, r = 1, n = null, o = null, a = null, i = !1, s = !1;
+  return typeof t == "string" && (t = He(t)), typeof t == "object" && (k(t.r) && k(t.g) && k(t.b) ? (e = ke(t.r, t.g, t.b), i = !0, s = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : k(t.h) && k(t.s) && k(t.v) ? (n = P(t.s), o = P(t.v), e = Ae(t.h, n, o), i = !0, s = "hsv") : k(t.h) && k(t.s) && k(t.l) && (n = P(t.s), a = P(t.l), e = Me(t.h, n, a), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(t, "a") && (r = t.a)), r = At(r), {
     ok: i,
     format: t.format || s,
     r: Math.min(255, Math.max(e.r, 0)),
     g: Math.min(255, Math.max(e.g, 0)),
     b: Math.min(255, Math.max(e.b, 0)),
-    a: n
+    a: r
   };
 }
-var Ae = "[-\\+]?\\d+%?", Ne = "[-\\+]?\\d*\\.\\d+%?", N = "(?:".concat(Ne, ")|(?:").concat(Ae, ")"), L = "[\\s|\\(]+(".concat(N, ")[,|\\s]+(").concat(N, ")[,|\\s]+(").concat(N, ")\\s*\\)?"), q = "[\\s|\\(]+(".concat(N, ")[,|\\s]+(").concat(N, ")[,|\\s]+(").concat(N, ")[,|\\s]+(").concat(N, ")\\s*\\)?"), S = {
-  CSS_UNIT: new RegExp(N),
-  rgb: new RegExp("rgb" + L),
+var Ne = "[-\\+]?\\d+%?", Oe = "[-\\+]?\\d*\\.\\d+%?", C = "(?:".concat(Oe, ")|(?:").concat(Ne, ")"), U = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), q = "[\\s|\\(]+(".concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")[,|\\s]+(").concat(C, ")\\s*\\)?"), w = {
+  CSS_UNIT: new RegExp(C),
+  rgb: new RegExp("rgb" + U),
   rgba: new RegExp("rgba" + q),
-  hsl: new RegExp("hsl" + L),
+  hsl: new RegExp("hsl" + U),
   hsla: new RegExp("hsla" + q),
-  hsv: new RegExp("hsv" + L),
+  hsv: new RegExp("hsv" + U),
   hsva: new RegExp("hsva" + q),
   hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
   hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
   hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
 };
-function Ce(t) {
+function He(t) {
   if (t = t.trim().toLowerCase(), t.length === 0)
     return !1;
   var e = !1;
@@ -623,45 +623,45 @@ function Ce(t) {
     t = J[t], e = !0;
   else if (t === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  var n = S.rgb.exec(t);
-  return n ? { r: n[1], g: n[2], b: n[3] } : (n = S.rgba.exec(t), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = S.hsl.exec(t), n ? { h: n[1], s: n[2], l: n[3] } : (n = S.hsla.exec(t), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = S.hsv.exec(t), n ? { h: n[1], s: n[2], v: n[3] } : (n = S.hsva.exec(t), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = S.hex8.exec(t), n ? {
-    r: x(n[1]),
-    g: x(n[2]),
-    b: x(n[3]),
-    a: ft(n[4]),
+  var r = w.rgb.exec(t);
+  return r ? { r: r[1], g: r[2], b: r[3] } : (r = w.rgba.exec(t), r ? { r: r[1], g: r[2], b: r[3], a: r[4] } : (r = w.hsl.exec(t), r ? { h: r[1], s: r[2], l: r[3] } : (r = w.hsla.exec(t), r ? { h: r[1], s: r[2], l: r[3], a: r[4] } : (r = w.hsv.exec(t), r ? { h: r[1], s: r[2], v: r[3] } : (r = w.hsva.exec(t), r ? { h: r[1], s: r[2], v: r[3], a: r[4] } : (r = w.hex8.exec(t), r ? {
+    r: _(r[1]),
+    g: _(r[2]),
+    b: _(r[3]),
+    a: ft(r[4]),
     format: e ? "name" : "hex8"
-  } : (n = S.hex6.exec(t), n ? {
-    r: x(n[1]),
-    g: x(n[2]),
-    b: x(n[3]),
+  } : (r = w.hex6.exec(t), r ? {
+    r: _(r[1]),
+    g: _(r[2]),
+    b: _(r[3]),
     format: e ? "name" : "hex"
-  } : (n = S.hex4.exec(t), n ? {
-    r: x(n[1] + n[1]),
-    g: x(n[2] + n[2]),
-    b: x(n[3] + n[3]),
-    a: ft(n[4] + n[4]),
+  } : (r = w.hex4.exec(t), r ? {
+    r: _(r[1] + r[1]),
+    g: _(r[2] + r[2]),
+    b: _(r[3] + r[3]),
+    a: ft(r[4] + r[4]),
     format: e ? "name" : "hex8"
-  } : (n = S.hex3.exec(t), n ? {
-    r: x(n[1] + n[1]),
-    g: x(n[2] + n[2]),
-    b: x(n[3] + n[3]),
+  } : (r = w.hex3.exec(t), r ? {
+    r: _(r[1] + r[1]),
+    g: _(r[2] + r[2]),
+    b: _(r[3] + r[3]),
     format: e ? "name" : "hex"
   } : !1)))))))));
 }
-function w(t) {
-  return !!S.CSS_UNIT.exec(String(t));
+function k(t) {
+  return !!w.CSS_UNIT.exec(String(t));
 }
-var Ee = (
+var Ie = (
   /** @class */
   (function() {
-    function t(e, n) {
-      e === void 0 && (e = ""), n === void 0 && (n = {});
-      var r;
+    function t(e, r) {
+      e === void 0 && (e = ""), r === void 0 && (r = {});
+      var n;
       if (e instanceof t)
         return e;
-      typeof e == "number" && (e = Be(e)), this.originalInput = e;
-      var a = $e(e);
-      this.originalInput = e, this.r = a.r, this.g = a.g, this.b = a.b, this.a = a.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (r = n.format) !== null && r !== void 0 ? r : a.format, this.gradientType = n.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = a.ok;
+      typeof e == "number" && (e = Ce(e)), this.originalInput = e;
+      var o = Ee(e);
+      this.originalInput = e, this.r = o.r, this.g = o.g, this.b = o.b, this.a = o.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (n = r.format) !== null && n !== void 0 ? n : o.format, this.gradientType = r.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = o.ok;
     }
     return t.prototype.isDark = function() {
       return this.getBrightness() < 128;
@@ -671,12 +671,12 @@ var Ee = (
       var e = this.toRgb();
       return (e.r * 299 + e.g * 587 + e.b * 114) / 1e3;
     }, t.prototype.getLuminance = function() {
-      var e = this.toRgb(), n, r, a, o = e.r / 255, i = e.g / 255, s = e.b / 255;
-      return o <= 0.03928 ? n = o / 12.92 : n = Math.pow((o + 0.055) / 1.055, 2.4), i <= 0.03928 ? r = i / 12.92 : r = Math.pow((i + 0.055) / 1.055, 2.4), s <= 0.03928 ? a = s / 12.92 : a = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * n + 0.7152 * r + 0.0722 * a;
+      var e = this.toRgb(), r, n, o, a = e.r / 255, i = e.g / 255, s = e.b / 255;
+      return a <= 0.03928 ? r = a / 12.92 : r = Math.pow((a + 0.055) / 1.055, 2.4), i <= 0.03928 ? n = i / 12.92 : n = Math.pow((i + 0.055) / 1.055, 2.4), s <= 0.03928 ? o = s / 12.92 : o = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * r + 0.7152 * n + 0.0722 * o;
     }, t.prototype.getAlpha = function() {
       return this.a;
     }, t.prototype.setAlpha = function(e) {
-      return this.a = Mt(e), this.roundA = Math.round(100 * this.a) / 100, this;
+      return this.a = At(e), this.roundA = Math.round(100 * this.a) / 100, this;
     }, t.prototype.isMonochrome = function() {
       var e = this.toHsl().s;
       return e === 0;
@@ -684,20 +684,20 @@ var Ee = (
       var e = lt(this.r, this.g, this.b);
       return { h: e.h * 360, s: e.s, v: e.v, a: this.a };
     }, t.prototype.toHsvString = function() {
-      var e = lt(this.r, this.g, this.b), n = Math.round(e.h * 360), r = Math.round(e.s * 100), a = Math.round(e.v * 100);
-      return this.a === 1 ? "hsv(".concat(n, ", ").concat(r, "%, ").concat(a, "%)") : "hsva(".concat(n, ", ").concat(r, "%, ").concat(a, "%, ").concat(this.roundA, ")");
+      var e = lt(this.r, this.g, this.b), r = Math.round(e.h * 360), n = Math.round(e.s * 100), o = Math.round(e.v * 100);
+      return this.a === 1 ? "hsv(".concat(r, ", ").concat(n, "%, ").concat(o, "%)") : "hsva(".concat(r, ", ").concat(n, "%, ").concat(o, "%, ").concat(this.roundA, ")");
     }, t.prototype.toHsl = function() {
       var e = ct(this.r, this.g, this.b);
       return { h: e.h * 360, s: e.s, l: e.l, a: this.a };
     }, t.prototype.toHslString = function() {
-      var e = ct(this.r, this.g, this.b), n = Math.round(e.h * 360), r = Math.round(e.s * 100), a = Math.round(e.l * 100);
-      return this.a === 1 ? "hsl(".concat(n, ", ").concat(r, "%, ").concat(a, "%)") : "hsla(".concat(n, ", ").concat(r, "%, ").concat(a, "%, ").concat(this.roundA, ")");
+      var e = ct(this.r, this.g, this.b), r = Math.round(e.h * 360), n = Math.round(e.s * 100), o = Math.round(e.l * 100);
+      return this.a === 1 ? "hsl(".concat(r, ", ").concat(n, "%, ").concat(o, "%)") : "hsla(".concat(r, ", ").concat(n, "%, ").concat(o, "%, ").concat(this.roundA, ")");
     }, t.prototype.toHex = function(e) {
       return e === void 0 && (e = !1), ut(this.r, this.g, this.b, e);
     }, t.prototype.toHexString = function(e) {
       return e === void 0 && (e = !1), "#" + this.toHex(e);
     }, t.prototype.toHex8 = function(e) {
-      return e === void 0 && (e = !1), we(this.r, this.g, this.b, this.a, e);
+      return e === void 0 && (e = !1), $e(this.r, this.g, this.b, this.a, e);
     }, t.prototype.toHex8String = function(e) {
       return e === void 0 && (e = !1), "#" + this.toHex8(e);
     }, t.prototype.toHexShortString = function(e) {
@@ -710,11 +710,11 @@ var Ee = (
         a: this.a
       };
     }, t.prototype.toRgbString = function() {
-      var e = Math.round(this.r), n = Math.round(this.g), r = Math.round(this.b);
-      return this.a === 1 ? "rgb(".concat(e, ", ").concat(n, ", ").concat(r, ")") : "rgba(".concat(e, ", ").concat(n, ", ").concat(r, ", ").concat(this.roundA, ")");
+      var e = Math.round(this.r), r = Math.round(this.g), n = Math.round(this.b);
+      return this.a === 1 ? "rgb(".concat(e, ", ").concat(r, ", ").concat(n, ")") : "rgba(".concat(e, ", ").concat(r, ", ").concat(n, ", ").concat(this.roundA, ")");
     }, t.prototype.toPercentageRgb = function() {
-      var e = function(n) {
-        return "".concat(Math.round(v(n, 255) * 100), "%");
+      var e = function(r) {
+        return "".concat(Math.round(v(r, 255) * 100), "%");
       };
       return {
         r: e(this.r),
@@ -723,8 +723,8 @@ var Ee = (
         a: this.a
       };
     }, t.prototype.toPercentageRgbString = function() {
-      var e = function(n) {
-        return Math.round(v(n, 255) * 100);
+      var e = function(r) {
+        return Math.round(v(r, 255) * 100);
       };
       return this.a === 1 ? "rgb(".concat(e(this.r), "%, ").concat(e(this.g), "%, ").concat(e(this.b), "%)") : "rgba(".concat(e(this.r), "%, ").concat(e(this.g), "%, ").concat(e(this.b), "%, ").concat(this.roundA, ")");
     }, t.prototype.toName = function() {
@@ -732,209 +732,209 @@ var Ee = (
         return "transparent";
       if (this.a < 1)
         return !1;
-      for (var e = "#" + ut(this.r, this.g, this.b, !1), n = 0, r = Object.entries(J); n < r.length; n++) {
-        var a = r[n], o = a[0], i = a[1];
+      for (var e = "#" + ut(this.r, this.g, this.b, !1), r = 0, n = Object.entries(J); r < n.length; r++) {
+        var o = n[r], a = o[0], i = o[1];
         if (e === i)
-          return o;
+          return a;
       }
       return !1;
     }, t.prototype.toString = function(e) {
-      var n = !!e;
+      var r = !!e;
       e = e ?? this.format;
-      var r = !1, a = this.a < 1 && this.a >= 0, o = !n && a && (e.startsWith("hex") || e === "name");
-      return o ? e === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (r = this.toRgbString()), e === "prgb" && (r = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (r = this.toHexString()), e === "hex3" && (r = this.toHexString(!0)), e === "hex4" && (r = this.toHex8String(!0)), e === "hex8" && (r = this.toHex8String()), e === "name" && (r = this.toName()), e === "hsl" && (r = this.toHslString()), e === "hsv" && (r = this.toHsvString()), r || this.toHexString());
+      var n = !1, o = this.a < 1 && this.a >= 0, a = !r && o && (e.startsWith("hex") || e === "name");
+      return a ? e === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (e === "rgb" && (n = this.toRgbString()), e === "prgb" && (n = this.toPercentageRgbString()), (e === "hex" || e === "hex6") && (n = this.toHexString()), e === "hex3" && (n = this.toHexString(!0)), e === "hex4" && (n = this.toHex8String(!0)), e === "hex8" && (n = this.toHex8String()), e === "name" && (n = this.toName()), e === "hsl" && (n = this.toHslString()), e === "hsv" && (n = this.toHsvString()), n || this.toHexString());
     }, t.prototype.toNumber = function() {
       return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
     }, t.prototype.clone = function() {
       return new t(this.toString());
     }, t.prototype.lighten = function(e) {
       e === void 0 && (e = 10);
-      var n = this.toHsl();
-      return n.l += e / 100, n.l = R(n.l), new t(n);
+      var r = this.toHsl();
+      return r.l += e / 100, r.l = z(r.l), new t(r);
     }, t.prototype.brighten = function(e) {
       e === void 0 && (e = 10);
-      var n = this.toRgb();
-      return n.r = Math.max(0, Math.min(255, n.r - Math.round(255 * -(e / 100)))), n.g = Math.max(0, Math.min(255, n.g - Math.round(255 * -(e / 100)))), n.b = Math.max(0, Math.min(255, n.b - Math.round(255 * -(e / 100)))), new t(n);
+      var r = this.toRgb();
+      return r.r = Math.max(0, Math.min(255, r.r - Math.round(255 * -(e / 100)))), r.g = Math.max(0, Math.min(255, r.g - Math.round(255 * -(e / 100)))), r.b = Math.max(0, Math.min(255, r.b - Math.round(255 * -(e / 100)))), new t(r);
     }, t.prototype.darken = function(e) {
       e === void 0 && (e = 10);
-      var n = this.toHsl();
-      return n.l -= e / 100, n.l = R(n.l), new t(n);
+      var r = this.toHsl();
+      return r.l -= e / 100, r.l = z(r.l), new t(r);
     }, t.prototype.tint = function(e) {
       return e === void 0 && (e = 10), this.mix("white", e);
     }, t.prototype.shade = function(e) {
       return e === void 0 && (e = 10), this.mix("black", e);
     }, t.prototype.desaturate = function(e) {
       e === void 0 && (e = 10);
-      var n = this.toHsl();
-      return n.s -= e / 100, n.s = R(n.s), new t(n);
+      var r = this.toHsl();
+      return r.s -= e / 100, r.s = z(r.s), new t(r);
     }, t.prototype.saturate = function(e) {
       e === void 0 && (e = 10);
-      var n = this.toHsl();
-      return n.s += e / 100, n.s = R(n.s), new t(n);
+      var r = this.toHsl();
+      return r.s += e / 100, r.s = z(r.s), new t(r);
     }, t.prototype.greyscale = function() {
       return this.desaturate(100);
     }, t.prototype.spin = function(e) {
-      var n = this.toHsl(), r = (n.h + e) % 360;
-      return n.h = r < 0 ? 360 + r : r, new t(n);
-    }, t.prototype.mix = function(e, n) {
-      n === void 0 && (n = 50);
-      var r = this.toRgb(), a = new t(e).toRgb(), o = n / 100, i = {
-        r: (a.r - r.r) * o + r.r,
-        g: (a.g - r.g) * o + r.g,
-        b: (a.b - r.b) * o + r.b,
-        a: (a.a - r.a) * o + r.a
+      var r = this.toHsl(), n = (r.h + e) % 360;
+      return r.h = n < 0 ? 360 + n : n, new t(r);
+    }, t.prototype.mix = function(e, r) {
+      r === void 0 && (r = 50);
+      var n = this.toRgb(), o = new t(e).toRgb(), a = r / 100, i = {
+        r: (o.r - n.r) * a + n.r,
+        g: (o.g - n.g) * a + n.g,
+        b: (o.b - n.b) * a + n.b,
+        a: (o.a - n.a) * a + n.a
       };
       return new t(i);
-    }, t.prototype.analogous = function(e, n) {
-      e === void 0 && (e = 6), n === void 0 && (n = 30);
-      var r = this.toHsl(), a = 360 / n, o = [this];
-      for (r.h = (r.h - (a * e >> 1) + 720) % 360; --e; )
-        r.h = (r.h + a) % 360, o.push(new t(r));
-      return o;
+    }, t.prototype.analogous = function(e, r) {
+      e === void 0 && (e = 6), r === void 0 && (r = 30);
+      var n = this.toHsl(), o = 360 / r, a = [this];
+      for (n.h = (n.h - (o * e >> 1) + 720) % 360; --e; )
+        n.h = (n.h + o) % 360, a.push(new t(n));
+      return a;
     }, t.prototype.complement = function() {
       var e = this.toHsl();
       return e.h = (e.h + 180) % 360, new t(e);
     }, t.prototype.monochromatic = function(e) {
       e === void 0 && (e = 6);
-      for (var n = this.toHsv(), r = n.h, a = n.s, o = n.v, i = [], s = 1 / e; e--; )
-        i.push(new t({ h: r, s: a, v: o })), o = (o + s) % 1;
+      for (var r = this.toHsv(), n = r.h, o = r.s, a = r.v, i = [], s = 1 / e; e--; )
+        i.push(new t({ h: n, s: o, v: a })), a = (a + s) % 1;
       return i;
     }, t.prototype.splitcomplement = function() {
-      var e = this.toHsl(), n = e.h;
+      var e = this.toHsl(), r = e.h;
       return [
         this,
-        new t({ h: (n + 72) % 360, s: e.s, l: e.l }),
-        new t({ h: (n + 216) % 360, s: e.s, l: e.l })
+        new t({ h: (r + 72) % 360, s: e.s, l: e.l }),
+        new t({ h: (r + 216) % 360, s: e.s, l: e.l })
       ];
     }, t.prototype.onBackground = function(e) {
-      var n = this.toRgb(), r = new t(e).toRgb(), a = n.a + r.a * (1 - n.a);
+      var r = this.toRgb(), n = new t(e).toRgb(), o = r.a + n.a * (1 - r.a);
       return new t({
-        r: (n.r * n.a + r.r * r.a * (1 - n.a)) / a,
-        g: (n.g * n.a + r.g * r.a * (1 - n.a)) / a,
-        b: (n.b * n.a + r.b * r.a * (1 - n.a)) / a,
-        a
+        r: (r.r * r.a + n.r * n.a * (1 - r.a)) / o,
+        g: (r.g * r.a + n.g * n.a * (1 - r.a)) / o,
+        b: (r.b * r.a + n.b * n.a * (1 - r.a)) / o,
+        a: o
       });
     }, t.prototype.triad = function() {
       return this.polyad(3);
     }, t.prototype.tetrad = function() {
       return this.polyad(4);
     }, t.prototype.polyad = function(e) {
-      for (var n = this.toHsl(), r = n.h, a = [this], o = 360 / e, i = 1; i < e; i++)
-        a.push(new t({ h: (r + i * o) % 360, s: n.s, l: n.l }));
-      return a;
+      for (var r = this.toHsl(), n = r.h, o = [this], a = 360 / e, i = 1; i < e; i++)
+        o.push(new t({ h: (n + i * a) % 360, s: r.s, l: r.l }));
+      return o;
     }, t.prototype.equals = function(e) {
       return this.toRgbString() === new t(e).toRgbString();
     }, t;
   })()
 );
-function A(t, e = 20) {
+function B(t, e = 20) {
   return t.mix("#141414", e).toString();
 }
-function Oe(t) {
-  const e = kt(), n = z("button");
-  return p(() => {
-    let r = {}, a = t.color;
-    if (a) {
-      const o = a.match(/var\((.*?)\)/);
-      o && (a = window.getComputedStyle(window.document.documentElement).getPropertyValue(o[1]));
-      const i = new Ee(a), s = t.dark ? i.tint(20).toString() : A(i, 20);
+function Te(t) {
+  const e = kt(), r = F("button");
+  return h(() => {
+    let n = {}, o = t.color;
+    if (o) {
+      const a = o.match(/var\((.*?)\)/);
+      a && (o = window.getComputedStyle(window.document.documentElement).getPropertyValue(a[1]));
+      const i = new Ie(o), s = t.dark ? i.tint(20).toString() : B(i, 20);
       if (t.plain)
-        r = n.cssVarBlock({
-          "bg-color": t.dark ? A(i, 90) : i.tint(90).toString(),
-          "text-color": a,
-          "border-color": t.dark ? A(i, 50) : i.tint(50).toString(),
-          "hover-text-color": `var(${n.cssVarName("color-white")})`,
-          "hover-bg-color": a,
-          "hover-border-color": a,
+        n = r.cssVarBlock({
+          "bg-color": t.dark ? B(i, 90) : i.tint(90).toString(),
+          "text-color": o,
+          "border-color": t.dark ? B(i, 50) : i.tint(50).toString(),
+          "hover-text-color": `var(${r.cssVarName("color-white")})`,
+          "hover-bg-color": o,
+          "hover-border-color": o,
           "active-bg-color": s,
-          "active-text-color": `var(${n.cssVarName("color-white")})`,
+          "active-text-color": `var(${r.cssVarName("color-white")})`,
           "active-border-color": s
-        }), e.value && (r[n.cssVarBlockName("disabled-bg-color")] = t.dark ? A(i, 90) : i.tint(90).toString(), r[n.cssVarBlockName("disabled-text-color")] = t.dark ? A(i, 50) : i.tint(50).toString(), r[n.cssVarBlockName("disabled-border-color")] = t.dark ? A(i, 80) : i.tint(80).toString());
+        }), e.value && (n[r.cssVarBlockName("disabled-bg-color")] = t.dark ? B(i, 90) : i.tint(90).toString(), n[r.cssVarBlockName("disabled-text-color")] = t.dark ? B(i, 50) : i.tint(50).toString(), n[r.cssVarBlockName("disabled-border-color")] = t.dark ? B(i, 80) : i.tint(80).toString());
       else {
-        const u = t.dark ? A(i, 30) : i.tint(30).toString(), h = i.isDark() ? `var(${n.cssVarName("color-white")})` : `var(${n.cssVarName("color-black")})`;
-        if (r = n.cssVarBlock({
-          "bg-color": a,
-          "text-color": h,
-          "border-color": a,
+        const u = t.dark ? B(i, 30) : i.tint(30).toString(), f = i.isDark() ? `var(${r.cssVarName("color-white")})` : `var(${r.cssVarName("color-black")})`;
+        if (n = r.cssVarBlock({
+          "bg-color": o,
+          "text-color": f,
+          "border-color": o,
           "hover-bg-color": u,
-          "hover-text-color": h,
+          "hover-text-color": f,
           "hover-border-color": u,
           "active-bg-color": s,
           "active-border-color": s
         }), e.value) {
-          const g = t.dark ? A(i, 50) : i.tint(50).toString();
-          r[n.cssVarBlockName("disabled-bg-color")] = g, r[n.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${n.cssVarName("color-white")})`, r[n.cssVarBlockName("disabled-border-color")] = g;
+          const g = t.dark ? B(i, 50) : i.tint(50).toString();
+          n[r.cssVarBlockName("disabled-bg-color")] = g, n[r.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${r.cssVarName("color-white")})`, n[r.cssVarBlockName("disabled-border-color")] = g;
         }
       }
     }
-    return r;
+    return n;
   });
 }
-const He = C({
+const Ve = A({
   name: "ElButton"
-}), Te = /* @__PURE__ */ C({
-  ...He,
+}), ze = /* @__PURE__ */ A({
+  ...Ve,
   props: W,
-  emits: me,
-  setup(t, { expose: e, emit: n }) {
-    const r = t, a = Oe(r), o = z("button"), {
+  emits: xe,
+  setup(t, { expose: e, emit: r }) {
+    const n = t, o = Te(n), a = F("button"), {
       _ref: i,
       _size: s,
       _type: u,
-      _disabled: h,
+      _disabled: f,
       _props: g,
-      _plain: b,
-      _round: B,
+      _plain: m,
+      _round: S,
       _text: $,
-      shouldAddSpace: k,
+      shouldAddSpace: E,
       handleClick: l
-    } = pe(r, n), f = p(() => [
-      o.b(),
-      o.m(u.value),
-      o.m(s.value),
-      o.is("disabled", h.value),
-      o.is("loading", r.loading),
-      o.is("plain", b.value),
-      o.is("round", B.value),
-      o.is("circle", r.circle),
-      o.is("text", $.value),
-      o.is("link", r.link),
-      o.is("has-bg", r.bg)
+    } = me(n, r), d = h(() => [
+      a.b(),
+      a.m(u.value),
+      a.m(s.value),
+      a.is("disabled", f.value),
+      a.is("loading", n.loading),
+      a.is("plain", m.value),
+      a.is("round", S.value),
+      a.is("circle", n.circle),
+      a.is("text", $.value),
+      a.is("link", n.link),
+      a.is("has-bg", n.bg)
     ]);
     return e({
       ref: i,
       size: s,
       type: u,
-      disabled: h,
-      shouldAddSpace: k
-    }), (c, m) => (_(), H(G(c.tag), gt({
+      disabled: f,
+      shouldAddSpace: E
+    }), (c, b) => (x(), H(D(c.tag), gt({
       ref_key: "_ref",
       ref: i
-    }, d(g), {
-      class: d(f),
-      style: d(a),
-      onClick: d(l)
+    }, p(g), {
+      class: p(d),
+      style: p(o),
+      onClick: p(l)
     }), {
-      default: j(() => [
-        c.loading ? (_(), P(Tt, { key: 0 }, [
-          c.$slots.loading ? T(c.$slots, "loading", { key: 0 }) : (_(), H(d(it), {
+      default: R(() => [
+        c.loading ? (x(), I(Tt, { key: 0 }, [
+          c.$slots.loading ? T(c.$slots, "loading", { key: 0 }) : (x(), H(p(it), {
             key: 1,
-            class: U(d(o).is("loading"))
+            class: j(p(a).is("loading"))
           }, {
-            default: j(() => [
-              (_(), H(G(c.loadingIcon)))
+            default: R(() => [
+              (x(), H(D(c.loadingIcon)))
             ]),
             _: 1
           }, 8, ["class"]))
-        ], 64)) : c.icon || c.$slots.icon ? (_(), H(d(it), { key: 1 }, {
-          default: j(() => [
-            c.icon ? (_(), H(G(c.icon), { key: 0 })) : T(c.$slots, "icon", { key: 1 })
+        ], 64)) : c.icon || c.$slots.icon ? (x(), H(p(it), { key: 1 }, {
+          default: R(() => [
+            c.icon ? (x(), H(D(c.icon), { key: 0 })) : T(c.$slots, "icon", { key: 1 })
           ]),
           _: 3
         })) : tt("v-if", !0),
-        c.$slots.default ? (_(), P("span", {
+        c.$slots.default ? (x(), I("span", {
           key: 2,
-          class: U({ [d(o).em("text", "expand")]: d(k) })
+          class: j({ [p(a).em("text", "expand")]: p(E) })
         }, [
           T(c.$slots, "default")
         ], 2)) : tt("v-if", !0)
@@ -943,40 +943,40 @@ const He = C({
     }, 16, ["class", "style", "onClick"]));
   }
 });
-var Ie = /* @__PURE__ */ Q(Te, [["__file", "button.vue"]]);
-const Pe = {
+var Pe = /* @__PURE__ */ Q(ze, [["__file", "button.vue"]]);
+const Re = {
   size: W.size,
   type: W.type,
   direction: {
-    type: F(String),
+    type: G(String),
     values: ["horizontal", "vertical"],
     default: "horizontal"
   }
-}, Re = C({
+}, je = A({
   name: "ElButtonGroup"
-}), Ve = /* @__PURE__ */ C({
-  ...Re,
-  props: Pe,
+}), Fe = /* @__PURE__ */ A({
+  ...je,
+  props: Re,
   setup(t) {
     const e = t;
-    It(wt, Pt({
+    Vt(Mt, zt({
       size: et(e, "size"),
       type: et(e, "type")
     }));
-    const n = z("button");
-    return (r, a) => (_(), P("div", {
-      class: U([d(n).b("group"), d(n).bm("group", e.direction)])
+    const r = F("button");
+    return (n, o) => (x(), I("div", {
+      class: j([p(r).b("group"), p(r).bm("group", e.direction)])
     }, [
-      T(r.$slots, "default")
+      T(n.$slots, "default")
     ], 2));
   }
 });
-var Bt = /* @__PURE__ */ Q(Ve, [["__file", "button-group.vue"]]);
-const je = xt(Ie, {
-  ButtonGroup: Bt
+var $t = /* @__PURE__ */ Q(Fe, [["__file", "button-group.vue"]]);
+const Ge = xt(Pe, {
+  ButtonGroup: $t
 });
-oe(Bt);
-const ze = {
+ce($t);
+const De = {
   /**
    * 按钮文本
    */
@@ -1007,37 +1007,35 @@ const ze = {
     type: Object,
     default: () => ({})
   }
-}, $t = (t, e) => {
+}, Bt = (t, e) => {
   if (typeof t != "object" || typeof e != "object")
     return e ?? t;
-  const n = { ...t };
-  return Object.keys(e).forEach((r) => {
-    e[r] && typeof e[r] == "object" && !Array.isArray(e[r]) ? n[r] = $t(t[r] || {}, e[r]) : n[r] = e[r] !== void 0 ? e[r] : t[r];
-  }), n;
-}, Fe = (t) => Object.prototype.toString.call(t) === "[object Object]", dt = (t) => Array.isArray(t), ht = (t, e = 300, n = !1) => {
-  let r = null;
-  const a = function(...o) {
-    r && clearTimeout(r);
+  const r = { ...t };
+  return Object.keys(e).forEach((n) => {
+    e[n] && typeof e[n] == "object" && !Array.isArray(e[n]) ? r[n] = Bt(t[n] || {}, e[n]) : r[n] = e[n] !== void 0 ? e[n] : t[n];
+  }), r;
+}, Ke = (t) => Object.prototype.toString.call(t) === "[object Object]", dt = (t) => Array.isArray(t), ht = (t, e = 300, r = !1) => {
+  let n = null;
+  const o = function(...a) {
+    n && clearTimeout(n);
     let i;
-    return n && !r && (i = t.apply(this, o)), r = setTimeout(() => {
-      n || t.apply(this, o), r = null;
+    return r && !n && (i = t.apply(this, a)), n = setTimeout(() => {
+      r || t.apply(this, a), n = null;
     }, e), i;
   };
-  return a.cancel = () => {
-    r && (clearTimeout(r), r = null);
-  }, a;
-}, Ge = {
+  return o.cancel = () => {
+    n && (clearTimeout(n), n = null);
+  }, o;
+}, Le = {
   /**
-   * 防抖配置项
-   * enable：是否启用防抖 默认启用
+   * 防抖配置项 仅作用于@onClick事件，无需防抖则设置delay为0或使用@click事件即可。
    * delay：防抖时间 默认500ms
    * immediate：是否立即开启防抖 默认否
    */
-  debounce: { enable: !0, delay: 500, immediate: !1 },
+  debounce: { delay: 500, immediate: !1 },
   /**
    * 二次确认配置项
-   * enable：是否启用二次确认 默认禁用，亦可通过data开启二次确认
-   * data：二次确认数据 默认为null，可为String、Number、Object、Array，为null则需通过enable启用二次确认
+   * data：二次确认数据 显式设置则开启二次确认，可为String、Number、Object、Array，无需传递数据则设置为null即可
    * type：二次确认类型 默认danger，同ElButton类型
    * dataKey：二次确认数据主键key 默认id，对象或对象数组需要
    * toArray：是否将以逗号分隔的字符串转换为数组 如：'1,2' => [1,2]
@@ -1046,8 +1044,6 @@ const ze = {
    * content：二次确认弹框内容
    */
   confirm: {
-    enable: !1,
-    data: null,
     type: "danger",
     dataKey: "id",
     toArray: !1,
@@ -1055,100 +1051,194 @@ const ze = {
     title: "删除提示",
     content: "确定将选择数据删除？"
   }
-}, Ke = ({ props: t, emits: e, attrs: n }) => {
-  const r = p(
-    () => $t(Ge, t.extConfig)
-  ), o = ht(
+}, Ue = ({ props: t, emits: e, attrs: r }) => {
+  const n = h(
+    () => Bt(Le, t.extConfig)
+  ), a = ht(
     async () => {
-      const { data: u, title: h, content: g, dataKey: b, toArray: B, appendS: $ } = r.value.confirm;
-      if (!["object", "number", "string"].includes(typeof u)) {
-        nt.warning(
+      const { data: f, title: g, content: m, dataKey: S, toArray: $, appendS: E } = n.value.confirm;
+      if (!["object", "number", "string"].includes(typeof f)) {
+        rt.warning(
           "clickConfig.data类型必须为Array、Object、String或Number"
         );
         return;
       }
-      if (["number", "string"].includes(typeof u)) {
+      if (["number", "string"].includes(typeof f)) {
         try {
-          await rt.confirm(g, h, {
+          await nt.confirm(m, g, {
             confirmButtonText: "确定",
             cancelButtonText: "取消",
             type: "warning"
-          }), e("onClick", u);
+          }), e("onClick", f);
         } catch {
         }
         return;
       }
-      if (Fe(u) && !Object.keys(u).length || dt(u) && !u.length) {
-        nt.warning("请至少选择一条数据");
+      if (Ke(f) && !Object.keys(f).length || dt(f) && !f.length) {
+        rt.warning("请至少选择一条数据");
         return;
       }
       try {
-        if (await rt.confirm(g, h, {
+        if (await nt.confirm(m, g, {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning"
-        }), u === null) {
+        }), f === null) {
           e("onClick");
           return;
         }
-        const k = dt(u) ? u.map((l) => typeof l == "object" ? l[b] : l) : [u[b]];
+        const l = dt(f) ? f.map((d) => typeof d == "object" ? d[S] : d) : [f[S]];
         e("onClick", {
-          [$ ? `${b}s` : b]: B ? k : k.join(),
-          data: u
+          [E ? `${S}s` : S]: $ ? l : l.join(),
+          data: f
         });
       } catch {
       }
     },
-    r.value.debounce.delay,
-    r.value.debounce.immediate
+    n.value.debounce.delay,
+    n.value.debounce.immediate
   ), i = ht(
     () => e("onClick"),
-    r.value.debounce.delay,
-    r.value.debounce.immediate
+    n.value.debounce.delay,
+    n.value.debounce.immediate
+  ), s = h(
+    () => Object.hasOwn(n.value.confirm, "data")
   );
-  return { mergedExtConfig: r, handleElButton: () => {
-    n.onClick || (r.value.confirm.enable || r.value.confirm.hasOwnProperty("data") ? o() : i());
+  return { mergedExtConfig: n, isConfirm: s, handleElButton: () => {
+    r.onClick || (s.value ? a() : i());
   } };
-}, De = /* @__PURE__ */ C({
+}, qe = /* @__PURE__ */ A({
   __name: "index",
-  props: ze,
+  props: De,
   emits: ["onClick"],
   setup(t, { emit: e }) {
-    const n = t, r = e, a = Rt(), { mergedExtConfig: o, handleElButton: i } = Ke({
-      props: n,
-      emits: r,
-      attrs: a
+    const r = t, n = e, o = Pt(), { isConfirm: a, mergedExtConfig: i, handleElButton: s } = Ue({
+      props: r,
+      emits: n,
+      attrs: o
     });
-    return Vt(() => {
-      document.querySelectorAll(".el-button").forEach((s) => {
-        s.addEventListener(
+    return Rt(() => {
+      document.querySelectorAll(".el-button").forEach((u) => {
+        u.addEventListener(
           "blur",
-          (u) => {
-            u.target.classList.add("blur");
+          (f) => {
+            f.target.classList.add("blur");
           },
           !0
         );
       });
-    }), (s, u) => {
-      const h = je;
-      return _(), H(h, {
+    }), (u, f) => {
+      const g = Ge;
+      return x(), H(g, {
         class: "wyfe-ivue__use-el-button",
-        type: d(o).confirm.hasOwnProperty("data") ? d(o).confirm.type : s.type,
-        onClick: d(i)
+        type: p(a) ? p(i).confirm.type : u.type,
+        onClick: p(s)
       }, {
-        default: j(() => [
-          jt(zt(s.btnText), 1)
+        default: R(() => [
+          jt(Ft(u.btnText), 1)
         ]),
         _: 1
       }, 8, ["type", "onClick"]);
     };
   }
-}), Le = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [r, a] of e)
-    n[r] = a;
-  return n;
-}, We = /* @__PURE__ */ Le(De, [["__scopeId", "data-v-5f2928f2"]]);
+}), Ct = (t, e) => {
+  const r = t.__vccOpts || t;
+  for (const [n, o] of e)
+    r[n] = o;
+  return r;
+}, er = /* @__PURE__ */ Ct(qe, [["__scopeId", "data-v-287a5fd7"]]), We = (t) => {
+  const e = /^(-?\d*\.?\d+)(\D+)?$/, r = t.match(e);
+  if (!r) throw new Error("size不合法");
+  const n = parseFloat(r[1]), o = r[2]?.trim() || "px";
+  return [n, o];
+}, Je = ([, t]) => {
+  const e = ["px", "rem", "vw", "vh", "em"], r = e.includes(t);
+  if (!r) throw new Error(`size单位不合法，合法单位：${e.join("、")}`);
+  return r;
+}, Ze = {
+  /**
+   * 图标名称 必传
+   */
+  name: {
+    type: String,
+    required: !0
+  },
+  /**
+   * 图标大小 默认类型为数字（单位为px）；可传带单位的字符串，如：20px、0.2rem
+   */
+  size: {
+    type: [Number, String],
+    default: 28,
+    validator(t) {
+      return (typeof t == "number" || Je(We(t))) && t;
+    }
+  },
+  /**
+   * 图标颜色 可传String或Array
+   * 若传Array，只能传两项 第一项为默认图标颜色 第二项为暗黑模式下图标颜色
+   */
+  color: {
+    type: [String, Array],
+    validator(t) {
+      if (!Array.isArray(t)) return t;
+      if (!t.length) throw new Error("color类型为Array时length不能为0");
+      if (t.length > 2) throw new Error("color类型为Array时length最大为2");
+      return t;
+    }
+  },
+  /**
+   * 图标的margin外边距 同css的margin规则
+   */
+  margin: {
+    type: String
+  },
+  /**
+   * 是否可点击
+   */
+  clickable: {
+    type: Boolean,
+    default: !1
+  },
+  /**
+   * hover类名
+   */
+  hoverClass: {
+    type: String
+  }
+}, Ye = ["href", "fill"], Qe = /* @__PURE__ */ A({
+  __name: "index",
+  props: Ze,
+  setup(t) {
+    Gt((i) => ({
+      v13957fec: o.value,
+      v41d047fc: a.value
+    }));
+    const e = t, r = h(
+      () => typeof e.size == "number" ? `${e.size}px` : e.size
+    ), n = h(() => `#icon-${e.name}`), o = h(
+      () => Array.isArray(e.color) && e.color.length > 0 ? e.color[0] : e.color
+    ), a = h(
+      () => Array.isArray(e.color) && e.color.length > 1 ? e.color[1] : ""
+    );
+    return (i, s) => (x(), I("svg", {
+      class: "wyfe-ivue__use-svg-icon",
+      "aria-hidden": "true",
+      style: Dt({
+        width: r.value,
+        height: r.value,
+        cursor: i.clickable ? "pointer" : "auto",
+        margin: i.margin
+      })
+    }, [
+      pt("use", {
+        class: j([a.value ? "fillClass" : "", i.hoverClass]),
+        href: n.value,
+        fill: o.value
+      }, null, 10, Ye)
+    ], 4));
+  }
+}), rr = /* @__PURE__ */ Ct(Qe, [["__scopeId", "data-v-743009c3"]]);
 export {
-  We as UseElButton
+  er as UseElButton,
+  rr as UseSvgIcon
 };