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

package/dist/index.es.js

@@ -1,47 +1,46 @@
-var qe = Object.defineProperty;
-var Je = (e, t, n) => t in e ? qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var z = (e, t, n) => Je(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as F, computed as p, openBlock as C, createElementBlock as b, normalizeClass as y, normalizeStyle as $, createElementVNode as v, reactive as Se, getCurrentInstance as Qe, resolveComponent as H, withDirectives as j, createVNode as m, vShow as V, renderSlot as T, createCommentVNode as M, ref as Y, watch as ue, onMounted as de, onBeforeUnmount as Te, readonly as _e, createBlock as B, Teleport as xe, Transition as ee, withCtx as te, withModifiers as Me, toDisplayString as ne, Comment as et, Fragment as G, render as D, isVNode as O, createTextVNode as S, onUnmounted as Le, resolveDynamicComponent as tt } from "vue";
-const nt = "X", lt = "x", Ae = (e) => e ? lt + "-" + e : e || "", q = (e) => nt + e, I = (e) => {
-  const t = Ae(e);
+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";
+const tt = "X", nt = "x", Fe = (e) => e ? nt + "-" + e : e || "", Y = (e) => tt + e, A = (e) => {
+  const t = Fe(e);
   return {
     block: t,
-    element: (o) => `${t}--${o}`,
-    modifier: (o) => `${t}-${o}`,
-    is: (o) => `${t}-is-${o}`
+    element: (r) => `${t}--${r}`,
+    modifier: (r) => `${t}-${r}`,
+    is: (r) => `${t}-is-${r}`
   };
-}, J = Object.prototype.toString;
+}, G = Object.prototype.toString;
 function De(e) {
-  return J.call(e) === "[object Array]";
+  return G.call(e) === "[object Array]";
 }
-function Ie(e) {
-  return J.call(e) === "[object Object]";
-}
-const Pe = (e) => J.call(e) === "[object Promise]";
 function ze(e) {
-  return J.call(e) === "[object String]";
+  return G.call(e) === "[object Object]";
+}
+const Le = (e) => G.call(e) === "[object Promise]";
+function je(e) {
+  return G.call(e) === "[object String]";
 }
