st-comp 0.0.149 → 0.0.150

package/es/{el-menu-item-7d04c11a.js → el-menu-item-6c6236a1.js}

@@ -1,13 +1,14 @@
-import { defineComponent as z, openBlock as B, createBlock as ve, Transition as Ee, mergeProps as Te, unref as He, toHandlers as Le, withCtx as Q, renderSlot as $, computed as h, getCurrentInstance as fe, inject as X, ref as E, reactive as he, watch as J, provide as me, onMounted as be, onBeforeUnmount as Se, h as b, Fragment as ge, withDirectives as we, vShow as We, watchEffect as Re, nextTick as je, toRef as De, resolveComponent as qe, createElementBlock as Y, normalizeClass as ee, createElementVNode as pe, createTextVNode as Fe, toDisplayString as Ve } from "vue";
-import { a as Ge } from "./el-scrollbar-562d0595.js";
-import { g as Ue, h as Ze, E as ke, j as F, m as Je } from "./use-form-common-props-f377e500.js";
-import { E as T, t as K } from "./index-0cb48e01.js";
-import { u as w, _ as oe, w as $e, n as Z, r as ie, o as Ke, b as Me, t as te, i as R, p as Ce, d as ne, g as Qe, q as xe, s as Oe, v as ye } from "./base-437d17f3.js";
-import { E as _e } from "./el-popper-50100766.js";
+import { defineComponent as z, openBlock as B, createBlock as ve, Transition as Ee, mergeProps as Te, unref as He, toHandlers as Le, withCtx as Q, renderSlot as $, computed as h, getCurrentInstance as fe, inject as X, ref as E, reactive as he, watch as J, provide as me, onMounted as be, onBeforeUnmount as Se, h as b, Fragment as ge, withDirectives as we, vShow as We, watchEffect as Re, nextTick as De, toRef as je, resolveComponent as qe, createElementBlock as Y, normalizeClass as ee, createElementVNode as pe, createTextVNode as Fe, toDisplayString as Ve } from "vue";
+import { a as Ge } from "./el-scrollbar-29bcab5f.js";
+import { a as Ue, b as Ze, E as ke, m as Je } from "./index-72151b24.js";
+import { E as T, t as K } from "./index-621b092b.js";
+import { u as w, _ as oe, w as $e, m as Z, r as ie, n as Ke, b as Me, t as te, i as R, o as Ce, d as ne, f as Qe, p as xe, q as Oe, s as ye } from "./base-19787dfb.js";
+import { E as _e } from "./el-popper-b6527ae2.js";
 import { T as Xe } from "./index-657047bb.js";
-import { C as Ye } from "./el-tag-985d9aff.js";
+import { i as F } from "./use-form-common-props-5ff2f51b.js";
+import { C as Ye } from "./el-tag-7414e0c7.js";
 import { m as et } from "./typescript-7ae59c4c.js";
-import { f as tt } from "./vnode-7dfd4ed5.js";
+import { f as tt } from "./vnode-6a0c7411.js";
 const nt = z({
   name: "ElCollapseTransition"
 }), ot = /* @__PURE__ */ z({
@@ -53,8 +54,8 @@ const nt = z({
     }, 16, ["name"]));
   }
 });
