vcomp-test 0.0.1 → 0.0.3

package/dist/vcomp.es.js

@@ -1,12 +1,12 @@
-import { getCurrentInstance as K, inject as E, ref as T, computed as l, unref as c, readonly as Yt, getCurrentScope as Xt, onScopeDispose as Qt, watch as le, onMounted as ct, isRef as en, warn as tn, provide as ut, defineComponent as O, createElementBlock as $, openBlock as y, mergeProps as ft, renderSlot as F, createElementVNode as D, normalizeClass as I, createVNode as Pe, Transition as dt, withCtx as L, withDirectives as pt, normalizeStyle as ht, createTextVNode as gt, toDisplayString as Be, vShow as vt, useSlots as nn, Text as rn, createBlock as P, resolveDynamicComponent as he, createCommentVNode as q, Fragment as mt, reactive as on, toRef as We, shallowReactive as bt, withModifiers as an, nextTick as sn, isVNode as yt, render as Ze } from "vue";
-const _t = /* @__PURE__ */ Symbol(), ge = "el", ln = "is-", V = (e, t, n, r, o) => {
+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"), cn = (e) => {
-  const t = e || (K() ? E(wt, T(ge)) : T(ge));
-  return l(() => c(t) || ge);
+}, 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 = cn(t);
+  const n = fn(t);
   return {
     namespace: n,
     b: (u = "") => V(n.value, e, u, "", ""),
@@ -18,7 +18,7 @@ const _t = /* @__PURE__ */ Symbol(), ge = "el", ln = "is-", V = (e, t, n, r, o)
     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 ? `${ln}${u}` : "";
+      return u && d ? `${un}${u}` : "";
     },
     cssVar: (u) => {
       const v = {};
@@ -38,47 +38,47 @@ const _t = /* @__PURE__ */ Symbol(), ge = "el", ln = "is-", V = (e, t, n, r, o)
 };
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const un = () => {
-}, fn = Object.prototype.hasOwnProperty, Me = (e, t) => fn.call(e, t), dn = Array.isArray, ve = (e) => typeof e == "function", ee = (e) => typeof e == "string", St = (e) => e !== null && typeof e == "object";
-var pn = typeof global == "object" && global && global.Object === Object && global, hn = typeof self == "object" && self && self.Object === Object && self, ze = pn || hn || Function("return this")(), X = ze.Symbol, xt = Object.prototype, gn = xt.hasOwnProperty, vn = xt.toString, se = X ? X.toStringTag : void 0;
-function mn(e) {
-  var t = gn.call(e, se), n = e[se];
+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 {
   }
-  var o = vn.call(e);
+  var o = bn.call(e);
   return r && (t ? e[se] = n : delete e[se]), o;
 }
