vcomp-test 0.0.3 → 0.0.4

package/dist/vcomp.es.js

@@ -1,1086 +1,217 @@
-import { getCurrentInstance as K, inject as $, ref as T, computed as c, unref as l, readonly as Qt, getCurrentScope as en, onScopeDispose as tn, watch as le, onMounted as ut, isRef as nn, warn as rn, provide as ft, defineComponent as N, createElementBlock as O, openBlock as m, mergeProps as dt, renderSlot as F, createElementVNode as R, normalizeClass as P, createVNode as Be, Transition as pt, withCtx as D, withDirectives as ht, normalizeStyle as gt, createTextVNode as ze, toDisplayString as ye, vShow as vt, useSlots as on, Text as an, createBlock as A, resolveDynamicComponent as he, createCommentVNode as q, Fragment as mt, reactive as sn, toRef as Ze, shallowReactive as bt, withModifiers as ln, nextTick as cn, isVNode as yt, render as Je } from "vue";
-const _t = /* @__PURE__ */ Symbol(), ge = "el", un = "is-", V = (e, t, n, r, o) => {
-  let a = `${e}-${t}`;
-  return n && (a += `-${n}`), r && (a += `__${r}`), o && (a += `--${o}`), a;
-}, wt = /* @__PURE__ */ Symbol("namespaceContextKey"), fn = (e) => {
-  const t = e || (K() ? $(wt, T(ge)) : T(ge));
-  return c(() => l(t) || ge);
-}, Q = (e, t) => {
-  const n = fn(t);
+import { getCurrentInstance as Z, inject as w, ref as E, computed as h, unref as g, warn as Bt, defineComponent as I, createElementBlock as P, openBlock as S, mergeProps as lt, renderSlot as R, createElementVNode as At, watch as Et, useSlots as Ht, Text as Ct, createBlock as B, resolveDynamicComponent as G, withCtx as V, createCommentVNode as tt, Fragment as It, normalizeClass as W, provide as Rt, reactive as Vt, toRef as et, createTextVNode as ft, toDisplayString as dt } from "vue";
+import { ElMessage as ht } from "element-plus";
+const Pt = /* @__PURE__ */ Symbol(), D = "el", Tt = "is-", N = (t, r, e, n, a) => {
+  let o = `${t}-${r}`;
+  return e && (o += `-${e}`), n && (o += `__${n}`), a && (o += `--${a}`), o;
+}, Ot = /* @__PURE__ */ Symbol("namespaceContextKey"), zt = (t) => {
+  const r = Z() ? w(Ot, E(D)) : E(D);
+  return h(() => g(r) || D);
+}, F = (t, r) => {
+  const e = zt();
   return {
-    namespace: n,
-    b: (u = "") => V(n.value, e, u, "", ""),
-    e: (u) => u ? V(n.value, e, "", u, "") : "",
-    m: (u) => u ? V(n.value, e, "", "", u) : "",
-    be: (u, v) => u && v ? V(n.value, e, u, v, "") : "",
-    em: (u, v) => u && v ? V(n.value, e, "", u, v) : "",
-    bm: (u, v) => u && v ? V(n.value, e, u, "", v) : "",
-    bem: (u, v, d) => u && v && d ? V(n.value, e, u, v, d) : "",
-    is: (u, ...v) => {
-      const d = v.length >= 1 ? v[0] : !0;
-      return u && d ? `${un}${u}` : "";
+    namespace: e,
+    b: (c = "") => N(e.value, t, c, "", ""),
+    e: (c) => c ? N(e.value, t, "", c, "") : "",
+    m: (c) => c ? N(e.value, t, "", "", c) : "",
+    be: (c, d) => c && d ? N(e.value, t, c, d, "") : "",
+    em: (c, d) => c && d ? N(e.value, t, "", c, d) : "",
+    bm: (c, d) => c && d ? N(e.value, t, c, "", d) : "",
+    bem: (c, d, u) => c && d && u ? N(e.value, t, c, d, u) : "",
+    is: (c, ...d) => {
+      const u = d.length >= 1 ? d[0] : !0;
+      return c && u ? `${Tt}${c}` : "";
     },
-    cssVar: (u) => {
-      const v = {};
-      for (const d in u)
-        u[d] && (v[`--${n.value}-${d}`] = u[d]);
-      return v;
+    cssVar: (c) => {
+      const d = {};
+      for (const u in c)
+        c[u] && (d[`--${e.value}-${u}`] = c[u]);
+      return d;
     },
-    cssVarName: (u) => `--${n.value}-${u}`,
-    cssVarBlock: (u) => {
-      const v = {};
-      for (const d in u)
-        u[d] && (v[`--${n.value}-${e}-${d}`] = u[d]);
-      return v;
+    cssVarName: (c) => `--${e.value}-${c}`,
+    cssVarBlock: (c) => {
+      const d = {};
+      for (const u in c)
+        c[u] && (d[`--${e.value}-${t}-${u}`] = c[u]);
+      return d;
     },
-    cssVarBlockName: (u) => `--${n.value}-${e}-${u}`
+    cssVarBlockName: (c) => `--${e.value}-${t}-${c}`
   };
 };
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const dn = () => {
-}, pn = Object.prototype.hasOwnProperty, Ne = (e, t) => pn.call(e, t), hn = Array.isArray, ve = (e) => typeof e == "function", ee = (e) => typeof e == "string", St = (e) => e !== null && typeof e == "object";
-var gn = typeof global == "object" && global && global.Object === Object && global, vn = typeof self == "object" && self && self.Object === Object && self, je = gn || vn || Function("return this")(), X = je.Symbol, xt = Object.prototype, mn = xt.hasOwnProperty, bn = xt.toString, se = X ? X.toStringTag : void 0;
-function yn(e) {
-  var t = mn.call(e, se), n = e[se];
-  try {
-    e[se] = void 0;
-    var r = !0;
-  } catch {
+const Ft = () => {
+}, jt = Object.prototype.hasOwnProperty, rt = (t, r) => jt.call(t, r), Y = (t) => typeof t == "string", gt = (t) => t !== null && typeof t == "object";
+function Gt(t) {
+  for (var r = -1, e = t == null ? 0 : t.length, n = {}; ++r < e; ) {
+    var a = t[r];
+    n[a[0]] = a[1];
   }
-  var o = bn.call(e);
-  return r && (t ? e[se] = n : delete e[se]), o;
-}
-var _n = Object.prototype, wn = _n.toString;
-function Sn(e) {
-  return wn.call(e);
-}
-var xn = "[object Null]", Cn = "[object Undefined]", qe = X ? X.toStringTag : void 0;
-function Ct(e) {
-  return e == null ? e === void 0 ? Cn : xn : qe && qe in Object(e) ? yn(e) : Sn(e);
-}
-function kn(e) {
-  return e != null && typeof e == "object";
-}
-var Tn = "[object Symbol]";
-function Fe(e) {
-  return typeof e == "symbol" || kn(e) && Ct(e) == Tn;
-}
-function Mn(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length, o = Array(r); ++n < r; )
-    o[n] = t(e[n], n, e);
-  return o;
-}
-var De = Array.isArray, Ye = X ? X.prototype : void 0, Xe = Ye ? Ye.toString : void 0;
-function kt(e) {
-  if (typeof e == "string")
-    return e;
-  if (De(e))
-    return Mn(e, kt) + "";
-  if (Fe(e))
-    return Xe ? Xe.call(e) : "";
-  var t = e + "";
-  return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
-}
-function Tt(e) {
-  var t = typeof e;
-  return e != null && (t == "object" || t == "function");
-}
-var Nn = "[object AsyncFunction]", En = "[object Function]", $n = "[object GeneratorFunction]", On = "[object Proxy]";
-function An(e) {
-  if (!Tt(e))
-    return !1;
-  var t = Ct(e);
-  return t == En || t == $n || t == Nn || t == On;
-}
-var xe = je["__core-js_shared__"], Qe = (function() {
-  var e = /[^.]+$/.exec(xe && xe.keys && xe.keys.IE_PROTO || "");
-  return e ? "Symbol(src)_1." + e : "";
-})();
-function In(e) {
-  return !!Qe && Qe in e;
-}
-var Pn = Function.prototype, Bn = Pn.toString;
-function zn(e) {
-  if (e != null) {
-    try {
-      return Bn.call(e);
-    } catch {
-    }
-    try {
-      return e + "";
-    } catch {
-    }
-  }
-  return "";
-}
-var jn = /[\\^$.*+?()[\]{}|]/g, Fn = /^\[object .+?Constructor\]$/, Dn = Function.prototype, Rn = Object.prototype, Hn = Dn.toString, Ln = Rn.hasOwnProperty, Vn = RegExp(
-  "^" + Hn.call(Ln).replace(jn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-);
-function Gn(e) {
-  if (!Tt(e) || In(e))
-    return !1;
-  var t = An(e) ? Vn : Fn;
-  return t.test(zn(e));
-}
-function Kn(e, t) {
-  return e?.[t];
-}
-function Mt(e, t) {
-  var n = Kn(e, t);
-  return Gn(n) ? n : void 0;
-}
-function Un(e, t) {
-  return e === t || e !== e && t !== t;
-}
-var Wn = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Zn = /^\w*$/;
-function Jn(e, t) {
-  if (De(e))
-    return !1;
-  var n = typeof e;
-  return n == "number" || n == "symbol" || n == "boolean" || e == null || Fe(e) ? !0 : Zn.test(e) || !Wn.test(e) || t != null && e in Object(t);
-}
-var ie = Mt(Object, "create");
-function qn() {
-  this.__data__ = ie ? ie(null) : {}, this.size = 0;
-}
-function Yn(e) {
-  var t = this.has(e) && delete this.__data__[e];
-  return this.size -= t ? 1 : 0, t;
-}
-var Xn = "__lodash_hash_undefined__", Qn = Object.prototype, er = Qn.hasOwnProperty;
-function tr(e) {
-  var t = this.__data__;
-  if (ie) {
-    var n = t[e];
-    return n === Xn ? void 0 : n;
-  }
-  return er.call(t, e) ? t[e] : void 0;
-}
-var nr = Object.prototype, rr = nr.hasOwnProperty;
-function or(e) {
-  var t = this.__data__;
-  return ie ? t[e] !== void 0 : rr.call(t, e);
-}
-var ar = "__lodash_hash_undefined__";
-function sr(e, t) {
-  var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = ie && t === void 0 ? ar : t, this;
-}
-function U(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var r = e[t];
-    this.set(r[0], r[1]);
-  }
-}
-U.prototype.clear = qn;
-U.prototype.delete = Yn;
-U.prototype.get = tr;
-U.prototype.has = or;
-U.prototype.set = sr;
-function ir() {
-  this.__data__ = [], this.size = 0;
-}
-function _e(e, t) {
-  for (var n = e.length; n--; )
-    if (Un(e[n][0], t))
-      return n;
-  return -1;
-}
-var lr = Array.prototype, cr = lr.splice;
-function ur(e) {
-  var t = this.__data__, n = _e(t, e);
-  if (n < 0)
-    return !1;
-  var r = t.length - 1;
-  return n == r ? t.pop() : cr.call(t, n, 1), --this.size, !0;
-}
-function fr(e) {
-  var t = this.__data__, n = _e(t, e);
-  return n < 0 ? void 0 : t[n][1];
-}
-function dr(e) {
-  return _e(this.__data__, e) > -1;
-}
-function pr(e, t) {
-  var n = this.__data__, r = _e(n, e);
-  return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
-}
-function te(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var r = e[t];
-    this.set(r[0], r[1]);
-  }
-}
-te.prototype.clear = ir;
-te.prototype.delete = ur;
-te.prototype.get = fr;
-te.prototype.has = dr;
-te.prototype.set = pr;
-var hr = Mt(je, "Map");
-function gr() {
-  this.size = 0, this.__data__ = {
-    hash: new U(),
-    map: new (hr || te)(),
-    string: new U()
-  };
-}
-function vr(e) {
-  var t = typeof e;
-  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
-}
-function we(e, t) {
-  var n = e.__data__;
-  return vr(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
-}
-function mr(e) {
-  var t = we(this, e).delete(e);
-  return this.size -= t ? 1 : 0, t;
-}
-function br(e) {
-  return we(this, e).get(e);
-}
-function yr(e) {
-  return we(this, e).has(e);
-}
-function _r(e, t) {
-  var n = we(this, e), r = n.size;
-  return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
-}
-function J(e) {
-  var t = -1, n = e == null ? 0 : e.length;
-  for (this.clear(); ++t < n; ) {
-    var r = e[t];
-    this.set(r[0], r[1]);
-  }
-}
-J.prototype.clear = gr;
-J.prototype.delete = mr;
-J.prototype.get = br;
-J.prototype.has = yr;
-J.prototype.set = _r;
-var wr = "Expected a function";
-function Re(e, t) {
-  if (typeof e != "function" || t != null && typeof t != "function")
-    throw new TypeError(wr);
-  var n = function() {
-    var r = arguments, o = t ? t.apply(this, r) : r[0], a = n.cache;
-    if (a.has(o))
-      return a.get(o);
-    var s = e.apply(this, r);
-    return n.cache = a.set(o, s) || a, s;
-  };
-  return n.cache = new (Re.Cache || J)(), n;
-}
-Re.Cache = J;
-var Sr = 500;
-function xr(e) {
-  var t = Re(e, function(r) {
-    return n.size === Sr && n.clear(), r;
-  }), n = t.cache;
-  return t;
-}
-var Cr = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, kr = /\\(\\)?/g, Tr = xr(function(e) {
-  var t = [];
-  return e.charCodeAt(0) === 46 && t.push(""), e.replace(Cr, function(n, r, o, a) {
-    t.push(o ? a.replace(kr, "$1") : r || n);
-  }), t;
-});
-function Mr(e) {
-  return e == null ? "" : kt(e);
-}
-function Nr(e, t) {
-  return De(e) ? e : Jn(e, t) ? [e] : Tr(Mr(e));
-}
-function Er(e) {
-  if (typeof e == "string" || Fe(e))
-    return e;
-  var t = e + "";
-  return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
-}
-function $r(e, t) {
-  t = Nr(t, e);
-  for (var n = 0, r = t.length; e != null && n < r; )
-    e = e[Er(t[n++])];
-  return n && n == r ? e : void 0;
-}
-function Or(e, t, n) {
-  var r = e == null ? void 0 : $r(e, t);
-  return r === void 0 ? n : r;
-}
-function Ar(e) {
-  for (var t = -1, n = e == null ? 0 : e.length, r = {}; ++t < n; ) {
-    var o = e[t];
-    r[o[0]] = o[1];
-  }
-  return r;
-}
-const Ce = (e) => typeof e == "boolean", W = (e) => typeof e == "number", Ir = (e) => typeof Element > "u" ? !1 : e instanceof Element, Pr = (e) => ee(e) ? !Number.isNaN(Number(e)) : !1;
-function He(e) {
-  return en() ? (tn(e), !0) : !1;
-}
-function Le(e) {
-  return typeof e == "function" ? e() : l(e);
-}
-const ne = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Br = Object.prototype.toString, zr = (e) => Br.call(e) === "[object Object]", jr = () => {
-};
-function Fr(e, t, n = {}) {
-  const {
-    immediate: r = !0
-  } = n, o = T(!1);
-  let a = null;
-  function s() {
-    a && (clearTimeout(a), a = null);
-  }
-  function i() {
-    o.value = !1, s();
-  }
-  function f(...b) {
-    s(), o.value = !0, a = setTimeout(() => {
-      o.value = !1, a = null, e(...b);
-    }, Le(t));
-  }
-  return r && (o.value = !0, ne && f()), He(i), {
-    isPending: Qt(o),
-    start: f,
-    stop: i
-  };
-}
-function Ee(e) {
-  var t;
-  const n = Le(e);
-  return (t = n?.$el) != null ? t : n;
-}
-const Nt = ne ? window : void 0;
-function Dr(...e) {
-  let t, n, r, o;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, r, o] = e, t = Nt) : [t, n, r, o] = e, !t)
-    return jr;
-  Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
-  const a = [], s = () => {
-    a.forEach((h) => h()), a.length = 0;
-  }, i = (h, g, _, M) => (h.addEventListener(g, _, M), () => h.removeEventListener(g, _, M)), f = le(
-    () => [Ee(t), Le(o)],
-    ([h, g]) => {
-      if (s(), !h)
-        return;
-      const _ = zr(g) ? { ...g } : g;
-      a.push(
-        ...n.flatMap((M) => r.map((z) => i(h, M, z, _)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), b = () => {
-    f(), s();
-  };
-  return He(b), b;
-}
-function Rr() {
-  const e = T(!1), t = K();
-  return t && ut(() => {
-    e.value = !0;
-  }, t), e;
-}
-function Hr(e) {
-  const t = Rr();
-  return c(() => (t.value, !!e()));
-}
-function Lr(e, t, n = {}) {
-  const { window: r = Nt, ...o } = n;
-  let a;
-  const s = Hr(() => r && "ResizeObserver" in r), i = () => {
-    a && (a.disconnect(), a = void 0);
-  }, f = c(() => Array.isArray(e) ? e.map((g) => Ee(g)) : [Ee(e)]), b = le(
-    f,
-    (g) => {
-      if (i(), s.value && r) {
-        a = new ResizeObserver(t);
-        for (const _ of g)
-          _ && a.observe(_, o);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), h = () => {
-    i(), b();
-  };
-  return He(h), {
-    isSupported: s,
-    stop: h
-  };
+  return n;
 }
-class Vr extends Error {
-  constructor(t) {
-    super(t), this.name = "ElementPlusError";
+const Dt = (t) => typeof t == "number", Kt = (t) => Y(t) ? !Number.isNaN(Number(t)) : !1;
+class Lt extends Error {
+  constructor(r) {
+    super(r), this.name = "ElementPlusError";
   }
 }
-function re(e, t) {
+function vt(t, r) {
   if (process.env.NODE_ENV !== "production") {
-    const n = ee(e) ? new Vr(`[${e}] ${t}`) : e;
-    console.warn(n);
+    const e = Y(t) ? new Lt(`[${t}] ${r}`) : t;
+    console.warn(e);
   }
 }
-const et = {
-  current: 0
-}, tt = T(0), Et = 2e3, nt = /* @__PURE__ */ Symbol("elZIndexContextKey"), $t = /* @__PURE__ */ Symbol("zIndexContextKey"), Gr = (e) => {
-  const t = K() ? $(nt, et) : et, n = e || (K() ? $($t, void 0) : void 0), r = c(() => {
-    const s = l(n);
-    return W(s) ? s : Et;
-  }), o = c(() => r.value + tt.value), a = () => (t.current++, tt.value = t.current, o.value);
-  return !ne && !$(nt) && re(
-    "ZIndexInjection",
-    `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
-usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`
-  ), {
-    initialZIndex: r,
-    currentZIndex: o,
-    nextZIndex: a
-  };
-};
-var Kr = {
-  name: "en",
-  el: {
-    breadcrumb: {
-      label: "Breadcrumb"
-    },
-    colorpicker: {
-      confirm: "OK",
-      clear: "Clear",
-      defaultLabel: "color picker",
-      description: "current color is {color}. press enter to select a new color.",
-      alphaLabel: "pick alpha value",
-      alphaDescription: "alpha {alpha}, current color is {color}",
-      hueLabel: "pick hue value",
-      hueDescription: "hue {hue}, current color is {color}",
-      svLabel: "pick saturation and brightness value",
-      svDescription: "saturation {saturation}, brightness {brightness}, current color is {color}",
-      predefineDescription: "select {value} as the color"
-    },
-    datepicker: {
-      now: "Now",
-      today: "Today",
-      cancel: "Cancel",
-      clear: "Clear",
-      confirm: "OK",
-      dateTablePrompt: "Use the arrow keys and enter to select the day of the month",
-      monthTablePrompt: "Use the arrow keys and enter to select the month",
-      yearTablePrompt: "Use the arrow keys and enter to select the year",
-      selectedDate: "Selected date",
-      selectDate: "Select date",
-      selectTime: "Select time",
-      startDate: "Start Date",
-      startTime: "Start Time",
-      endDate: "End Date",
-      endTime: "End Time",
-      prevYear: "Previous Year",
-      nextYear: "Next Year",
-      prevMonth: "Previous Month",
-      nextMonth: "Next Month",
-      year: "",
-      month1: "January",
-      month2: "February",
-      month3: "March",
-      month4: "April",
-      month5: "May",
-      month6: "June",
-      month7: "July",
-      month8: "August",
-      month9: "September",
-      month10: "October",
-      month11: "November",
-      month12: "December",
-      weeks: {
-        sun: "Sun",
-        mon: "Mon",
-        tue: "Tue",
-        wed: "Wed",
-        thu: "Thu",
-        fri: "Fri",
-        sat: "Sat"
-      },
-      weeksFull: {
-        sun: "Sunday",
-        mon: "Monday",
-        tue: "Tuesday",
-        wed: "Wednesday",
-        thu: "Thursday",
-        fri: "Friday",
-        sat: "Saturday"
-      },
-      months: {
-        jan: "Jan",
-        feb: "Feb",
-        mar: "Mar",
-        apr: "Apr",
-        may: "May",
-        jun: "Jun",
-        jul: "Jul",
-        aug: "Aug",
-        sep: "Sep",
-        oct: "Oct",
-        nov: "Nov",
-        dec: "Dec"
-      }
-    },
-    inputNumber: {
-      decrease: "decrease number",
-      increase: "increase number"
-    },
-    select: {
-      loading: "Loading",
-      noMatch: "No matching data",
-      noData: "No data",
-      placeholder: "Select"
-    },
-    mention: {
-      loading: "Loading"
-    },
-    dropdown: {
-      toggleDropdown: "Toggle Dropdown"
-    },
-    cascader: {
-      noMatch: "No matching data",
-      loading: "Loading",
-      placeholder: "Select",
-      noData: "No data"
-    },
-    pagination: {
-      goto: "Go to",
-      pagesize: "/page",
-      total: "Total {total}",
-      pageClassifier: "",
-      page: "Page",
-      prev: "Go to previous page",
-      next: "Go to next page",
-      currentPage: "page {pager}",
-      prevPages: "Previous {pager} pages",
-      nextPages: "Next {pager} pages",
-      deprecationWarning: "Deprecated usages detected, please refer to the el-pagination documentation for more details"
-    },
-    dialog: {
-      close: "Close this dialog"
-    },
-    drawer: {
-      close: "Close this dialog"
-    },
-    messagebox: {
-      title: "Message",
-      confirm: "OK",
-      cancel: "Cancel",
-      error: "Illegal input",
-      close: "Close this dialog"
-    },
-    upload: {
-      deleteTip: "press delete to remove",
-      delete: "Delete",
-      preview: "Preview",
-      continue: "Continue"
-    },
-    slider: {
-      defaultLabel: "slider between {min} and {max}",
-      defaultRangeStartLabel: "pick start value",
-      defaultRangeEndLabel: "pick end value"
-    },
-    table: {
-      emptyText: "No Data",
-      confirmFilter: "Confirm",
-      resetFilter: "Reset",
-      clearFilter: "All",
-      sumText: "Sum",
-      selectAllLabel: "Select all rows",
-      selectRowLabel: "Select this row",
-      expandRowLabel: "Expand this row",
-      collapseRowLabel: "Collapse this row",
-      sortLabel: "Sort by {column}",
-      filterLabel: "Filter by {column}"
-    },
-    tag: {
-      close: "Close this tag"
-    },
-    tour: {
-      next: "Next",
-      previous: "Previous",
-      finish: "Finish",
-      close: "Close this dialog"
-    },
-    tree: {
-      emptyText: "No Data"
-    },
-    transfer: {
-      noMatch: "No matching data",
-      noData: "No data",
-      titles: ["List 1", "List 2"],
-      filterPlaceholder: "Enter keyword",
-      noCheckedFormat: "{total} items",
-      hasCheckedFormat: "{checked}/{total} checked"
-    },
-    image: {
-      error: "FAILED"
-    },
-    pageHeader: {
-      title: "Back"
-    },
-    popconfirm: {
-      confirmButtonText: "Yes",
-      cancelButtonText: "No"
-    },
-    carousel: {
-      leftArrow: "Carousel arrow left",
-      rightArrow: "Carousel arrow right",
-      indicator: "Carousel switch to index {index}"
-    }
-  }
-};
-const Ur = (e) => (t, n) => Wr(t, n, l(e)), Wr = (e, t, n) => Or(n, e, e).replace(
-  /\{(\w+)\}/g,
-  (r, o) => {
-    var a;
-    return `${(a = t?.[o]) != null ? a : `{${o}}`}`;
-  }
-), Zr = (e) => {
-  const t = c(() => l(e).name), n = nn(e) ? e : T(e);
-  return {
-    lang: t,
-    locale: n,
-    t: Ur(e)
-  };
-}, Ot = /* @__PURE__ */ Symbol("localeContextKey"), Jr = (e) => {
-  const t = e || $(Ot, T());
-  return Zr(c(() => t.value || Kr));
-}, At = "__epPropKey", k = (e) => e, qr = (e) => St(e) && !!e[At], It = (e, t) => {
-  if (!St(e) || qr(e))
-    return e;
-  const { values: n, required: r, default: o, type: a, validator: s } = e, f = {
-    type: a,
-    required: !!r,
-    validator: n || s ? (b) => {
-      let h = !1, g = [];
-      if (n && (g = Array.from(n), Ne(e, "default") && g.push(o), h || (h = g.includes(b))), s && (h || (h = s(b))), !h && g.length > 0) {
-        const _ = [...new Set(g)].map((M) => JSON.stringify(M)).join(", ");
-        rn(
-          `Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${_}], got value ${JSON.stringify(
-            b
+const pt = "__epPropKey", j = (t) => t, qt = (t) => gt(t) && !!t[pt], bt = (t, r) => {
+  if (!gt(t) || qt(t))
+    return t;
+  const { values: e, required: n, default: a, type: o, validator: i } = t, f = {
+    type: o,
+    required: !!n,
+    validator: e || i ? (m) => {
+      let v = !1, _ = [];
+      if (e && (_ = Array.from(e), rt(t, "default") && _.push(a), v || (v = _.includes(m))), i && (v || (v = i(m))), !v && _.length > 0) {
+        const H = [...new Set(_)].map((C) => JSON.stringify(C)).join(", ");
+        Bt(
+          `Invalid prop: validation failed${r ? ` for prop "${r}"` : ""}. Expected one of [${H}], got value ${JSON.stringify(
+            m
           )}.`
         );
       }
-      return h;
+      return v;
     } : void 0,
-    [At]: !0
+    [pt]: !0
   };
-  return Ne(e, "default") && (f.default = o), f;
-}, oe = (e) => Ar(
-  Object.entries(e).map(([t, n]) => [
-    t,
-    It(n, t)
+  return rt(t, "default") && (f.default = a), f;
+}, mt = (t) => Gt(
+  Object.entries(t).map(([r, e]) => [
+    r,
+    bt(e, r)
   ])
-), Yr = ["", "default", "small", "large"], Pt = It({
+), Wt = ["", "default", "small", "large"], Ut = bt({
   type: String,
-  values: Yr,
+  values: Wt,
   required: !1
-}), Bt = /* @__PURE__ */ Symbol("size"), Xr = () => {
-  const e = $(Bt, {});
-  return c(() => l(e.size) || "");
-}, Qr = /* @__PURE__ */ Symbol("emptyValuesContextKey"), eo = oe({
-  emptyValues: Array,
-  valueOnClear: {
-    type: k([
-      String,
-      Number,
-      Boolean,
-      Function
-    ]),
-    default: void 0,
-    validator: (e) => (e = ve(e) ? e() : e, hn(e) ? e.every((t) => !t) : !e)
-  }
-}), rt = (e) => Object.keys(e), me = T();
-function Ve(e, t = void 0) {
-  const n = K() ? $(_t, me) : me;
-  return e ? c(() => {
-    var r, o;
-    return (o = (r = n.value) == null ? void 0 : r[e]) != null ? o : t;
-  }) : n;
-}
-function to(e, t) {
-  const n = Ve(), r = Q(
-    e,
-    c(() => {
-      var i;
-      return ((i = n.value) == null ? void 0 : i.namespace) || ge;
-    })
-  ), o = Jr(c(() => {
-    var i;
-    return (i = n.value) == null ? void 0 : i.locale;
-  })), a = Gr(
-    c(() => {
-      var i;
-      return ((i = n.value) == null ? void 0 : i.zIndex) || Et;
-    })
-  ), s = c(() => {
-    var i;
-    return l(t) || ((i = n.value) == null ? void 0 : i.size) || "";
+}), Jt = /* @__PURE__ */ Symbol("size"), Zt = () => {
+  const t = w(Jt, {});
+  return h(() => g(t.size) || "");
+}, nt = E();
+function Yt(t, r = void 0) {
+  const e = Z() ? w(Pt, nt) : nt;
+  return h(() => {
+    var n, a;
+    return (a = (n = e.value) == null ? void 0 : n[t]) != null ? a : r;
   });
-  return zt(c(() => l(n) || {})), {
-    ns: r,
-    locale: o,
-    zIndex: a,
-    size: s
-  };
 }
-const zt = (e, t, n = !1) => {
-  var r;
-  const o = !!K(), a = o ? Ve() : void 0, s = (r = void 0) != null ? r : o ? ft : void 0;
-  if (!s) {
-    re(
-      "provideGlobalConfig",
-      "provideGlobalConfig() can only be used inside setup()."
-    );
-    return;
-  }
-  const i = c(() => {
-    const f = l(e);
-    return a?.value ? no(a.value, f) : f;
-  });
-  return s(_t, i), s(
-    Ot,
-    c(() => i.value.locale)
-  ), s(
-    wt,
-    c(() => i.value.namespace)
-  ), s(
-    $t,
-    c(() => i.value.zIndex)
-  ), s(Bt, {
-    size: c(() => i.value.size || "")
-  }), s(
-    Qr,
-    c(() => ({
-      emptyValues: i.value.emptyValues,
-      valueOnClear: i.value.valueOnClear
-    }))
-  ), (n || !me.value) && (me.value = i.value), i;
-}, no = (e, t) => {
-  const n = [.../* @__PURE__ */ new Set([...rt(e), ...rt(t)])], r = {};
-  for (const o of n)
-    r[o] = t[o] !== void 0 ? t[o] : e[o];
-  return r;
-};
-var ce = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, o] of t)
-    n[r] = o;
-  return n;
-};
-const Ge = (e, t) => {
-  if (e.install = (n) => {
-    for (const r of [e, ...Object.values(t ?? {})])
-      n.component(r.name, r);
-  }, t)
-    for (const [n, r] of Object.entries(t))
-      e[n] = r;
+var Q = (t, r) => {
+  const e = t.__vccOpts || t;
+  for (const [n, a] of r)
+    e[n] = a;
   return e;
-}, ro = (e, t) => (e.install = (n) => {
-  e._context = n._context, n.config.globalProperties[t] = e;
-}, e), oo = (e) => (e.install = dn, e), ao = "utils/dom/style";
-function $e(e, t = "px") {
-  if (!e && e !== 0)
+};
+const yt = (t, r) => {
+  if (t.install = (e) => {
+    for (const n of [t, ...Object.values(r ?? {})])
+      e.component(n.name, n);
+  }, r)
+    for (const [e, n] of Object.entries(r))
+      t[e] = n;
+  return t;
+}, Qt = (t) => (t.install = Ft, t), Xt = "utils/dom/style";
+function te(t, r = "px") {
+  if (!t && t !== 0)
     return "";
-  if (W(e) || Pr(e))
-    return `${e}${t}`;
-  if (ee(e))
-    return e;
-  re(ao, "binding value must be a string or number");
+  if (Dt(t) || Kt(t))
+    return `${t}${r}`;
+  if (Y(t))
+    return t;
+  vt(Xt, "binding value must be a string or number");
 }
-const so = oe({
+const ee = mt({
   size: {
-    type: k([Number, String])
+    type: j([Number, String])
   },
   color: {
     type: String
   }
-}), io = N({
+}), re = I({
   name: "ElIcon",
   inheritAttrs: !1,
   __name: "icon",
-  props: so,
-  setup(e) {
-    const t = e, n = Q("icon"), r = c(() => {
-      const { size: o, color: a } = t, s = $e(o);
-      return !s && !a ? {} : {
-        fontSize: s,
-        "--color": a
+  props: ee,
+  setup(t) {
+    const r = t, e = F("icon"), n = h(() => {
+      const { size: a, color: o } = r, i = te(a);
+      return !i && !o ? {} : {
+        fontSize: i,
+        "--color": o
       };
     });
-    return (o, a) => (m(), O(
+    return (a, o) => (S(), P(
       "i",
-      dt({
-        class: l(n).b(),
-        style: r.value
-      }, o.$attrs),
+      lt({
+        class: g(e).b(),
+        style: n.value
+      }, a.$attrs),
       [
-        F(o.$slots, "default")
+        R(a.$slots, "default")
       ],
       16
     ));
   }
 });
-var lo = /* @__PURE__ */ ce(io, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const be = Ge(lo);
-var co = /* @__PURE__ */ N({
-  name: "CircleCloseFilled",
-  __name: "circle-close-filled",
-  setup(e) {
-    return (t, n) => (m(), O("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      R("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
-      })
-    ]));
-  }
-}), uo = co, fo = /* @__PURE__ */ N({
-  name: "Close",
-  __name: "close",
-  setup(e) {
-    return (t, n) => (m(), O("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      R("path", {
-        fill: "currentColor",
-        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-      })
-    ]));
-  }
-}), po = fo, ho = /* @__PURE__ */ N({
-  name: "InfoFilled",
-  __name: "info-filled",
-  setup(e) {
-    return (t, n) => (m(), O("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      R("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.99 12.99 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
-      })
-    ]));
-  }
-}), ot = ho, go = /* @__PURE__ */ N({
+var ne = /* @__PURE__ */ Q(re, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
+const at = yt(ne);
+var ae = /* @__PURE__ */ I({
   name: "Loading",
   __name: "loading",
-  setup(e) {
-    return (t, n) => (m(), O("svg", {
+  setup(t) {
+    return (r, e) => (S(), P("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      R("path", {
+      At("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"
       })
     ]));
   }
-}), vo = go, mo = /* @__PURE__ */ N({
-  name: "SuccessFilled",
-  __name: "success-filled",
-  setup(e) {
-    return (t, n) => (m(), O("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      R("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
-      })
-    ]));
-  }
-}), bo = mo, yo = /* @__PURE__ */ N({
-  name: "WarningFilled",
-  __name: "warning-filled",
-  setup(e) {
-    return (t, n) => (m(), O("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      R("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.43 58.43 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.43 58.43 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
-      })
-    ]));
-  }
-}), _o = yo;
-const Oe = k([
+}), oe = ae;
+const ot = j([
   String,
   Object,
   Function
-]), wo = {
-  Close: po
-}, at = {
-  primary: ot,
-  success: bo,
-  warning: _o,
-  error: uo,
-  info: ot
-}, So = () => ne && /android/i.test(window.navigator.userAgent), xo = (e) => e, Ke = /* @__PURE__ */ Symbol("formContextKey"), jt = /* @__PURE__ */ Symbol("formItemContextKey"), Co = () => {
-  const e = $(Ke, void 0), t = $(jt, void 0);
+]), X = /* @__PURE__ */ Symbol("formContextKey"), _t = /* @__PURE__ */ Symbol("formItemContextKey"), ie = () => {
+  const t = w(X, void 0), r = w(_t, void 0);
   return {
-    form: e,
-    formItem: t
+    form: t,
+    formItem: r
   };
-}, Ft = (e) => {
-  const t = K();
-  return c(() => {
-    var n, r;
-    return (r = (n = t?.proxy) == null ? void 0 : n.$props) == null ? void 0 : r[e];
+}, St = (t) => {
+  const r = Z();
+  return h(() => {
+    var e, n;
+    return (n = (e = r?.proxy) == null ? void 0 : e.$props) == null ? void 0 : n[t];
   });
-}, ko = (e, t = {}) => {
-  const n = T(void 0), r = t.prop ? n : Ft("size"), o = t.global ? n : Xr(), a = t.form ? { size: void 0 } : $(Ke, void 0), s = t.formItem ? { size: void 0 } : $(jt, void 0);
-  return c(
-    () => r.value || l(e) || s?.size || a?.size || o.value || ""
+}, se = (t, r = {}) => {
+  const e = E(void 0), n = r.prop ? e : St("size"), a = r.global ? e : Zt(), o = r.form ? { size: void 0 } : w(X, void 0), i = r.formItem ? { size: void 0 } : w(_t, void 0);
+  return h(
+    () => n.value || g(t) || i?.size || o?.size || a.value || ""
   );
-}, Dt = (e) => {
-  const t = Ft("disabled"), n = $(Ke, void 0);
-  return c(() => {
-    var r, o, a;
-    return (a = (o = (r = t.value) != null ? r : l(e)) != null ? o : n?.disabled) != null ? a : !1;
+}, xt = (t) => {
+  const r = St("disabled"), e = w(X, void 0);
+  return h(() => {
+    var n, a, o;
+    return (o = (a = (n = r.value) != null ? n : g(t)) != null ? a : e?.disabled) != null ? o : !1;
   });
-}, Ae = {
-  tab: "Tab",
-  enter: "Enter",
-  space: "Space",
-  left: "ArrowLeft",
-  up: "ArrowUp",
-  right: "ArrowRight",
-  down: "ArrowDown",
-  esc: "Escape",
-  delete: "Delete",
-  backspace: "Backspace",
-  numpadEnter: "NumpadEnter",
-  pageUp: "PageUp",
-  pageDown: "PageDown",
-  home: "Home",
-  end: "End"
-}, To = (e) => {
-  if (e.code && e.code !== "Unidentified")
-    return e.code;
-  const t = Mo(e);
-  return t ? Object.values(Ae).includes(t) ? t : t === " " ? Ae.space : "" : "";
-}, Mo = (e) => {
-  let t = e.key && e.key !== "Unidentified" ? e.key : "";
-  if (!t && e.type === "keyup" && So()) {
-    const n = e.target;
-    t = n.value.charAt(n.selectionStart - 1);
-  }
-  return t;
-}, No = oe({
-  value: {
-    type: [String, Number],
-    default: ""
-  },
-  max: {
-    type: Number,
-    default: 99
-  },
-  isDot: Boolean,
-  hidden: Boolean,
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger"],
-    default: "danger"
-  },
-  showZero: {
-    type: Boolean,
-    default: !0
-  },
-  color: String,
-  badgeStyle: {
-    type: k([String, Object, Array])
-  },
-  offset: {
-    type: k(Array),
-    default: [0, 0]
-  },
-  badgeClass: {
-    type: String
-  }
-}), Eo = N({
-  name: "ElBadge",
-  __name: "badge",
-  props: No,
-  setup(e, { expose: t }) {
-    const n = e, r = Q("badge"), o = c(() => n.isDot ? "" : W(n.value) && W(n.max) ? n.max < n.value ? `${n.max}+` : `${n.value}` : `${n.value}`), a = c(() => {
-      var s;
-      return [
-        {
-          backgroundColor: n.color,
-          marginRight: $e(-n.offset[0]),
-          marginTop: $e(n.offset[1])
-        },
-        (s = n.badgeStyle) != null ? s : {}
-      ];
-    });
-    return t({
-      content: o
-    }), (s, i) => (m(), O(
-      "div",
-      {
-        class: P(l(r).b())
-      },
-      [
-        F(s.$slots, "default"),
-        Be(pt, {
-          name: `${l(r).namespace.value}-zoom-in-center`,
-          persisted: ""
-        }, {
-          default: D(() => [
-            ht(R(
-              "sup",
-              {
-                class: P([
-                  l(r).e("content"),
-                  l(r).em("content", s.type),
-                  l(r).is("fixed", !!s.$slots.default),
-                  l(r).is("dot", s.isDot),
-                  l(r).is("hide-zero", !s.showZero && s.value === 0),
-                  s.badgeClass
-                ]),
-                style: gt(a.value)
-              },
-              [
-                F(s.$slots, "content", { value: o.value }, () => [
-                  ze(
-                    ye(o.value),
-                    1
-                  )
-                ])
-              ],
-              6
-            ), [
-              [vt, !s.hidden && (o.value || s.isDot || s.$slots.content)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["name"])
-      ],
-      2
-    ));
-  }
-});
-var $o = /* @__PURE__ */ ce(Eo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/badge/src/badge.vue"]]);
-const Oo = Ge($o), Rt = /* @__PURE__ */ Symbol(
+}, kt = /* @__PURE__ */ Symbol(
   "buttonGroupContextKey"
-), Ao = ({ from: e, replacement: t, scope: n, version: r, ref: o, type: a = "API" }, s) => {
-  le(
-    () => l(s),
-    (i) => {
-      i && re(
-        n,
-        `[${a}] ${e} is about to be deprecated in version ${r}, please use ${t} instead.
-For more detail, please visit: ${o}
+), ce = ({ from: t, replacement: r, scope: e, version: n, ref: a, type: o = "API" }, i) => {
+  Et(
+    () => g(i),
+    (s) => {
+      s && vt(
+        e,
+        `[${o}] ${t} is about to be deprecated in version ${n}, please use ${r} instead.
+For more detail, please visit: ${a}
 `
       );
     },
@@ -1088,8 +219,8 @@ For more detail, please visit: ${o}
       immediate: !0
     }
   );
-}, Io = (e, t) => {
-  Ao(
+}, ue = (t, r) => {
+  ce(
     {
       from: "type.text",
       replacement: "link",
@@ -1097,67 +228,67 @@ For more detail, please visit: ${o}
       scope: "props",
       ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
     },
-    c(() => e.type === "text")
+    h(() => t.type === "text")
   );
-  const n = $(Rt, void 0), r = Ve("button"), { form: o } = Co(), a = ko(c(() => n?.size)), s = Dt(), i = T(), f = on(), b = c(
+  const e = w(kt, void 0), n = Yt("button"), { form: a } = ie(), o = se(h(() => e?.size)), i = xt(), s = E(), f = Ht(), m = h(
     () => {
-      var d;
-      return e.type || n?.type || ((d = r.value) == null ? void 0 : d.type) || "";
+      var u;
+      return t.type || e?.type || ((u = n.value) == null ? void 0 : u.type) || "";
     }
-  ), h = c(
+  ), v = h(
     () => {
-      var d, p, w;
-      return (w = (p = e.autoInsertSpace) != null ? p : (d = r.value) == null ? void 0 : d.autoInsertSpace) != null ? w : !1;
+      var u, l, b;
+      return (b = (l = t.autoInsertSpace) != null ? l : (u = n.value) == null ? void 0 : u.autoInsertSpace) != null ? b : !1;
     }
-  ), g = c(
+  ), _ = h(
     () => {
-      var d, p, w;
-      return (w = (p = e.plain) != null ? p : (d = r.value) == null ? void 0 : d.plain) != null ? w : !1;
+      var u, l, b;
+      return (b = (l = t.plain) != null ? l : (u = n.value) == null ? void 0 : u.plain) != null ? b : !1;
     }
-  ), _ = c(
+  ), H = h(
     () => {
-      var d, p, w;
-      return (w = (p = e.round) != null ? p : (d = r.value) == null ? void 0 : d.round) != null ? w : !1;
+      var u, l, b;
+      return (b = (l = t.round) != null ? l : (u = n.value) == null ? void 0 : u.round) != null ? b : !1;
     }
-  ), M = c(() => {
-    var d, p, w;
-    return (w = (p = e.text) != null ? p : (d = r.value) == null ? void 0 : d.text) != null ? w : !1;
-  }), z = c(() => e.tag === "button" ? {
-    ariaDisabled: s.value || e.loading,
-    disabled: s.value || e.loading,
-    autofocus: e.autofocus,
-    type: e.nativeType
-  } : {}), u = c(() => {
-    var d;
-    const p = (d = f.default) == null ? void 0 : d.call(f);
-    if (h.value && p?.length === 1) {
-      const w = p[0];
-      if (w?.type === an) {
-        const ue = w.children;
-        return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(ue.trim());
+  ), C = h(() => {
+    var u, l, b;
+    return (b = (l = t.text) != null ? l : (u = n.value) == null ? void 0 : u.text) != null ? b : !1;
+  }), T = h(() => t.tag === "button" ? {
+    ariaDisabled: i.value || t.loading,
+    disabled: i.value || t.loading,
+    autofocus: t.autofocus,
+    type: t.nativeType
+  } : {}), c = h(() => {
+    var u;
+    const l = (u = f.default) == null ? void 0 : u.call(f);
+    if (v.value && l?.length === 1) {
+      const b = l[0];
+      if (b?.type === Ct) {
+        const Nt = b.children;
+        return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(Nt.trim());
       }
     }
     return !1;
   });
   return {
-    _disabled: s,
-    _size: a,
-    _type: b,
-    _ref: i,
-    _props: z,
-    _plain: g,
-    _round: _,
-    _text: M,
-    shouldAddSpace: u,
-    handleClick: (d) => {
-      if (s.value || e.loading) {
-        d.stopPropagation();
+    _disabled: i,
+    _size: o,
+    _type: m,
+    _ref: s,
+    _props: T,
+    _plain: _,
+    _round: H,
+    _text: C,
+    shouldAddSpace: c,
+    handleClick: (u) => {
+      if (i.value || t.loading) {
+        u.stopPropagation();
         return;
       }
-      e.nativeType === "reset" && o?.resetFields(), t("click", d);
+      t.nativeType === "reset" && a?.resetFields(), r("click", u);
     }
   };
-}, Po = [
+}, le = [
   "default",
   "primary",
   "success",
@@ -1166,29 +297,29 @@ For more detail, please visit: ${o}
   "danger",
   "text",
   ""
-], Bo = ["button", "submit", "reset"], Ie = oe({
-  size: Pt,
+], fe = ["button", "submit", "reset"], U = mt({
+  size: Ut,
   disabled: {
     type: Boolean,
     default: void 0
   },
   type: {
     type: String,
-    values: Po,
+    values: le,
     default: ""
   },
   icon: {
-    type: Oe
+    type: ot
   },
   nativeType: {
     type: String,
-    values: Bo,
+    values: fe,
     default: "button"
   },
   loading: Boolean,
   loadingIcon: {
-    type: Oe,
-    default: () => vo
+    type: ot,
+    default: () => oe
   },
   plain: {
     type: Boolean,
@@ -1213,137 +344,137 @@ For more detail, please visit: ${o}
     default: void 0
   },
   tag: {
-    type: k([String, Object]),
+    type: j([String, Object]),
     default: "button"
   }
-}), zo = {
-  click: (e) => e instanceof MouseEvent
+}), de = {
+  click: (t) => t instanceof MouseEvent
 };
-function S(e, t) {
-  jo(e) && (e = "100%");
-  var n = Fo(e);
-  return e = t === 360 ? e : Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (t === 360 ? e = (e < 0 ? e % t + t : e % t) / parseFloat(String(t)) : e = e % t / parseFloat(String(t)), e);
+function p(t, r) {
+  he(t) && (t = "100%");
+  var e = ge(t);
+  return t = r === 360 ? t : Math.min(r, Math.max(0, parseFloat(t))), e && (t = parseInt(String(t * r), 10) / 100), Math.abs(t - r) < 1e-6 ? 1 : (r === 360 ? t = (t < 0 ? t % r + r : t % r) / parseFloat(String(r)) : t = t % r / parseFloat(String(r)), t);
 }
-function de(e) {
-  return Math.min(1, Math.max(0, e));
+function O(t) {
+  return Math.min(1, Math.max(0, t));
 }
-function jo(e) {
-  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
+function he(t) {
+  return typeof t == "string" && t.indexOf(".") !== -1 && parseFloat(t) === 1;
 }
-function Fo(e) {
-  return typeof e == "string" && e.indexOf("%") !== -1;
+function ge(t) {
+  return typeof t == "string" && t.indexOf("%") !== -1;
 }
-function Ht(e) {
-  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+function wt(t) {
+  return t = parseFloat(t), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
 }
-function pe(e) {
-  return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
+function z(t) {
+  return t <= 1 ? "".concat(Number(t) * 100, "%") : t;
 }
-function G(e) {
-  return e.length === 1 ? "0" + e : String(e);
+function A(t) {
+  return t.length === 1 ? "0" + t : String(t);
 }
-function Do(e, t, n) {
+function ve(t, r, e) {
   return {
-    r: S(e, 255) * 255,
-    g: S(t, 255) * 255,
-    b: S(n, 255) * 255
+    r: p(t, 255) * 255,
+    g: p(r, 255) * 255,
+    b: p(e, 255) * 255
   };
 }
-function st(e, t, n) {
-  e = S(e, 255), t = S(t, 255), n = S(n, 255);
-  var r = Math.max(e, t, n), o = Math.min(e, t, n), a = 0, s = 0, i = (r + o) / 2;
-  if (r === o)
-    s = 0, a = 0;
+function it(t, r, e) {
+  t = p(t, 255), r = p(r, 255), e = p(e, 255);
+  var n = Math.max(t, r, e), a = Math.min(t, r, e), o = 0, i = 0, s = (n + a) / 2;
+  if (n === a)
+    i = 0, o = 0;
   else {
-    var f = r - o;
-    switch (s = i > 0.5 ? f / (2 - r - o) : f / (r + o), r) {
-      case e:
-        a = (t - n) / f + (t < n ? 6 : 0);
-        break;
+    var f = n - a;
+    switch (i = s > 0.5 ? f / (2 - n - a) : f / (n + a), n) {
       case t:
-        a = (n - e) / f + 2;
+        o = (r - e) / f + (r < e ? 6 : 0);
+        break;
+      case r:
+        o = (e - t) / f + 2;
         break;
-      case n:
-        a = (e - t) / f + 4;
+      case e:
+        o = (t - r) / f + 4;
         break;
     }
-    a /= 6;
+    o /= 6;
   }
-  return { h: a, s, l: i };
+  return { h: o, s: i, l: s };
 }
-function ke(e, t, n) {
-  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * (6 * n) : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
+function K(t, r, e) {
+  return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? t + (r - t) * (6 * e) : e < 1 / 2 ? r : e < 2 / 3 ? t + (r - t) * (2 / 3 - e) * 6 : t;
 }
-function Ro(e, t, n) {
-  var r, o, a;
-  if (e = S(e, 360), t = S(t, 100), n = S(n, 100), t === 0)
-    o = n, a = n, r = n;
+function pe(t, r, e) {
+  var n, a, o;
+  if (t = p(t, 360), r = p(r, 100), e = p(e, 100), r === 0)
+    a = e, o = e, n = e;
   else {
-    var s = n < 0.5 ? n * (1 + t) : n + t - n * t, i = 2 * n - s;
-    r = ke(i, s, e + 1 / 3), o = ke(i, s, e), a = ke(i, s, e - 1 / 3);
+    var i = e < 0.5 ? e * (1 + r) : e + r - e * r, s = 2 * e - i;
+    n = K(s, i, t + 1 / 3), a = K(s, i, t), o = K(s, i, t - 1 / 3);
   }
-  return { r: r * 255, g: o * 255, b: a * 255 };
+  return { r: n * 255, g: a * 255, b: o * 255 };
 }
-function it(e, t, n) {
-  e = S(e, 255), t = S(t, 255), n = S(n, 255);
-  var r = Math.max(e, t, n), o = Math.min(e, t, n), a = 0, s = r, i = r - o, f = r === 0 ? 0 : i / r;
-  if (r === o)
-    a = 0;
+function st(t, r, e) {
+  t = p(t, 255), r = p(r, 255), e = p(e, 255);
+  var n = Math.max(t, r, e), a = Math.min(t, r, e), o = 0, i = n, s = n - a, f = n === 0 ? 0 : s / n;
+  if (n === a)
+    o = 0;
   else {
-    switch (r) {
-      case e:
-        a = (t - n) / i + (t < n ? 6 : 0);
-        break;
+    switch (n) {
       case t:
-        a = (n - e) / i + 2;
+        o = (r - e) / s + (r < e ? 6 : 0);
+        break;
+      case r:
+        o = (e - t) / s + 2;
         break;
-      case n:
-        a = (e - t) / i + 4;
+      case e:
+        o = (t - r) / s + 4;
         break;
     }
-    a /= 6;
+    o /= 6;
   }
-  return { h: a, s: f, v: s };
+  return { h: o, s: f, v: i };
 }
-function Ho(e, t, n) {
-  e = S(e, 360) * 6, t = S(t, 100), n = S(n, 100);
-  var r = Math.floor(e), o = e - r, a = n * (1 - t), s = n * (1 - o * t), i = n * (1 - (1 - o) * t), f = r % 6, b = [n, s, a, a, i, n][f], h = [i, n, n, s, a, a][f], g = [a, a, i, n, n, s][f];
-  return { r: b * 255, g: h * 255, b: g * 255 };
+function be(t, r, e) {
+  t = p(t, 360) * 6, r = p(r, 100), e = p(e, 100);
+  var n = Math.floor(t), a = t - n, o = e * (1 - r), i = e * (1 - a * r), s = e * (1 - (1 - a) * r), f = n % 6, m = [e, i, o, o, s, e][f], v = [s, e, e, i, o, o][f], _ = [o, o, s, e, e, i][f];
+  return { r: m * 255, g: v * 255, b: _ * 255 };
 }
-function lt(e, t, n, r) {
-  var o = [
-    G(Math.round(e).toString(16)),
-    G(Math.round(t).toString(16)),
-    G(Math.round(n).toString(16))
+function ct(t, r, e, n) {
+  var a = [
+    A(Math.round(t).toString(16)),
+    A(Math.round(r).toString(16)),
+    A(Math.round(e).toString(16))
   ];
-  return r && 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("");
+  return n && 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("");
 }
-function Lo(e, t, n, r, o) {
-  var a = [
-    G(Math.round(e).toString(16)),
-    G(Math.round(t).toString(16)),
-    G(Math.round(n).toString(16)),
-    G(Vo(r))
+function me(t, r, e, n, a) {
+  var o = [
+    A(Math.round(t).toString(16)),
+    A(Math.round(r).toString(16)),
+    A(Math.round(e).toString(16)),
+    A(ye(n))
   ];
-  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("");
+  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("");
 }
-function Vo(e) {
-  return Math.round(parseFloat(e) * 255).toString(16);
+function ye(t) {
+  return Math.round(parseFloat(t) * 255).toString(16);
 }
-function ct(e) {
-  return E(e) / 255;
+function ut(t) {
+  return y(t) / 255;
 }
-function E(e) {
-  return parseInt(e, 16);
+function y(t) {
+  return parseInt(t, 16);
 }
-function Go(e) {
+function _e(t) {
   return {
-    r: e >> 16,
-    g: (e & 65280) >> 8,
-    b: e & 255
+    r: t >> 16,
+    g: (t & 65280) >> 8,
+    b: t & 255
   };
 }
-var Pe = {
+var J = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -1493,842 +624,442 @@ var Pe = {
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
 };
-function Ko(e) {
-  var t = { r: 0, g: 0, b: 0 }, n = 1, r = null, o = null, a = null, s = !1, i = !1;
-  return typeof e == "string" && (e = Zo(e)), typeof e == "object" && (j(e.r) && j(e.g) && j(e.b) ? (t = Do(e.r, e.g, e.b), s = !0, i = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : j(e.h) && j(e.s) && j(e.v) ? (r = pe(e.s), o = pe(e.v), t = Ho(e.h, r, o), s = !0, i = "hsv") : j(e.h) && j(e.s) && j(e.l) && (r = pe(e.s), a = pe(e.l), t = Ro(e.h, r, a), s = !0, i = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Ht(n), {
-    ok: s,
-    format: e.format || i,
-    r: Math.min(255, Math.max(t.r, 0)),
-    g: Math.min(255, Math.max(t.g, 0)),
-    b: Math.min(255, Math.max(t.b, 0)),
-    a: n
+function Se(t) {
+  var r = { r: 0, g: 0, b: 0 }, e = 1, n = null, a = null, o = null, i = !1, s = !1;
+  return typeof t == "string" && (t = we(t)), typeof t == "object" && (k(t.r) && k(t.g) && k(t.b) ? (r = ve(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 = z(t.s), a = z(t.v), r = be(t.h, n, a), i = !0, s = "hsv") : k(t.h) && k(t.s) && k(t.l) && (n = z(t.s), o = z(t.l), r = pe(t.h, n, o), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(t, "a") && (e = t.a)), e = wt(e), {
+    ok: i,
+    format: t.format || s,
+    r: Math.min(255, Math.max(r.r, 0)),
+    g: Math.min(255, Math.max(r.g, 0)),
+    b: Math.min(255, Math.max(r.b, 0)),
+    a: e
   };
 }
-var Uo = "[-\\+]?\\d+%?", Wo = "[-\\+]?\\d*\\.\\d+%?", L = "(?:".concat(Wo, ")|(?:").concat(Uo, ")"), Te = "[\\s|\\(]+(".concat(L, ")[,|\\s]+(").concat(L, ")[,|\\s]+(").concat(L, ")\\s*\\)?"), Me = "[\\s|\\(]+(".concat(L, ")[,|\\s]+(").concat(L, ")[,|\\s]+(").concat(L, ")[,|\\s]+(").concat(L, ")\\s*\\)?"), I = {
-  CSS_UNIT: new RegExp(L),
-  rgb: new RegExp("rgb" + Te),
-  rgba: new RegExp("rgba" + Me),
-  hsl: new RegExp("hsl" + Te),
-  hsla: new RegExp("hsla" + Me),
-  hsv: new RegExp("hsv" + Te),
-  hsva: new RegExp("hsva" + Me),
+var xe = "[-\\+]?\\d+%?", ke = "[-\\+]?\\d*\\.\\d+%?", $ = "(?:".concat(ke, ")|(?:").concat(xe, ")"), L = "[\\s|\\(]+(".concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")\\s*\\)?"), q = "[\\s|\\(]+(".concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")\\s*\\)?"), x = {
+  CSS_UNIT: new RegExp($),
+  rgb: new RegExp("rgb" + L),
+  rgba: new RegExp("rgba" + q),
+  hsl: new RegExp("hsl" + L),
+  hsla: new RegExp("hsla" + q),
+  hsv: new RegExp("hsv" + L),
+  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 Zo(e) {
-  if (e = e.trim().toLowerCase(), e.length === 0)
+function we(t) {
+  if (t = t.trim().toLowerCase(), t.length === 0)
     return !1;
-  var t = !1;
-  if (Pe[e])
-    e = Pe[e], t = !0;
-  else if (e === "transparent")
+  var r = !1;
+  if (J[t])
+    t = J[t], r = !0;
+  else if (t === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  var n = I.rgb.exec(e);
-  return n ? { r: n[1], g: n[2], b: n[3] } : (n = I.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = I.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = I.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = I.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = I.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = I.hex8.exec(e), n ? {
-    r: E(n[1]),
-    g: E(n[2]),
-    b: E(n[3]),
-    a: ct(n[4]),
-    format: t ? "name" : "hex8"
-  } : (n = I.hex6.exec(e), n ? {
-    r: E(n[1]),
-    g: E(n[2]),
-    b: E(n[3]),
-    format: t ? "name" : "hex"
-  } : (n = I.hex4.exec(e), n ? {
-    r: E(n[1] + n[1]),
-    g: E(n[2] + n[2]),
-    b: E(n[3] + n[3]),
-    a: ct(n[4] + n[4]),
-    format: t ? "name" : "hex8"
-  } : (n = I.hex3.exec(e), n ? {
-    r: E(n[1] + n[1]),
-    g: E(n[2] + n[2]),
-    b: E(n[3] + n[3]),
-    format: t ? "name" : "hex"
+  var e = x.rgb.exec(t);
+  return e ? { r: e[1], g: e[2], b: e[3] } : (e = x.rgba.exec(t), e ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = x.hsl.exec(t), e ? { h: e[1], s: e[2], l: e[3] } : (e = x.hsla.exec(t), e ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = x.hsv.exec(t), e ? { h: e[1], s: e[2], v: e[3] } : (e = x.hsva.exec(t), e ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = x.hex8.exec(t), e ? {
+    r: y(e[1]),
+    g: y(e[2]),
+    b: y(e[3]),
+    a: ut(e[4]),
+    format: r ? "name" : "hex8"
+  } : (e = x.hex6.exec(t), e ? {
+    r: y(e[1]),
+    g: y(e[2]),
+    b: y(e[3]),
+    format: r ? "name" : "hex"
+  } : (e = x.hex4.exec(t), e ? {
+    r: y(e[1] + e[1]),
+    g: y(e[2] + e[2]),
+    b: y(e[3] + e[3]),
+    a: ut(e[4] + e[4]),
+    format: r ? "name" : "hex8"
+  } : (e = x.hex3.exec(t), e ? {
+    r: y(e[1] + e[1]),
+    g: y(e[2] + e[2]),
+    b: y(e[3] + e[3]),
+    format: r ? "name" : "hex"
   } : !1)))))))));
 }
-function j(e) {
-  return !!I.CSS_UNIT.exec(String(e));
+function k(t) {
+  return !!x.CSS_UNIT.exec(String(t));
 }
-var Jo = (
+var Me = (
   /** @class */
   (function() {
-    function e(t, n) {
-      t === void 0 && (t = ""), n === void 0 && (n = {});
-      var r;
-      if (t instanceof e)
-        return t;
-      typeof t == "number" && (t = Go(t)), this.originalInput = t;
-      var o = Ko(t);
-      this.originalInput = t, 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 = (r = n.format) !== null && r !== void 0 ? r : o.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 = o.ok;
+    function t(r, e) {
+      r === void 0 && (r = ""), e === void 0 && (e = {});
+      var n;
+      if (r instanceof t)
+        return r;
+      typeof r == "number" && (r = _e(r)), this.originalInput = r;
+      var a = Se(r);
+      this.originalInput = r, 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 = (n = e.format) !== null && n !== void 0 ? n : a.format, this.gradientType = e.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;
     }
-    return e.prototype.isDark = function() {
+    return t.prototype.isDark = function() {
       return this.getBrightness() < 128;
-    }, e.prototype.isLight = function() {
+    }, t.prototype.isLight = function() {
       return !this.isDark();
-    }, e.prototype.getBrightness = function() {
-      var t = this.toRgb();
-      return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
-    }, e.prototype.getLuminance = function() {
-      var t = this.toRgb(), n, r, o, a = t.r / 255, s = t.g / 255, i = t.b / 255;
-      return a <= 0.03928 ? n = a / 12.92 : n = Math.pow((a + 0.055) / 1.055, 2.4), s <= 0.03928 ? r = s / 12.92 : r = Math.pow((s + 0.055) / 1.055, 2.4), i <= 0.03928 ? o = i / 12.92 : o = Math.pow((i + 0.055) / 1.055, 2.4), 0.2126 * n + 0.7152 * r + 0.0722 * o;
-    }, e.prototype.getAlpha = function() {
+    }, t.prototype.getBrightness = function() {
+      var r = this.toRgb();
+      return (r.r * 299 + r.g * 587 + r.b * 114) / 1e3;
+    }, t.prototype.getLuminance = function() {
+      var r = this.toRgb(), e, n, a, o = r.r / 255, i = r.g / 255, s = r.b / 255;
+      return o <= 0.03928 ? e = o / 12.92 : e = Math.pow((o + 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 ? a = s / 12.92 : a = Math.pow((s + 0.055) / 1.055, 2.4), 0.2126 * e + 0.7152 * n + 0.0722 * a;
+    }, t.prototype.getAlpha = function() {
       return this.a;
-    }, e.prototype.setAlpha = function(t) {
-      return this.a = Ht(t), this.roundA = Math.round(100 * this.a) / 100, this;
-    }, e.prototype.isMonochrome = function() {
-      var t = this.toHsl().s;
-      return t === 0;
-    }, e.prototype.toHsv = function() {
-      var t = it(this.r, this.g, this.b);
-      return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
-    }, e.prototype.toHsvString = function() {
-      var t = it(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), o = Math.round(t.v * 100);
-      return this.a === 1 ? "hsv(".concat(n, ", ").concat(r, "%, ").concat(o, "%)") : "hsva(".concat(n, ", ").concat(r, "%, ").concat(o, "%, ").concat(this.roundA, ")");
-    }, e.prototype.toHsl = function() {
-      var t = st(this.r, this.g, this.b);
-      return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
-    }, e.prototype.toHslString = function() {
-      var t = st(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), o = Math.round(t.l * 100);
-      return this.a === 1 ? "hsl(".concat(n, ", ").concat(r, "%, ").concat(o, "%)") : "hsla(".concat(n, ", ").concat(r, "%, ").concat(o, "%, ").concat(this.roundA, ")");
-    }, e.prototype.toHex = function(t) {
-      return t === void 0 && (t = !1), lt(this.r, this.g, this.b, t);
-    }, e.prototype.toHexString = function(t) {
-      return t === void 0 && (t = !1), "#" + this.toHex(t);
-    }, e.prototype.toHex8 = function(t) {
-      return t === void 0 && (t = !1), Lo(this.r, this.g, this.b, this.a, t);
-    }, e.prototype.toHex8String = function(t) {
-      return t === void 0 && (t = !1), "#" + this.toHex8(t);
-    }, e.prototype.toHexShortString = function(t) {
-      return t === void 0 && (t = !1), this.a === 1 ? this.toHexString(t) : this.toHex8String(t);
-    }, e.prototype.toRgb = function() {
+    }, t.prototype.setAlpha = function(r) {
+      return this.a = wt(r), this.roundA = Math.round(100 * this.a) / 100, this;
+    }, t.prototype.isMonochrome = function() {
+      var r = this.toHsl().s;
+      return r === 0;
+    }, t.prototype.toHsv = function() {
+      var r = st(this.r, this.g, this.b);
+      return { h: r.h * 360, s: r.s, v: r.v, a: this.a };
+    }, t.prototype.toHsvString = function() {
+      var r = st(this.r, this.g, this.b), e = Math.round(r.h * 360), n = Math.round(r.s * 100), a = Math.round(r.v * 100);
+      return this.a === 1 ? "hsv(".concat(e, ", ").concat(n, "%, ").concat(a, "%)") : "hsva(".concat(e, ", ").concat(n, "%, ").concat(a, "%, ").concat(this.roundA, ")");
+    }, t.prototype.toHsl = function() {
+      var r = it(this.r, this.g, this.b);
+      return { h: r.h * 360, s: r.s, l: r.l, a: this.a };
+    }, t.prototype.toHslString = function() {
+      var r = it(this.r, this.g, this.b), e = Math.round(r.h * 360), n = Math.round(r.s * 100), a = Math.round(r.l * 100);
+      return this.a === 1 ? "hsl(".concat(e, ", ").concat(n, "%, ").concat(a, "%)") : "hsla(".concat(e, ", ").concat(n, "%, ").concat(a, "%, ").concat(this.roundA, ")");
+    }, t.prototype.toHex = function(r) {
+      return r === void 0 && (r = !1), ct(this.r, this.g, this.b, r);
+    }, t.prototype.toHexString = function(r) {
+      return r === void 0 && (r = !1), "#" + this.toHex(r);
+    }, t.prototype.toHex8 = function(r) {
+      return r === void 0 && (r = !1), me(this.r, this.g, this.b, this.a, r);
+    }, t.prototype.toHex8String = function(r) {
+      return r === void 0 && (r = !1), "#" + this.toHex8(r);
+    }, t.prototype.toHexShortString = function(r) {
+      return r === void 0 && (r = !1), this.a === 1 ? this.toHexString(r) : this.toHex8String(r);
+    }, t.prototype.toRgb = function() {
       return {
         r: Math.round(this.r),
         g: Math.round(this.g),
         b: Math.round(this.b),
         a: this.a
       };
-    }, e.prototype.toRgbString = function() {
-      var t = Math.round(this.r), n = Math.round(this.g), r = Math.round(this.b);
-      return this.a === 1 ? "rgb(".concat(t, ", ").concat(n, ", ").concat(r, ")") : "rgba(".concat(t, ", ").concat(n, ", ").concat(r, ", ").concat(this.roundA, ")");
-    }, e.prototype.toPercentageRgb = function() {
-      var t = function(n) {
-        return "".concat(Math.round(S(n, 255) * 100), "%");
+    }, t.prototype.toRgbString = function() {
+      var r = Math.round(this.r), e = Math.round(this.g), n = Math.round(this.b);
+      return this.a === 1 ? "rgb(".concat(r, ", ").concat(e, ", ").concat(n, ")") : "rgba(".concat(r, ", ").concat(e, ", ").concat(n, ", ").concat(this.roundA, ")");
+    }, t.prototype.toPercentageRgb = function() {
+      var r = function(e) {
+        return "".concat(Math.round(p(e, 255) * 100), "%");
       };
       return {
-        r: t(this.r),
-        g: t(this.g),
-        b: t(this.b),
+        r: r(this.r),
+        g: r(this.g),
+        b: r(this.b),
         a: this.a
       };
-    }, e.prototype.toPercentageRgbString = function() {
-      var t = function(n) {
-        return Math.round(S(n, 255) * 100);
+    }, t.prototype.toPercentageRgbString = function() {
+      var r = function(e) {
+        return Math.round(p(e, 255) * 100);
       };
-      return this.a === 1 ? "rgb(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%)") : "rgba(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%, ").concat(this.roundA, ")");
-    }, e.prototype.toName = function() {
+      return this.a === 1 ? "rgb(".concat(r(this.r), "%, ").concat(r(this.g), "%, ").concat(r(this.b), "%)") : "rgba(".concat(r(this.r), "%, ").concat(r(this.g), "%, ").concat(r(this.b), "%, ").concat(this.roundA, ")");
+    }, t.prototype.toName = function() {
       if (this.a === 0)
         return "transparent";
       if (this.a < 1)
         return !1;
-      for (var t = "#" + lt(this.r, this.g, this.b, !1), n = 0, r = Object.entries(Pe); n < r.length; n++) {
-        var o = r[n], a = o[0], s = o[1];
-        if (t === s)
-          return a;
+      for (var r = "#" + ct(this.r, this.g, this.b, !1), e = 0, n = Object.entries(J); e < n.length; e++) {
+        var a = n[e], o = a[0], i = a[1];
+        if (r === i)
+          return o;
       }
       return !1;
-    }, e.prototype.toString = function(t) {
-      var n = !!t;
-      t = t ?? this.format;
-      var r = !1, o = this.a < 1 && this.a >= 0, a = !n && o && (t.startsWith("hex") || t === "name");
-      return a ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (r = this.toRgbString()), t === "prgb" && (r = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (r = this.toHexString()), t === "hex3" && (r = this.toHexString(!0)), t === "hex4" && (r = this.toHex8String(!0)), t === "hex8" && (r = this.toHex8String()), t === "name" && (r = this.toName()), t === "hsl" && (r = this.toHslString()), t === "hsv" && (r = this.toHsvString()), r || this.toHexString());
-    }, e.prototype.toNumber = function() {
+    }, t.prototype.toString = function(r) {
+      var e = !!r;
+      r = r ?? this.format;
+      var n = !1, a = this.a < 1 && this.a >= 0, o = !e && a && (r.startsWith("hex") || r === "name");
+      return o ? r === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (r === "rgb" && (n = this.toRgbString()), r === "prgb" && (n = this.toPercentageRgbString()), (r === "hex" || r === "hex6") && (n = this.toHexString()), r === "hex3" && (n = this.toHexString(!0)), r === "hex4" && (n = this.toHex8String(!0)), r === "hex8" && (n = this.toHex8String()), r === "name" && (n = this.toName()), r === "hsl" && (n = this.toHslString()), r === "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);
-    }, e.prototype.clone = function() {
-      return new e(this.toString());
-    }, e.prototype.lighten = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toHsl();
-      return n.l += t / 100, n.l = de(n.l), new e(n);
-    }, e.prototype.brighten = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toRgb();
-      return n.r = Math.max(0, Math.min(255, n.r - Math.round(255 * -(t / 100)))), n.g = Math.max(0, Math.min(255, n.g - Math.round(255 * -(t / 100)))), n.b = Math.max(0, Math.min(255, n.b - Math.round(255 * -(t / 100)))), new e(n);
-    }, e.prototype.darken = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toHsl();
-      return n.l -= t / 100, n.l = de(n.l), new e(n);
-    }, e.prototype.tint = function(t) {
-      return t === void 0 && (t = 10), this.mix("white", t);
-    }, e.prototype.shade = function(t) {
-      return t === void 0 && (t = 10), this.mix("black", t);
-    }, e.prototype.desaturate = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toHsl();
-      return n.s -= t / 100, n.s = de(n.s), new e(n);
-    }, e.prototype.saturate = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toHsl();
-      return n.s += t / 100, n.s = de(n.s), new e(n);
-    }, e.prototype.greyscale = function() {
+    }, t.prototype.clone = function() {
+      return new t(this.toString());
+    }, t.prototype.lighten = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toHsl();
+      return e.l += r / 100, e.l = O(e.l), new t(e);
+    }, t.prototype.brighten = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toRgb();
+      return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(r / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(r / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(r / 100)))), new t(e);
+    }, t.prototype.darken = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toHsl();
+      return e.l -= r / 100, e.l = O(e.l), new t(e);
+    }, t.prototype.tint = function(r) {
+      return r === void 0 && (r = 10), this.mix("white", r);
+    }, t.prototype.shade = function(r) {
+      return r === void 0 && (r = 10), this.mix("black", r);
+    }, t.prototype.desaturate = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toHsl();
+      return e.s -= r / 100, e.s = O(e.s), new t(e);
+    }, t.prototype.saturate = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toHsl();
+      return e.s += r / 100, e.s = O(e.s), new t(e);
+    }, t.prototype.greyscale = function() {
       return this.desaturate(100);
-    }, e.prototype.spin = function(t) {
-      var n = this.toHsl(), r = (n.h + t) % 360;
-      return n.h = r < 0 ? 360 + r : r, new e(n);
-    }, e.prototype.mix = function(t, n) {
-      n === void 0 && (n = 50);
-      var r = this.toRgb(), o = new e(t).toRgb(), a = n / 100, s = {
-        r: (o.r - r.r) * a + r.r,
-        g: (o.g - r.g) * a + r.g,
-        b: (o.b - r.b) * a + r.b,
-        a: (o.a - r.a) * a + r.a
+    }, t.prototype.spin = function(r) {
+      var e = this.toHsl(), n = (e.h + r) % 360;
+      return e.h = n < 0 ? 360 + n : n, new t(e);
+    }, t.prototype.mix = function(r, e) {
+      e === void 0 && (e = 50);
+      var n = this.toRgb(), a = new t(r).toRgb(), o = e / 100, i = {
+        r: (a.r - n.r) * o + n.r,
+        g: (a.g - n.g) * o + n.g,
+        b: (a.b - n.b) * o + n.b,
+        a: (a.a - n.a) * o + n.a
       };
-      return new e(s);
-    }, e.prototype.analogous = function(t, n) {
-      t === void 0 && (t = 6), n === void 0 && (n = 30);
-      var r = this.toHsl(), o = 360 / n, a = [this];
-      for (r.h = (r.h - (o * t >> 1) + 720) % 360; --t; )
-        r.h = (r.h + o) % 360, a.push(new e(r));
-      return a;
-    }, e.prototype.complement = function() {
-      var t = this.toHsl();
-      return t.h = (t.h + 180) % 360, new e(t);
-    }, e.prototype.monochromatic = function(t) {
-      t === void 0 && (t = 6);
-      for (var n = this.toHsv(), r = n.h, o = n.s, a = n.v, s = [], i = 1 / t; t--; )
-        s.push(new e({ h: r, s: o, v: a })), a = (a + i) % 1;
-      return s;
-    }, e.prototype.splitcomplement = function() {
-      var t = this.toHsl(), n = t.h;
+      return new t(i);
+    }, t.prototype.analogous = function(r, e) {
+      r === void 0 && (r = 6), e === void 0 && (e = 30);
+      var n = this.toHsl(), a = 360 / e, o = [this];
+      for (n.h = (n.h - (a * r >> 1) + 720) % 360; --r; )
+        n.h = (n.h + a) % 360, o.push(new t(n));
+      return o;
+    }, t.prototype.complement = function() {
+      var r = this.toHsl();
+      return r.h = (r.h + 180) % 360, new t(r);
+    }, t.prototype.monochromatic = function(r) {
+      r === void 0 && (r = 6);
+      for (var e = this.toHsv(), n = e.h, a = e.s, o = e.v, i = [], s = 1 / r; r--; )
+        i.push(new t({ h: n, s: a, v: o })), o = (o + s) % 1;
+      return i;
+    }, t.prototype.splitcomplement = function() {
+      var r = this.toHsl(), e = r.h;
       return [
         this,
-        new e({ h: (n + 72) % 360, s: t.s, l: t.l }),
-        new e({ h: (n + 216) % 360, s: t.s, l: t.l })
+        new t({ h: (e + 72) % 360, s: r.s, l: r.l }),
+        new t({ h: (e + 216) % 360, s: r.s, l: r.l })
       ];
-    }, e.prototype.onBackground = function(t) {
-      var n = this.toRgb(), r = new e(t).toRgb(), o = n.a + r.a * (1 - n.a);
-      return new e({
-        r: (n.r * n.a + r.r * r.a * (1 - n.a)) / o,
-        g: (n.g * n.a + r.g * r.a * (1 - n.a)) / o,
-        b: (n.b * n.a + r.b * r.a * (1 - n.a)) / o,
-        a: o
+    }, t.prototype.onBackground = function(r) {
+      var e = this.toRgb(), n = new t(r).toRgb(), a = e.a + n.a * (1 - e.a);
+      return new t({
+        r: (e.r * e.a + n.r * n.a * (1 - e.a)) / a,
+        g: (e.g * e.a + n.g * n.a * (1 - e.a)) / a,
+        b: (e.b * e.a + n.b * n.a * (1 - e.a)) / a,
+        a
       });
-    }, e.prototype.triad = function() {
+    }, t.prototype.triad = function() {
       return this.polyad(3);
-    }, e.prototype.tetrad = function() {
+    }, t.prototype.tetrad = function() {
       return this.polyad(4);
-    }, e.prototype.polyad = function(t) {
-      for (var n = this.toHsl(), r = n.h, o = [this], a = 360 / t, s = 1; s < t; s++)
-        o.push(new e({ h: (r + s * a) % 360, s: n.s, l: n.l }));
-      return o;
-    }, e.prototype.equals = function(t) {
-      return this.toRgbString() === new e(t).toRgbString();
-    }, e;
+    }, t.prototype.polyad = function(r) {
+      for (var e = this.toHsl(), n = e.h, a = [this], o = 360 / r, i = 1; i < r; i++)
+        a.push(new t({ h: (n + i * o) % 360, s: e.s, l: e.l }));
+      return a;
+    }, t.prototype.equals = function(r) {
+      return this.toRgbString() === new t(r).toRgbString();
+    }, t;
   })()
 );
-function H(e, t = 20) {
-  return e.mix("#141414", t).toString();
-}
-function qo(e) {
-  const t = Dt(), n = Q("button");
-  return c(() => {
-    let r = {}, o = e.color;
-    if (o) {
-      const a = o.match(/var\((.*?)\)/);
-      a && (o = window.getComputedStyle(window.document.documentElement).getPropertyValue(a[1]));
-      const s = new Jo(o), i = e.dark ? s.tint(20).toString() : H(s, 20);
-      if (e.plain)
-        r = n.cssVarBlock({
-          "bg-color": e.dark ? H(s, 90) : s.tint(90).toString(),
-          "text-color": o,
-          "border-color": e.dark ? H(s, 50) : s.tint(50).toString(),
-          "hover-text-color": `var(${n.cssVarName("color-white")})`,
-          "hover-bg-color": o,
-          "hover-border-color": o,
-          "active-bg-color": i,
-          "active-text-color": `var(${n.cssVarName("color-white")})`,
-          "active-border-color": i
-        }), t.value && (r[n.cssVarBlockName("disabled-bg-color")] = e.dark ? H(s, 90) : s.tint(90).toString(), r[n.cssVarBlockName("disabled-text-color")] = e.dark ? H(s, 50) : s.tint(50).toString(), r[n.cssVarBlockName("disabled-border-color")] = e.dark ? H(s, 80) : s.tint(80).toString());
+function M(t, r = 20) {
+  return t.mix("#141414", r).toString();
+}
+function $e(t) {
+  const r = xt(), e = F("button");
+  return h(() => {
+    let n = {}, a = t.color;
+    if (a) {
+      const o = a.match(/var\((.*?)\)/);
+      o && (a = window.getComputedStyle(window.document.documentElement).getPropertyValue(o[1]));
+      const i = new Me(a), s = t.dark ? i.tint(20).toString() : M(i, 20);
+      if (t.plain)
+        n = e.cssVarBlock({
+          "bg-color": t.dark ? M(i, 90) : i.tint(90).toString(),
+          "text-color": a,
+          "border-color": t.dark ? M(i, 50) : i.tint(50).toString(),
+          "hover-text-color": `var(${e.cssVarName("color-white")})`,
+          "hover-bg-color": a,
+          "hover-border-color": a,
+          "active-bg-color": s,
+          "active-text-color": `var(${e.cssVarName("color-white")})`,
+          "active-border-color": s
+        }), r.value && (n[e.cssVarBlockName("disabled-bg-color")] = t.dark ? M(i, 90) : i.tint(90).toString(), n[e.cssVarBlockName("disabled-text-color")] = t.dark ? M(i, 50) : i.tint(50).toString(), n[e.cssVarBlockName("disabled-border-color")] = t.dark ? M(i, 80) : i.tint(80).toString());
       else {
-        const f = e.dark ? H(s, 30) : s.tint(30).toString(), b = s.isDark() ? `var(${n.cssVarName("color-white")})` : `var(${n.cssVarName("color-black")})`;
-        if (r = n.cssVarBlock({
-          "bg-color": o,
-          "text-color": b,
-          "border-color": o,
+        const f = t.dark ? M(i, 30) : i.tint(30).toString(), m = i.isDark() ? `var(${e.cssVarName("color-white")})` : `var(${e.cssVarName("color-black")})`;
+        if (n = e.cssVarBlock({
+          "bg-color": a,
+          "text-color": m,
+          "border-color": a,
           "hover-bg-color": f,
-          "hover-text-color": b,
+          "hover-text-color": m,
           "hover-border-color": f,
-          "active-bg-color": i,
-          "active-border-color": i
-        }), t.value) {
-          const h = e.dark ? H(s, 50) : s.tint(50).toString();
-          r[n.cssVarBlockName("disabled-bg-color")] = h, r[n.cssVarBlockName("disabled-text-color")] = e.dark ? "rgba(255, 255, 255, 0.5)" : `var(${n.cssVarName("color-white")})`, r[n.cssVarBlockName("disabled-border-color")] = h;
+          "active-bg-color": s,
+          "active-border-color": s
+        }), r.value) {
+          const v = t.dark ? M(i, 50) : i.tint(50).toString();
+          n[e.cssVarBlockName("disabled-bg-color")] = v, n[e.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${e.cssVarName("color-white")})`, n[e.cssVarBlockName("disabled-border-color")] = v;
         }
       }
     }
-    return r;
+    return n;
   });
 }
-const Yo = N({
+const Ne = I({
   name: "ElButton",
   __name: "button",
-  props: Ie,
-  emits: zo,
-  setup(e, { expose: t, emit: n }) {
-    const r = e, o = n, a = qo(r), s = Q("button"), {
-      _ref: i,
+  props: U,
+  emits: de,
+  setup(t, { expose: r, emit: e }) {
+    const n = t, a = e, o = $e(n), i = F("button"), {
+      _ref: s,
       _size: f,
-      _type: b,
-      _disabled: h,
-      _props: g,
-      _plain: _,
-      _round: M,
-      _text: z,
-      shouldAddSpace: u,
-      handleClick: v
-    } = Io(r, o), d = c(() => [
-      s.b(),
-      s.m(b.value),
-      s.m(f.value),
-      s.is("disabled", h.value),
-      s.is("loading", r.loading),
-      s.is("plain", _.value),
-      s.is("round", M.value),
-      s.is("circle", r.circle),
-      s.is("text", z.value),
-      s.is("link", r.link),
-      s.is("has-bg", r.bg)
+      _type: m,
+      _disabled: v,
+      _props: _,
+      _plain: H,
+      _round: C,
+      _text: T,
+      shouldAddSpace: c,
+      handleClick: d
+    } = ue(n, a), u = h(() => [
+      i.b(),
+      i.m(m.value),
+      i.m(f.value),
+      i.is("disabled", v.value),
+      i.is("loading", n.loading),
+      i.is("plain", H.value),
+      i.is("round", C.value),
+      i.is("circle", n.circle),
+      i.is("text", T.value),
+      i.is("link", n.link),
+      i.is("has-bg", n.bg)
     ]);
-    return t({
-      ref: i,
+    return r({
+      ref: s,
       size: f,
-      type: b,
-      disabled: h,
-      shouldAddSpace: u
-    }), (p, w) => (m(), A(he(p.tag), dt({
+      type: m,
+      disabled: v,
+      shouldAddSpace: c
+    }), (l, b) => (S(), B(G(l.tag), lt({
       ref_key: "_ref",
-      ref: i
-    }, l(g), {
-      class: d.value,
-      style: l(a),
-      onClick: l(v)
+      ref: s
+    }, g(_), {
+      class: u.value,
+      style: g(o),
+      onClick: g(d)
     }), {
-      default: D(() => [
-        p.loading ? (m(), O(
-          mt,
+      default: V(() => [
+        l.loading ? (S(), P(
+          It,
           { key: 0 },
           [
-            p.$slots.loading ? F(p.$slots, "loading", { key: 0 }) : (m(), A(l(be), {
+            l.$slots.loading ? R(l.$slots, "loading", { key: 0 }) : (S(), B(g(at), {
               key: 1,
-              class: P(l(s).is("loading"))
+              class: W(g(i).is("loading"))
             }, {
-              default: D(() => [
-                (m(), A(he(p.loadingIcon)))
+              default: V(() => [
+                (S(), B(G(l.loadingIcon)))
               ]),
               _: 1
             }, 8, ["class"]))
           ],
           64
-        )) : p.icon || p.$slots.icon ? (m(), A(l(be), { key: 1 }, {
-          default: D(() => [
-            p.icon ? (m(), A(he(p.icon), { key: 0 })) : F(p.$slots, "icon", { key: 1 })
+        )) : l.icon || l.$slots.icon ? (S(), B(g(at), { key: 1 }, {
+          default: V(() => [
+            l.icon ? (S(), B(G(l.icon), { key: 0 })) : R(l.$slots, "icon", { key: 1 })
           ]),
           _: 3
-        })) : q("v-if", !0),
-        p.$slots.default ? (m(), O(
+        })) : tt("v-if", !0),
+        l.$slots.default ? (S(), P(
           "span",
           {
             key: 2,
-            class: P({ [l(s).em("text", "expand")]: l(u) })
+            class: W({ [g(i).em("text", "expand")]: g(c) })
           },
           [
-            F(p.$slots, "default")
+            R(l.$slots, "default")
           ],
           2
-        )) : q("v-if", !0)
+        )) : tt("v-if", !0)
       ]),
       _: 3
     }, 16, ["class", "style", "onClick"]));
   }
 });
-var Xo = /* @__PURE__ */ ce(Yo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
-const Qo = {
-  size: Ie.size,
-  type: Ie.type,
+var Be = /* @__PURE__ */ Q(Ne, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
+const Ae = {
+  size: U.size,
+  type: U.type,
   direction: {
-    type: k(String),
+    type: j(String),
     values: ["horizontal", "vertical"],
     default: "horizontal"
   }
-}, ea = N({
+}, Ee = I({
   name: "ElButtonGroup",
   __name: "button-group",
-  props: Qo,
-  setup(e) {
-    const t = e;
-    ft(
-      Rt,
-      sn({
-        size: Ze(t, "size"),
-        type: Ze(t, "type")
+  props: Ae,
+  setup(t) {
+    const r = t;
+    Rt(
+      kt,
+      Vt({
+        size: et(r, "size"),
+        type: et(r, "type")
       })
     );
-    const n = Q("button");
-    return (r, o) => (m(), O(
+    const e = F("button");
+    return (n, a) => (S(), P(
       "div",
       {
-        class: P([l(n).b("group"), l(n).bm("group", t.direction)])
+        class: W([g(e).b("group"), g(e).bm("group", r.direction)])
       },
       [
-        F(r.$slots, "default")
+        R(n.$slots, "default")
       ],
       2
     ));
   }
 });
-var Lt = /* @__PURE__ */ ce(ea, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
-const Vt = Ge(Xo, {
-  ButtonGroup: Lt
-});
-oo(Lt);
-const ta = oe({
-  a11y: {
-    type: Boolean,
-    default: !0
-  },
-  locale: {
-    type: k(Object)
-  },
-  size: Pt,
-  button: {
-    type: k(Object)
-  },
-  card: {
-    type: k(Object)
-  },
-  dialog: {
-    type: k(Object)
-  },
-  link: {
-    type: k(Object)
-  },
-  experimentalFeatures: {
-    type: k(Object)
-  },
-  keyboardNavigation: {
-    type: Boolean,
-    default: !0
-  },
-  message: {
-    type: k(Object)
-  },
-  zIndex: Number,
-  namespace: {
-    type: String,
-    default: "el"
-  },
-  ...eo
-}), C = {
-  placement: "top"
-};
-N({
-  name: "ElConfigProvider",
-  props: ta,
-  setup(e, { slots: t }) {
-    const n = zt(e);
-    return le(
-      () => e.message,
-      (r) => {
-        var o, a;
-        Object.assign(C, (a = (o = n?.value) == null ? void 0 : o.message) != null ? a : {}, r ?? {});
-      },
-      { immediate: !0, deep: !0 }
-    ), () => F(t, "default", { config: n?.value });
-  }
-});
-const Gt = [
-  "primary",
-  "success",
-  "info",
-  "warning",
-  "error"
-], Kt = [
-  "top",
-  "top-left",
-  "top-right",
-  "bottom",
-  "bottom-left",
-  "bottom-right"
-], Y = "top", x = xo({
-  customClass: "",
-  dangerouslyUseHTMLString: !1,
-  duration: 3e3,
-  icon: void 0,
-  id: "",
-  message: "",
-  onClose: void 0,
-  showClose: !1,
-  type: "info",
-  plain: !1,
-  offset: 16,
-  placement: void 0,
-  zIndex: 0,
-  grouping: !1,
-  repeatNum: 1,
-  appendTo: ne ? document.body : void 0
-}), na = oe({
-  customClass: {
-    type: String,
-    default: x.customClass
-  },
-  dangerouslyUseHTMLString: {
-    type: Boolean,
-    default: x.dangerouslyUseHTMLString
-  },
-  duration: {
-    type: Number,
-    default: x.duration
-  },
-  icon: {
-    type: Oe,
-    default: x.icon
-  },
-  id: {
-    type: String,
-    default: x.id
-  },
-  message: {
-    type: k([
-      String,
-      Object,
-      Function
-    ]),
-    default: x.message
-  },
-  onClose: {
-    type: k(Function),
-    default: x.onClose
-  },
-  showClose: {
-    type: Boolean,
-    default: x.showClose
-  },
-  type: {
-    type: String,
-    values: Gt,
-    default: x.type
-  },
-  plain: {
-    type: Boolean,
-    default: x.plain
-  },
-  offset: {
-    type: Number,
-    default: x.offset
-  },
-  placement: {
-    type: String,
-    values: Kt,
-    default: x.placement
-  },
-  zIndex: {
-    type: Number,
-    default: x.zIndex
-  },
-  grouping: {
-    type: Boolean,
-    default: x.grouping
-  },
-  repeatNum: {
-    type: Number,
-    default: x.repeatNum
-  }
-}), ra = {
-  destroy: () => !0
-}, B = bt(
-  {}
-), oa = (e) => (B[e] || (B[e] = bt([])), B[e]), aa = (e, t) => {
-  const n = B[t] || [], r = n.findIndex((s) => s.id === e), o = n[r];
-  let a;
-  return r > 0 && (a = n[r - 1]), { current: o, prev: a };
-}, sa = (e, t) => {
-  const { prev: n } = aa(e, t);
-  return n ? n.vm.exposed.bottom.value : 0;
-}, ia = (e, t, n) => (B[n] || []).findIndex((a) => a.id === e) > 0 ? 16 : t, la = ["id"], ca = ["innerHTML"], ua = N({
-  name: "ElMessage",
-  __name: "message",
-  props: na,
-  emits: ra,
-  setup(e, { expose: t, emit: n }) {
-    const { Close: r } = wo, o = e, a = n, s = T(!1), { ns: i, zIndex: f } = to("message"), { currentZIndex: b, nextZIndex: h } = f, g = T(), _ = T(!1), M = T(0);
-    let z;
-    const u = c(
-      () => o.type ? o.type === "error" ? "danger" : o.type : "info"
-    ), v = c(() => {
-      const y = o.type;
-      return { [i.bm("icon", y)]: y && at[y] };
-    }), d = c(
-      () => o.icon || at[o.type] || ""
-    ), p = c(() => o.placement || Y), w = c(() => sa(o.id, p.value)), ue = c(() => ia(o.id, o.offset, p.value) + w.value), Zt = c(() => M.value + ue.value), Jt = c(() => p.value.includes("left") ? i.is("left") : p.value.includes("right") ? i.is("right") : i.is("center")), Ue = c(
-      () => p.value.startsWith("top") ? "top" : "bottom"
-    ), qt = c(() => ({
-      [Ue.value]: `${ue.value}px`,
-      zIndex: b.value
-    }));
-    function Se() {
-      o.duration !== 0 && ({ stop: z } = Fr(() => {
-        fe();
-      }, o.duration));
-    }
-    function We() {
-      z?.();
-    }
-    function fe() {
-      _.value = !1, cn(() => {
-        var y;
-        s.value || ((y = o.onClose) == null || y.call(o), a("destroy"));
-      });
-    }
-    function Yt(y) {
-      To(y) === Ae.esc && fe();
-    }
-    return ut(() => {
-      Se(), h(), _.value = !0;
-    }), le(
-      () => o.repeatNum,
-      () => {
-        We(), Se();
-      }
-    ), Dr(document, "keydown", Yt), Lr(g, () => {
-      M.value = g.value.getBoundingClientRect().height;
-    }), t({
-      visible: _,
-      bottom: Zt,
-      close: fe
-    }), (y, ae) => (m(), A(pt, {
-      name: l(i).b("fade"),
-      onBeforeEnter: ae[0] || (ae[0] = (Xt) => s.value = !0),
-      onBeforeLeave: y.onClose,
-      onAfterLeave: ae[1] || (ae[1] = (Xt) => y.$emit("destroy")),
-      persisted: ""
-    }, {
-      default: D(() => [
-        ht(R("div", {
-          id: y.id,
-          ref_key: "messageRef",
-          ref: g,
-          class: P([
-            l(i).b(),
-            { [l(i).m(y.type)]: y.type },
-            l(i).is("closable", y.showClose),
-            l(i).is("plain", y.plain),
-            l(i).is("bottom", Ue.value === "bottom"),
-            Jt.value,
-            y.customClass
-          ]),
-          style: gt(qt.value),
-          role: "alert",
-          onMouseenter: We,
-          onMouseleave: Se
-        }, [
-          y.repeatNum > 1 ? (m(), A(l(Oo), {
-            key: 0,
-            value: y.repeatNum,
-            type: u.value,
-            class: P(l(i).e("badge"))
-          }, null, 8, ["value", "type", "class"])) : q("v-if", !0),
-          d.value ? (m(), A(l(be), {
-            key: 1,
-            class: P([l(i).e("icon"), v.value])
-          }, {
-            default: D(() => [
-              (m(), A(he(d.value)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : q("v-if", !0),
-          F(y.$slots, "default", {}, () => [
-            y.dangerouslyUseHTMLString ? (m(), O(
-              mt,
-              { key: 1 },
-              [
-                q(" Caution here, message could've been compromised, never use user's input as message "),
-                R("p", {
-                  class: P(l(i).e("content")),
-                  innerHTML: y.message
-                }, null, 10, ca)
-              ],
-              2112
-            )) : (m(), O(
-              "p",
-              {
-                key: 0,
-                class: P(l(i).e("content"))
-              },
-              ye(y.message),
-              3
-            ))
-          ]),
-          y.showClose ? (m(), A(l(be), {
-            key: 2,
-            class: P(l(i).e("closeBtn")),
-            onClick: ln(fe, ["stop"])
-          }, {
-            default: D(() => [
-              Be(l(r))
-            ]),
-            _: 1
-          }, 8, ["class"])) : q("v-if", !0)
-        ], 46, la), [
-          [vt, _.value]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onBeforeLeave"]));
-  }
-});
-var fa = /* @__PURE__ */ ce(ua, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/message/src/message.vue"]]);
-let da = 1;
-const pa = (e) => {
-  if (!e.appendTo)
-    e.appendTo = document.body;
-  else if (ee(e.appendTo)) {
-    let n = document.querySelector(e.appendTo);
-    Ir(n) || (re(
-      "ElMessage",
-      "the appendTo option is not an HTMLElement. Falling back to document.body."
-    ), n = document.body), e.appendTo = n;
-  }
-}, ha = (e) => {
-  !e.placement && ee(C.placement) && C.placement && (e.placement = C.placement), e.placement || (e.placement = Y), Kt.includes(e.placement) || (re(
-    "ElMessage",
-    `Invalid placement: ${e.placement}. Falling back to '${Y}'.`
-  ), e.placement = Y);
-}, Ut = (e) => {
-  const t = !e || ee(e) || yt(e) || ve(e) ? { message: e } : e, n = {
-    ...x,
-    ...t
-  };
-  return pa(n), ha(n), Ce(C.grouping) && !n.grouping && (n.grouping = C.grouping), W(C.duration) && n.duration === 3e3 && (n.duration = C.duration), W(C.offset) && n.offset === 16 && (n.offset = C.offset), Ce(C.showClose) && !n.showClose && (n.showClose = C.showClose), Ce(C.plain) && !n.plain && (n.plain = C.plain), n;
-}, ga = (e) => {
-  const t = e.props.placement || Y, n = B[t], r = n.indexOf(e);
-  if (r === -1)
-    return;
-  n.splice(r, 1);
-  const { handler: o } = e;
-  o.close();
-}, va = ({ appendTo: e, ...t }, n) => {
-  const r = `message_${da++}`, o = t.onClose, a = document.createElement("div"), s = {
-    ...t,
-    id: r,
-    onClose: () => {
-      o?.(), ga(h);
-    },
-    onDestroy: () => {
-      Je(null, a);
-    }
-  }, i = Be(
-    fa,
-    s,
-    ve(s.message) || yt(s.message) ? {
-      default: ve(s.message) ? s.message : () => s.message
-    } : null
-  );
-  i.appContext = n || Z._context, Je(i, a), e.appendChild(a.firstElementChild);
-  const f = i.component, h = {
-    id: r,
-    vnode: i,
-    vm: f,
-    handler: {
-      close: () => {
-        f.exposed.close();
-      }
-    },
-    props: i.component.props
-  };
-  return h;
-}, Z = (e = {}, t) => {
-  if (!ne)
-    return { close: () => {
-    } };
-  const n = Ut(e), r = oa(
-    n.placement || Y
-  );
-  if (n.grouping && r.length) {
-    const a = r.find(
-      ({ vnode: s }) => {
-        var i;
-        return ((i = s.props) == null ? void 0 : i.message) === n.message;
-      }
-    );
-    if (a)
-      return a.props.repeatNum += 1, a.props.type = n.type, a.handler;
-  }
-  if (W(C.max) && r.length >= C.max)
-    return { close: () => {
-    } };
-  const o = va(n, t);
-  return r.push(o), o.handler;
-};
-Gt.forEach((e) => {
-  Z[e] = (t = {}, n) => {
-    const r = Ut(t);
-    return Z({ ...r, type: e }, n);
-  };
+var Mt = /* @__PURE__ */ Q(Ee, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
+const $t = yt(Be, {
+  ButtonGroup: Mt
 });
-function ma(e) {
-  for (const t in B)
-    if (Ne(B, t)) {
-      const n = [...B[t]];
-      for (const r of n)
-        (!e || e === r.props.type) && r.handler.close();
-    }
-}
-function ba(e) {
-  if (!B[e])
-    return;
-  [...B[e]].forEach((n) => n.handler.close());
-}
-Z.closeAll = ma;
-Z.closeAllByPlacement = ba;
-Z._context = null;
-const Wt = ro(Z, "$message"), _a = /* @__PURE__ */ N({
+Qt(Mt);
+const Ie = /* @__PURE__ */ I({
   __name: "TestComp",
-  setup(e) {
-    const t = T(0);
-    function n() {
-      t.value = t.value + 1, Wt({
-        message: `第次${t.value}点击！`,
+  setup(t) {
+    const r = E(0);
+    function e() {
+      r.value = r.value + 1, ht({
+        message: `第次${r.value}点击！`,
         type: "success"
       });
     }
-    return (r, o) => {
-      const a = Vt;
-      return m(), A(a, { onClick: n }, {
-        default: D(() => [
-          ze(ye(l(t)), 1)
+    return (n, a) => {
+      const o = $t;
+      return S(), B(o, { onClick: e }, {
+        default: V(() => [
+          ft(dt(g(r)), 1)
         ]),
         _: 1
       });
     };
   }
-}), wa = /* @__PURE__ */ N({
+}), Re = /* @__PURE__ */ I({
   __name: "BtnComp",
-  setup(e) {
-    const t = T(0);
-    function n() {
-      t.value = t.value + 100, Wt({
-        message: `第次${t.value / 100}点击！`,
+  setup(t) {
+    const r = E(0);
+    function e() {
+      r.value = r.value + 100, ht({
+        message: `第次${r.value / 100}点击！`,
         type: "warning"
       });
     }
-    return (r, o) => {
-      const a = Vt;
-      return m(), A(a, { onClick: n }, {
-        default: D(() => [
-          ze(ye(l(t)), 1)
+    return (n, a) => {
+      const o = $t;
+      return S(), B(o, { onClick: e }, {
+        default: V(() => [
+          ft(dt(g(r)), 1)
         ]),
         _: 1
       });
@@ -2336,6 +1067,6 @@ const Wt = ro(Z, "$message"), _a = /* @__PURE__ */ N({
   }
 });
 export {
-  _a as BtnComp1,
-  wa as BtnComp100
+  Ie as BtnComp1,
+  Re as BtnComp100
 };