-function ot(e) {
-  return J.call(e) === "[object Number]" && e === e;
+function lt(e) {
+  return G.call(e) === "[object Number]" && e === e;
 }
-function E(e) {
+function B(e) {
   return typeof e == "function";
 }
 function le() {
   return typeof window < "u";
 }
-const K = (e) => e;
-var R;
-(function(e) {
-  e[e.ELEMENT = 1] = "ELEMENT", e[e.FUNCTIONAL_COMPONENT = 2] = "FUNCTIONAL_COMPONENT", e[e.STATEFUL_COMPONENT = 4] = "STATEFUL_COMPONENT", e[e.COMPONENT = 6] = "COMPONENT", e[e.TEXT_CHILDREN = 8] = "TEXT_CHILDREN", e[e.ARRAY_CHILDREN = 16] = "ARRAY_CHILDREN", e[e.SLOTS_CHILDREN = 32] = "SLOTS_CHILDREN", e[e.TELEPORT = 64] = "TELEPORT", e[e.SUSPENSE = 128] = "SUSPENSE", e[e.COMPONENT_SHOULD_KEEP_ALIVE = 256] = "COMPONENT_SHOULD_KEEP_ALIVE", e[e.COMPONENT_KEPT_ALIVE = 512] = "COMPONENT_KEPT_ALIVE";
-})(R || (R = {}));
-const rt = (e) => !!(e && e.shapeFlag & R.ELEMENT), st = (e, t) => !!(e && e.shapeFlag & R.COMPONENT), at = (e, t) => !!(e && e.shapeFlag & 8), it = (e, t) => !!(e && e.shapeFlag & R.ARRAY_CHILDREN), ct = (e, t) => !!(e && e.shapeFlag & R.SLOTS_CHILDREN), x = (e, t = !1) => {
-  var n, l;
-  const s = [];
-  for (const o of e ?? [])
-    rt(o) || st(o) || t && at(o, o.children) ? s.push(o) : it(o, o.children) ? s.push(...x(o.children, t)) : ct(o, o.children) ? s.push(...x((l = (n = o.children).default) === null || l === void 0 ? void 0 : l.call(n), t)) : De(o) && s.push(...x(o, t));
-  return s;
-}, ut = {
+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) => {
+  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));
+  return n;
+}, ct = (e, t) => Object.assign(t, {
+  install: (n) => {
+    n.component(e, t);
+  }
+}), ut = {
   disabled: Boolean,
   block: Boolean,
   loading: Boolean,
@@ -54,7 +53,7 @@ const rt = (e) => !!(e && e.shapeFlag & R.ELEMENT), st = (e, t) => !!(e && e.sha
     default: 0
   },
   shape: {
-    type: K(String),
+    type: W(String),
     default: void 0
   },
   link: {
@@ -62,11 +61,11 @@ const rt = (e) => !!(e && e.shapeFlag & R.ELEMENT), st = (e, t) => !!(e && e.sha
     default: !1
   },
   type: {
-    type: K(String),
+    type: W(String),
     default: void 0
   },
   status: {
-    type: K(String),
+    type: W(String),
     default: void 0
   },
   plain: {
@@ -74,287 +73,182 @@ const rt = (e) => !!(e && e.shapeFlag & R.ELEMENT), st = (e, t) => !!(e && e.sha
     default: !1
   },
   size: {
-    type: K(String),
+    type: W(String),
     default: "medium"
   },
   border: {
     type: Boolean,
     default: !0
   }
-}, dt = (e) => ze(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", ft = (e, t = "px") => {
-  if (e === void 0)
-    return "";
-  const n = typeof e == "number" ? `${e}` : e;
-  return ["px", "%", "vh", "vw", "calc"].some((s) => n.includes(s)) ? n : n + t;
-};
-function U(e) {
-  return F({
-    name: Ae(`Icon${dt(e)}`),
-    props: {
-      size: {
-        type: [Number, String],
-        default: void 0
-      },
-      rotate: {
-        type: Number,
-        default: void 0
-      },
-      spin: {
-        type: Boolean,
-        default: !1
-      },
-      color: {
-        type: String,
-        default: void 0
-      },
-      fillColor: {
-        type: Array,
-        default: void 0
-      }
-    },
-    setup(t) {
-      const n = "x-icon", l = p(() => {
-        const o = {};
-        return t.size && (o.fontSize = ft(t.size)), t.rotate && (o.transform = `rotate(${t.rotate}deg)`), t.color && (o.color = t.color), o;
-      });
-      return {
-        cls: p(() => [
-          n,
-          {
-            [`${n}-loading`]: t.spin
-          }
-        ]),
-        styles: l
-      };
-    }
-  });
-}
-const mt = U("animation-loading"), N = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [l, s] of t)
-    n[l] = s;
-  return n;
-};
-function yt(e, t, n, l, s, o) {
-  return C(), b("div", {
-    class: y(e.cls),
-    style: $(e.styles)
-  }, t[0] || (t[0] = [
-    v("svg", {
-      viewBox: "0 0 50 50",
-      class: "icon-loading-svg"
-    }, [
-      v("circle", {
-        cx: "25",
-        cy: "25",
-        r: "20",
-        class: "path",
-        fill: "none",
-        stroke: "currentColor"
-      })
-    ], -1)
-  ]), 6);
-}
-const gt = /* @__PURE__ */ N(mt, [["render", yt], ["__scopeId", "data-v-62d46830"]]), Ct = F({
-  name: q("Button"),
-  components: {
-    AnimationLoading: gt
-  },
+}, dt = /* @__PURE__ */ z({
+  name: "Backward",
+  render() {
+    return f("svg", {
+      viewBox: "0 0 20 20",
+      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"
+    }, null)]);
+  }
+}), ft = /* @__PURE__ */ z({
+  name: Y("Button"),
   props: ut,
   emits: ["click"],
-  setup(e) {
-    const t = Se({
-      // 点击
+  setup(e, {
+    slots: t,
+    emit: n
+  }) {
+    const l = Ne({
       clicked: !1,
-      // 防抖
       isDebounce: !1
-    }), n = I("button"), l = p(() => [
-      n.block,
-      e.type && n.modifier(e.type),
-      e.status && n.modifier(e.status),
-      e.disabled && n.is("disabled"),
-      e.block && n.modifier("block"),
-      e.plain && n.is("plain"),
-      e.shape && n.modifier(e.shape),
-      e.link && n.modifier("is-link"),
-      e.size && n.modifier(e.size),
-      !e.border && n.modifier("is-hide-border"),
-      o.value && n.modifier("is-loading")
-    ]), s = () => {
-      e.debounce > 0 && !t.isDebounce && (t.isDebounce = !0, setTimeout(() => {
-        t.isDebounce = !1;
+    }), o = A("button"), r = k(() => [o.block, e.type && o.modifier(e.type), e.status && o.modifier(e.status), e.disabled && o.is("disabled"), e.block && o.modifier("block"), e.plain && o.is("plain"), e.shape && o.modifier(e.shape), e.link && o.modifier("is-link"), e.size && o.modifier(e.size), !e.border && o.modifier("is-hide-border"), s.value && o.modifier("is-loading")]), u = () => {
+      e.debounce > 0 && !l.isDebounce && (l.isDebounce = !0, setTimeout(() => {
+        l.isDebounce = !1;
       }, e.debounce));
-    }, o = p(() => e.loading || t.clicked || t.isDebounce), u = Qe(), r = (f, g) => {
-      const i = f(g);
-      Pe(i) && (t.clicked = !0, i.finally(() => {
-        t.clicked = !1;
+    }, s = k(() => e.loading || l.clicked || l.isDebounce), d = qe(), m = (i, a) => {
+      const c = i(a);
+      Le(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;
+      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);
     };
-    return {
-      cn: n,
-      cls: l,
-      handleClick: async (f) => {
-        var i, a, c, k;
-        if ((a = (i = f.target).blur) == null || a.call(i), o.value) return;
-        s();
-        const g = (k = (c = u == null ? void 0 : u.vnode) == null ? void 0 : c.props) == null ? void 0 : k.onClick;
-        De(g) ? g.forEach((w) => r(w, f)) : E(g) && r(g, f);
-      },
-      isLoading: o
+    return () => {
+      var i;
+      return f("button", {
+        class: r.value,
+        type: "button",
+        disabled: e.disabled,
+        onClick: C
+      }, [s.value && f("span", {
+        class: o.element("loading")
+      }, [f(dt, null, null)]), t.prefix && f("span", {
+        class: o.element("prefix")
+      }, [t.prefix()]), f("span", {
+        class: o.element("content")
+      }, [(i = t.default) == null ? void 0 : i.call(t)]), t.suffix && f("span", {
+        class: o.element("suffix")
+      }, [t.suffix()])]);
     };
   }
-}), vt = ["disabled"];
-function ht(e, t, n, l, s, o) {
-  const u = H("AnimationLoading");
-  return C(), b("button", {
-    class: y(e.cls),
-    type: "button",
-    disabled: e.disabled,
-    onClick: t[0] || (t[0] = (...r) => e.handleClick && e.handleClick(...r))
-  }, [
-    j(v("span", {
-      class: y([e.cn.element("loading")])
-    }, [
-      m(u)
-    ], 2), [
-      [V, e.isLoading]
-    ]),
-    e.$slots.prefix ? (C(), b("span", {
-      key: 0,
-      class: y([e.cn.element("prefix")])
-    }, [
-      T(e.$slots, "prefix")
-    ], 2)) : M("", !0),
-    T(e.$slots, "default"),
-    e.$slots.suffix ? (C(), b("span", {
-      key: 1,
-      class: y([e.cn.element("suffix")])
-    }, [
-      T(e.$slots, "suffix")
-    ], 2)) : M("", !0)
-  ], 10, vt);
-}
-const A = /* @__PURE__ */ N(Ct, [["render", ht]]);
-A.install = function(e) {
-  e.component(A.name, A);
-};
-const re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), K = ct("XButton", ft), _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Button: A
-}, Symbol.toStringTag, { value: "Module" })), kt = ["px", "%", "vh", "vw", "calc"], we = (e, t = "px") => {
-  if (e === void 0)
-    return "";
+  XButton: K
+}, Symbol.toStringTag, { value: "Module" })), mt = ["px", "%", "vh", "vw", "calc"], Be = (e, t = "px") => {
+  if (e === void 0) return "";
   const n = String(e);
-  return kt.some((l) => n.includes(l)) ? n : n + t;
-}, pt = 1e3, bt = 3e3, Ot = 1;
-class wt {
+  return mt.some((l) => n.includes(l)) ? n : n + t;
+}, gt = 1e3, yt = 3e3, ht = 1;
+class vt {
   constructor() {
-    z(this, "popupStack", {
+    L(this, "popupStack", {
       popup: /* @__PURE__ */ new Set(),
       dialog: /* @__PURE__ */ new Set(),
       message: /* @__PURE__ */ new Set()
     });
-    z(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || bt : Array.from(this.popupStack.popup).pop() || pt) + Ot);
-    z(this, "add", (t) => {
+    L(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || yt : Array.from(this.popupStack.popup).pop() || gt) + ht);
+    L(this, "add", (t) => {
       const n = this.getNextZIndex(t);
       return this.popupStack[t].add(n), t === "dialog" && this.popupStack.popup.add(n), n;
     });
-    z(this, "delete", (t, n) => {
+    L(this, "delete", (t, n) => {
       this.popupStack[n].delete(t), n === "dialog" && this.popupStack.popup.delete(t);
     });
-    z(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+    L(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
   }
 }
-const se = new wt();
+const se = new vt();
 function fe(e, {
   visible: t,
   runOnMounted: n
 } = {}) {
-  const l = Y(0), s = () => {
+  const l = R(0), o = () => {
     l.value = se.add(e);
-  }, o = () => {
+  }, r = () => {
     se.delete(l.value, e);
   }, u = () => e === "dialog" ? se.isLastDialog(l.value) : !1;
   return ue(
     () => t == null ? void 0 : t.value,
-    (r) => {
-      r ? s() : o();
+    (s) => {
+      s ? o() : r();
     },
     {
       immediate: !0
     }
   ), n && (de(() => {
-    s();
-  }), Te(() => {
     o();
+  }), Te(() => {
+    r();
   })), {
-    zIndex: _e(l),
-    open: s,
-    close: o,
+    zIndex: Je(l),
+    open: o,
+    close: r,
     isLastDialog: u
   };
 }
-const He = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, n) => {
-  var l;
-  return (l = n == null ? void 0 : n.toUpperCase()) !== null && l !== void 0 ? l : "";
-}), je = () => {
-}, Et = (e, t) => {
-  var n;
+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)
-    return (n = document.querySelector(e)) !== null && n !== void 0 ? n : void 0;
-}, $t = (e) => {
+    return (t ?? document).querySelector(e) ?? void 0;
+}, pt = (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);
-}, Nt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, Bt = (e, t) => {
-  var n;
-  if (!le || !e || !t)
-    return "";
-  let l = He(t);
-  l === "float" && (l = "cssFloat");
+}, kt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, bt = (e, t) => {
+  var l;
+  if (!le || !e || !t) return "";
+  let n = Ie(t);
+  n === "float" && (n = "cssFloat");
   try {
-    const s = e.style[l];
-    if (s)
-      return s;
-    const o = (n = document.defaultView) === null || n === void 0 ? void 0 : n.getComputedStyle(e, "");
-    return o ? o[l] : "";
+    const o = e.style[n];
+    if (o) return o;
+    const r = (l = document.defaultView) == null ? void 0 : l.getComputedStyle(e, "");
+    return r ? r[n] : "";
   } catch {
-    return e.style[l];
+    return e.style[n];
   }
-}, X = (e, t, n) => {
+}, Z = (e, t, n) => {
   if (!(!e || !t))
-    if (Ie(t))
-      Object.entries(t).forEach(([l, s]) => X(e, l, s));
+    if (ze(t))
+      Object.entries(t).forEach(
+        ([l, o]) => Z(e, l, o)
+      );
     else {
-      const l = He(t);
+      const l = Ie(t);
       e.style[l] = n;
     }
 }, me = (e, t) => {
-  if (ze(e)) {
+  if (je(e)) {
     const n = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
-    return Et(n);
+    return Ct(n, t);
   }
   return e;
-}, St = le ? (e, t, n, l = !1) => {
+}, wt = le ? (e, t, n, l = !1) => {
   e.addEventListener(t, n, l);
-} : je, Tt = le ? (e, t, n, l = !1) => {
+} : Pe, Bt = le ? (e, t, n, l = !1) => {
   e.removeEventListener(t, n, l);
-} : je, Mt = (e, t) => {
+} : Pe, St = (e, t) => {
   let n = !1;
   const l = {
     overflow: "",
     width: ""
-  }, s = (r) => r.tagName === "BODY", o = () => {
+  }, o = (s) => s.tagName === "BODY", r = () => {
     if (e.value) {
-      const r = e.value;
-      if (!n && r.style.overflow !== "hidden") {
-        const d = $t(r);
-        if (d > 0 || Nt(r)) {
-          l.overflow = r.style.overflow, l.width = r.style.width;
-          let f = 0;
-          s(r) && (f = r.getBoundingClientRect().left || 0), X(r, {
-            width: `calc(100% - ${Math.ceil(d - f)}px)`,
+      const s = e.value;
+      if (!n && s.style.overflow !== "hidden") {
+        const d = pt(s);
+        if (d > 0 || kt(s)) {
+          l.overflow = s.style.overflow, l.width = s.style.width;
+          let m = 0;
+          o(s) && (m = s.getBoundingClientRect().left || 0), Z(s, {
+            width: `calc(100% - ${Math.ceil(d - m)}px)`,
             overflow: "hidden"
           }), n = !0;
         }
@@ -362,8 +256,8 @@ const He = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     }
   }, u = () => {
     if (e.value && n) {
-      const r = e.value;
-      X(r, {
+      const s = e.value;
+      Z(s, {
         overflow: l.overflow,
         width: l.width
       }), n = !1;
@@ -371,16 +265,16 @@ const He = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   };
   return ue(
     () => t == null ? void 0 : t.value,
-    (r) => {
-      e.value && !s(e.value) && (r && X(r, {
+    (s) => {
+      e.value && !o(e.value) && (s && Z(s, {
         position: "absolute"
-      }), Bt(e.value, "position") === "static" && X(e.value, { position: "relative" }));
+      }), bt(e.value, "position") === "static" && Z(e.value, { position: "relative" }));
     }
   ), {
-    setOverflowHidden: o,
+    setOverflowHidden: r,
     resetOverflow: u
   };
-}, Lt = {
+}, $t = {
   ENTER: "Enter",
   ESC: "Escape",
   BACKSPACE: "Backspace",
@@ -390,9 +284,9 @@ const He = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   ARROW_DOWN: "ArrowDown",
   ARROW_LEFT: "ArrowLeft",
   ARROW_RIGHT: "ArrowRight"
-}, At = {
+}, Ot = {
   renderTo: {
-    type: K([String, Object]),
+    type: W([String, Object]),
     default: "body"
   },
   disabled: {
@@ -476,174 +370,179 @@ const He = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     type: Boolean,
     default: !1
   }
-}, Dt = ["width", "minWidth", "height", "minHeight"], It = F({
-  name: q("Dialog"),
+}, Et = ["width", "minWidth", "height", "minHeight"], Nt = z({
+  name: Y("Dialog"),
   inheritAttrs: !1,
-  props: At,
+  props: Ot,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(e, { emit: t }) {
-    const n = I("dialog"), l = n.block, s = I("message-box"), o = s.block, u = p(() => [
+    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
-    ]), r = p(() => me(e.renderTo)), d = Y(), f = p(() => e.disabled || !r.value), g = p(() => ({
-      zIndex: w.value
-    })), i = p(() => {
+    ]), s = k(() => me(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 = we(e.top)), Dt.forEach((L) => {
-        e[L] && (h[L] = we(e[L]));
+      return e.fullscreen || (!e.center && e.top && (h.top = Be(e.top)), Et.forEach((T) => {
+        e[T] && (h[T] = Be(e[T]));
       })), h;
-    }), a = Y(!1), c = p(() => e.modelValue), k = p(() => c.value || a.value), { zIndex: w, isLastDialog: P } = fe("dialog", {
+    }), a = R(!1), c = k(() => e.modelValue), p = k(() => c.value || a.value), { zIndex: b, isLastDialog: $ } = fe("dialog", {
       visible: c
-    }), { setOverflowHidden: Fe, resetOverflow: ke } = Mt(r, d), pe = (h, L) => {
-      t("update:modelValue", !1), t("close", e.messageBox ? h : void 0, e.messageBox ? L : void 0);
-    }, Ue = () => {
-      a.value = !1, ke(), t("closed");
+    }), { setOverflowHidden: re, resetOverflow: pe } = St(s, d), ke = (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");
+    }, Ze = () => {
       t("opened");
-    }, Q = Se({
+    }, q = Ne({
       ok: !1,
       cancel: !1
-    }), W = (h, L) => {
-      let _ = !0;
-      if (Q[h] = !0, E(e.onBeforeCancel) && (_ = e.onBeforeCancel(h) ?? !1), Pe(_)) {
-        _.then((Ge) => {
-          Q[h] = !1, Ge && pe(h, L);
+    }), P = (h, 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);
         });
         return;
       }
-      Q[h] = !1, _ && pe(h, L);
-    }, Ze = () => {
-      e.maskToClose && e.mask && W("cancel");
-    }, Ke = (h) => {
-      W("cancel", h);
-    }, Xe = (h) => {
-      W("ok", h);
+      q[h] = !1, J && ke(h, T);
+    }, Xe = () => {
+      e.maskToClose && e.mask && P("cancel");
+    }, Ue = (h) => {
+      P("cancel", h);
+    }, Re = (h) => {
+      P("ok", h);
     };
     let oe = !1;
     const be = (h) => {
-      e.escToClose && h.key === Lt.ESC && P() && W("cancel");
-    }, Ye = () => {
-      e.escToClose && !oe && (oe = !0, St(document.documentElement, "keydown", be));
-    }, Oe = () => {
-      oe = !1, Tt(document.documentElement, "keydown", be);
+      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);
     };
     return Te(() => {
-      ke(), Oe();
+      pe(), we();
     }), ue(
       () => c.value,
       (h) => {
-        h ? (t("open"), Fe(), a.value = !0, Ye()) : Oe();
+        h ? (t("open"), re(), a.value = !0, xe()) : we();
       },
       { immediate: !0 }
     ), {
       cls: u,
       ns: l,
       cn: n,
-      cnOMB: s,
-      messageBoxNs: o,
+      cnOMB: o,
+      messageBoxNs: r,
       containerStyle: i,
-      dialogStyle: g,
+      dialogStyle: C,
       dialogRef: d,
-      teleportContainer: r,
-      teleportDisabled: f,
+      teleportContainer: s,
+      teleportDisabled: m,
       modelVisible: c,
-      mergeVisible: k,
-      interceptClose: W,
-      afterLeave: Ue,
-      afterEnter: We,
-      handleMaskClick: Ze,
-      handleCancel: Ke,
-      handleOk: Xe,
-      loadingObj: Q
+      mergeVisible: p,
+      interceptClose: P,
+      afterLeave: We,
+      afterEnter: Ze,
+      handleMaskClick: Xe,
+      handleCancel: Ue,
+      handleOk: Re,
+      loadingObj: q
     };
   }
-});
-function Pt(e, t, n, l, s, o) {
-  return C(), B(xe, {
+}), F = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, o] of t)
+    n[l] = o;
+  return n;
+};
+function Tt(e, t, n, l, o, r) {
+  return v(), O(Qe, {
     to: e.teleportContainer,
     disabled: e.teleportDisabled
   }, [
-    !e.destroyOnClosed || e.mergeVisible ? j((C(), b("div", {
+    !e.destroyOnClosed || e.mergeVisible ? X((v(), S("div", {
       key: 0,
       ref: "dialogRef",
-      class: y(e.cls),
-      style: $(e.dialogStyle)
+      class: g(e.cls),
+      style: N(e.dialogStyle)
     }, [
-      m(ee, {
+      f(ee, {
         name: "x-fade-in-standard",
         appear: ""
       }, {
         default: te(() => [
-          e.mask ? j((C(), b("div", {
+          e.mask ? X((v(), S("div", {
             key: 0,
-            class: y([e.cn.element("mask")])
+            class: g([e.cn.element("mask")])
           }, null, 2)), [
-            [V, e.modelVisible]
-          ]) : M("", !0)
+            [U, e.modelVisible]
+          ]) : D("", !0)
         ]),
         _: 1
       }),
-      v("div", {
-        class: y([e.cn.element("wrapper"), { "is-center": e.center }]),
+      y("div", {
+        class: g([e.cn.element("wrapper"), { "is-center": e.center }]),
         onClick: t[1] || (t[1] = Me((...u) => e.handleMaskClick && e.handleMaskClick(...u), ["self"]))
       }, [
-        m(ee, {
+        f(ee, {
           name: "x-zoom-in",
           appear: "",
           onAfterEnter: e.afterEnter,
           onAfterLeave: e.afterLeave
         }, {
           default: te(() => [
-            j(v("div", {
-              class: y([e.cn.element("container"), { "is-fullscreen": e.fullscreen }]),
-              style: $(e.containerStyle)
+            X(y("div", {
+              class: g([e.cn.element("container"), { "is-fullscreen": e.fullscreen }]),
+              style: N(e.containerStyle)
             }, [
-              v("div", {
-                class: y([
+              y("div", {
+                class: g([
                   e.messageBox ? e.cnOMB.element("header") : e.cn.element("header"),
                   e.showHeaderBottomLine && "is-bottom-line"
                 ])
               }, [
-                T(e.$slots, "title", {}, () => [
-                  v("div", {
-                    class: y([e.cn.element("header-title")])
+                j(e.$slots, "title", {}, () => [
+                  y("div", {
+                    class: g([e.cn.element("header-title")])
                   }, ne(e.title), 3)
                 ])
               ], 2),
-              v("div", {
-                class: y([e.messageBox ? e.cnOMB.element("body") : e.cn.element("body")])
+              y("div", {
+                class: g([e.messageBox ? e.cnOMB.element("body") : e.cn.element("body")])
               }, [
-                T(e.$slots, "default")
+                j(e.$slots, "default")
               ], 2),
-              v("div", {
-                class: y([e.messageBox ? e.cnOMB.element("footer") : e.cn.element("footer")])
+              y("div", {
+                class: g([e.messageBox ? e.cnOMB.element("footer") : e.cn.element("footer")])
               }, [
-                T(e.$slots, "footer", {
+                j(e.$slots, "footer", {
                   cancel: e.handleCancel,
                   ok: e.handleOk,
                   loadingObj: e.loadingObj
                 })
               ], 2),
-              e.showClose ? (C(), b("span", {
+              e.showClose ? (v(), S("span", {
                 key: 0,
-                class: y([e.cn.element("close-icon"), e.messageBox && e.cnOMB.element("close-icon")]),
+                class: g([e.cn.element("close-icon"), e.messageBox && e.cnOMB.element("close-icon")]),
                 onClick: t[0] || (t[0] = (u) => e.interceptClose("cancel"))
-              }, null, 2)) : M("", !0)
+              }, null, 2)) : D("", !0)
             ], 6), [
-              [V, e.modelVisible]
+              [U, e.modelVisible]
             ])
           ]),
           _: 3
         }, 8, ["onAfterEnter", "onAfterLeave"])
       ], 2)
     ], 6)), [
-      [V, e.mergeVisible]
-    ]) : M("", !0)
+      [U, e.mergeVisible]
+    ]) : D("", !0)
   ], 8, ["to", "disabled"]);
 }
-const Ve = /* @__PURE__ */ N(It, [["render", Pt]]), Re = /* @__PURE__ */ F({
-  name: q("Space"),
+const Ve = /* @__PURE__ */ F(Nt, [["render", Tt]]), He = /* @__PURE__ */ z({
+  name: Y("Space"),
   props: {
     direction: {
       type: String,
@@ -665,9 +564,9 @@ const Ve = /* @__PURE__ */ N(It, [["render", Pt]]), Re = /* @__PURE__ */ F({
   setup(e, {
     slots: t
   }) {
-    const n = I("space"), l = p(() => [n.block, n.element(e.direction), e.fill && "is-fill", n.element(`${e.direction}-${e.align}`)]);
-    function s(u) {
-      if (ot(u))
+    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))
         return u;
       switch (u) {
         case "mini":
@@ -682,90 +581,90 @@ const Ve = /* @__PURE__ */ N(It, [["render", Pt]]), Re = /* @__PURE__ */ F({
           return 8;
       }
     }
-    const o = (u) => {
-      const r = {};
-      if (u) return r;
-      const d = `${s(e.size)}px`, f = `${s(e.size)}px`;
-      return e.direction === "horizontal" && (r.marginRight = d), e.direction === "vertical" && (r.marginBottom = f), r;
+    const r = (u) => {
+      const s = {};
+      if (u) return s;
+      const d = `${o(e.size)}px`, m = `${o(e.size)}px`;
+      return e.direction === "horizontal" && (s.marginRight = d), e.direction === "vertical" && (s.marginBottom = m), s;
     };
     return () => {
-      var r;
-      const u = x((r = t.default) == null ? void 0 : r.call(t), !0).filter((d) => d.type !== et);
-      return m("div", {
+      var s;
+      const u = Q((s = t.default) == null ? void 0 : s.call(t), !0).filter((d) => d.type !== _e);
+      return f("div", {
         class: [l.value]
-      }, [u.map((d, f) => {
+      }, [u.map((d, m) => {
         var i;
-        const g = t.split && f > 0;
-        return m(G, {
-          key: `space-item-${f}`
-        }, [g && m("div", {
+        const C = t.split && m > 0;
+        return f(x, {
+          key: `space-item-${m}`
+        }, [C && f("div", {
           className: n.element("split"),
-          style: o(!1)
-        }, [(i = t.split) == null ? void 0 : i.call(t)]), m("div", {
+          style: r(!1)
+        }, [(i = t.split) == null ? void 0 : i.call(t)]), f("div", {
           className: n.element("item"),
-          style: o(f === u.length - 1)
+          style: r(m === u.length - 1)
         }, [d])]);
       })]);
     };
   }
 });
-function Ee(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+function Se(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !w(e);
 }
-const $e = I("dialog"), cn = (e) => {
+const $e = A("dialog"), on = (e) => {
   const t = document.createElement("div"), n = () => {
-    D(null, t);
+    M(null, t);
   }, l = (i) => {
     if (i === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
     if (i === "ok")
       return e.beforeOnOk ? e.beforeOnOk() : !0;
-  }, s = (i, a) => {
+  }, o = (i, a) => {
     i === "cancel" && e.onCancel && e.onCancel(a), i === "ok" && e.onOk && e.onOk(a);
-  }, o = (i) => {
-    if (O(i)) return i;
-    if (E(i)) {
+  }, r = (i) => {
+    if (w(i)) return i;
+    if (B(i)) {
       const a = i();
-      return O(a) ? a : null;
+      return w(a) ? a : null;
     }
-    return m("div", {
-      className: $e.element("header-title")
-    }, [S(" "), i, S(" ")]);
+    return f("div", {
+      class: $e.element("header-title")
+    }, [E(" "), i, E(" ")]);
   }, u = (i) => {
-    if (O(i)) return i;
-    if (E(i)) {
+    if (w(i)) return i;
+    if (B(i)) {
       const a = i();
-      return O(a) ? a : null;
+      return w(a) ? a : null;
     }
-    return m("div", {
-      className: $e.element("content")
-    }, [S(" "), e.content, S(" ")]);
-  }, r = () => () => m(G, null, [e.title && o(e.title)]), d = () => () => m(G, null, [e.content && u(e.content)]), f = () => {
-    if (O(e.footer) || E(e.footer))
+    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 = () => {
+    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) || "确认";
-    return (c) => m(Re, {
+    return (c) => f(He, {
       size: 12
     }, {
       default: () => {
-        var k, w;
-        return [!e.hideCancel && m(A, {
+        var p, b;
+        return [!e.hideCancel && f(K, {
           size: "small",
           onClick: c.cancel,
-          loading: (k = c.loadingObj) == null ? void 0 : k.cancel
-        }, Ee(i) ? i : {
+          loading: (p = c.loadingObj) == null ? void 0 : p.cancel
+        }, Se(i) ? i : {
           default: () => [i]
-        }), !e.hideOk && m(A, {
+        }), !e.hideOk && f(K, {
           type: "primary",
           size: "small",
           onClick: c.ok,
-          loading: (w = c.loadingObj) == null ? void 0 : w.ok
-        }, Ee(a) ? a : {
+          loading: (b = c.loadingObj) == null ? void 0 : b.ok
+        }, Se(a) ? a : {
           default: () => [a]
         })];
       }
     });
-  }, g = m(Ve, {
+  }, C = f(Ve, {
     width: (e == null ? void 0 : e.width) ?? 368,
     height: (e == null ? void 0 : e.height) ?? "auto",
     modelValue: !0,
@@ -775,28 +674,75 @@ const $e = I("dialog"), cn = (e) => {
     mask: (e == null ? void 0 : e.mask) ?? !0,
     maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
     popupClass: e.popupClass,
-    onClose: s,
+    onClose: o,
     onBeforeCancel: l,
     "onUpdate:modelValue": () => {
-      g.component.props.modelValue = !1;
+      C.component.props.modelValue = !1;
     },
     // 等待动画完全结束后销毁vm
     onClosed: n,
     onOpened: () => {
     }
   }, {
-    title: r(),
+    title: s(),
     default: d(),
-    footer: f()
+    footer: m()
   });
-  D(g, t);
-}, zt = ["success", "warning", "error", "strong", "info"], Ht = U("close-circle-fill");
-function jt(e, t, n, l, s, o) {
-  return C(), b("div", {
-    class: y(e.cls),
-    style: $(e.styles)
+  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") => {
+  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)}`),
+    props: {
+      size: {
+        type: [Number, String],
+        default: void 0
+      },
+      rotate: {
+        type: Number,
+        default: void 0
+      },
+      spin: {
+        type: Boolean,
+        default: !1
+      },
+      color: {
+        type: String,
+        default: void 0
+      },
+      fillColor: {
+        type: Array,
+        default: void 0
+      }
+    },
+    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 {
+        cls: k(() => [
+          n,
+          {
+            [`${n}-loading`]: t.spin
+          }
+        ]),
+        styles: l
+      };
+    }
+  });
+}
+const Dt = I("close-circle-fill");
+function zt(e, t, n, l, o, r) {
+  return v(), S("div", {
+    class: g(e.cls),
+    style: N(e.styles)
   }, t[0] || (t[0] = [
-    v("svg", {
+    y("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -806,7 +752,7 @@ function jt(e, t, n, l, s, o) {
       "stroke-linejoin": "miter",
       filter: ""
     }, [
-      v("path", {
+      y("path", {
         "fill-rule": "evenodd",
         "clip-rule": "evenodd",
         d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm4.955-27.771-4.95 4.95-4.95-4.95a1 1 0 0 0-1.414 0l-1.414 1.414a1 1 0 0 0 0 1.414l4.95 4.95-4.95 4.95a1 1 0 0 0 0 1.414l1.414 1.414a1 1 0 0 0 1.414 0l4.95-4.95 4.95 4.95a1 1 0 0 0 1.414 0l1.414-1.414a1 1 0 0 0 0-1.414l-4.95-4.95 4.95-4.95a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0Z",
@@ -816,13 +762,13 @@ function jt(e, t, n, l, s, o) {
     ], -1)
   ]), 6);
 }
-const ye = /* @__PURE__ */ N(Ht, [["render", jt]]), Vt = U("check-circle-fill");
-function Rt(e, t, n, l, s, o) {
-  return C(), b("div", {
-    class: y(e.cls),
-    style: $(e.styles)
+const ge = /* @__PURE__ */ F(Dt, [["render", zt]]), Lt = I("check-circle-fill");
+function jt(e, t, n, l, o, r) {
+  return v(), S("div", {
+    class: g(e.cls),
+    style: N(e.styles)
   }, t[0] || (t[0] = [
-    v("svg", {
+    y("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -832,7 +778,7 @@ function Rt(e, t, n, l, s, o) {
       "stroke-linejoin": "miter",
       filter: ""
     }, [
-      v("path", {
+      y("path", {
         "fill-rule": "evenodd",
         "clip-rule": "evenodd",
         d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm10.207-24.379a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0L22 26.172l-4.878-4.88a1 1 0 0 0-1.415 0l-1.414 1.415a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414 0l11.5-11.5Z",
@@ -842,13 +788,13 @@ function Rt(e, t, n, l, s, o) {
     ], -1)
   ]), 6);
 }
-const ge = /* @__PURE__ */ N(Vt, [["render", Rt]]), Ft = U("exclamation-circle-fill");
-function Ut(e, t, n, l, s, o) {
-  return C(), b("div", {
-    class: y(e.cls),
-    style: $(e.styles)
+const ye = /* @__PURE__ */ F(Lt, [["render", jt]]), It = I("exclamation-circle-fill");
+function Pt(e, t, n, l, o, r) {
+  return v(), S("div", {
+    class: g(e.cls),
+    style: N(e.styles)
   }, t[0] || (t[0] = [
-    v("svg", {
+    y("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -858,7 +804,7 @@ function Ut(e, t, n, l, s, o) {
       "stroke-linejoin": "miter",
       filter: ""
     }, [
-      v("path", {
+      y("path", {
         "fill-rule": "evenodd",
         "clip-rule": "evenodd",
         d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-2-11a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2Zm4-18a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V15Z",
@@ -868,13 +814,13 @@ function Ut(e, t, n, l, s, o) {
     ], -1)
   ]), 6);
 }
-const Ce = /* @__PURE__ */ N(Ft, [["render", Ut]]), Wt = U("info-circle-fill");
-function Zt(e, t, n, l, s, o) {
-  return C(), b("div", {
-    class: y(e.cls),
-    style: $(e.styles)
+const he = /* @__PURE__ */ F(It, [["render", Pt]]), Vt = I("info-circle-fill");
+function Ht(e, t, n, l, o, r) {
+  return v(), S("div", {
+    class: g(e.cls),
+    style: N(e.styles)
   }, t[0] || (t[0] = [
-    v("svg", {
+    y("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -884,7 +830,7 @@ function Zt(e, t, n, l, s, o) {
       "stroke-linejoin": "miter",
       filter: ""
     }, [
-      v("path", {
+      y("path", {
         "fill-rule": "evenodd",
         "clip-rule": "evenodd",
         d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",
@@ -894,13 +840,13 @@ function Zt(e, t, n, l, s, o) {
     ], -1)
   ]), 6);
 }
-const ve = /* @__PURE__ */ N(Wt, [["render", Zt]]), Kt = U("minus-circle-fill");
-function Xt(e, t, n, l, s, o) {
-  return C(), b("div", {
-    class: y(e.cls),
-    style: $(e.styles)
+const ve = /* @__PURE__ */ F(Vt, [["render", Ht]]), Wt = I("minus-circle-fill");
+function Zt(e, t, n, l, o, r) {
+  return v(), S("div", {
+    class: g(e.cls),
+    style: N(e.styles)
   }, t[0] || (t[0] = [
-    v("svg", {
+    y("svg", {
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -910,7 +856,7 @@ function Xt(e, t, n, l, s, o) {
       "stroke-linejoin": "miter",
       filter: ""
     }, [
-      v("path", {
+      y("path", {
         "fill-rule": "evenodd",
         "clip-rule": "evenodd",
         d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-7-22a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H17Z",
@@ -920,14 +866,16 @@ function Xt(e, t, n, l, s, o) {
     ], -1)
   ]), 6);
 }
-const he = /* @__PURE__ */ N(Kt, [["render", Xt]]), Yt = F({
-  name: q("Message"),
+const Ce = /* @__PURE__ */ F(Wt, [["render", Zt]]);
+I("animation-loading");
+const Xt = z({
+  name: Y("Message"),
   components: {
-    CloseCircleFill: ye,
-    CheckCircleFill: ge,
-    ExclamationCircleFill: Ce,
+    CloseCircleFill: ge,
+    CheckCircleFill: ye,
+    ExclamationCircleFill: he,
     InfoCircleFill: ve,
-    MinusCircleFill: he
+    MinusCircleFill: Ce
   },
   props: {
     id: {
@@ -975,79 +923,79 @@ const he = /* @__PURE__ */ N(Kt, [["render", Xt]]), Yt = F({
   },
   emits: ["destroy"],
   setup(e) {
-    const t = I("message"), n = p(() => [
+    const t = A("message"), n = k(() => [
       t.block,
       t.modifier(e.type),
       e.center && t.modifier("center"),
       e.showClose && !e.center && t.element("show-close"),
       e.popupClass && e.popupClass
-    ]), l = Y(!1);
-    let s = null;
-    const o = () => {
-      s = setTimeout(() => {
+    ]), l = R(!1);
+    let o = null;
+    const r = () => {
+      o = setTimeout(() => {
         l.value = !1;
       }, e.duration);
     };
     de(() => {
-      l.value = !0, e.duration !== 0 && o();
-    }), Le(() => {
-      clearTimeout(s);
+      l.value = !0, e.duration !== 0 && r();
+    }), Ae(() => {
+      clearTimeout(o);
     });
-    const { zIndex: u } = fe("message", { runOnMounted: !0 }), r = p(() => ({
+    const { zIndex: u } = fe("message", { runOnMounted: !0 }), s = k(() => ({
       top: `${e.offset}px`,
       zIndex: u.value
     }));
     return {
       cn: t,
       cls: n,
-      styles: r,
+      styles: s,
       visible: l,
       handleClose: () => {
         l.value = !1;
       }
     };
   }
-}), Gt = ["innerHTML"], qt = { key: 1 };
-function Jt(e, t, n, l, s, o) {
-  const u = H("CheckCircleFill"), r = H("ExclamationCircleFill"), d = H("MinusCircleFill"), f = H("CloseCircleFill"), g = H("InfoCircleFill");
-  return C(), B(ee, {
+}), Ut = ["innerHTML"], Rt = { key: 1 };
+function xt(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, {
     name: "x-message-slide-top",
     onBeforeLeave: e.onClose,
     onAfterLeave: t[1] || (t[1] = (i) => e.$emit("destroy"))
   }, {
     default: te(() => [
-      j(v("div", {
-        class: y(e.cls),
-        style: $(e.styles)
+      X(y("div", {
+        class: g(e.cls),
+        style: N(e.styles)
       }, [
-        e.$slots.icon ? M("", !0) : (C(), b("span", {
+        e.$slots.icon ? D("", !0) : (v(), S("span", {
           key: 0,
-          class: y([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+          class: g([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
         }, [
-          T(e.$slots, "icon", {}, () => [
-            e.type === "success" ? (C(), B(u, { key: 0 })) : e.type === "warning" ? (C(), B(r, { key: 1 })) : e.type === "strong" ? (C(), B(d, { key: 2 })) : e.type === "error" ? (C(), B(f, { key: 3 })) : e.type === "info" ? (C(), B(g, { key: 4 })) : M("", !0)
+          j(e.$slots, "icon", {}, () => [
+            e.type === "success" ? (v(), O(u, { key: 0 })) : e.type === "warning" ? (v(), O(s, { key: 1 })) : e.type === "strong" ? (v(), O(d, { key: 2 })) : e.type === "error" ? (v(), O(m, { key: 3 })) : e.type === "info" ? (v(), O(C, { key: 4 })) : D("", !0)
           ])
         ], 2)),
-        T(e.$slots, "default", {}, () => [
-          e.useHTML ? (C(), b("span", {
+        j(e.$slots, "default", {}, () => [
+          e.useHTML ? (v(), S("span", {
             key: 0,
             innerHTML: e.message
-          }, null, 8, Gt)) : (C(), b("span", qt, ne(e.message), 1)),
-          e.showClose ? (C(), b("span", {
+          }, null, 8, Ut)) : (v(), S("span", Rt, ne(e.message), 1)),
+          e.showClose ? (v(), S("span", {
             key: 2,
-            class: y([e.cn.element("close-icon")]),
+            class: g([e.cn.element("close-icon")]),
             onClick: t[0] || (t[0] = (...i) => e.handleClose && e.handleClose(...i))
-          }, null, 2)) : M("", !0)
+          }, null, 2)) : D("", !0)
         ])
       ], 6), [
-        [V, e.visible]
+        [U, e.visible]
       ])
     ]),
     _: 3
   }, 8, ["onBeforeLeave"]);
 }
-const Qt = /* @__PURE__ */ N(Yt, [["render", Jt]]), ae = /* @__PURE__ */ new WeakMap(), ie = (e) => {
-  (typeof e == "string" || O(e)) && (e = {
+const Kt = /* @__PURE__ */ F(Xt, [["render", xt]]), ae = /* @__PURE__ */ new WeakMap(), ie = (e) => {
+  (typeof e == "string" || w(e)) && (e = {
     message: e
   });
   const t = me(e.renderTo || "body");
@@ -1058,36 +1006,36 @@ const Qt = /* @__PURE__ */ N(Yt, [["render", Jt]]), ae = /* @__PURE__ */ new Wea
     var a;
     l += ((a = i.el) == null ? void 0 : a.offsetHeight) + 20;
   });
-  const s = e.onClose;
-  let o = {};
-  o = { ...e, onClose: () => {
+  const o = e.onClose;
+  let r = {};
+  r = { ...e, onClose: () => {
     var c;
-    const i = n.findIndex((k) => k === d);
+    const i = n.findIndex((p) => p === d);
     if (i < 0) return;
     const a = ((c = d.el) == null ? void 0 : c.offsetHeight) + 20;
-    n.slice(i + 1).forEach((k) => {
-      var P;
-      const w = (P = k.component) == null ? void 0 : P.props.offset;
-      k.component.props.offset = w - a;
-    }), n.splice(i, 1), s && s(d);
+    n.slice(i + 1).forEach((p) => {
+      var $;
+      const b = ($ = p.component) == null ? void 0 : $.props.offset;
+      p.component.props.offset = b - a;
+    }), n.splice(i, 1), o && o(d);
   }, onDestroy: () => {
-    D(null, f);
+    M(null, m);
   }, offset: l };
-  const d = m(
-    Qt,
-    o,
-    E(o.message) || O(o.message) ? {
-      default: E(o.message) ? o.message : () => o.message
+  const d = f(
+    Kt,
+    r,
+    B(r.message) || w(r.message) ? {
+      default: B(r.message) ? r.message : () => r.message
     } : null
-  ), f = document.createElement("div");
-  return D(d, f), t.tagName === "BODY" ? d.el.style.position = "fixed" : (t.style.position = "relative", d.el.style.position = "absolute"), t.appendChild(f.firstElementChild), n.push(d), {
+  ), m = document.createElement("div");
+  return M(d, m), t.tagName === "BODY" ? d.el.style.position = "fixed" : (t.style.position = "relative", d.el.style.position = "absolute"), t.appendChild(m.firstElementChild), n.push(d), {
     close: () => {
       d.component.proxy.handleClose();
     }
   };
-}, _t = () => {
-  zt.forEach((e) => {
-    ie[e] = (t) => Ie(t) ? ie({
+}, Yt = () => {
+  Mt.forEach((e) => {
+    ie[e] = (t) => ze(t) ? ie({
       type: e,
       ...t
     }) : ie({
@@ -1096,102 +1044,102 @@ const Qt = /* @__PURE__ */ N(Yt, [["render", Jt]]), ae = /* @__PURE__ */ new Wea
     });
   });
 };
-_t();
-const xt = ["info", "success", "warning", "strong", "error"];
-function Ne(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+Yt();
+const Gt = ["info", "success", "warning", "strong", "error"];
+function Oe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !w(e);
 }
-const ce = I("message-box"), Be = (e) => {
+const ce = A("message-box"), Ee = (e) => {
   const t = document.createElement("div"), n = () => {
-    D(null, t);
+    M(null, t);
   }, l = (a) => {
     if (a === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
     if (a === "ok")
       return e.beforeOnOk ? e.beforeOnOk() : !0;
-  }, s = (a, c) => {
+  }, o = (a, c) => {
     a === "cancel" && e.onCancel && e.onCancel(c), a === "ok" && e.onOk && e.onOk(c);
-  }, o = (a) => {
+  }, r = (a) => {
     let c;
     switch (a) {
       case "warning":
-        c = m(Ce, {
+        c = f(he, {
           size: "22px",
           color: "#f6c64b"
         }, null);
         break;
       case "strong":
-        c = m(he, {
+        c = f(Ce, {
           size: "22px",
           color: "#ff7125"
         }, null);
         break;
       case "error":
-        c = m(ye, {
+        c = f(ge, {
           size: "22px",
           color: "#e24f48"
         }, null);
         break;
       case "success":
-        c = m(ge, {
+        c = f(ye, {
           size: "22px",
           color: "#68d1ab"
         }, null);
         break;
       case "info":
-        c = m(ve, {
+        c = f(ve, {
           size: "22px",
           color: "#2355f5"
         }, null);
         break;
     }
-    return m("div", {
-      className: ce.element("icon")
+    return f("div", {
+      class: ce.element("icon")
     }, [c]);
   }, u = (a) => {
-    if (O(a)) return a;
-    if (E(a)) {
+    if (w(a)) return a;
+    if (B(a)) {
       const c = a();
-      return O(c) ? c : null;
+      return w(c) ? c : null;
     }
-    return m("div", {
-      className: ce.element("title")
-    }, [S(" "), a, S(" ")]);
-  }, r = (a) => {
-    if (O(a)) return a;
-    if (E(a)) {
+    return f("div", {
+      class: ce.element("title")
+    }, [E(" "), a, E(" ")]);
+  }, s = (a) => {
+    if (w(a)) return a;
+    if (B(a)) {
       const c = a();
-      return O(c) ? c : null;
+      return w(c) ? c : null;
     }
-    return m("div", {
-      className: ce.element("content")
-    }, [S(" "), e.content, S(" ")]);
-  }, d = () => () => m(G, null, [o(e.type || "success"), e.title && u(e.title)]), f = () => () => m(G, null, [e.content && r(e.content)]), g = () => {
-    if (O(e.footer) || E(e.footer))
+    return f("div", {
+      class: ce.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 = () => {
+    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) || "确认";
-    return (k) => m(Re, {
+    return (p) => f(He, {
       size: 12
     }, {
       default: () => {
-        var w, P;
-        return [!e.hideCancel && m(A, {
+        var b, $;
+        return [!e.hideCancel && f(K, {
           size: "small",
-          onClick: k.cancel,
-          loading: (w = k.loadingObj) == null ? void 0 : w.cancel
-        }, Ne(a) ? a : {
+          onClick: p.cancel,
+          loading: (b = p.loadingObj) == null ? void 0 : b.cancel
+        }, Oe(a) ? a : {
           default: () => [a]
-        }), !e.hideOk && m(A, {
+        }), !e.hideOk && f(K, {
           type: "primary",
           size: "small",
-          onClick: k.ok,
-          loading: (P = k.loadingObj) == null ? void 0 : P.ok
-        }, Ne(c) ? c : {
+          onClick: p.ok,
+          loading: ($ = p.loadingObj) == null ? void 0 : $.ok
+        }, Oe(c) ? c : {
           default: () => [c]
         })];
       }
     });
-  }, i = m(Ve, {
+  }, i = f(Ve, {
     messageBox: !0,
     width: (e == null ? void 0 : e.width) ?? 358,
     height: (e == null ? void 0 : e.height) ?? "auto",
@@ -1202,7 +1150,7 @@ const ce = I("message-box"), Be = (e) => {
     mask: (e == null ? void 0 : e.mask) ?? !0,
     maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
     popupClass: e.popupClass,
-    onClose: s,
+    onClose: o,
     onBeforeCancel: l,
     "onUpdate:modelValue": () => {
       i.component.props.modelValue = !1;
@@ -1213,42 +1161,42 @@ const ce = I("message-box"), Be = (e) => {
     }
   }, {
     title: d(),
-    default: f(),
-    footer: g()
+    default: m(),
+    footer: C()
   });
-  D(i, t);
-}, en = () => {
-  xt.forEach((e) => {
-    Be[e] = (t, n) => {
-      const l = [], s = [];
-      let o = () => !0, u = () => !0;
+  M(i, t);
+}, qt = () => {
+  Gt.forEach((e) => {
+    Ee[e] = (t, n) => {
+      const l = [], o = [];
+      let r = () => !0, u = () => !0;
       return setTimeout(() => {
-        Be({
+        Ee({
           title: t,
           content: n,
           type: e,
           beforeOnCancel: u,
-          beforeOnOk: o,
+          beforeOnOk: r,
           onOk: () => {
-            l.forEach((r) => E(r) && r());
+            l.forEach((s) => B(s) && s());
           },
           onCancel: () => {
-            s.forEach((r) => E(r) && r());
+            o.forEach((s) => B(s) && s());
           }
         });
       }, 0), {
-        ok(...r) {
-          return r.length === 1 && l.push(r[0]), r.length === 2 && (o = r[0], l.push(r[1])), this;
+        ok(...s) {
+          return s.length === 1 && l.push(s[0]), s.length === 2 && (r = s[0], l.push(s[1])), this;
         },
-        cancel(...r) {
-          return r.length === 1 && s.push(r[0]), r.length === 2 && (u = r[0], s.push(r[1])), this;
+        cancel(...s) {
+          return s.length === 1 && o.push(s[0]), s.length === 2 && (u = s[0], o.push(s[1])), this;
         }
       };
     };
   });
 };
-en();
-const tn = {
+qt();
+const Jt = {
   position: {
     type: String,
     default: "top-right"
@@ -1286,146 +1234,147 @@ const tn = {
     type: Boolean,
     default: !1
   }
-}, nn = F({
-  name: q("Notification"),
-  props: tn,
+}, Qt = z({
+  name: Y("Notification"),
+  props: Jt,
   emits: ["close", "destroy"],
   setup(e) {
-    const t = I("notification"), n = t.block, l = p(() => [n, t.modifier(o.value.ver)]), { zIndex: s } = fe("message", { runOnMounted: !0 }), o = p(() => {
+    const t = A("notification"), n = t.block, l = k(() => [n, t.modifier(r.value.ver)]), { zIndex: o } = fe("message", { runOnMounted: !0 }), r = k(() => {
       const c = e.position.split("-");
       return {
         hor: c[1],
         ver: c[0]
       };
-    }), u = p(() => `x-notification-slide-${o.value.hor}`), r = p(() => {
+    }), u = k(() => `x-notification-slide-${r.value.hor}`), s = k(() => {
       const c = {};
-      return c.position = e.renderToBody ? "fixed" : "absolute", c.zIndex = s.value, c[o.value.hor] = "20px", c[o.value.ver] = `${e.offset}px`, c;
-    }), d = Y(!1);
-    let f = 0;
-    const g = () => {
+      return c.position = e.renderToBody ? "fixed" : "absolute", c.zIndex = o.value, c[r.value.hor] = "20px", c[r.value.ver] = `${e.offset}px`, c;
+    }), d = R(!1);
+    let m = 0;
+    const C = () => {
       setTimeout(() => {
         d.value = !1;
       }, e.duration);
-    }, i = p(() => e.type === "info" ? ve : e.type === "warning" ? Ce : e.type === "strong" ? he : e.type === "success" ? ge : e.type === "error" ? ye : ""), a = () => {
+    }, i = k(() => e.type === "info" ? ve : e.type === "warning" ? he : e.type === "strong" ? Ce : e.type === "success" ? ye : e.type === "error" ? ge : ""), a = () => {
       d.value = !1;
     };
     return de(() => {
-      e.duration !== 0 && g(), d.value = !0;
-    }), Le(() => {
-      clearTimeout(f);
+      e.duration !== 0 && C(), d.value = !0;
+    }), Ae(() => {
+      clearTimeout(m);
     }), {
       ns: n,
       cn: t,
       cls: l,
       animationClsName: u,
-      positionStyle: r,
+      positionStyle: s,
       visible: d,
-      positionPropMap: o,
+      positionPropMap: r,
       currentIcon: i,
       handleClose: a
     };
   }
 });
-function ln(e, t, n, l, s, o) {
-  return C(), B(ee, {
+function _t(e, t, n, l, o, r) {
+  return v(), O(ee, {
     name: e.animationClsName,
     onBeforeLeave: t[1] || (t[1] = (u) => e.$emit("close")),
     onAfterLeave: t[2] || (t[2] = (u) => e.$emit("destroy"))
   }, {
     default: te(() => [
-      j(v("div", {
-        class: y(e.cls),
-        style: $(e.positionStyle)
+      X(y("div", {
+        class: g(e.cls),
+        style: N(e.positionStyle)
       }, [
-        v("div", {
-          class: y([e.cn.element("header")])
+        y("div", {
+          class: g([e.cn.element("header")])
         }, [
-          v("div", {
-            class: y([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+          y("div", {
+            class: g([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
           }, [
-            (C(), B(tt(e.currentIcon)))
+            (v(), O(et(e.currentIcon)))
           ], 2),
-          v("div", null, [
-            v("div", {
-              class: y([e.cn.element("title")])
+          y("div", null, [
+            y("div", {
+              class: g([e.cn.element("title")])
             }, ne(e.title), 3),
-            v("div", {
-              class: y([e.cn.element("message")])
+            y("div", {
+              class: g([e.cn.element("message")])
             }, [
-              T(e.$slots, "default", {}, () => [
-                S(ne(e.message), 1)
+              j(e.$slots, "default", {}, () => [
+                E(ne(e.message), 1)
               ])
             ], 2)
           ])
         ], 2),
-        e.showClose ? (C(), b("span", {
+        e.showClose ? (v(), S("span", {
           key: 0,
-          class: y([e.cn.element("close-icon")]),
+          class: g([e.cn.element("close-icon")]),
           onClick: t[0] || (t[0] = Me((...u) => e.handleClose && e.handleClose(...u), ["self"]))
-        }, null, 2)) : M("", !0)
+        }, null, 2)) : D("", !0)
       ], 6), [
-        [V, e.visible]
+        [U, e.visible]
       ])
     ]),
     _: 3
   }, 8, ["name"]);
 }
-const on = /* @__PURE__ */ N(nn, [["render", ln]]), Z = /* @__PURE__ */ new WeakMap(), un = (e) => {
+const en = /* @__PURE__ */ F(Qt, [["render", _t]]), H = /* @__PURE__ */ new WeakMap(), sn = (e) => {
   const t = me(e.renderTo || "body"), n = document.createElement("div");
-  Z.get(t) || Z.set(t, {}), Z.get(t)[e.position] || (Z.get(t)[e.position] = []);
-  const l = Z.get(t)[e.position];
-  let s = e.offset || 20;
-  l.forEach((g) => {
+  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;
+  l.forEach((C) => {
     var i;
-    s += ((i = g.el) == null ? void 0 : i.offsetHeight) + 20;
+    o += ((i = C.el) == null ? void 0 : i.offsetHeight) + 20;
   });
-  const o = t.tagName === "BODY";
-  o || (t.style.position = "relative", t.style.overflowX = "hidden");
-  const u = e.onClose, r = () => {
+  const r = t.tagName === "BODY";
+  r || (t.style.position = "relative", t.style.overflowX = "hidden");
+  const u = e.onClose, s = () => {
     var a;
-    const g = l.findIndex((c) => c === f);
-    if (g < 0) return;
-    const i = ((a = f.el) == null ? void 0 : a.offsetHeight) + 20;
-    l.slice(g + 1).forEach((c) => {
-      var w;
-      const k = (w = c.component) == null ? void 0 : w.props.offset;
-      c.component.props.offset = k - i;
-    }), l.splice(g, 1), u && u(f);
+    const C = l.findIndex((c) => c === m);
+    if (C < 0) return;
+    const i = ((a = m.el) == null ? void 0 : a.offsetHeight) + 20;
+    l.slice(C + 1).forEach((c) => {
+      var b;
+      const p = (b = c.component) == null ? void 0 : b.props.offset;
+      c.component.props.offset = p - i;
+    }), l.splice(C, 1), u && u(m);
   }, d = () => {
-    D(null, n);
-  }, f = m(
-    on,
+    M(null, n);
+  }, m = f(
+    en,
     {
       message: e.message,
       title: e.title,
       type: e.type,
-      offset: s,
-      renderToBody: o,
+      offset: o,
+      renderToBody: r,
       position: e.position,
       duration: e.duration ?? 3e3,
       showClose: e.showClose ?? !0,
-      onClose: r,
+      onClose: s,
       onDestroy: d
     },
-    E(e.message) || O(e.message) ? {
-      default: E(e.message) ? e.message : () => e.message
+    B(e.message) || w(e.message) ? {
+      default: B(e.message) ? e.message : () => e.message
     } : null
   );
-  D(f, n), l.push(f), t == null || t.appendChild(n.firstChild);
-}, rn = function(e) {
-  Object.keys(re).forEach((t) => {
-    const n = re[t];
-    e.component(t, re[t]), n.install && e.use(n);
+  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]);
   });
-}, dn = {
-  install: rn
+}, { XButton: nn } = _, an = {
+  XButton: nn,
+  install: tn
 };
 export {
-  A as Button,
-  cn as Dialog,
+  on as Dialog,
   ie as Message,
-  Be as MessageBox,
-  un as Notification,
-  dn as default,
-  rn as install
+  Ee as MessageBox,
+  sn as Notification,
+  K as XButton,
+  an as default,
+  tn as install
 };