-var bn = Object.prototype, yn = bn.toString;
-function _n(e) {
-  return yn.call(e);
+var _n = Object.prototype, wn = _n.toString;
+function Sn(e) {
+  return wn.call(e);
 }
-var wn = "[object Null]", Sn = "[object Undefined]", Je = X ? X.toStringTag : void 0;
+var xn = "[object Null]", Cn = "[object Undefined]", qe = X ? X.toStringTag : void 0;
 function Ct(e) {
-  return e == null ? e === void 0 ? Sn : wn : Je && Je in Object(e) ? mn(e) : _n(e);
+  return e == null ? e === void 0 ? Cn : xn : qe && qe in Object(e) ? yn(e) : Sn(e);
 }
-function xn(e) {
+function kn(e) {
   return e != null && typeof e == "object";
 }
-var Cn = "[object Symbol]";
-function je(e) {
-  return typeof e == "symbol" || xn(e) && Ct(e) == Cn;
+var Tn = "[object Symbol]";
+function Fe(e) {
+  return typeof e == "symbol" || kn(e) && Ct(e) == Tn;
 }
-function kn(e, t) {
+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 Fe = Array.isArray, qe = X ? X.prototype : void 0, Ye = qe ? qe.toString : void 0;
+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 kn(e, kt) + "";
-  if (je(e))
-    return Ye ? Ye.call(e) : "";
+    return Xe ? Xe.call(e) : "";
   var t = e + "";
   return t == "0" && 1 / e == -1 / 0 ? "-0" : t;
 }
@@ -86,25 +86,25 @@ function Tt(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var Tn = "[object AsyncFunction]", Mn = "[object Function]", Nn = "[object GeneratorFunction]", En = "[object Proxy]";
-function $n(e) {
+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 == Mn || t == Nn || t == Tn || t == En;
+  return t == En || t == $n || t == Nn || t == On;
 }
-var Se = ze["__core-js_shared__"], Xe = (function() {
-  var e = /[^.]+$/.exec(Se && Se.keys && Se.keys.IE_PROTO || "");
+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 On(e) {
-  return !!Xe && Xe in e;
+function In(e) {
+  return !!Qe && Qe in e;
 }
-var An = Function.prototype, In = An.toString;
-function Pn(e) {
+var Pn = Function.prototype, Bn = Pn.toString;
+function zn(e) {
   if (e != null) {
     try {
-      return In.call(e);
+      return Bn.call(e);
     } catch {
     }
     try {
@@ -114,58 +114,58 @@ function Pn(e) {
   }
   return "";
 }
-var Bn = /[\\^$.*+?()[\]{}|]/g, zn = /^\[object .+?Constructor\]$/, jn = Function.prototype, Fn = Object.prototype, Dn = jn.toString, Rn = Fn.hasOwnProperty, Hn = RegExp(
-  "^" + Dn.call(Rn).replace(Bn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+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 Ln(e) {
-  if (!Tt(e) || On(e))
+function Gn(e) {
+  if (!Tt(e) || In(e))
     return !1;
-  var t = $n(e) ? Hn : zn;
-  return t.test(Pn(e));
+  var t = An(e) ? Vn : Fn;
+  return t.test(zn(e));
 }
-function Vn(e, t) {
+function Kn(e, t) {
   return e?.[t];
 }
 function Mt(e, t) {
-  var n = Vn(e, t);
-  return Ln(n) ? n : void 0;
+  var n = Kn(e, t);
+  return Gn(n) ? n : void 0;
 }
-function Gn(e, t) {
+function Un(e, t) {
   return e === t || e !== e && t !== t;
 }
-var Kn = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Un = /^\w*$/;
-function Wn(e, t) {
-  if (Fe(e))
+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 || je(e) ? !0 : Un.test(e) || !Kn.test(e) || t != null && e in Object(t);
+  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 Zn() {
+function qn() {
   this.__data__ = ie ? ie(null) : {}, this.size = 0;
 }
-function Jn(e) {
+function Yn(e) {
   var t = this.has(e) && delete this.__data__[e];
   return this.size -= t ? 1 : 0, t;
 }
-var qn = "__lodash_hash_undefined__", Yn = Object.prototype, Xn = Yn.hasOwnProperty;
-function Qn(e) {
+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 === qn ? void 0 : n;
+    return n === Xn ? void 0 : n;
   }
-  return Xn.call(t, e) ? t[e] : void 0;
+  return er.call(t, e) ? t[e] : void 0;
 }
-var er = Object.prototype, tr = er.hasOwnProperty;
-function nr(e) {
+var nr = Object.prototype, rr = nr.hasOwnProperty;
+function or(e) {
   var t = this.__data__;
-  return ie ? t[e] !== void 0 : tr.call(t, e);
+  return ie ? t[e] !== void 0 : rr.call(t, e);
 }
-var rr = "__lodash_hash_undefined__";
-function or(e, t) {
+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 ? rr : t, this;
+  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;
@@ -174,37 +174,37 @@ function U(e) {
     this.set(r[0], r[1]);
   }
 }
-U.prototype.clear = Zn;
-U.prototype.delete = Jn;
-U.prototype.get = Qn;
-U.prototype.has = nr;
-U.prototype.set = or;
-function ar() {
+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 ye(e, t) {
+function _e(e, t) {
   for (var n = e.length; n--; )
-    if (Gn(e[n][0], t))
+    if (Un(e[n][0], t))
       return n;
   return -1;
 }
-var sr = Array.prototype, ir = sr.splice;
-function lr(e) {
-  var t = this.__data__, n = ye(t, e);
+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() : ir.call(t, n, 1), --this.size, !0;
+  return n == r ? t.pop() : cr.call(t, n, 1), --this.size, !0;
 }
-function cr(e) {
-  var t = this.__data__, n = ye(t, e);
+function fr(e) {
+  var t = this.__data__, n = _e(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
-function ur(e) {
-  return ye(this.__data__, e) > -1;
+function dr(e) {
+  return _e(this.__data__, e) > -1;
 }
-function fr(e, t) {
-  var n = this.__data__, r = ye(n, e);
+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) {
@@ -214,39 +214,39 @@ function te(e) {
     this.set(r[0], r[1]);
   }
 }
-te.prototype.clear = ar;
-te.prototype.delete = lr;
-te.prototype.get = cr;
-te.prototype.has = ur;
-te.prototype.set = fr;
-var dr = Mt(ze, "Map");
-function pr() {
+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 (dr || te)(),
+    map: new (hr || te)(),
     string: new U()
   };
 }
-function hr(e) {
+function vr(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function _e(e, t) {
+function we(e, t) {
   var n = e.__data__;
-  return hr(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return vr(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
-function gr(e) {
-  var t = _e(this, e).delete(e);
+function mr(e) {
+  var t = we(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
-function vr(e) {
-  return _e(this, e).get(e);
+function br(e) {
+  return we(this, e).get(e);
 }
-function mr(e) {
-  return _e(this, e).has(e);
+function yr(e) {
+  return we(this, e).has(e);
 }
-function br(e, t) {
-  var n = _e(this, e), r = n.size;
+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) {
@@ -256,15 +256,15 @@ function J(e) {
     this.set(r[0], r[1]);
   }
 }
-J.prototype.clear = pr;
-J.prototype.delete = gr;
-J.prototype.get = vr;
-J.prototype.has = mr;
-J.prototype.set = br;
-var yr = "Expected a function";
-function De(e, t) {
+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(yr);
+    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))
@@ -272,63 +272,63 @@ function De(e, t) {
     var s = e.apply(this, r);
     return n.cache = a.set(o, s) || a, s;
   };
-  return n.cache = new (De.Cache || J)(), n;
+  return n.cache = new (Re.Cache || J)(), n;
 }
-De.Cache = J;
-var _r = 500;
-function wr(e) {
-  var t = De(e, function(r) {
-    return n.size === _r && n.clear(), r;
+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 Sr = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, xr = /\\(\\)?/g, Cr = wr(function(e) {
+var Cr = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, kr = /\\(\\)?/g, Tr = xr(function(e) {
   var t = [];
-  return e.charCodeAt(0) === 46 && t.push(""), e.replace(Sr, function(n, r, o, a) {
-    t.push(o ? a.replace(xr, "$1") : r || n);
+  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 kr(e) {
+function Mr(e) {
   return e == null ? "" : kt(e);
 }
-function Tr(e, t) {
-  return Fe(e) ? e : Wn(e, t) ? [e] : Cr(kr(e));
+function Nr(e, t) {
+  return De(e) ? e : Jn(e, t) ? [e] : Tr(Mr(e));
 }
-function Mr(e) {
-  if (typeof e == "string" || je(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 Nr(e, t) {
-  t = Tr(t, e);
+function $r(e, t) {
+  t = Nr(t, e);
   for (var n = 0, r = t.length; e != null && n < r; )
-    e = e[Mr(t[n++])];
+    e = e[Er(t[n++])];
   return n && n == r ? e : void 0;
 }
-function Er(e, t, n) {
-  var r = e == null ? void 0 : Nr(e, t);
+function Or(e, t, n) {
+  var r = e == null ? void 0 : $r(e, t);
   return r === void 0 ? n : r;
 }
-function $r(e) {
+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 xe = (e) => typeof e == "boolean", W = (e) => typeof e == "number", Or = (e) => typeof Element > "u" ? !1 : e instanceof Element, Ar = (e) => ee(e) ? !Number.isNaN(Number(e)) : !1;
-function Re(e) {
-  return Xt() ? (Qt(e), !0) : !1;
-}
+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 typeof e == "function" ? e() : c(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 Ir = Object.prototype.toString, Pr = (e) => Ir.call(e) === "[object Object]", Br = () => {
+const Br = Object.prototype.toString, zr = (e) => Br.call(e) === "[object Object]", jr = () => {
 };
-function zr(e, t, n = {}) {
+function Fr(e, t, n = {}) {
   const {
     immediate: r = !0
   } = n, o = T(!1);
@@ -339,62 +339,62 @@ function zr(e, t, n = {}) {
   function i() {
     o.value = !1, s();
   }
-  function f(...m) {
+  function f(...b) {
     s(), o.value = !0, a = setTimeout(() => {
-      o.value = !1, a = null, e(...m);
-    }, He(t));
+      o.value = !1, a = null, e(...b);
+    }, Le(t));
   }
-  return r && (o.value = !0, ne && f()), Re(i), {
-    isPending: Yt(o),
+  return r && (o.value = !0, ne && f()), He(i), {
+    isPending: Qt(o),
     start: f,
     stop: i
   };
 }
-function Ne(e) {
+function Ee(e) {
   var t;
-  const n = He(e);
+  const n = Le(e);
   return (t = n?.$el) != null ? t : n;
 }
 const Nt = ne ? window : void 0;
-function jr(...e) {
+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 Br;
+    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(
-    () => [Ne(t), He(o)],
+    () => [Ee(t), Le(o)],
     ([h, g]) => {
       if (s(), !h)
         return;
-      const _ = Pr(g) ? { ...g } : g;
+      const _ = zr(g) ? { ...g } : g;
       a.push(
         ...n.flatMap((M) => r.map((z) => i(h, M, z, _)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), m = () => {
+  ), b = () => {
     f(), s();
   };
-  return Re(m), m;
+  return He(b), b;
 }
-function Fr() {
+function Rr() {
   const e = T(!1), t = K();
-  return t && ct(() => {
+  return t && ut(() => {
     e.value = !0;
   }, t), e;
 }
-function Dr(e) {
-  const t = Fr();
-  return l(() => (t.value, !!e()));
+function Hr(e) {
+  const t = Rr();
+  return c(() => (t.value, !!e()));
 }
-function Rr(e, t, n = {}) {
+function Lr(e, t, n = {}) {
   const { window: r = Nt, ...o } = n;
   let a;
-  const s = Dr(() => r && "ResizeObserver" in r), i = () => {
+  const s = Hr(() => r && "ResizeObserver" in r), i = () => {
     a && (a.disconnect(), a = void 0);
-  }, f = l(() => Array.isArray(e) ? e.map((g) => Ne(g)) : [Ne(e)]), m = le(
+  }, f = c(() => Array.isArray(e) ? e.map((g) => Ee(g)) : [Ee(e)]), b = le(
     f,
     (g) => {
       if (i(), s.value && r) {
@@ -405,32 +405,32 @@ function Rr(e, t, n = {}) {
     },
     { immediate: !0, flush: "post" }
   ), h = () => {
-    i(), m();
+    i(), b();
   };
-  return Re(h), {
+  return He(h), {
     isSupported: s,
     stop: h
   };
 }
-class Hr extends Error {
+class Vr extends Error {
   constructor(t) {
     super(t), this.name = "ElementPlusError";
   }
 }
 function re(e, t) {
   if (process.env.NODE_ENV !== "production") {
-    const n = ee(e) ? new Hr(`[${e}] ${t}`) : e;
+    const n = ee(e) ? new Vr(`[${e}] ${t}`) : e;
     console.warn(n);
   }
 }
-const Qe = {
+const et = {
   current: 0
-}, et = T(0), Et = 2e3, tt = /* @__PURE__ */ Symbol("elZIndexContextKey"), $t = /* @__PURE__ */ Symbol("zIndexContextKey"), Lr = (e) => {
-  const t = K() ? E(tt, Qe) : Qe, n = e || (K() ? E($t, void 0) : void 0), r = l(() => {
-    const s = c(n);
+}, 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 = l(() => r.value + et.value), a = () => (t.current++, et.value = t.current, o.value);
-  return !ne && !E(tt) && re(
+  }), 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 })`
@@ -440,7 +440,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`
     nextZIndex: a
   };
 };
-var Vr = {
+var Kr = {
   name: "en",
   el: {
     breadcrumb: {
@@ -634,35 +634,35 @@ var Vr = {
     }
   }
 };
-const Gr = (e) => (t, n) => Kr(t, n, c(e)), Kr = (e, t, n) => Er(n, e, e).replace(
+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}}`}`;
   }
-), Ur = (e) => {
-  const t = l(() => c(e).name), n = en(e) ? e : T(e);
+), Zr = (e) => {
+  const t = c(() => l(e).name), n = nn(e) ? e : T(e);
   return {
     lang: t,
     locale: n,
-    t: Gr(e)
+    t: Ur(e)
   };
-}, Ot = /* @__PURE__ */ Symbol("localeContextKey"), Wr = (e) => {
-  const t = e || E(Ot, T());
-  return Ur(l(() => t.value || Vr));
-}, At = "__epPropKey", k = (e) => e, Zr = (e) => St(e) && !!e[At], It = (e, t) => {
-  if (!St(e) || Zr(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 ? (m) => {
+    validator: n || s ? (b) => {
       let h = !1, g = [];
-      if (n && (g = Array.from(n), Me(e, "default") && g.push(o), h || (h = g.includes(m))), s && (h || (h = s(m))), !h && g.length > 0) {
+      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(", ");
-        tn(
+        rn(
           `Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${_}], got value ${JSON.stringify(
-            m
+            b
           )}.`
         );
       }
@@ -670,20 +670,20 @@ const Gr = (e) => (t, n) => Kr(t, n, c(e)), Kr = (e, t, n) => Er(n, e, e).replac
     } : void 0,
     [At]: !0
   };
-  return Me(e, "default") && (f.default = o), f;
-}, oe = (e) => $r(
+  return Ne(e, "default") && (f.default = o), f;
+}, oe = (e) => Ar(
   Object.entries(e).map(([t, n]) => [
     t,
     It(n, t)
   ])
-), Jr = ["", "default", "small", "large"], Pt = It({
+), Yr = ["", "default", "small", "large"], Pt = It({
   type: String,
-  values: Jr,
+  values: Yr,
   required: !1
-}), Bt = /* @__PURE__ */ Symbol("size"), qr = () => {
-  const e = E(Bt, {});
-  return l(() => c(e.size) || "");
-}, Yr = /* @__PURE__ */ Symbol("emptyValuesContextKey"), Xr = oe({
+}), Bt = /* @__PURE__ */ Symbol("size"), Xr = () => {
+  const e = $(Bt, {});
+  return c(() => l(e.size) || "");
+}, Qr = /* @__PURE__ */ Symbol("emptyValuesContextKey"), eo = oe({
   emptyValues: Array,
   valueOnClear: {
     type: k([
@@ -693,36 +693,36 @@ const Gr = (e) => (t, n) => Kr(t, n, c(e)), Kr = (e, t, n) => Er(n, e, e).replac
       Function
     ]),
     default: void 0,
-    validator: (e) => (e = ve(e) ? e() : e, dn(e) ? e.every((t) => !t) : !e)
+    validator: (e) => (e = ve(e) ? e() : e, hn(e) ? e.every((t) => !t) : !e)
   }
-}), nt = (e) => Object.keys(e), me = T();
-function Le(e, t = void 0) {
-  const n = K() ? E(_t, me) : me;
-  return e ? l(() => {
+}), 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 Qr(e, t) {
-  const n = Le(), r = Q(
+function to(e, t) {
+  const n = Ve(), r = Q(
     e,
-    l(() => {
+    c(() => {
       var i;
       return ((i = n.value) == null ? void 0 : i.namespace) || ge;
     })
-  ), o = Wr(l(() => {
+  ), o = Jr(c(() => {
     var i;
     return (i = n.value) == null ? void 0 : i.locale;
-  })), a = Lr(
-    l(() => {
+  })), a = Gr(
+    c(() => {
       var i;
       return ((i = n.value) == null ? void 0 : i.zIndex) || Et;
     })
-  ), s = l(() => {
+  ), s = c(() => {
     var i;
-    return c(t) || ((i = n.value) == null ? void 0 : i.size) || "";
+    return l(t) || ((i = n.value) == null ? void 0 : i.size) || "";
   });
-  return zt(l(() => c(n) || {})), {
+  return zt(c(() => l(n) || {})), {
     ns: r,
     locale: o,
     zIndex: a,
@@ -731,7 +731,7 @@ function Qr(e, t) {
 }
 const zt = (e, t, n = !1) => {
   var r;
-  const o = !!K(), a = o ? Le() : void 0, s = (r = void 0) != null ? r : o ? ut : void 0;
+  const o = !!K(), a = o ? Ve() : void 0, s = (r = void 0) != null ? r : o ? ft : void 0;
   if (!s) {
     re(
       "provideGlobalConfig",
@@ -739,30 +739,30 @@ const zt = (e, t, n = !1) => {
     );
     return;
   }
-  const i = l(() => {
-    const f = c(e);
-    return a?.value ? eo(a.value, f) : f;
+  const i = c(() => {
+    const f = l(e);
+    return a?.value ? no(a.value, f) : f;
   });
   return s(_t, i), s(
     Ot,
-    l(() => i.value.locale)
+    c(() => i.value.locale)
   ), s(
     wt,
-    l(() => i.value.namespace)
+    c(() => i.value.namespace)
   ), s(
     $t,
-    l(() => i.value.zIndex)
+    c(() => i.value.zIndex)
   ), s(Bt, {
-    size: l(() => i.value.size || "")
+    size: c(() => i.value.size || "")
   }), s(
-    Yr,
-    l(() => ({
+    Qr,
+    c(() => ({
       emptyValues: i.value.emptyValues,
       valueOnClear: i.value.valueOnClear
     }))
   ), (n || !me.value) && (me.value = i.value), i;
-}, eo = (e, t) => {
-  const n = [.../* @__PURE__ */ new Set([...nt(e), ...nt(t)])], r = {};
+}, 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;
@@ -773,7 +773,7 @@ var ce = (e, t) => {
     n[r] = o;
   return n;
 };
-const Ve = (e, t) => {
+const Ge = (e, t) => {
   if (e.install = (n) => {
     for (const r of [e, ...Object.values(t ?? {})])
       n.component(r.name, r);
@@ -781,42 +781,42 @@ const Ve = (e, t) => {
     for (const [n, r] of Object.entries(t))
       e[n] = r;
   return e;
-}, to = (e, t) => (e.install = (n) => {
+}, ro = (e, t) => (e.install = (n) => {
   e._context = n._context, n.config.globalProperties[t] = e;
-}, e), no = (e) => (e.install = un, e), ro = "utils/dom/style";
-function Ee(e, t = "px") {
+}, e), oo = (e) => (e.install = dn, e), ao = "utils/dom/style";
+function $e(e, t = "px") {
   if (!e && e !== 0)
     return "";
-  if (W(e) || Ar(e))
+  if (W(e) || Pr(e))
     return `${e}${t}`;
   if (ee(e))
     return e;
-  re(ro, "binding value must be a string or number");
+  re(ao, "binding value must be a string or number");
 }
-const oo = oe({
+const so = oe({
   size: {
     type: k([Number, String])
   },
   color: {
     type: String
   }
-}), ao = O({
+}), io = N({
   name: "ElIcon",
   inheritAttrs: !1,
   __name: "icon",
-  props: oo,
+  props: so,
   setup(e) {
-    const t = e, n = Q("icon"), r = l(() => {
-      const { size: o, color: a } = t, s = Ee(o);
+    const t = e, n = Q("icon"), r = c(() => {
+      const { size: o, color: a } = t, s = $e(o);
       return !s && !a ? {} : {
         fontSize: s,
         "--color": a
       };
     });
-    return (o, a) => (y(), $(
+    return (o, a) => (m(), O(
       "i",
-      ft({
-        class: c(n).b(),
+      dt({
+        class: l(n).b(),
         style: r.value
       }, o.$attrs),
       [
@@ -826,129 +826,129 @@ const oo = oe({
     ));
   }
 });
-var so = /* @__PURE__ */ ce(ao, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const be = Ve(so);
-var io = /* @__PURE__ */ O({
+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) => (y(), $("svg", {
+    return (t, n) => (m(), O("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      D("path", {
+      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"
       })
     ]));
   }
-}), lo = io, co = /* @__PURE__ */ O({
+}), uo = co, fo = /* @__PURE__ */ N({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (t, n) => (y(), $("svg", {
+    return (t, n) => (m(), O("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      D("path", {
+      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"
       })
     ]));
   }
-}), uo = co, fo = /* @__PURE__ */ O({
+}), po = fo, ho = /* @__PURE__ */ N({
   name: "InfoFilled",
   __name: "info-filled",
   setup(e) {
-    return (t, n) => (y(), $("svg", {
+    return (t, n) => (m(), O("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      D("path", {
+      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"
       })
     ]));
   }
-}), rt = fo, po = /* @__PURE__ */ O({
+}), ot = ho, go = /* @__PURE__ */ N({
   name: "Loading",
   __name: "loading",
   setup(e) {
-    return (t, n) => (y(), $("svg", {
+    return (t, n) => (m(), O("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      D("path", {
+      R("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"
       })
     ]));
   }
-}), ho = po, go = /* @__PURE__ */ O({
+}), vo = go, mo = /* @__PURE__ */ N({
   name: "SuccessFilled",
   __name: "success-filled",
   setup(e) {
-    return (t, n) => (y(), $("svg", {
+    return (t, n) => (m(), O("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      D("path", {
+      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"
       })
     ]));
   }
-}), vo = go, mo = /* @__PURE__ */ O({
+}), bo = mo, yo = /* @__PURE__ */ N({
   name: "WarningFilled",
   __name: "warning-filled",
   setup(e) {
-    return (t, n) => (y(), $("svg", {
+    return (t, n) => (m(), O("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      D("path", {
+      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"
       })
     ]));
   }
-}), bo = mo;
-const $e = k([
+}), _o = yo;
+const Oe = k([
   String,
   Object,
   Function
-]), yo = {
-  Close: uo
-}, ot = {
-  primary: rt,
-  success: vo,
-  warning: bo,
-  error: lo,
-  info: rt
-}, _o = () => ne && /android/i.test(window.navigator.userAgent), wo = (e) => e, Ge = /* @__PURE__ */ Symbol("formContextKey"), jt = /* @__PURE__ */ Symbol("formItemContextKey"), So = () => {
-  const e = E(Ge, void 0), t = E(jt, void 0);
+]), 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);
   return {
     form: e,
     formItem: t
   };
 }, Ft = (e) => {
   const t = K();
-  return l(() => {
+  return c(() => {
     var n, r;
     return (r = (n = t?.proxy) == null ? void 0 : n.$props) == null ? void 0 : r[e];
   });
-}, xo = (e, t = {}) => {
-  const n = T(void 0), r = t.prop ? n : Ft("size"), o = t.global ? n : qr(), a = t.form ? { size: void 0 } : E(Ge, void 0), s = t.formItem ? { size: void 0 } : E(jt, void 0);
-  return l(
-    () => r.value || c(e) || s?.size || a?.size || o.value || ""
+}, 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 || ""
   );
 }, Dt = (e) => {
-  const t = Ft("disabled"), n = E(Ge, void 0);
-  return l(() => {
+  const t = Ft("disabled"), n = $(Ke, void 0);
+  return c(() => {
     var r, o, a;
-    return (a = (o = (r = t.value) != null ? r : c(e)) != null ? o : n?.disabled) != null ? a : !1;
+    return (a = (o = (r = t.value) != null ? r : l(e)) != null ? o : n?.disabled) != null ? a : !1;
   });
-}, Oe = {
+}, Ae = {
   tab: "Tab",
   enter: "Enter",
   space: "Space",
@@ -964,19 +964,19 @@ const $e = k([
   pageDown: "PageDown",
   home: "Home",
   end: "End"
-}, Co = (e) => {
+}, To = (e) => {
   if (e.code && e.code !== "Unidentified")
     return e.code;
-  const t = ko(e);
-  return t ? Object.values(Oe).includes(t) ? t : t === " " ? Oe.space : "" : "";
-}, ko = (e) => {
+  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" && _o()) {
+  if (!t && e.type === "keyup" && So()) {
     const n = e.target;
     t = n.value.charAt(n.selectionStart - 1);
   }
   return t;
-}, To = oe({
+}, No = oe({
   value: {
     type: [String, Number],
     default: ""
@@ -1007,53 +1007,53 @@ const $e = k([
   badgeClass: {
     type: String
   }
-}), Mo = O({
+}), Eo = N({
   name: "ElBadge",
   __name: "badge",
-  props: To,
+  props: No,
   setup(e, { expose: t }) {
-    const n = e, r = Q("badge"), o = l(() => n.isDot ? "" : W(n.value) && W(n.max) ? n.max < n.value ? `${n.max}+` : `${n.value}` : `${n.value}`), a = l(() => {
+    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: Ee(-n.offset[0]),
-          marginTop: Ee(n.offset[1])
+          marginRight: $e(-n.offset[0]),
+          marginTop: $e(n.offset[1])
         },
         (s = n.badgeStyle) != null ? s : {}
       ];
     });
     return t({
       content: o
-    }), (s, i) => (y(), $(
+    }), (s, i) => (m(), O(
       "div",
       {
-        class: I(c(r).b())
+        class: P(l(r).b())
       },
       [
         F(s.$slots, "default"),
-        Pe(dt, {
-          name: `${c(r).namespace.value}-zoom-in-center`,
+        Be(pt, {
+          name: `${l(r).namespace.value}-zoom-in-center`,
           persisted: ""
         }, {
-          default: L(() => [
-            pt(D(
+          default: D(() => [
+            ht(R(
               "sup",
               {
-                class: I([
-                  c(r).e("content"),
-                  c(r).em("content", s.type),
-                  c(r).is("fixed", !!s.$slots.default),
-                  c(r).is("dot", s.isDot),
-                  c(r).is("hide-zero", !s.showZero && s.value === 0),
+                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: ht(a.value)
+                style: gt(a.value)
               },
               [
                 F(s.$slots, "content", { value: o.value }, () => [
-                  gt(
-                    Be(o.value),
+                  ze(
+                    ye(o.value),
                     1
                   )
                 ])
@@ -1070,12 +1070,12 @@ const $e = k([
     ));
   }
 });
-var No = /* @__PURE__ */ ce(Mo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/badge/src/badge.vue"]]);
-const Eo = Ve(No), Rt = /* @__PURE__ */ Symbol(
+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(
   "buttonGroupContextKey"
-), $o = ({ from: e, replacement: t, scope: n, version: r, ref: o, type: a = "API" }, s) => {
+), Ao = ({ from: e, replacement: t, scope: n, version: r, ref: o, type: a = "API" }, s) => {
   le(
-    () => c(s),
+    () => l(s),
     (i) => {
       i && re(
         n,
@@ -1088,8 +1088,8 @@ For more detail, please visit: ${o}
       immediate: !0
     }
   );
-}, Oo = (e, t) => {
-  $o(
+}, Io = (e, t) => {
+  Ao(
     {
       from: "type.text",
       replacement: "link",
@@ -1097,42 +1097,42 @@ For more detail, please visit: ${o}
       scope: "props",
       ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
     },
-    l(() => e.type === "text")
+    c(() => e.type === "text")
   );
-  const n = E(Rt, void 0), r = Le("button"), { form: o } = So(), a = xo(l(() => n?.size)), s = Dt(), i = T(), f = nn(), m = l(
+  const n = $(Rt, void 0), r = Ve("button"), { form: o } = Co(), a = ko(c(() => n?.size)), s = Dt(), i = T(), f = on(), b = c(
     () => {
       var d;
       return e.type || n?.type || ((d = r.value) == null ? void 0 : d.type) || "";
     }
-  ), h = l(
+  ), h = c(
     () => {
       var d, p, w;
       return (w = (p = e.autoInsertSpace) != null ? p : (d = r.value) == null ? void 0 : d.autoInsertSpace) != null ? w : !1;
     }
-  ), g = l(
+  ), g = c(
     () => {
       var d, p, w;
       return (w = (p = e.plain) != null ? p : (d = r.value) == null ? void 0 : d.plain) != null ? w : !1;
     }
-  ), _ = l(
+  ), _ = c(
     () => {
       var d, p, w;
       return (w = (p = e.round) != null ? p : (d = r.value) == null ? void 0 : d.round) != null ? w : !1;
     }
-  ), M = l(() => {
+  ), 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 = l(() => e.tag === "button" ? {
+  }), z = c(() => e.tag === "button" ? {
     ariaDisabled: s.value || e.loading,
     disabled: s.value || e.loading,
     autofocus: e.autofocus,
     type: e.nativeType
-  } : {}), u = l(() => {
+  } : {}), 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 === rn) {
+      if (w?.type === an) {
         const ue = w.children;
         return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(ue.trim());
       }
@@ -1142,7 +1142,7 @@ For more detail, please visit: ${o}
   return {
     _disabled: s,
     _size: a,
-    _type: m,
+    _type: b,
     _ref: i,
     _props: z,
     _plain: g,
@@ -1157,7 +1157,7 @@ For more detail, please visit: ${o}
       e.nativeType === "reset" && o?.resetFields(), t("click", d);
     }
   };
-}, Ao = [
+}, Po = [
   "default",
   "primary",
   "success",
@@ -1166,7 +1166,7 @@ For more detail, please visit: ${o}
   "danger",
   "text",
   ""
-], Io = ["button", "submit", "reset"], Ae = oe({
+], Bo = ["button", "submit", "reset"], Ie = oe({
   size: Pt,
   disabled: {
     type: Boolean,
@@ -1174,21 +1174,21 @@ For more detail, please visit: ${o}
   },
   type: {
     type: String,
-    values: Ao,
+    values: Po,
     default: ""
   },
   icon: {
-    type: $e
+    type: Oe
   },
   nativeType: {
     type: String,
-    values: Io,
+    values: Bo,
     default: "button"
   },
   loading: Boolean,
   loadingIcon: {
-    type: $e,
-    default: () => ho
+    type: Oe,
+    default: () => vo
   },
   plain: {
     type: Boolean,
@@ -1216,21 +1216,21 @@ For more detail, please visit: ${o}
     type: k([String, Object]),
     default: "button"
   }
-}), Po = {
+}), zo = {
   click: (e) => e instanceof MouseEvent
 };
 function S(e, t) {
-  Bo(e) && (e = "100%");
-  var n = zo(e);
+  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 de(e) {
   return Math.min(1, Math.max(0, e));
 }
-function Bo(e) {
+function jo(e) {
   return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
 }
-function zo(e) {
+function Fo(e) {
   return typeof e == "string" && e.indexOf("%") !== -1;
 }
 function Ht(e) {
@@ -1242,14 +1242,14 @@ function pe(e) {
 function G(e) {
   return e.length === 1 ? "0" + e : String(e);
 }
-function jo(e, t, n) {
+function Do(e, t, n) {
   return {
     r: S(e, 255) * 255,
     g: S(t, 255) * 255,
     b: S(n, 255) * 255
   };
 }
-function at(e, t, n) {
+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)
@@ -1271,20 +1271,20 @@ function at(e, t, n) {
   }
   return { h: a, s, l: i };
 }
-function Ce(e, t, n) {
+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 Fo(e, t, n) {
+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;
   else {
     var s = n < 0.5 ? n * (1 + t) : n + t - n * t, i = 2 * n - s;
-    r = Ce(i, s, e + 1 / 3), o = Ce(i, s, e), a = Ce(i, s, e - 1 / 3);
+    r = ke(i, s, e + 1 / 3), o = ke(i, s, e), a = ke(i, s, e - 1 / 3);
   }
   return { r: r * 255, g: o * 255, b: a * 255 };
 }
-function st(e, t, n) {
+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)
@@ -1305,12 +1305,12 @@ function st(e, t, n) {
   }
   return { h: a, s: f, v: s };
 }
-function Do(e, t, n) {
+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, m = [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: m * 255, g: h * 255, b: g * 255 };
+  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 it(e, t, n, r) {
+function lt(e, t, n, r) {
   var o = [
     G(Math.round(e).toString(16)),
     G(Math.round(t).toString(16)),
@@ -1318,32 +1318,32 @@ function it(e, t, n, r) {
   ];
   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("");
 }
-function Ro(e, t, n, r, o) {
+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(Ho(r))
+    G(Vo(r))
   ];
   return o && a[0].startsWith(a[0].charAt(1)) && a[1].startsWith(a[1].charAt(1)) && a[2].startsWith(a[2].charAt(1)) && a[3].startsWith(a[3].charAt(1)) ? a[0].charAt(0) + a[1].charAt(0) + a[2].charAt(0) + a[3].charAt(0) : a.join("");
 }
-function Ho(e) {
+function Vo(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
-function lt(e) {
-  return N(e) / 255;
+function ct(e) {
+  return E(e) / 255;
 }
-function N(e) {
+function E(e) {
   return parseInt(e, 16);
 }
-function Lo(e) {
+function Go(e) {
   return {
     r: e >> 16,
     g: (e & 65280) >> 8,
     b: e & 255
   };
 }
-var Ie = {
+var Pe = {
   aliceblue: "#f0f8ff",
   antiquewhite: "#faebd7",
   aqua: "#00ffff",
@@ -1493,9 +1493,9 @@ var Ie = {
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
 };
-function Vo(e) {
+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 = Uo(e)), typeof e == "object" && (j(e.r) && j(e.g) && j(e.b) ? (t = jo(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 = Do(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 = Fo(e.h, r, a), s = !0, i = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Ht(n), {
+  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)),
@@ -1504,56 +1504,56 @@ function Vo(e) {
     a: n
   };
 }
-var Go = "[-\\+]?\\d+%?", Ko = "[-\\+]?\\d*\\.\\d+%?", H = "(?:".concat(Ko, ")|(?:").concat(Go, ")"), ke = "[\\s|\\(]+(".concat(H, ")[,|\\s]+(").concat(H, ")[,|\\s]+(").concat(H, ")\\s*\\)?"), Te = "[\\s|\\(]+(".concat(H, ")[,|\\s]+(").concat(H, ")[,|\\s]+(").concat(H, ")[,|\\s]+(").concat(H, ")\\s*\\)?"), A = {
-  CSS_UNIT: new RegExp(H),
-  rgb: new RegExp("rgb" + ke),
-  rgba: new RegExp("rgba" + Te),
-  hsl: new RegExp("hsl" + ke),
-  hsla: new RegExp("hsla" + Te),
-  hsv: new RegExp("hsv" + ke),
-  hsva: new RegExp("hsva" + Te),
+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),
   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 Uo(e) {
+function Zo(e) {
   if (e = e.trim().toLowerCase(), e.length === 0)
     return !1;
   var t = !1;
-  if (Ie[e])
-    e = Ie[e], t = !0;
+  if (Pe[e])
+    e = Pe[e], t = !0;
   else if (e === "transparent")
     return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  var n = A.rgb.exec(e);
-  return n ? { r: n[1], g: n[2], b: n[3] } : (n = A.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = A.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = A.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = A.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = A.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = A.hex8.exec(e), n ? {
-    r: N(n[1]),
-    g: N(n[2]),
-    b: N(n[3]),
-    a: lt(n[4]),
+  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 = A.hex6.exec(e), n ? {
-    r: N(n[1]),
-    g: N(n[2]),
-    b: N(n[3]),
+  } : (n = I.hex6.exec(e), n ? {
+    r: E(n[1]),
+    g: E(n[2]),
+    b: E(n[3]),
     format: t ? "name" : "hex"
-  } : (n = A.hex4.exec(e), n ? {
-    r: N(n[1] + n[1]),
-    g: N(n[2] + n[2]),
-    b: N(n[3] + n[3]),
-    a: lt(n[4] + n[4]),
+  } : (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 = A.hex3.exec(e), n ? {
-    r: N(n[1] + n[1]),
-    g: N(n[2] + n[2]),
-    b: N(n[3] + n[3]),
+  } : (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"
   } : !1)))))))));
 }
 function j(e) {
-  return !!A.CSS_UNIT.exec(String(e));
+  return !!I.CSS_UNIT.exec(String(e));
 }
-var Wo = (
+var Jo = (
   /** @class */
   (function() {
     function e(t, n) {
@@ -1561,8 +1561,8 @@ var Wo = (
       var r;
       if (t instanceof e)
         return t;
-      typeof t == "number" && (t = Lo(t)), this.originalInput = t;
-      var o = Vo(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;
     }
     return e.prototype.isDark = function() {
@@ -1583,23 +1583,23 @@ var Wo = (
       var t = this.toHsl().s;
       return t === 0;
     }, e.prototype.toHsv = function() {
-      var t = st(this.r, this.g, this.b);
+      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 = st(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), o = Math.round(t.v * 100);
+      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 = at(this.r, this.g, this.b);
+      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 = at(this.r, this.g, this.b), n = Math.round(t.h * 360), r = Math.round(t.s * 100), o = Math.round(t.l * 100);
+      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), it(this.r, this.g, this.b, 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), Ro(this.r, this.g, this.b, this.a, 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) {
@@ -1634,7 +1634,7 @@ var Wo = (
         return "transparent";
       if (this.a < 1)
         return !1;
-      for (var t = "#" + it(this.r, this.g, this.b, !1), n = 0, r = Object.entries(Ie); n < r.length; n++) {
+      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;
@@ -1729,42 +1729,42 @@ var Wo = (
     }, e;
   })()
 );
-function R(e, t = 20) {
+function H(e, t = 20) {
   return e.mix("#141414", t).toString();
 }
-function Zo(e) {
+function qo(e) {
   const t = Dt(), n = Q("button");
-  return l(() => {
+  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 Wo(o), i = e.dark ? s.tint(20).toString() : R(s, 20);
+      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 ? R(s, 90) : s.tint(90).toString(),
+          "bg-color": e.dark ? H(s, 90) : s.tint(90).toString(),
           "text-color": o,
-          "border-color": e.dark ? R(s, 50) : s.tint(50).toString(),
+          "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 ? R(s, 90) : s.tint(90).toString(), r[n.cssVarBlockName("disabled-text-color")] = e.dark ? R(s, 50) : s.tint(50).toString(), r[n.cssVarBlockName("disabled-border-color")] = e.dark ? R(s, 80) : s.tint(80).toString());
+        }), 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());
       else {
-        const f = e.dark ? R(s, 30) : s.tint(30).toString(), m = s.isDark() ? `var(${n.cssVarName("color-white")})` : `var(${n.cssVarName("color-black")})`;
+        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": m,
+          "text-color": b,
           "border-color": o,
           "hover-bg-color": f,
-          "hover-text-color": m,
+          "hover-text-color": b,
           "hover-border-color": f,
           "active-bg-color": i,
           "active-border-color": i
         }), t.value) {
-          const h = e.dark ? R(s, 50) : s.tint(50).toString();
+          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;
         }
       }
@@ -1772,16 +1772,16 @@ function Zo(e) {
     return r;
   });
 }
-const Jo = O({
+const Yo = N({
   name: "ElButton",
   __name: "button",
-  props: Ae,
-  emits: Po,
+  props: Ie,
+  emits: zo,
   setup(e, { expose: t, emit: n }) {
-    const r = e, o = n, a = Zo(r), s = Q("button"), {
+    const r = e, o = n, a = qo(r), s = Q("button"), {
       _ref: i,
       _size: f,
-      _type: m,
+      _type: b,
       _disabled: h,
       _props: g,
       _plain: _,
@@ -1789,9 +1789,9 @@ const Jo = O({
       _text: z,
       shouldAddSpace: u,
       handleClick: v
-    } = Oo(r, o), d = l(() => [
+    } = Io(r, o), d = c(() => [
       s.b(),
-      s.m(m.value),
+      s.m(b.value),
       s.m(f.value),
       s.is("disabled", h.value),
       s.is("loading", r.loading),
@@ -1805,44 +1805,44 @@ const Jo = O({
     return t({
       ref: i,
       size: f,
-      type: m,
+      type: b,
       disabled: h,
       shouldAddSpace: u
-    }), (p, w) => (y(), P(he(p.tag), ft({
+    }), (p, w) => (m(), A(he(p.tag), dt({
       ref_key: "_ref",
       ref: i
-    }, c(g), {
+    }, l(g), {
       class: d.value,
-      style: c(a),
-      onClick: c(v)
+      style: l(a),
+      onClick: l(v)
     }), {
-      default: L(() => [
-        p.loading ? (y(), $(
+      default: D(() => [
+        p.loading ? (m(), O(
           mt,
           { key: 0 },
           [
-            p.$slots.loading ? F(p.$slots, "loading", { key: 0 }) : (y(), P(c(be), {
+            p.$slots.loading ? F(p.$slots, "loading", { key: 0 }) : (m(), A(l(be), {
               key: 1,
-              class: I(c(s).is("loading"))
+              class: P(l(s).is("loading"))
             }, {
-              default: L(() => [
-                (y(), P(he(p.loadingIcon)))
+              default: D(() => [
+                (m(), A(he(p.loadingIcon)))
               ]),
               _: 1
             }, 8, ["class"]))
           ],
           64
-        )) : p.icon || p.$slots.icon ? (y(), P(c(be), { key: 1 }, {
-          default: L(() => [
-            p.icon ? (y(), P(he(p.icon), { key: 0 })) : F(p.$slots, "icon", { key: 1 })
+        )) : 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 })
           ]),
           _: 3
         })) : q("v-if", !0),
-        p.$slots.default ? (y(), $(
+        p.$slots.default ? (m(), O(
           "span",
           {
             key: 2,
-            class: I({ [c(s).em("text", "expand")]: c(u) })
+            class: P({ [l(s).em("text", "expand")]: l(u) })
           },
           [
             F(p.$slots, "default")
@@ -1854,33 +1854,33 @@ const Jo = O({
     }, 16, ["class", "style", "onClick"]));
   }
 });
-var qo = /* @__PURE__ */ ce(Jo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
-const Yo = {
-  size: Ae.size,
-  type: Ae.type,
+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,
   direction: {
     type: k(String),
     values: ["horizontal", "vertical"],
     default: "horizontal"
   }
-}, Xo = O({
+}, ea = N({
   name: "ElButtonGroup",
   __name: "button-group",
-  props: Yo,
+  props: Qo,
   setup(e) {
     const t = e;
-    ut(
+    ft(
       Rt,
-      on({
-        size: We(t, "size"),
-        type: We(t, "type")
+      sn({
+        size: Ze(t, "size"),
+        type: Ze(t, "type")
       })
     );
     const n = Q("button");
-    return (r, o) => (y(), $(
+    return (r, o) => (m(), O(
       "div",
       {
-        class: I([c(n).b("group"), c(n).bm("group", t.direction)])
+        class: P([l(n).b("group"), l(n).bm("group", t.direction)])
       },
       [
         F(r.$slots, "default")
@@ -1889,12 +1889,12 @@ const Yo = {
     ));
   }
 });
-var Lt = /* @__PURE__ */ ce(Xo, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
-const Qo = Ve(qo, {
+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
 });
-no(Lt);
-const ea = oe({
+oo(Lt);
+const ta = oe({
   a11y: {
     type: Boolean,
     default: !0
@@ -1930,13 +1930,13 @@ const ea = oe({
     type: String,
     default: "el"
   },
-  ...Xr
+  ...eo
 }), C = {
   placement: "top"
 };
-O({
+N({
   name: "ElConfigProvider",
-  props: ea,
+  props: ta,
   setup(e, { slots: t }) {
     const n = zt(e);
     return le(
@@ -1949,20 +1949,20 @@ O({
     ), () => F(t, "default", { config: n?.value });
   }
 });
-const Vt = [
+const Gt = [
   "primary",
   "success",
   "info",
   "warning",
   "error"
-], Gt = [
+], Kt = [
   "top",
   "top-left",
   "top-right",
   "bottom",
   "bottom-left",
   "bottom-right"
-], Y = "top", x = wo({
+], Y = "top", x = xo({
   customClass: "",
   dangerouslyUseHTMLString: !1,
   duration: 3e3,
@@ -1979,7 +1979,7 @@ const Vt = [
   grouping: !1,
   repeatNum: 1,
   appendTo: ne ? document.body : void 0
-}), ta = oe({
+}), na = oe({
   customClass: {
     type: String,
     default: x.customClass
@@ -1993,7 +1993,7 @@ const Vt = [
     default: x.duration
   },
   icon: {
-    type: $e,
+    type: Oe,
     default: x.icon
   },
   id: {
@@ -2018,7 +2018,7 @@ const Vt = [
   },
   type: {
     type: String,
-    values: Vt,
+    values: Gt,
     default: x.type
   },
   plain: {
@@ -2031,7 +2031,7 @@ const Vt = [
   },
   placement: {
     type: String,
-    values: Gt,
+    values: Kt,
     default: x.placement
   },
   zIndex: {
@@ -2046,142 +2046,142 @@ const Vt = [
     type: Number,
     default: x.repeatNum
   }
-}), na = {
+}), ra = {
   destroy: () => !0
 }, B = bt(
   {}
-), ra = (e) => (B[e] || (B[e] = bt([])), B[e]), oa = (e, t) => {
+), 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 };
-}, aa = (e, t) => {
-  const { prev: n } = oa(e, t);
+}, sa = (e, t) => {
+  const { prev: n } = aa(e, t);
   return n ? n.vm.exposed.bottom.value : 0;
-}, sa = (e, t, n) => (B[n] || []).findIndex((a) => a.id === e) > 0 ? 16 : t, ia = ["id"], la = ["innerHTML"], ca = O({
+}, 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: ta,
-  emits: na,
+  props: na,
+  emits: ra,
   setup(e, { expose: t, emit: n }) {
-    const { Close: r } = yo, o = e, a = n, s = T(!1), { ns: i, zIndex: f } = Qr("message"), { currentZIndex: m, nextZIndex: h } = f, g = T(), _ = T(!1), M = T(0);
+    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 = l(
+    const u = c(
       () => o.type ? o.type === "error" ? "danger" : o.type : "info"
-    ), v = l(() => {
-      const b = o.type;
-      return { [i.bm("icon", b)]: b && ot[b] };
-    }), d = l(
-      () => o.icon || ot[o.type] || ""
-    ), p = l(() => o.placement || Y), w = l(() => aa(o.id, p.value)), ue = l(() => sa(o.id, o.offset, p.value) + w.value), Ut = l(() => M.value + ue.value), Wt = l(() => p.value.includes("left") ? i.is("left") : p.value.includes("right") ? i.is("right") : i.is("center")), Ke = l(
+    ), 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"
-    ), Zt = l(() => ({
-      [Ke.value]: `${ue.value}px`,
-      zIndex: m.value
+    ), qt = c(() => ({
+      [Ue.value]: `${ue.value}px`,
+      zIndex: b.value
     }));
-    function we() {
-      o.duration !== 0 && ({ stop: z } = zr(() => {
+    function Se() {
+      o.duration !== 0 && ({ stop: z } = Fr(() => {
         fe();
       }, o.duration));
     }
-    function Ue() {
+    function We() {
       z?.();
     }
     function fe() {
-      _.value = !1, sn(() => {
-        var b;
-        s.value || ((b = o.onClose) == null || b.call(o), a("destroy"));
+      _.value = !1, cn(() => {
+        var y;
+        s.value || ((y = o.onClose) == null || y.call(o), a("destroy"));
       });
     }
-    function Jt(b) {
-      Co(b) === Oe.esc && fe();
+    function Yt(y) {
+      To(y) === Ae.esc && fe();
     }
-    return ct(() => {
-      we(), h(), _.value = !0;
+    return ut(() => {
+      Se(), h(), _.value = !0;
     }), le(
       () => o.repeatNum,
       () => {
-        Ue(), we();
+        We(), Se();
       }
-    ), jr(document, "keydown", Jt), Rr(g, () => {
+    ), Dr(document, "keydown", Yt), Lr(g, () => {
       M.value = g.value.getBoundingClientRect().height;
     }), t({
       visible: _,
-      bottom: Ut,
+      bottom: Zt,
       close: fe
-    }), (b, ae) => (y(), P(dt, {
-      name: c(i).b("fade"),
-      onBeforeEnter: ae[0] || (ae[0] = (qt) => s.value = !0),
-      onBeforeLeave: b.onClose,
-      onAfterLeave: ae[1] || (ae[1] = (qt) => b.$emit("destroy")),
+    }), (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: L(() => [
-        pt(D("div", {
-          id: b.id,
+      default: D(() => [
+        ht(R("div", {
+          id: y.id,
           ref_key: "messageRef",
           ref: g,
-          class: I([
-            c(i).b(),
-            { [c(i).m(b.type)]: b.type },
-            c(i).is("closable", b.showClose),
-            c(i).is("plain", b.plain),
-            c(i).is("bottom", Ke.value === "bottom"),
-            Wt.value,
-            b.customClass
+          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: ht(Zt.value),
+          style: gt(qt.value),
           role: "alert",
-          onMouseenter: Ue,
-          onMouseleave: we
+          onMouseenter: We,
+          onMouseleave: Se
         }, [
-          b.repeatNum > 1 ? (y(), P(c(Eo), {
+          y.repeatNum > 1 ? (m(), A(l(Oo), {
             key: 0,
-            value: b.repeatNum,
+            value: y.repeatNum,
             type: u.value,
-            class: I(c(i).e("badge"))
+            class: P(l(i).e("badge"))
           }, null, 8, ["value", "type", "class"])) : q("v-if", !0),
-          d.value ? (y(), P(c(be), {
+          d.value ? (m(), A(l(be), {
             key: 1,
-            class: I([c(i).e("icon"), v.value])
+            class: P([l(i).e("icon"), v.value])
           }, {
-            default: L(() => [
-              (y(), P(he(d.value)))
+            default: D(() => [
+              (m(), A(he(d.value)))
             ]),
             _: 1
           }, 8, ["class"])) : q("v-if", !0),
-          F(b.$slots, "default", {}, () => [
-            b.dangerouslyUseHTMLString ? (y(), $(
+          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 "),
-                D("p", {
-                  class: I(c(i).e("content")),
-                  innerHTML: b.message
-                }, null, 10, la)
+                R("p", {
+                  class: P(l(i).e("content")),
+                  innerHTML: y.message
+                }, null, 10, ca)
               ],
               2112
-            )) : (y(), $(
+            )) : (m(), O(
               "p",
               {
                 key: 0,
-                class: I(c(i).e("content"))
+                class: P(l(i).e("content"))
               },
-              Be(b.message),
+              ye(y.message),
               3
             ))
           ]),
-          b.showClose ? (y(), P(c(be), {
+          y.showClose ? (m(), A(l(be), {
             key: 2,
-            class: I(c(i).e("closeBtn")),
-            onClick: an(fe, ["stop"])
+            class: P(l(i).e("closeBtn")),
+            onClick: ln(fe, ["stop"])
           }, {
-            default: L(() => [
-              Pe(c(r))
+            default: D(() => [
+              Be(l(r))
             ]),
             _: 1
           }, 8, ["class"])) : q("v-if", !0)
-        ], 46, ia), [
+        ], 46, la), [
           [vt, _.value]
         ])
       ]),
@@ -2189,54 +2189,54 @@ const Vt = [
     }, 8, ["name", "onBeforeLeave"]));
   }
 });
-var ua = /* @__PURE__ */ ce(ca, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/message/src/message.vue"]]);
-let fa = 1;
-const da = (e) => {
+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);
-    Or(n) || (re(
+    Ir(n) || (re(
       "ElMessage",
       "the appendTo option is not an HTMLElement. Falling back to document.body."
     ), n = document.body), e.appendTo = n;
   }
-}, pa = (e) => {
-  !e.placement && ee(C.placement) && C.placement && (e.placement = C.placement), e.placement || (e.placement = Y), Gt.includes(e.placement) || (re(
+}, 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);
-}, Kt = (e) => {
+}, Ut = (e) => {
   const t = !e || ee(e) || yt(e) || ve(e) ? { message: e } : e, n = {
     ...x,
     ...t
   };
-  return da(n), pa(n), xe(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), xe(C.showClose) && !n.showClose && (n.showClose = C.showClose), xe(C.plain) && !n.plain && (n.plain = C.plain), n;
-}, ha = (e) => {
+  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();
-}, ga = ({ appendTo: e, ...t }, n) => {
-  const r = `message_${fa++}`, o = t.onClose, a = document.createElement("div"), s = {
+}, va = ({ appendTo: e, ...t }, n) => {
+  const r = `message_${da++}`, o = t.onClose, a = document.createElement("div"), s = {
     ...t,
     id: r,
     onClose: () => {
-      o?.(), ha(h);
+      o?.(), ga(h);
     },
     onDestroy: () => {
-      Ze(null, a);
+      Je(null, a);
     }
-  }, i = Pe(
-    ua,
+  }, i = Be(
+    fa,
     s,
     ve(s.message) || yt(s.message) ? {
       default: ve(s.message) ? s.message : () => s.message
     } : null
   );
-  i.appContext = n || Z._context, Ze(i, a), e.appendChild(a.firstElementChild);
+  i.appContext = n || Z._context, Je(i, a), e.appendChild(a.firstElementChild);
   const f = i.component, h = {
     id: r,
     vnode: i,
@@ -2253,7 +2253,7 @@ const da = (e) => {
   if (!ne)
     return { close: () => {
     } };
-  const n = Kt(e), r = ra(
+  const n = Ut(e), r = oa(
     n.placement || Y
   );
   if (n.grouping && r.length) {
@@ -2269,46 +2269,66 @@ const da = (e) => {
   if (W(C.max) && r.length >= C.max)
     return { close: () => {
     } };
-  const o = ga(n, t);
+  const o = va(n, t);
   return r.push(o), o.handler;
 };
-Vt.forEach((e) => {
+Gt.forEach((e) => {
   Z[e] = (t = {}, n) => {
-    const r = Kt(t);
+    const r = Ut(t);
     return Z({ ...r, type: e }, n);
   };
 });
-function va(e) {
+function ma(e) {
   for (const t in B)
-    if (Me(B, t)) {
+    if (Ne(B, t)) {
       const n = [...B[t]];
       for (const r of n)
         (!e || e === r.props.type) && r.handler.close();
     }
 }
-function ma(e) {
+function ba(e) {
   if (!B[e])
     return;
   [...B[e]].forEach((n) => n.handler.close());
 }
-Z.closeAll = va;
-Z.closeAllByPlacement = ma;
+Z.closeAll = ma;
+Z.closeAllByPlacement = ba;
 Z._context = null;
-const ba = to(Z, "$message"), _a = /* @__PURE__ */ O({
+const Wt = ro(Z, "$message"), _a = /* @__PURE__ */ N({
   __name: "TestComp",
   setup(e) {
     const t = T(0);
     function n() {
-      t.value = t.value + 1, ba({
+      t.value = t.value + 1, Wt({
         message: `第次${t.value}点击！`,
         type: "success"
       });
     }
     return (r, o) => {
-      const a = Qo;
-      return y(), P(a, { onClick: n }, {
-        default: L(() => [
-          gt(Be(c(t)), 1)
+      const a = Vt;
+      return m(), A(a, { onClick: n }, {
+        default: D(() => [
+          ze(ye(l(t)), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), wa = /* @__PURE__ */ N({
+  __name: "BtnComp",
+  setup(e) {
+    const t = T(0);
+    function n() {
+      t.value = t.value + 100, Wt({
+        message: `第次${t.value / 100}点击！`,
+        type: "warning"
+      });
+    }
+    return (r, o) => {
+      const a = Vt;
+      return m(), A(a, { onClick: n }, {
+        default: D(() => [
+          ze(ye(l(t)), 1)
         ]),
         _: 1
       });
@@ -2316,5 +2336,6 @@ const ba = to(Z, "$message"), _a = /* @__PURE__ */ O({
   }
 });
 export {
-  _a as TestComp
+  _a as BtnComp1,
+  wa as BtnComp100
 };