x-next 0.0.0-alpha.14 → 0.0.0-alpha.16

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var Ye = Object.defineProperty;
 var Ge = (e, t, n) => t in e ? Ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var L = (e, t, n) => Ge(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as z, createVNode as f, reactive as Ne, computed as k, getCurrentInstance as qe, ref as R, watch as ue, onMounted as de, onBeforeUnmount as Te, readonly as Je, openBlock as v, createBlock as O, Teleport as Qe, withDirectives as X, createElementBlock as S, normalizeClass as g, normalizeStyle as N, Transition as ee, withCtx as te, vShow as U, createCommentVNode as D, createElementVNode as y, withModifiers as Me, renderSlot as j, toDisplayString as ne, Comment as _e, Fragment as x, render as M, isVNode as w, createTextVNode as E, onUnmounted as Ae, resolveComponent as V, resolveDynamicComponent as et } from "vue";
+import { defineComponent as z, createVNode as f, reactive as Ne, computed as k, getCurrentInstance as qe, ref as R, watch as ce, onMounted as ue, onBeforeUnmount as Te, readonly as Je, openBlock as v, createBlock as O, Teleport as Qe, withDirectives as U, createElementBlock as S, normalizeClass as g, normalizeStyle as N, Transition as _, withCtx as ee, vShow as x, createCommentVNode as D, createElementVNode as y, withModifiers as Me, renderSlot as j, toDisplayString as te, Comment as _e, Fragment as X, render as M, isVNode as w, createTextVNode as E, onUnmounted as Ae, resolveComponent as V, resolveDynamicComponent as et } from "vue";
 const tt = "X", nt = "x", Fe = (e) => e ? nt + "-" + e : e || "", Y = (e) => tt + e, A = (e) => {
   const t = Fe(e);
   return {
@@ -17,30 +17,30 @@ function De(e) {
 function ze(e) {
   return G.call(e) === "[object Object]";
 }
-const Le = (e) => G.call(e) === "[object Promise]";
+const Le = (e) => G.call(e) === "[object Promise]", lt = (e) => B(e) && e.constructor.name === "AsyncFunction", rt = (e) => Le(e) || lt(e);
 function je(e) {
   return G.call(e) === "[object String]";
 }
-function lt(e) {
+function ot(e) {
   return G.call(e) === "[object Number]" && e === e;
 }
 function B(e) {
   return typeof e == "function";
 }
-function le() {
+function ne() {
   return typeof window < "u";
 }
-const W = (e) => e, rt = (e) => !!(e && e.shapeFlag & 1), ot = (e, t) => !!(e && e.shapeFlag & 6), st = (e, t) => !!(e && e.shapeFlag & 8), at = (e, t) => !!(e && e.shapeFlag & 16), it = (e, t) => !!(e && e.shapeFlag & 32), Q = (e, t = !1) => {
+const W = (e) => e, st = (e) => !!(e && e.shapeFlag & 1), at = (e, t) => !!(e && e.shapeFlag & 6), it = (e, t) => !!(e && e.shapeFlag & 8), ct = (e, t) => !!(e && e.shapeFlag & 16), ut = (e, t) => !!(e && e.shapeFlag & 32), Q = (e, t = !1) => {
   var l, o;
   const n = [];
   for (const r of e ?? [])
-    rt(r) || ot(r) || t && st(r, r.children) ? n.push(r) : at(r, r.children) ? n.push(...Q(r.children, t)) : it(r, r.children) ? n.push(...Q((o = (l = r.children).default) == null ? void 0 : o.call(l), t)) : De(r) && n.push(...Q(r, t));
+    st(r) || at(r) || t && it(r, r.children) ? n.push(r) : ct(r, r.children) ? n.push(...Q(r.children, t)) : ut(r, r.children) ? n.push(...Q((o = (l = r.children).default) == null ? void 0 : o.call(l), t)) : De(r) && n.push(...Q(r, t));
   return n;
-}, ct = (e, t) => Object.assign(t, {
-  install: (n) => {
-    n.component(e, t);
+}, dt = (e, t) => Object.assign(t, {
+  install(n) {
+    n.component(e) || n.component(e, t);
   }
-}), ut = {
+}), ft = {
   disabled: Boolean,
   block: Boolean,
   loading: Boolean,
@@ -80,21 +80,27 @@ const W = (e) => e, rt = (e) => !!(e && e.shapeFlag & 1), ot = (e, t) => !!(e &&
     type: Boolean,
     default: !0
   }
-}, dt = /* @__PURE__ */ z({
-  name: "Backward",
+}, mt = /* @__PURE__ */ z({
+  name: "AnimationLoading",
+  props: {
+    cls: String
+  },
   render() {
     return f("svg", {
-      viewBox: "0 0 20 20",
+      viewBox: "0 0 50 50",
+      class: "x-icon-loading-svg"
+    }, [f("circle", {
+      cx: "25",
+      cy: "25",
+      r: "20",
+      class: "path",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, [f("path", {
-      d: "M12.2674 15.793C11.9675 16.0787 11.4927 16.0672 11.2071 15.7673L6.20572 10.5168C5.9298 10.2271 5.9298 9.7719 6.20572 9.48223L11.2071 4.23177C11.4927 3.93184 11.9675 3.92031 12.2674 4.206C12.5673 4.49169 12.5789 4.96642 12.2932 5.26634L7.78458 9.99952L12.2932 14.7327C12.5789 15.0326 12.5673 15.5074 12.2674 15.793Z",
-      fill: "currentColor"
+      stroke: "currentColor"
     }, null)]);
   }
-}), ft = /* @__PURE__ */ z({
-  name: Y("Button"),
-  props: ut,
+}), gt = /* @__PURE__ */ z({
+  name: "Button",
+  props: ft,
   emits: ["click"],
   setup(e, {
     slots: t,
@@ -109,15 +115,20 @@ const W = (e) => e, rt = (e) => !!(e && e.shapeFlag & 1), ot = (e, t) => !!(e &&
       }, e.debounce));
     }, s = k(() => e.loading || l.clicked || l.isDebounce), d = qe(), m = (i, a) => {
       const c = i(a);
-      Le(c) && (l.clicked = !0, c.finally(() => {
+      rt(c) && (l.clicked = !0, c.finally(() => {
         l.clicked = !1;
       }));
     }, C = (i) => {
       var c, p, b, $;
-      if ((p = (c = i.target).blur) == null || p.call(c), s.value) return;
+      if (i.stopPropagation(), (p = (c = i.target).blur) == null || p.call(c), s.value) return;
       u();
       const a = ($ = (b = d == null ? void 0 : d.vnode) == null ? void 0 : b.props) == null ? void 0 : $.onClick;
-      De(a) ? a.forEach((re) => m(re, i)) : B(a) && m(a, i), n("click", i);
+      if (De(a))
+        a.forEach((le) => m(le, i));
+      else if (B(a)) {
+        m(a, i);
+        return;
+      }
     };
     return () => {
       var i;
@@ -126,9 +137,13 @@ const W = (e) => e, rt = (e) => !!(e && e.shapeFlag & 1), ot = (e, t) => !!(e &&
         type: "button",
         disabled: e.disabled,
         onClick: C
-      }, [s.value && f("span", {
+      }, [f("span", {
+        style: {
+          width: s.value ? "16px" : "0px",
+          marginRight: s.value ? "4px" : "0px"
+        },
         class: o.element("loading")
-      }, [f(dt, null, null)]), t.prefix && f("span", {
+      }, [f(mt, null, null)]), t.prefix && f("span", {
         class: o.element("prefix")
       }, [t.prefix()]), f("span", {
         class: o.element("content")
@@ -137,22 +152,22 @@ const W = (e) => e, rt = (e) => !!(e && e.shapeFlag & 1), ot = (e, t) => !!(e &&
       }, [t.suffix()])]);
     };
   }
-}), K = ct("XButton", ft), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), K = dt(Y("Button"), gt), we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   XButton: K
-}, Symbol.toStringTag, { value: "Module" })), mt = ["px", "%", "vh", "vw", "calc"], Be = (e, t = "px") => {
+}, Symbol.toStringTag, { value: "Module" })), yt = ["px", "%", "vh", "vw", "calc"], Be = (e, t = "px") => {
   if (e === void 0) return "";
   const n = String(e);
-  return mt.some((l) => n.includes(l)) ? n : n + t;
-}, gt = 1e3, yt = 3e3, ht = 1;
-class vt {
+  return yt.some((l) => n.includes(l)) ? n : n + t;
+}, ht = 1e3, vt = 3e3, Ct = 1;
+class pt {
   constructor() {
     L(this, "popupStack", {
       popup: /* @__PURE__ */ new Set(),
       dialog: /* @__PURE__ */ new Set(),
       message: /* @__PURE__ */ new Set()
     });
-    L(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || yt : Array.from(this.popupStack.popup).pop() || gt) + ht);
+    L(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || vt : Array.from(this.popupStack.popup).pop() || ht) + Ct);
     L(this, "add", (t) => {
       const n = this.getNextZIndex(t);
       return this.popupStack[t].add(n), t === "dialog" && this.popupStack.popup.add(n), n;
@@ -163,17 +178,17 @@ class vt {
     L(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
   }
 }
-const se = new vt();
-function fe(e, {
+const oe = new pt();
+function de(e, {
   visible: t,
   runOnMounted: n
 } = {}) {
   const l = R(0), o = () => {
-    l.value = se.add(e);
+    l.value = oe.add(e);
   }, r = () => {
-    se.delete(l.value, e);
-  }, u = () => e === "dialog" ? se.isLastDialog(l.value) : !1;
-  return ue(
+    oe.delete(l.value, e);
+  }, u = () => e === "dialog" ? oe.isLastDialog(l.value) : !1;
+  return ce(
     () => t == null ? void 0 : t.value,
     (s) => {
       s ? o() : r();
@@ -181,7 +196,7 @@ function fe(e, {
     {
       immediate: !0
     }
-  ), n && (de(() => {
+  ), n && (ue(() => {
     o();
   }), Te(() => {
     r();
@@ -193,17 +208,17 @@ function fe(e, {
   };
 }
 const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, n) => (n == null ? void 0 : n.toUpperCase()) ?? ""), Pe = () => {
-}, Ct = (e, t) => {
-  if (le)
+}, kt = (e, t) => {
+  if (ne)
     return (t ?? document).querySelector(e) ?? void 0;
-}, pt = (e) => {
+}, bt = (e) => {
   if (e.tagName === "BODY")
     return window.innerWidth - (document.documentElement.offsetWidth || document.body.offsetWidth);
   const { borderLeftWidth: t, borderRightWidth: n } = window.getComputedStyle(e), l = Number(t.replace("px", "")) + Number(n.replace("px", ""));
   return e.offsetWidth - (e.clientWidth + l);
-}, kt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, bt = (e, t) => {
+}, wt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, Bt = (e, t) => {
   var l;
-  if (!le || !e || !t) return "";
+  if (!ne || !e || !t) return "";
   let n = Ie(t);
   n === "float" && (n = "cssFloat");
   try {
@@ -224,17 +239,17 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
       const l = Ie(t);
       e.style[l] = n;
     }
-}, me = (e, t) => {
+}, fe = (e, t) => {
   if (je(e)) {
     const n = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
-    return Ct(n, t);
+    return kt(n, t);
   }
   return e;
-}, wt = le ? (e, t, n, l = !1) => {
+}, St = ne ? (e, t, n, l = !1) => {
   e.addEventListener(t, n, l);
-} : Pe, Bt = le ? (e, t, n, l = !1) => {
+} : Pe, $t = ne ? (e, t, n, l = !1) => {
   e.removeEventListener(t, n, l);
-} : Pe, St = (e, t) => {
+} : Pe, Ot = (e, t) => {
   let n = !1;
   const l = {
     overflow: "",
@@ -243,8 +258,8 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     if (e.value) {
       const s = e.value;
       if (!n && s.style.overflow !== "hidden") {
-        const d = pt(s);
-        if (d > 0 || kt(s)) {
+        const d = bt(s);
+        if (d > 0 || wt(s)) {
           l.overflow = s.style.overflow, l.width = s.style.width;
           let m = 0;
           o(s) && (m = s.getBoundingClientRect().left || 0), Z(s, {
@@ -263,18 +278,18 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
       }), n = !1;
     }
   };
-  return ue(
+  return ce(
     () => t == null ? void 0 : t.value,
     (s) => {
       e.value && !o(e.value) && (s && Z(s, {
         position: "absolute"
-      }), bt(e.value, "position") === "static" && Z(e.value, { position: "relative" }));
+      }), Bt(e.value, "position") === "static" && Z(e.value, { position: "relative" }));
     }
   ), {
     setOverflowHidden: r,
     resetOverflow: u
   };
-}, $t = {
+}, Et = {
   ENTER: "Enter",
   ESC: "Escape",
   BACKSPACE: "Backspace",
@@ -284,7 +299,7 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   ARROW_DOWN: "ArrowDown",
   ARROW_LEFT: "ArrowLeft",
   ARROW_RIGHT: "ArrowRight"
-}, Ot = {
+}, Nt = {
   renderTo: {
     type: W([String, Object]),
     default: "body"
@@ -370,29 +385,29 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     type: Boolean,
     default: !1
   }
-}, Et = ["width", "minWidth", "height", "minHeight"], Nt = z({
+}, Tt = ["width", "minWidth", "height", "minHeight"], Mt = z({
   name: Y("Dialog"),
   inheritAttrs: !1,
-  props: Ot,
+  props: Nt,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(e, { emit: t }) {
     const n = A("dialog"), l = n.block, o = A("message-box"), r = o.block, u = k(() => [
       l,
       e.messageBox && "is-message-box",
       e.popupClass && e.popupClass
-    ]), s = k(() => me(e.renderTo)), d = R(), m = k(() => e.disabled || !s.value), C = k(() => ({
+    ]), s = k(() => fe(e.renderTo)), d = R(), m = k(() => e.disabled || !s.value), C = k(() => ({
       zIndex: b.value
     })), i = k(() => {
       const h = {};
-      return e.fullscreen || (!e.center && e.top && (h.top = Be(e.top)), Et.forEach((T) => {
+      return e.fullscreen || (!e.center && e.top && (h.top = Be(e.top)), Tt.forEach((T) => {
         e[T] && (h[T] = Be(e[T]));
       })), h;
-    }), a = R(!1), c = k(() => e.modelValue), p = k(() => c.value || a.value), { zIndex: b, isLastDialog: $ } = fe("dialog", {
+    }), a = R(!1), c = k(() => e.modelValue), p = k(() => c.value || a.value), { zIndex: b, isLastDialog: $ } = de("dialog", {
       visible: c
-    }), { setOverflowHidden: re, resetOverflow: pe } = St(s, d), ke = (h, T) => {
+    }), { setOverflowHidden: le, resetOverflow: Ce } = Ot(s, d), pe = (h, T) => {
       t("update:modelValue", !1), t("close", e.messageBox ? h : void 0, e.messageBox ? T : void 0);
     }, We = () => {
-      a.value = !1, pe(), t("closed");
+      a.value = !1, Ce(), t("closed");
     }, Ze = () => {
       t("opened");
     }, q = Ne({
@@ -402,32 +417,32 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
       let J = !0;
       if (q[h] = !0, B(e.onBeforeCancel) && (J = e.onBeforeCancel(h) ?? !1), Le(J)) {
         J.then((Ke) => {
-          q[h] = !1, Ke && ke(h, T);
+          q[h] = !1, Ke && pe(h, T);
         });
         return;
       }
-      q[h] = !1, J && ke(h, T);
-    }, Xe = () => {
+      q[h] = !1, J && pe(h, T);
+    }, Ue = () => {
       e.maskToClose && e.mask && P("cancel");
-    }, Ue = (h) => {
+    }, xe = (h) => {
       P("cancel", h);
     }, Re = (h) => {
       P("ok", h);
     };
-    let oe = !1;
-    const be = (h) => {
-      e.escToClose && h.key === $t.ESC && $() && P("cancel");
-    }, xe = () => {
-      e.escToClose && !oe && (oe = !0, wt(document.documentElement, "keydown", be));
-    }, we = () => {
-      oe = !1, Bt(document.documentElement, "keydown", be);
+    let re = !1;
+    const ke = (h) => {
+      e.escToClose && h.key === Et.ESC && $() && P("cancel");
+    }, Xe = () => {
+      e.escToClose && !re && (re = !0, St(document.documentElement, "keydown", ke));
+    }, be = () => {
+      re = !1, $t(document.documentElement, "keydown", ke);
     };
     return Te(() => {
-      pe(), we();
-    }), ue(
+      Ce(), be();
+    }), ce(
       () => c.value,
       (h) => {
-        h ? (t("open"), re(), a.value = !0, xe()) : we();
+        h ? (t("open"), le(), a.value = !0, Xe()) : be();
       },
       { immediate: !0 }
     ), {
@@ -446,8 +461,8 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
       interceptClose: P,
       afterLeave: We,
       afterEnter: Ze,
-      handleMaskClick: Xe,
-      handleCancel: Ue,
+      handleMaskClick: Ue,
+      handleCancel: xe,
       handleOk: Re,
       loadingObj: q
     };
@@ -458,27 +473,27 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     n[l] = o;
   return n;
 };
-function Tt(e, t, n, l, o, r) {
+function At(e, t, n, l, o, r) {
   return v(), O(Qe, {
     to: e.teleportContainer,
     disabled: e.teleportDisabled
   }, [
-    !e.destroyOnClosed || e.mergeVisible ? X((v(), S("div", {
+    !e.destroyOnClosed || e.mergeVisible ? U((v(), S("div", {
       key: 0,
       ref: "dialogRef",
       class: g(e.cls),
       style: N(e.dialogStyle)
     }, [
-      f(ee, {
+      f(_, {
         name: "x-fade-in-standard",
         appear: ""
       }, {
-        default: te(() => [
-          e.mask ? X((v(), S("div", {
+        default: ee(() => [
+          e.mask ? U((v(), S("div", {
             key: 0,
             class: g([e.cn.element("mask")])
           }, null, 2)), [
-            [U, e.modelVisible]
+            [x, e.modelVisible]
           ]) : D("", !0)
         ]),
         _: 1
@@ -487,14 +502,14 @@ function Tt(e, t, n, l, o, r) {
         class: g([e.cn.element("wrapper"), { "is-center": e.center }]),
         onClick: t[1] || (t[1] = Me((...u) => e.handleMaskClick && e.handleMaskClick(...u), ["self"]))
       }, [
-        f(ee, {
+        f(_, {
           name: "x-zoom-in",
           appear: "",
           onAfterEnter: e.afterEnter,
           onAfterLeave: e.afterLeave
         }, {
-          default: te(() => [
-            X(y("div", {
+          default: ee(() => [
+            U(y("div", {
               class: g([e.cn.element("container"), { "is-fullscreen": e.fullscreen }]),
               style: N(e.containerStyle)
             }, [
@@ -507,7 +522,7 @@ function Tt(e, t, n, l, o, r) {
                 j(e.$slots, "title", {}, () => [
                   y("div", {
                     class: g([e.cn.element("header-title")])
-                  }, ne(e.title), 3)
+                  }, te(e.title), 3)
                 ])
               ], 2),
               y("div", {
@@ -530,18 +545,18 @@ function Tt(e, t, n, l, o, r) {
                 onClick: t[0] || (t[0] = (u) => e.interceptClose("cancel"))
               }, null, 2)) : D("", !0)
             ], 6), [
-              [U, e.modelVisible]
+              [x, e.modelVisible]
             ])
           ]),
           _: 3
         }, 8, ["onAfterEnter", "onAfterLeave"])
       ], 2)
     ], 6)), [
-      [U, e.mergeVisible]
+      [x, e.mergeVisible]
     ]) : D("", !0)
   ], 8, ["to", "disabled"]);
 }
-const Ve = /* @__PURE__ */ F(Nt, [["render", Tt]]), He = /* @__PURE__ */ z({
+const Ve = /* @__PURE__ */ F(Mt, [["render", At]]), He = /* @__PURE__ */ z({
   name: Y("Space"),
   props: {
     direction: {
@@ -566,7 +581,7 @@ const Ve = /* @__PURE__ */ F(Nt, [["render", Tt]]), He = /* @__PURE__ */ z({
   }) {
     const n = A("space"), l = k(() => [n.block, n.element(e.direction), e.fill && "is-fill", n.element(`${e.direction}-${e.align}`)]);
     function o(u) {
-      if (lt(u))
+      if (ot(u))
         return u;
       switch (u) {
         case "mini":
@@ -595,7 +610,7 @@ const Ve = /* @__PURE__ */ F(Nt, [["render", Tt]]), He = /* @__PURE__ */ z({
       }, [u.map((d, m) => {
         var i;
         const C = t.split && m > 0;
-        return f(x, {
+        return f(X, {
           key: `space-item-${m}`
         }, [C && f("div", {
           className: n.element("split"),
@@ -639,7 +654,7 @@ const $e = A("dialog"), on = (e) => {
     return f("div", {
       class: $e.element("content")
     }, [E(" "), e.content, E(" ")]);
-  }, s = () => () => f(x, null, [e.title && r(e.title)]), d = () => () => f(x, null, [e.content && u(e.content)]), m = () => {
+  }, s = () => () => f(X, null, [e.title && r(e.title)]), d = () => () => f(X, null, [e.content && u(e.content)]), m = () => {
     if (w(e.footer) || B(e.footer))
       return e.footer;
     const i = (e == null ? void 0 : e.cancelText) || "取消", a = (e == null ? void 0 : e.okText) || "确认";
@@ -689,14 +704,14 @@ const $e = A("dialog"), on = (e) => {
     footer: m()
   });
   M(C, t);
-}, Mt = ["success", "warning", "error", "strong", "info"], At = (e) => je(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", Ft = (e, t = "px") => {
+}, Ft = ["success", "warning", "error", "strong", "info"], Dt = (e) => je(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", zt = (e, t = "px") => {
   if (e === void 0) return "";
   const n = typeof e == "number" ? `${e}` : e;
   return ["px", "%", "vh", "vw", "calc"].some((o) => n.includes(o)) ? n : n + t;
 };
 function I(e) {
   return z({
-    name: Fe(`Icon${At(e)}`),
+    name: Fe(`Icon${Dt(e)}`),
     props: {
       size: {
         type: [Number, String],
@@ -722,7 +737,7 @@ function I(e) {
     setup(t) {
       const n = "x-icon", l = k(() => {
         const r = {};
-        return t.size && (r.fontSize = Ft(t.size)), t.rotate && (r.transform = `rotate(${t.rotate}deg)`), t.color && (r.color = t.color), r;
+        return t.size && (r.fontSize = zt(t.size)), t.rotate && (r.transform = `rotate(${t.rotate}deg)`), t.color && (r.color = t.color), r;
       });
       return {
         cls: k(() => [
@@ -736,8 +751,8 @@ function I(e) {
     }
   });
 }
-const Dt = I("close-circle-fill");
-function zt(e, t, n, l, o, r) {
+const Lt = I("close-circle-fill");
+function jt(e, t, n, l, o, r) {
   return v(), S("div", {
     class: g(e.cls),
     style: N(e.styles)
@@ -762,8 +777,8 @@ function zt(e, t, n, l, o, r) {
     ], -1)
   ]), 6);
 }
-const ge = /* @__PURE__ */ F(Dt, [["render", zt]]), Lt = I("check-circle-fill");
-function jt(e, t, n, l, o, r) {
+const me = /* @__PURE__ */ F(Lt, [["render", jt]]), It = I("check-circle-fill");
+function Pt(e, t, n, l, o, r) {
   return v(), S("div", {
     class: g(e.cls),
     style: N(e.styles)
@@ -788,8 +803,8 @@ function jt(e, t, n, l, o, r) {
     ], -1)
   ]), 6);
 }
-const ye = /* @__PURE__ */ F(Lt, [["render", jt]]), It = I("exclamation-circle-fill");
-function Pt(e, t, n, l, o, r) {
+const ge = /* @__PURE__ */ F(It, [["render", Pt]]), Vt = I("exclamation-circle-fill");
+function Ht(e, t, n, l, o, r) {
   return v(), S("div", {
     class: g(e.cls),
     style: N(e.styles)
@@ -814,8 +829,8 @@ function Pt(e, t, n, l, o, r) {
     ], -1)
   ]), 6);
 }
-const he = /* @__PURE__ */ F(It, [["render", Pt]]), Vt = I("info-circle-fill");
-function Ht(e, t, n, l, o, r) {
+const ye = /* @__PURE__ */ F(Vt, [["render", Ht]]), Wt = I("info-circle-fill");
+function Zt(e, t, n, l, o, r) {
   return v(), S("div", {
     class: g(e.cls),
     style: N(e.styles)
@@ -840,8 +855,8 @@ function Ht(e, t, n, l, o, r) {
     ], -1)
   ]), 6);
 }
-const ve = /* @__PURE__ */ F(Vt, [["render", Ht]]), Wt = I("minus-circle-fill");
-function Zt(e, t, n, l, o, r) {
+const he = /* @__PURE__ */ F(Wt, [["render", Zt]]), Ut = I("minus-circle-fill");
+function xt(e, t, n, l, o, r) {
   return v(), S("div", {
     class: g(e.cls),
     style: N(e.styles)
@@ -866,16 +881,16 @@ function Zt(e, t, n, l, o, r) {
     ], -1)
   ]), 6);
 }
-const Ce = /* @__PURE__ */ F(Wt, [["render", Zt]]);
+const ve = /* @__PURE__ */ F(Ut, [["render", xt]]);
 I("animation-loading");
-const Xt = z({
+const Rt = z({
   name: Y("Message"),
   components: {
-    CloseCircleFill: ge,
-    CheckCircleFill: ye,
-    ExclamationCircleFill: he,
-    InfoCircleFill: ve,
-    MinusCircleFill: Ce
+    CloseCircleFill: me,
+    CheckCircleFill: ge,
+    ExclamationCircleFill: ye,
+    InfoCircleFill: he,
+    MinusCircleFill: ve
   },
   props: {
     id: {
@@ -936,12 +951,12 @@ const Xt = z({
         l.value = !1;
       }, e.duration);
     };
-    de(() => {
+    ue(() => {
       l.value = !0, e.duration !== 0 && r();
     }), Ae(() => {
       clearTimeout(o);
     });
-    const { zIndex: u } = fe("message", { runOnMounted: !0 }), s = k(() => ({
+    const { zIndex: u } = de("message", { runOnMounted: !0 }), s = k(() => ({
       top: `${e.offset}px`,
       zIndex: u.value
     }));
@@ -955,16 +970,16 @@ const Xt = z({
       }
     };
   }
-}), Ut = ["innerHTML"], Rt = { key: 1 };
-function xt(e, t, n, l, o, r) {
+}), Xt = ["innerHTML"], Kt = { key: 1 };
+function Yt(e, t, n, l, o, r) {
   const u = V("CheckCircleFill"), s = V("ExclamationCircleFill"), d = V("MinusCircleFill"), m = V("CloseCircleFill"), C = V("InfoCircleFill");
-  return v(), O(ee, {
+  return v(), O(_, {
     name: "x-message-slide-top",
     onBeforeLeave: e.onClose,
     onAfterLeave: t[1] || (t[1] = (i) => e.$emit("destroy"))
   }, {
-    default: te(() => [
-      X(y("div", {
+    default: ee(() => [
+      U(y("div", {
         class: g(e.cls),
         style: N(e.styles)
       }, [
@@ -980,7 +995,7 @@ function xt(e, t, n, l, o, r) {
           e.useHTML ? (v(), S("span", {
             key: 0,
             innerHTML: e.message
-          }, null, 8, Ut)) : (v(), S("span", Rt, ne(e.message), 1)),
+          }, null, 8, Xt)) : (v(), S("span", Kt, te(e.message), 1)),
           e.showClose ? (v(), S("span", {
             key: 2,
             class: g([e.cn.element("close-icon")]),
@@ -988,19 +1003,19 @@ function xt(e, t, n, l, o, r) {
           }, null, 2)) : D("", !0)
         ])
       ], 6), [
-        [U, e.visible]
+        [x, e.visible]
       ])
     ]),
     _: 3
   }, 8, ["onBeforeLeave"]);
 }
-const Kt = /* @__PURE__ */ F(Xt, [["render", xt]]), ae = /* @__PURE__ */ new WeakMap(), ie = (e) => {
+const Gt = /* @__PURE__ */ F(Rt, [["render", Yt]]), se = /* @__PURE__ */ new WeakMap(), ae = (e) => {
   (typeof e == "string" || w(e)) && (e = {
     message: e
   });
-  const t = me(e.renderTo || "body");
-  ae.has(t) || ae.set(t, []);
-  const n = ae.get(t);
+  const t = fe(e.renderTo || "body");
+  se.has(t) || se.set(t, []);
+  const n = se.get(t);
   let l = e.offset || 20;
   n.forEach((i) => {
     var a;
@@ -1022,7 +1037,7 @@ const Kt = /* @__PURE__ */ F(Xt, [["render", xt]]), ae = /* @__PURE__ */ new Wea
     M(null, m);
   }, offset: l };
   const d = f(
-    Kt,
+    Gt,
     r,
     B(r.message) || w(r.message) ? {
       default: B(r.message) ? r.message : () => r.message
@@ -1033,23 +1048,23 @@ const Kt = /* @__PURE__ */ F(Xt, [["render", xt]]), ae = /* @__PURE__ */ new Wea
       d.component.proxy.handleClose();
     }
   };
-}, Yt = () => {
-  Mt.forEach((e) => {
-    ie[e] = (t) => ze(t) ? ie({
+}, qt = () => {
+  Ft.forEach((e) => {
+    ae[e] = (t) => ze(t) ? ae({
       type: e,
       ...t
-    }) : ie({
+    }) : ae({
       message: t,
       type: e
     });
   });
 };
-Yt();
-const Gt = ["info", "success", "warning", "strong", "error"];
+qt();
+const Jt = ["info", "success", "warning", "strong", "error"];
 function Oe(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !w(e);
 }
-const ce = A("message-box"), Ee = (e) => {
+const ie = A("message-box"), Ee = (e) => {
   const t = document.createElement("div"), n = () => {
     M(null, t);
   }, l = (a) => {
@@ -1063,38 +1078,38 @@ const ce = A("message-box"), Ee = (e) => {
     let c;
     switch (a) {
       case "warning":
-        c = f(he, {
+        c = f(ye, {
           size: "22px",
           color: "#f6c64b"
         }, null);
         break;
       case "strong":
-        c = f(Ce, {
+        c = f(ve, {
           size: "22px",
           color: "#ff7125"
         }, null);
         break;
       case "error":
-        c = f(ge, {
+        c = f(me, {
           size: "22px",
           color: "#e24f48"
         }, null);
         break;
       case "success":
-        c = f(ye, {
+        c = f(ge, {
           size: "22px",
           color: "#68d1ab"
         }, null);
         break;
       case "info":
-        c = f(ve, {
+        c = f(he, {
           size: "22px",
           color: "#2355f5"
         }, null);
         break;
     }
     return f("div", {
-      class: ce.element("icon")
+      class: ie.element("icon")
     }, [c]);
   }, u = (a) => {
     if (w(a)) return a;
@@ -1103,7 +1118,7 @@ const ce = A("message-box"), Ee = (e) => {
       return w(c) ? c : null;
     }
     return f("div", {
-      class: ce.element("title")
+      class: ie.element("title")
     }, [E(" "), a, E(" ")]);
   }, s = (a) => {
     if (w(a)) return a;
@@ -1112,9 +1127,9 @@ const ce = A("message-box"), Ee = (e) => {
       return w(c) ? c : null;
     }
     return f("div", {
-      class: ce.element("content")
+      class: ie.element("content")
     }, [E(" "), e.content, E(" ")]);
-  }, d = () => () => f(x, null, [r(e.type || "success"), e.title && u(e.title)]), m = () => () => f(x, null, [e.content && s(e.content)]), C = () => {
+  }, d = () => () => f(X, null, [r(e.type || "success"), e.title && u(e.title)]), m = () => () => f(X, null, [e.content && s(e.content)]), C = () => {
     if (w(e.footer) || B(e.footer))
       return e.footer;
     const a = (e == null ? void 0 : e.cancelText) || "取消", c = (e == null ? void 0 : e.okText) || "确认";
@@ -1165,8 +1180,8 @@ const ce = A("message-box"), Ee = (e) => {
     footer: C()
   });
   M(i, t);
-}, qt = () => {
-  Gt.forEach((e) => {
+}, Qt = () => {
+  Jt.forEach((e) => {
     Ee[e] = (t, n) => {
       const l = [], o = [];
       let r = () => !0, u = () => !0;
@@ -1195,8 +1210,8 @@ const ce = A("message-box"), Ee = (e) => {
     };
   });
 };
-qt();
-const Jt = {
+Qt();
+const _t = {
   position: {
     type: String,
     default: "top-right"
@@ -1234,12 +1249,12 @@ const Jt = {
     type: Boolean,
     default: !1
   }
-}, Qt = z({
+}, en = z({
   name: Y("Notification"),
-  props: Jt,
+  props: _t,
   emits: ["close", "destroy"],
   setup(e) {
-    const t = A("notification"), n = t.block, l = k(() => [n, t.modifier(r.value.ver)]), { zIndex: o } = fe("message", { runOnMounted: !0 }), r = k(() => {
+    const t = A("notification"), n = t.block, l = k(() => [n, t.modifier(r.value.ver)]), { zIndex: o } = de("message", { runOnMounted: !0 }), r = k(() => {
       const c = e.position.split("-");
       return {
         hor: c[1],
@@ -1254,10 +1269,10 @@ const Jt = {
       setTimeout(() => {
         d.value = !1;
       }, e.duration);
-    }, i = k(() => e.type === "info" ? ve : e.type === "warning" ? he : e.type === "strong" ? Ce : e.type === "success" ? ye : e.type === "error" ? ge : ""), a = () => {
+    }, i = k(() => e.type === "info" ? he : e.type === "warning" ? ye : e.type === "strong" ? ve : e.type === "success" ? ge : e.type === "error" ? me : ""), a = () => {
       d.value = !1;
     };
-    return de(() => {
+    return ue(() => {
       e.duration !== 0 && C(), d.value = !0;
     }), Ae(() => {
       clearTimeout(m);
@@ -1274,14 +1289,14 @@ const Jt = {
     };
   }
 });
-function _t(e, t, n, l, o, r) {
-  return v(), O(ee, {
+function tn(e, t, n, l, o, r) {
+  return v(), O(_, {
     name: e.animationClsName,
     onBeforeLeave: t[1] || (t[1] = (u) => e.$emit("close")),
     onAfterLeave: t[2] || (t[2] = (u) => e.$emit("destroy"))
   }, {
-    default: te(() => [
-      X(y("div", {
+    default: ee(() => [
+      U(y("div", {
         class: g(e.cls),
         style: N(e.positionStyle)
       }, [
@@ -1296,12 +1311,12 @@ function _t(e, t, n, l, o, r) {
           y("div", null, [
             y("div", {
               class: g([e.cn.element("title")])
-            }, ne(e.title), 3),
+            }, te(e.title), 3),
             y("div", {
               class: g([e.cn.element("message")])
             }, [
               j(e.$slots, "default", {}, () => [
-                E(ne(e.message), 1)
+                E(te(e.message), 1)
               ])
             ], 2)
           ])
@@ -1312,14 +1327,14 @@ function _t(e, t, n, l, o, r) {
           onClick: t[0] || (t[0] = Me((...u) => e.handleClose && e.handleClose(...u), ["self"]))
         }, null, 2)) : D("", !0)
       ], 6), [
-        [U, e.visible]
+        [x, e.visible]
       ])
     ]),
     _: 3
   }, 8, ["name"]);
 }
-const en = /* @__PURE__ */ F(Qt, [["render", _t]]), H = /* @__PURE__ */ new WeakMap(), sn = (e) => {
-  const t = me(e.renderTo || "body"), n = document.createElement("div");
+const nn = /* @__PURE__ */ F(en, [["render", tn]]), H = /* @__PURE__ */ new WeakMap(), sn = (e) => {
+  const t = fe(e.renderTo || "body"), n = document.createElement("div");
   H.get(t) || H.set(t, {}), H.get(t)[e.position] || (H.get(t)[e.position] = []);
   const l = H.get(t)[e.position];
   let o = e.offset || 20;
@@ -1342,7 +1357,7 @@ const en = /* @__PURE__ */ F(Qt, [["render", _t]]), H = /* @__PURE__ */ new Weak
   }, d = () => {
     M(null, n);
   }, m = f(
-    en,
+    nn,
     {
       message: e.message,
       title: e.title,
@@ -1360,21 +1375,19 @@ const en = /* @__PURE__ */ F(Qt, [["render", _t]]), H = /* @__PURE__ */ new Weak
     } : null
   );
   M(m, n), l.push(m), t == null || t.appendChild(n.firstChild);
-}, tn = function(e) {
-  Object.keys(_).forEach((t) => {
-    const n = _[t];
-    n.install ? e.use(n) : e.component(t, _[t]);
-  });
-}, { XButton: nn } = _, an = {
-  XButton: nn,
-  install: tn
+}, an = {
+  install: function(e) {
+    Object.keys(we).forEach((t) => {
+      const n = we[t];
+      n.install && e.use(n);
+    });
+  }
 };
 export {
   on as Dialog,
-  ie as Message,
+  ae as Message,
   Ee as MessageBox,
   sn as Notification,
   K as XButton,
-  an as default,
-  tn as install
+  an as default
 };