-var st = /* @__PURE__ */ oe(ot, [["__file", "collapse-transition.vue"]]);
-const at = $e(st);
+var at = /* @__PURE__ */ oe(ot, [["__file", "collapse-transition.vue"]]);
+const st = $e(at);
 let lt = class {
   constructor(o, n) {
     this.parent = o, this.domNode = n, this.subIndex = 0, this.subIndex = 0, this.init();
@@ -243,10 +244,10 @@ var Ie = z({
     d || te(re, "can not inject sub menu");
     const p = E({}), g = E({});
     let C;
-    const k = E(!1), se = E(), V = E(null), O = h(() => P.value === "horizontal" && _.value ? "bottom-start" : "right-start"), A = h(() => P.value === "horizontal" && _.value || P.value === "vertical" && !u.props.collapse ? e.expandCloseIcon && e.expandOpenIcon ? S.value ? e.expandOpenIcon : e.expandCloseIcon : Ue : e.collapseCloseIcon && e.collapseOpenIcon ? S.value ? e.collapseOpenIcon : e.collapseCloseIcon : Ze), _ = h(() => d.level === 0), j = h(() => {
+    const k = E(!1), ae = E(), V = E(null), O = h(() => P.value === "horizontal" && _.value ? "bottom-start" : "right-start"), A = h(() => P.value === "horizontal" && _.value || P.value === "vertical" && !u.props.collapse ? e.expandCloseIcon && e.expandOpenIcon ? S.value ? e.expandOpenIcon : e.expandCloseIcon : Ue : e.collapseCloseIcon && e.collapseOpenIcon ? S.value ? e.collapseOpenIcon : e.collapseCloseIcon : Ze), _ = h(() => d.level === 0), D = h(() => {
       const l = e.teleported;
       return l === void 0 ? _.value : l;
-    }), ae = h(() => u.props.collapse ? `${m.namespace.value}-zoom-in-left` : `${m.namespace.value}-zoom-in-top`), le = h(() => P.value === "horizontal" && _.value ? [
+    }), se = h(() => u.props.collapse ? `${m.namespace.value}-zoom-in-left` : `${m.namespace.value}-zoom-in-top`), le = h(() => P.value === "horizontal" && _.value ? [
       "bottom-start",
       "bottom-end",
       "top-start",
@@ -273,7 +274,7 @@ var Ie = z({
       index: e.index,
       indexPath: t,
       active: H
-    }), D = Ne(u.props, d.level + 1), G = h(() => {
+    }), j = Ne(u.props, d.level + 1), G = h(() => {
       var l;
       return (l = e.popperOffset) != null ? l : u.props.popperOffset;
     }), W = h(() => {
@@ -285,11 +286,11 @@ var Ie = z({
     }), ue = h(() => {
       var l;
       return (l = e.hideTimeout) != null ? l : u.props.hideTimeout;
-    }), s = () => {
+    }), a = () => {
       var l, c, M;
       return (M = (c = (l = V.value) == null ? void 0 : l.popperRef) == null ? void 0 : c.popperInstanceRef) == null ? void 0 : M.destroy();
-    }, a = (l) => {
-      l || s();
+    }, s = (l) => {
+      l || a();
     }, i = () => {
       u.props.menuTrigger === "hover" && u.props.mode === "horizontal" || u.props.collapse && u.props.mode === "vertical" || e.disabled || u.handleSubMenuClick({
         index: e.index,
@@ -305,7 +306,7 @@ var Ie = z({
         }
         d.mouseInChild.value = !0, C == null || C(), { stop: C } = Ce(() => {
           u.openMenu(e.index, t.value);
-        }, c), j.value && ((M = I.value.vnode.el) == null || M.dispatchEvent(new MouseEvent("mouseenter")));
+        }, c), D.value && ((M = I.value.vnode.el) == null || M.dispatchEvent(new MouseEvent("mouseenter")));
       }
     }, f = (l = !1) => {
       var c;
@@ -313,9 +314,9 @@ var Ie = z({
         d.mouseInChild.value = !1;
         return;
       }
-      C == null || C(), d.mouseInChild.value = !1, { stop: C } = Ce(() => !k.value && u.closeMenu(e.index, t.value), ue.value), j.value && l && ((c = d.handleMouseleave) == null || c.call(d, !0));
+      C == null || C(), d.mouseInChild.value = !1, { stop: C } = Ce(() => !k.value && u.closeMenu(e.index, t.value), ue.value), D.value && l && ((c = d.handleMouseleave) == null || c.call(d, !0));
     };
-    J(() => u.props.collapse, (l) => a(!!l));
+    J(() => u.props.collapse, (l) => s(!!l));
     {
       const l = (M) => {
         g.value[M.index] = M;
@@ -358,9 +359,9 @@ var Ie = z({
         persistent: !0,
         popperClass: W.value,
         placement: O.value,
-        teleported: j.value,
+        teleported: D.value,
         fallbackPlacements: le.value,
-        transition: ae.value,
+        transition: se.value,
         gpuAcceleration: !1
       }, {
         content: () => {
@@ -381,7 +382,7 @@ var Ie = z({
                 m.m("popup"),
                 m.m(`popup-${O.value}`)
               ],
-              style: D.value
+              style: j.value
             }, [(x = o.default) == null ? void 0 : x.call(o)])
           ]);
         },
@@ -392,16 +393,16 @@ var Ie = z({
       }) : b(ge, {}, [
         b("div", {
           class: y.e("title"),
-          ref: se,
+          ref: ae,
           onClick: i
         }, c),
-        b(at, {}, {
+        b(st, {}, {
           default: () => {
             var x;
             return we(b("ul", {
               role: "menu",
               class: [m.b(), m.m("inline")],
-              style: D.value
+              style: j.value
             }, [(x = o.default) == null ? void 0 : x.call(o)]), [[We, S.value]]);
           }
         })
@@ -488,73 +489,73 @@ var ht = z({
   props: vt,
   emits: ft,
   setup(e, { emit: o, slots: n, expose: r }) {
-    const t = fe(), I = t.appContext.config.globalProperties.$router, m = E(), y = w("menu"), u = w("sub-menu"), d = E(-1), p = E(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), g = E(e.defaultActive), C = E({}), k = E({}), se = h(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), V = () => {
-      const s = g.value && C.value[g.value];
-      if (!s || e.mode === "horizontal" || e.collapse)
+    const t = fe(), I = t.appContext.config.globalProperties.$router, m = E(), y = w("menu"), u = w("sub-menu"), d = E(-1), p = E(e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []), g = E(e.defaultActive), C = E({}), k = E({}), ae = h(() => e.mode === "horizontal" || e.mode === "vertical" && e.collapse), V = () => {
+      const a = g.value && C.value[g.value];
+      if (!a || e.mode === "horizontal" || e.collapse)
         return;
-      s.indexPath.forEach((i) => {
+      a.indexPath.forEach((i) => {
         const v = k.value[i];
         v && O(i, v.indexPath);
       });
-    }, O = (s, a) => {
-      p.value.includes(s) || (e.uniqueOpened && (p.value = p.value.filter((i) => a.includes(i))), p.value.push(s), o("open", s, a));
-    }, A = (s) => {
-      const a = p.value.indexOf(s);
-      a !== -1 && p.value.splice(a, 1);
-    }, _ = (s, a) => {
-      A(s), o("close", s, a);
-    }, j = ({
-      index: s,
-      indexPath: a
+    }, O = (a, s) => {
+      p.value.includes(a) || (e.uniqueOpened && (p.value = p.value.filter((i) => s.includes(i))), p.value.push(a), o("open", a, s));
+    }, A = (a) => {
+      const s = p.value.indexOf(a);
+      s !== -1 && p.value.splice(s, 1);
+    }, _ = (a, s) => {
+      A(a), o("close", a, s);
+    }, D = ({
+      index: a,
+      indexPath: s
     }) => {
-      p.value.includes(s) ? _(s, a) : O(s, a);
-    }, ae = (s) => {
+      p.value.includes(a) ? _(a, s) : O(a, s);
+    }, se = (a) => {
       (e.mode === "horizontal" || e.collapse) && (p.value = []);
-      const { index: a, indexPath: i } = s;
-      if (!(xe(a) || xe(i)))
+      const { index: s, indexPath: i } = a;
+      if (!(xe(s) || xe(i)))
         if (e.router && I) {
-          const v = s.route || a, f = I.push(v).then((l) => (l || (g.value = a), l));
-          o("select", a, i, { index: a, indexPath: i, route: v }, f);
+          const v = a.route || s, f = I.push(v).then((l) => (l || (g.value = s), l));
+          o("select", s, i, { index: s, indexPath: i, route: v }, f);
         } else
-          g.value = a, o("select", a, i, { index: a, indexPath: i });
-    }, le = (s) => {
-      const a = C.value, i = a[s] || g.value && a[g.value] || a[e.defaultActive];
-      i ? g.value = i.index : g.value = s;
-    }, S = (s) => {
-      const a = getComputedStyle(s), i = Number.parseInt(a.marginLeft, 10), v = Number.parseInt(a.marginRight, 10);
-      return s.offsetWidth + i + v || 0;
+          g.value = s, o("select", s, i, { index: s, indexPath: i });
+    }, le = (a) => {
+      const s = C.value, i = s[a] || g.value && s[g.value] || s[e.defaultActive];
+      i ? g.value = i.index : g.value = a;
+    }, S = (a) => {
+      const s = getComputedStyle(a), i = Number.parseInt(s.marginLeft, 10), v = Number.parseInt(s.marginRight, 10);
+      return a.offsetWidth + i + v || 0;
     }, H = () => {
-      var s, a;
+      var a, s;
       if (!m.value)
         return -1;
-      const i = Array.from((a = (s = m.value) == null ? void 0 : s.childNodes) != null ? a : []).filter((q) => q.nodeName !== "#text" || q.nodeValue), v = 64, f = getComputedStyle(m.value), l = Number.parseInt(f.paddingLeft, 10), c = Number.parseInt(f.paddingRight, 10), M = m.value.clientWidth - l - c;
+      const i = Array.from((s = (a = m.value) == null ? void 0 : a.childNodes) != null ? s : []).filter((q) => q.nodeName !== "#text" || q.nodeValue), v = 64, f = getComputedStyle(m.value), l = Number.parseInt(f.paddingLeft, 10), c = Number.parseInt(f.paddingRight, 10), M = m.value.clientWidth - l - c;
       let x = 0, N = 0;
       return i.forEach((q, Ae) => {
         q.nodeName !== "#comment" && (x += S(q), x <= M - v && (N = Ae + 1));
       }), N === i.length ? -1 : N;
-    }, P = (s) => k.value[s].indexPath, L = (s, a = 33.34) => {
+    }, P = (a) => k.value[a].indexPath, L = (a, s = 33.34) => {
       let i;
       return () => {
         i && clearTimeout(i), i = setTimeout(() => {
-          s();
-        }, a);
+          a();
+        }, s);
       };
     };
-    let D = !0;
+    let j = !0;
     const G = () => {
       if (d.value === H())
         return;
-      const s = () => {
-        d.value = -1, je(() => {
+      const a = () => {
+        d.value = -1, De(() => {
           d.value = H();
         });
       };
-      D ? s() : L(s)(), D = !1;
+      j ? a() : L(a)(), j = !1;
     };
-    J(() => e.defaultActive, (s) => {
-      C.value[s] || (g.value = ""), le(s);
-    }), J(() => e.collapse, (s) => {
-      s && (p.value = []);
+    J(() => e.defaultActive, (a) => {
+      C.value[a] || (g.value = ""), le(a);
+    }), J(() => e.collapse, (a) => {
+      a && (p.value = []);
     }), J(C.value, V);
     let W;
     Re(() => {
@@ -562,9 +563,9 @@ var ht = z({
     });
     const U = E(!1);
     {
-      const s = (f) => {
+      const a = (f) => {
         k.value[f.index] = f;
-      }, a = (f) => {
+      }, s = (f) => {
         delete k.value[f.index];
       };
       me("rootMenu", he({
@@ -573,22 +574,22 @@ var ht = z({
         items: C,
         subMenus: k,
         activeIndex: g,
-        isMenuPopup: se,
+        isMenuPopup: ae,
         addMenuItem: (f) => {
           C.value[f.index] = f;
         },
         removeMenuItem: (f) => {
           delete C.value[f.index];
         },
-        addSubMenu: s,
-        removeSubMenu: a,
+        addSubMenu: a,
+        removeSubMenu: s,
         openMenu: O,
         closeMenu: _,
-        handleMenuItemClick: ae,
-        handleSubMenuClick: j
+        handleMenuItemClick: se,
+        handleSubMenuClick: D
       })), me(`subMenu:${t.uid}`, {
-        addSubMenu: s,
-        removeSubMenu: a,
+        addSubMenu: a,
+        removeSubMenu: s,
         mouseInChild: U,
         level: 0
       });
@@ -596,8 +597,8 @@ var ht = z({
     be(() => {
       e.mode === "horizontal" && new it(t.vnode.el, y.namespace.value);
     }), r({
-      open: (a) => {
-        const { indexPath: i } = k.value[a];
+      open: (s) => {
+        const { indexPath: i } = k.value[s];
         i.forEach((v) => O(v, i));
       },
       close: A,
@@ -605,8 +606,8 @@ var ht = z({
     });
     const ue = Ne(e, 0);
     return () => {
-      var s, a;
-      let i = (a = (s = n.default) == null ? void 0 : s.call(n)) != null ? a : [];
+      var a, s;
+      let i = (s = (a = n.default) == null ? void 0 : a.call(n)) != null ? s : [];
       const v = [];
       if (e.mode === "horizontal" && m.value) {
         const c = tt(i), M = d.value === -1 ? c : c.slice(0, d.value), x = d.value === -1 ? [] : c.slice(d.value);
@@ -666,7 +667,7 @@ const bt = Me({
   setup(e, { emit: o }) {
     const n = fe(), r = X("rootMenu"), t = w("menu"), I = w("menu-item");
     r || te(de, "can not inject root menu");
-    const { parentMenu: m, indexPath: y } = Pe(n, De(e, "index")), u = X(`subMenu:${m.value.uid}`);
+    const { parentMenu: m, indexPath: y } = Pe(n, je(e, "index")), u = X(`subMenu:${m.value.uid}`);
     u || te(de, "can not inject sub menu");
     const d = h(() => e.index === r.activeIndex), p = he({
       index: e.index,
@@ -758,14 +759,14 @@ function Et(e, o, n, r, t, I) {
   ], 2);
 }
 var ze = /* @__PURE__ */ oe(xt, [["render", Et], ["__file", "menu-item-group.vue"]]);
-const Lt = $e(ht, {
+const Wt = $e(ht, {
   MenuItem: Be,
   MenuItemGroup: ze,
   SubMenu: Ie
-}), Wt = ye(Be);
+}), Rt = ye(Be);
 ye(ze);
 ye(Ie);
 export {
-  Wt as E,
-  Lt as a
+  Rt as E,
+  Wt as a
 };

package/es/{el-message-c3b3ac96.js → el-message-7d927756.js}

@@ -1,11 +1,12 @@
-import { defineComponent as B, computed as m, openBlock as v, createElementBlock as z, normalizeClass as C, unref as s, renderSlot as I, createVNode as O, Transition as j, withCtx as E, withDirectives as Z, createElementVNode as L, normalizeStyle as q, createTextVNode as re, toDisplayString as G, vShow as W, shallowReactive as ie, ref as k, onMounted as ue, watch as de, createBlock as b, createCommentVNode as S, resolveDynamicComponent as ce, Fragment as pe, withModifiers as fe, isVNode as J, render as H } from "vue";
-import { b as me, a as ge } from "./el-scrollbar-562d0595.js";
-import { b as K, d as N, u as ye, a as T, y as A, _ as Q, w as ve, j as X, p as Ce, i as R, h as _, m as he, f as be, c as V, T as Te } from "./base-437d17f3.js";
-import { j as we, f as P, E as U, T as Se } from "./use-form-common-props-f377e500.js";
+import { defineComponent as B, computed as m, openBlock as v, createElementBlock as z, normalizeClass as C, unref as s, renderSlot as I, createVNode as O, Transition as Z, withCtx as E, withDirectives as j, createElementVNode as L, normalizeStyle as q, createTextVNode as le, toDisplayString as G, vShow as W, shallowReactive as ie, ref as k, onMounted as ue, watch as de, createBlock as b, createCommentVNode as S, resolveDynamicComponent as ce, Fragment as pe, withModifiers as fe, isVNode as J, render as H } from "vue";
+import { b as me, a as ge } from "./el-scrollbar-29bcab5f.js";
+import { b as K, d as N, u as ye, a as T, v as A, _ as Q, w as ve, h as X, o as Ce, i as R, g as _, l as he, e as be, c as V, E as Te } from "./base-19787dfb.js";
+import { E as P } from "./index-72151b24.js";
+import { i as we, f as U, T as Se } from "./use-form-common-props-5ff2f51b.js";
 import { m as Ee } from "./typescript-7ae59c4c.js";
-import { u as Ne } from "./index-09e01b1d.js";
-import { E as Be } from "./index-0cb48e01.js";
-import { m as c } from "./config-provider-55482a43.js";
+import { u as Ne } from "./index-c066fe0d.js";
+import { E as Be } from "./index-621b092b.js";
+import { m as c } from "./config-provider-0f6672af.js";
 const Me = K({
   value: {
     type: [String, Number],
@@ -44,11 +45,11 @@ const Me = K({
   props: Me,
   setup(o, { expose: t }) {
     const e = o, a = ye("badge"), n = m(() => e.isDot ? "" : T(e.value) && T(e.max) ? e.max < e.value ? `${e.max}+` : `${e.value}` : `${e.value}`), p = m(() => {
-      var l, u, f, g, y;
+      var r, u, f, g, y;
       return [
         {
           backgroundColor: e.color,
-          marginRight: A(-((u = (l = e.offset) == null ? void 0 : l[0]) != null ? u : 0)),
+          marginRight: A(-((u = (r = e.offset) == null ? void 0 : r[0]) != null ? u : 0)),
           marginTop: A((g = (f = e.offset) == null ? void 0 : f[1]) != null ? g : 0)
         },
         (y = e.badgeStyle) != null ? y : {}
@@ -56,31 +57,31 @@ const Me = K({
     });
     return t({
       content: n
-    }), (l, u) => (v(), z("div", {
+    }), (r, u) => (v(), z("div", {
       class: C(s(a).b())
     }, [
-      I(l.$slots, "default"),
-      O(j, {
+      I(r.$slots, "default"),
+      O(Z, {
         name: `${s(a).namespace.value}-zoom-in-center`,
         persisted: ""
       }, {
         default: E(() => [
-          Z(L("sup", {
+          j(L("sup", {
             class: C([
               s(a).e("content"),
-              s(a).em("content", l.type),
-              s(a).is("fixed", !!l.$slots.default),
-              s(a).is("dot", l.isDot),
-              s(a).is("hide-zero", !l.showZero && e.value === 0),
-              l.badgeClass
+              s(a).em("content", r.type),
+              s(a).is("fixed", !!r.$slots.default),
+              s(a).is("dot", r.isDot),
+              s(a).is("hide-zero", !r.showZero && e.value === 0),
+              r.badgeClass
             ]),
             style: q(s(p))
           }, [
-            I(l.$slots, "content", { value: s(n) }, () => [
-              re(G(s(n)), 1)
+            I(r.$slots, "content", { value: s(n) }, () => [
+              le(G(s(n)), 1)
             ])
           ], 6), [
-            [W, !l.hidden && (s(n) || l.isDot || l.$slots.content)]
+            [W, !r.hidden && (s(n) || r.isDot || r.$slots.content)]
           ])
         ]),
         _: 3
@@ -188,14 +189,14 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
   props: Le,
   emits: _e,
   setup(o, { expose: t }) {
-    const e = o, { Close: a } = Se, { ns: n, zIndex: p } = Ne("message"), { currentZIndex: l, nextZIndex: u } = p, f = k(), g = k(!1), y = k(0);
+    const e = o, { Close: a } = Se, { ns: n, zIndex: p } = Ne("message"), { currentZIndex: r, nextZIndex: u } = p, f = k(), g = k(!1), y = k(0);
     let M;
     const se = m(() => e.type ? e.type === "error" ? "danger" : e.type : "info"), oe = m(() => {
-      const r = e.type;
-      return { [n.bm("icon", r)]: r && P[r] };
-    }), D = m(() => e.icon || P[e.type] || ""), te = m(() => De(e.id)), x = m(() => xe(e.id, e.offset) + te.value), ne = m(() => y.value + x.value), ae = m(() => ({
+      const l = e.type;
+      return { [n.bm("icon", l)]: l && U[l] };
+    }), D = m(() => e.icon || U[e.type] || ""), te = m(() => De(e.id)), x = m(() => xe(e.id, e.offset) + te.value), ne = m(() => y.value + x.value), ae = m(() => ({
       top: `${x.value}px`,
-      zIndex: l.value
+      zIndex: r.value
     }));
     function $() {
       e.duration !== 0 && ({ stop: M } = Ce(() => {
@@ -208,50 +209,50 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
     function w() {
       g.value = !1;
     }
-    function le({ code: r }) {
-      r === Be.esc && w();
+    function re({ code: l }) {
+      l === Be.esc && w();
     }
     return ue(() => {
       $(), u(), g.value = !0;
     }), de(() => e.repeatNum, () => {
       F(), $();
-    }), me(document, "keydown", le), ge(f, () => {
+    }), me(document, "keydown", re), ge(f, () => {
       y.value = f.value.getBoundingClientRect().height;
     }), t({
       visible: g,
       bottom: ne,
       close: w
-    }), (r, je) => (v(), b(j, {
+    }), (l, Ze) => (v(), b(Z, {
       name: s(n).b("fade"),
-      onBeforeLeave: r.onClose,
-      onAfterLeave: (Ze) => r.$emit("destroy"),
+      onBeforeLeave: l.onClose,
+      onAfterLeave: (je) => l.$emit("destroy"),
       persisted: ""
     }, {
       default: E(() => [
-        Z(L("div", {
-          id: r.id,
+        j(L("div", {
+          id: l.id,
           ref_key: "messageRef",
           ref: f,
           class: C([
             s(n).b(),
-            { [s(n).m(r.type)]: r.type },
-            s(n).is("center", r.center),
-            s(n).is("closable", r.showClose),
-            s(n).is("plain", r.plain),
-            r.customClass
+            { [s(n).m(l.type)]: l.type },
+            s(n).is("center", l.center),
+            s(n).is("closable", l.showClose),
+            s(n).is("plain", l.plain),
+            l.customClass
           ]),
           style: q(s(ae)),
           role: "alert",
           onMouseenter: F,
           onMouseleave: $
         }, [
-          r.repeatNum > 1 ? (v(), b(s(Ie), {
+          l.repeatNum > 1 ? (v(), b(s(Ie), {
             key: 0,
-            value: r.repeatNum,
+            value: l.repeatNum,
             type: s(se),
             class: C(s(n).e("badge"))
           }, null, 8, ["value", "type", "class"])) : S("v-if", !0),
-          s(D) ? (v(), b(s(U), {
+          s(D) ? (v(), b(s(P), {
             key: 1,
             class: C([s(n).e("icon"), s(oe)])
           }, {
@@ -260,19 +261,19 @@ const Ie = ve(ze), Y = ["success", "info", "warning", "error"], i = Ee({
             ]),
             _: 1
           }, 8, ["class"])) : S("v-if", !0),
-          I(r.$slots, "default", {}, () => [
-            r.dangerouslyUseHTMLString ? (v(), z(pe, { key: 1 }, [
+          I(l.$slots, "default", {}, () => [
+            l.dangerouslyUseHTMLString ? (v(), z(pe, { key: 1 }, [
               S(" Caution here, message could've been compromised, never use user's input as message "),
               L("p", {
                 class: C(s(n).e("content")),
-                innerHTML: r.message
+                innerHTML: l.message
               }, null, 10, ["innerHTML"])
             ], 2112)) : (v(), z("p", {
               key: 0,
               class: C(s(n).e("content"))
-            }, G(r.message), 3))
+            }, G(l.message), 3))
           ]),
-          r.showClose ? (v(), b(s(U), {
+          l.showClose ? (v(), b(s(P), {
             key: 2,
             class: C(s(n).e("closeBtn")),
             onClick: fe(w, ["stop"])
@@ -312,7 +313,7 @@ const ee = (o) => {
   const { handler: e } = o;
   e.close();
 }, Pe = ({ appendTo: o, ...t }, e) => {
-  const a = `message_${Re++}`, n = t.onClose, p = document.createElement("div"), l = {
+  const a = `message_${Re++}`, n = t.onClose, p = document.createElement("div"), r = {
     ...t,
     id: a,
     onClose: () => {
@@ -321,8 +322,8 @@ const ee = (o) => {
     onDestroy: () => {
       H(null, p);
     }
-  }, u = O(Ae, l, _(l.message) || J(l.message) ? {
-    default: _(l.message) ? l.message : () => l.message
+  }, u = O(Ae, r, _(r.message) || J(r.message) ? {
+    default: _(r.message) ? r.message : () => r.message
   } : null);
   u.appContext = e || h._context, H(u, p), o.appendChild(p.firstElementChild);
   const f = u.component, y = {
@@ -344,8 +345,8 @@ const ee = (o) => {
   const e = ee(o);
   if (e.grouping && d.length) {
     const n = d.find(({ vnode: p }) => {
-      var l;
-      return ((l = p.props) == null ? void 0 : l.message) === e.message;
+      var r;
+      return ((r = p.props) == null ? void 0 : r.message) === e.message;
     });
     if (n)
       return n.props.repeatNum += 1, n.props.type = e.type, n.handler;
@@ -368,7 +369,7 @@ function Ue(o) {
 }
 h.closeAll = Ue;
 h._context = null;
-const es = Te(h, "$message");
+const ss = Te(h, "$message");
 export {
-  es as E
+  ss as E
 };

package/es/el-message-d5ed7a4f.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),k=require("./el-scrollbar-ac525239.cjs"),o=require("./base-0ca7c43a.cjs"),w=require("./index-afc88a4b.cjs"),h=require("./use-form-common-props-74a96df2.cjs"),_=require("./typescript-b63f8e83.cjs"),D=require("./index-2f958e56.cjs"),O=require("./index-65b4113e.cjs"),p=require("./config-provider-cfbb9cd8.cjs"),P=o.buildProps({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:o.definePropType([String,Object,Array])},offset:{type:o.definePropType(Array),default:[0,0]},badgeClass:{type:String}}),q=e.defineComponent({name:"ElBadge"}),F=e.defineComponent({...q,props:P,setup(s,{expose:t}){const n=s,a=o.useNamespace("badge"),r=e.computed(()=>n.isDot?"":o.isNumber(n.value)&&o.isNumber(n.max)?n.max<n.value?`${n.max}+`:`${n.value}`:`${n.value}`),f=e.computed(()=>{var l,c,m,g,y;return[{backgroundColor:n.color,marginRight:o.addUnit(-((c=(l=n.offset)==null?void 0:l[0])!=null?c:0)),marginTop:o.addUnit((g=(m=n.offset)==null?void 0:m[1])!=null?g:0)},(y=n.badgeStyle)!=null?y:{}]});return t({content:r}),(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).b())},[e.renderSlot(l.$slots,"default"),e.createVNode(e.Transition,{name:`${e.unref(a).namespace.value}-zoom-in-center`,persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("sup",{class:e.normalizeClass([e.unref(a).e("content"),e.unref(a).em("content",l.type),e.unref(a).is("fixed",!!l.$slots.default),e.unref(a).is("dot",l.isDot),e.unref(a).is("hide-zero",!l.showZero&&n.value===0),l.badgeClass]),style:e.normalizeStyle(e.unref(f))},[e.renderSlot(l.$slots,"content",{value:e.unref(r)},()=>[e.createTextVNode(e.toDisplayString(e.unref(r)),1)])],6),[[e.vShow,!l.hidden&&(e.unref(r)||l.isDot||l.$slots.content)]])]),_:3},8,["name"])],2))}});var H=o._export_sfc(F,[["__file","badge.vue"]]);const A=o.withInstall(H),E=["success","info","warning","error"],u=_.mutable({customClass:"",center:!1,dangerouslyUseHTMLString:!1,duration:3e3,icon:void 0,id:"",message:"",onClose:void 0,showClose:!1,type:"info",plain:!1,offset:16,zIndex:0,grouping:!1,repeatNum:1,appendTo:o.isClient?document.body:void 0}),R=o.buildProps({customClass:{type:String,default:u.customClass},center:{type:Boolean,default:u.center},dangerouslyUseHTMLString:{type:Boolean,default:u.dangerouslyUseHTMLString},duration:{type:Number,default:u.duration},icon:{type:h.iconPropType,default:u.icon},id:{type:String,default:u.id},message:{type:o.definePropType([String,Object,Function]),default:u.message},onClose:{type:o.definePropType(Function),default:u.onClose},showClose:{type:Boolean,default:u.showClose},type:{type:String,values:E,default:u.type},plain:{type:Boolean,default:u.plain},offset:{type:Number,default:u.offset},zIndex:{type:Number,default:u.zIndex},grouping:{type:Boolean,default:u.grouping},repeatNum:{type:Number,default:u.repeatNum}}),U={destroy:()=>!0},d=e.shallowReactive([]),Z=s=>{const t=d.findIndex(r=>r.id===s),n=d[t];let a;return t>0&&(a=d[t-1]),{current:n,prev:a}},j=s=>{const{prev:t}=Z(s);return t?t.vm.exposed.bottom.value:0},G=(s,t)=>d.findIndex(a=>a.id===s)>0?16:t,W=e.defineComponent({name:"ElMessage"}),J=e.defineComponent({...W,props:R,emits:U,setup(s,{expose:t}){const n=s,{Close:a}=h.TypeComponents,{ns:r,zIndex:f}=D.useGlobalComponentSettings("message"),{currentZIndex:l,nextZIndex:c}=f,m=e.ref(),g=e.ref(!1),y=e.ref(0);let b;const M=e.computed(()=>n.type?n.type==="error"?"danger":n.type:"info"),$=e.computed(()=>{const i=n.type;return{[r.bm("icon",i)]:i&&h.TypeComponentsMap[i]}}),T=e.computed(()=>n.icon||h.TypeComponentsMap[n.type]||""),x=e.computed(()=>j(n.id)),N=e.computed(()=>G(n.id,n.offset)+x.value),I=e.computed(()=>y.value+N.value),V=e.computed(()=>({top:`${N.value}px`,zIndex:l.value}));function B(){n.duration!==0&&({stop:b}=o.useTimeoutFn(()=>{C()},n.duration))}function S(){b==null||b()}function C(){g.value=!1}function L({code:i}){i===O.EVENT_CODE.esc&&C()}return e.onMounted(()=>{B(),c(),g.value=!0}),e.watch(()=>n.repeatNum,()=>{S(),B()}),k.useEventListener(document,"keydown",L),k.useResizeObserver(m,()=>{y.value=m.value.getBoundingClientRect().height}),t({visible:g,bottom:I,close:C}),(i,oe)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(r).b("fade"),onBeforeLeave:i.onClose,onAfterLeave:se=>i.$emit("destroy"),persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:i.id,ref_key:"messageRef",ref:m,class:e.normalizeClass([e.unref(r).b(),{[e.unref(r).m(i.type)]:i.type},e.unref(r).is("center",i.center),e.unref(r).is("closable",i.showClose),e.unref(r).is("plain",i.plain),i.customClass]),style:e.normalizeStyle(e.unref(V)),role:"alert",onMouseenter:S,onMouseleave:B},[i.repeatNum>1?(e.openBlock(),e.createBlock(e.unref(A),{key:0,value:i.repeatNum,type:e.unref(M),class:e.normalizeClass(e.unref(r).e("badge"))},null,8,["value","type","class"])):e.createCommentVNode("v-if",!0),e.unref(T)?(e.openBlock(),e.createBlock(e.unref(w.ElIcon),{key:1,class:e.normalizeClass([e.unref(r).e("icon"),e.unref($)])},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(T))))]),_:1},8,["class"])):e.createCommentVNode("v-if",!0),e.renderSlot(i.$slots,"default",{},()=>[i.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),e.createElementVNode("p",{class:e.normalizeClass(e.unref(r).e("content")),innerHTML:i.message},null,10,["innerHTML"])],2112)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(r).e("content"))},e.toDisplayString(i.message),3))]),i.showClose?(e.openBlock(),e.createBlock(e.unref(w.ElIcon),{key:2,class:e.normalizeClass(e.unref(r).e("closeBtn")),onClick:e.withModifiers(C,["stop"])},{default:e.withCtx(()=>[e.createVNode(e.unref(a))]),_:1},8,["class","onClick"])):e.createCommentVNode("v-if",!0)],46,["id"]),[[e.vShow,g.value]])]),_:3},8,["name","onBeforeLeave","onAfterLeave"]))}});var K=o._export_sfc(J,[["__file","message.vue"]]);let Q=1;const z=s=>{const t=!s||o.isString(s)||e.isVNode(s)||o.isFunction(s)?{message:s}:s,n={...u,...t};if(!n.appendTo)n.appendTo=document.body;else if(o.isString(n.appendTo)){let a=document.querySelector(n.appendTo);o.isElement(a)||(o.debugWarn("ElMessage","the appendTo option is not an HTMLElement. Falling back to document.body."),a=document.body),n.appendTo=a}return o.isBoolean(p.messageConfig.grouping)&&!n.grouping&&(n.grouping=p.messageConfig.grouping),o.isNumber(p.messageConfig.duration)&&n.duration===3e3&&(n.duration=p.messageConfig.duration),o.isNumber(p.messageConfig.offset)&&n.offset===16&&(n.offset=p.messageConfig.offset),o.isBoolean(p.messageConfig.showClose)&&!n.showClose&&(n.showClose=p.messageConfig.showClose),n},X=s=>{const t=d.indexOf(s);if(t===-1)return;d.splice(t,1);const{handler:n}=s;n.close()},Y=({appendTo:s,...t},n)=>{const a=`message_${Q++}`,r=t.onClose,f=document.createElement("div"),l={...t,id:a,onClose:()=>{r==null||r(),X(y)},onDestroy:()=>{e.render(null,f)}},c=e.createVNode(K,l,o.isFunction(l.message)||e.isVNode(l.message)?{default:o.isFunction(l.message)?l.message:()=>l.message}:null);c.appContext=n||v._context,e.render(c,f),s.appendChild(f.firstElementChild);const m=c.component,y={id:a,vnode:c,vm:m,handler:{close:()=>{m.exposed.visible.value=!1}},props:c.component.props};return y},v=(s={},t)=>{if(!o.isClient)return{close:()=>{}};const n=z(s);if(n.grouping&&d.length){const r=d.find(({vnode:f})=>{var l;return((l=f.props)==null?void 0:l.message)===n.message});if(r)return r.props.repeatNum+=1,r.props.type=n.type,r.handler}if(o.isNumber(p.messageConfig.max)&&d.length>=p.messageConfig.max)return{close:()=>{}};const a=Y(n,t);return d.push(a),a.handler};E.forEach(s=>{v[s]=(t={},n)=>{const a=z(t);return v({...a,type:s},n)}});function ee(s){for(const t of d)(!s||s===t.props.type)&&t.handler.close()}v.closeAll=ee;v._context=null;const ne=o.withInstallFunction(v,"$message");exports.ElMessage=ne;