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

package/dist/index.es.js

@@ -1,46 +1,46 @@
-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 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);
+var $e = Object.defineProperty;
+var Pe = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var N = (e, t, n) => Pe(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as T, computed as C, createVNode as r, h as E, reactive as ve, getCurrentInstance as _e, ref as I, watch as J, onMounted as Q, onBeforeUnmount as Ce, readonly as He, Teleport as We, Transition as V, onUnmounted as ke, Comment as Ve, Fragment as L, render as S, isVNode as k, createTextVNode as B } from "vue";
+const Ze = "X", Xe = "x", be = (e) => e ? Xe + "-" + e : e || "", p = (e) => Ze + e, O = (e) => {
+  const t = be(e);
   return {
     block: t,
-    element: (r) => `${t}--${r}`,
-    modifier: (r) => `${t}-${r}`,
-    is: (r) => `${t}-is-${r}`
+    element: (o) => `${t}--${o}`,
+    modifier: (o) => `${t}-${o}`,
+    is: (o) => `${t}-is-${o}`
   };
-}, G = Object.prototype.toString;
-function De(e) {
-  return G.call(e) === "[object Array]";
+}, P = Object.prototype.toString;
+function we(e) {
+  return P.call(e) === "[object Array]";
 }
-function ze(e) {
-  return G.call(e) === "[object Object]";
+function xe(e) {
+  return P.call(e) === "[object Object]";
 }
-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]";
+const Be = (e) => P.call(e) === "[object Promise]", Ue = (e) => b(e) && e.constructor.name === "AsyncFunction", Re = (e) => Be(e) || Ue(e);
+function Se(e) {
+  return P.call(e) === "[object String]";
 }
-function ot(e) {
-  return G.call(e) === "[object Number]" && e === e;
+function Ke(e) {
+  return P.call(e) === "[object Number]" && e === e;
 }
-function B(e) {
+function b(e) {
   return typeof e == "function";
 }
-function ne() {
+function Z() {
   return typeof window < "u";
 }
-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 z = (e) => e, Ye = (e) => !!(e && e.shapeFlag & 1), Ge = (e, t) => !!(e && e.shapeFlag & 6), qe = (e, t) => !!(e && e.shapeFlag & 8), Je = (e, t) => !!(e && e.shapeFlag & 16), Qe = (e, t) => !!(e && e.shapeFlag & 32), W = (e, t = !1) => {
+  var l, s;
   const n = [];
-  for (const r of e ?? [])
-    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));
+  for (const o of e ?? [])
+    Ye(o) || Ge(o) || t && qe(o, o.children) ? n.push(o) : Je(o, o.children) ? n.push(...W(o.children, t)) : Qe(o, o.children) ? n.push(...W((s = (l = o.children).default) == null ? void 0 : s.call(l), t)) : we(o) && n.push(...W(o, t));
   return n;
-}, dt = (e, t) => Object.assign(t, {
+}, M = (e, t) => Object.assign(t, {
   install(n) {
     n.component(e) || n.component(e, t);
   }
-}), ft = {
+}), et = {
   disabled: Boolean,
   block: Boolean,
   loading: Boolean,
@@ -53,7 +53,7 @@ const W = (e) => e, st = (e) => !!(e && e.shapeFlag & 1), at = (e, t) => !!(e &&
     default: 0
   },
   shape: {
-    type: W(String),
+    type: z(String),
     default: void 0
   },
   link: {
@@ -61,11 +61,11 @@ const W = (e) => e, st = (e) => !!(e && e.shapeFlag & 1), at = (e, t) => !!(e &&
     default: !1
   },
   type: {
-    type: W(String),
+    type: z(String),
     default: void 0
   },
   status: {
-    type: W(String),
+    type: z(String),
     default: void 0
   },
   plain: {
@@ -73,223 +73,258 @@ const W = (e) => e, st = (e) => !!(e && e.shapeFlag & 1), at = (e, t) => !!(e &&
     default: !1
   },
   size: {
-    type: W(String),
+    type: z(String),
     default: "medium"
   },
   border: {
     type: Boolean,
     default: !0
   }
-}, mt = /* @__PURE__ */ z({
-  name: "AnimationLoading",
-  props: {
-    cls: String
-  },
-  render() {
-    return f("svg", {
-      viewBox: "0 0 50 50",
-      class: "x-icon-loading-svg"
-    }, [f("circle", {
-      cx: "25",
-      cy: "25",
-      r: "20",
-      class: "path",
-      fill: "none",
-      stroke: "currentColor"
-    }, null)]);
-  }
-}), gt = /* @__PURE__ */ z({
+}, tt = (e) => Se(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", nt = (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 A(e, t) {
+  return /* @__PURE__ */ T({
+    name: be(`Icon${tt(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(n) {
+      const l = "x-icon", s = C(() => {
+        const d = {};
+        return n.size && (d.fontSize = nt(n.size)), n.rotate && (d.transform = `rotate(${n.rotate}deg)`), n.color && (d.color = n.color), d;
+      }), o = C(() => [l, {
+        [`${l}-loading`]: n.spin
+      }]);
+      return () => r("div", {
+        class: o.value,
+        style: s.value
+      }, [t]);
+    }
+  });
+}
+const lt = A("InfoCircleFill", E(r("svg", {
+  viewBox: "0 0 50 50",
+  class: "x-icon-loading-svg"
+}, [r("circle", {
+  cx: "25",
+  cy: "25",
+  r: "20",
+  class: "path",
+  fill: "none",
+  stroke: "currentColor"
+}, null)]))), rt = /* @__PURE__ */ T({
   name: "Button",
-  props: ft,
+  props: et,
   emits: ["click"],
+  // 显式导入插槽
+  $slots: ["prefix", "suffix"],
   setup(e, {
     slots: t,
     emit: n
   }) {
-    const l = Ne({
+    const l = ve({
       clicked: !1,
       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 = () => {
+    }), s = O("button"), o = C(() => [s.block, e.type && s.modifier(e.type), e.status && s.modifier(e.status), e.disabled && s.is("disabled"), e.block && s.modifier("block"), e.plain && s.is("plain"), e.shape && s.modifier(e.shape), e.link && s.modifier("is-link"), e.size && s.modifier(e.size), !e.border && s.modifier("is-hide-border"), a.value && s.modifier("is-loading")]), d = () => {
       e.debounce > 0 && !l.isDebounce && (l.isDebounce = !0, setTimeout(() => {
         l.isDebounce = !1;
       }, e.debounce));
-    }, s = k(() => e.loading || l.clicked || l.isDebounce), d = qe(), m = (i, a) => {
-      const c = i(a);
-      rt(c) && (l.clicked = !0, c.finally(() => {
+    }, a = C(() => e.loading || l.clicked || l.isDebounce), f = _e(), m = (i, c) => {
+      const u = i(c);
+      Re(u) && (l.clicked = !0, u.finally(() => {
         l.clicked = !1;
       }));
-    }, C = (i) => {
-      var c, p, b, $;
-      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;
-      if (De(a))
-        a.forEach((le) => m(le, i));
-      else if (B(a)) {
-        m(a, i);
+    }, y = (i) => {
+      var u, v, g, w;
+      if (i.stopPropagation(), (v = (u = i.target).blur) == null || v.call(u), a.value) return;
+      d();
+      const c = (w = (g = f == null ? void 0 : f.vnode) == null ? void 0 : g.props) == null ? void 0 : w.onClick;
+      if (we(c))
+        c.forEach((X) => m(X, i));
+      else if (b(c)) {
+        m(c, i);
         return;
       }
     };
     return () => {
       var i;
-      return f("button", {
-        class: r.value,
+      return r("button", {
+        class: o.value,
         type: "button",
         disabled: e.disabled,
-        onClick: C
-      }, [f("span", {
+        onClick: y
+      }, [r("span", {
         style: {
-          width: s.value ? "16px" : "0px",
-          marginRight: s.value ? "4px" : "0px"
+          display: a.value ? "flex" : "none",
+          marginRight: a.value ? "4px" : "0px"
         },
-        class: o.element("loading")
-      }, [f(mt, 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")
+        class: s.element("loading")
+      }, [r(lt, null, null)]), t.prefix && r("span", {
+        class: s.element("prefix")
+      }, [t.prefix()]), r("span", {
+        class: s.element("content")
+      }, [(i = t.default) == null ? void 0 : i.call(t)]), t.suffix && r("span", {
+        class: s.element("suffix")
       }, [t.suffix()])]);
     };
   }
-}), K = dt(Y("Button"), gt), we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  XButton: K
-}, Symbol.toStringTag, { value: "Module" })), yt = ["px", "%", "vh", "vw", "calc"], Be = (e, t = "px") => {
+}), $ = M(p("Button"), rt), at = ["px", "%", "vh", "vw", "calc"], fe = (e, t = "px") => {
   if (e === void 0) return "";
   const n = String(e);
-  return yt.some((l) => n.includes(l)) ? n : n + t;
-}, ht = 1e3, vt = 3e3, Ct = 1;
-class pt {
+  return at.some((l) => n.includes(l)) ? n : n + t;
+}, ot = 1e3, st = 3e3, ct = 1;
+class it {
   constructor() {
-    L(this, "popupStack", {
+    N(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() || vt : Array.from(this.popupStack.popup).pop() || ht) + Ct);
-    L(this, "add", (t) => {
+    N(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || st : Array.from(this.popupStack.popup).pop() || ot) + ct);
+    N(this, "add", (t) => {
       const n = this.getNextZIndex(t);
       return this.popupStack[t].add(n), t === "dialog" && this.popupStack.popup.add(n), n;
     });
-    L(this, "delete", (t, n) => {
+    N(this, "delete", (t, n) => {
       this.popupStack[n].delete(t), n === "dialog" && this.popupStack.popup.delete(t);
     });
-    L(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+    N(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
   }
 }
-const oe = new pt();
-function de(e, {
+const R = new it();
+function ee(e, {
   visible: t,
   runOnMounted: n
 } = {}) {
-  const l = R(0), o = () => {
-    l.value = oe.add(e);
-  }, r = () => {
-    oe.delete(l.value, e);
-  }, u = () => e === "dialog" ? oe.isLastDialog(l.value) : !1;
-  return ce(
+  const l = I(0), s = () => {
+    l.value = R.add(e);
+  }, o = () => {
+    R.delete(l.value, e);
+  }, d = () => e === "dialog" ? R.isLastDialog(l.value) : !1;
+  return J(
     () => t == null ? void 0 : t.value,
-    (s) => {
-      s ? o() : r();
+    (a) => {
+      a ? s() : o();
     },
     {
       immediate: !0
     }
-  ), n && (ue(() => {
+  ), n && (Q(() => {
+    s();
+  }), Ce(() => {
     o();
-  }), Te(() => {
-    r();
   })), {
-    zIndex: Je(l),
-    open: o,
-    close: r,
-    isLastDialog: u
+    zIndex: He(l),
+    open: s,
+    close: o,
+    isLastDialog: d
   };
 }
-const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, n) => (n == null ? void 0 : n.toUpperCase()) ?? ""), Pe = () => {
-}, kt = (e, t) => {
-  if (ne)
+const Oe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, n) => (n == null ? void 0 : n.toUpperCase()) ?? ""), pe = () => {
+}, ut = (e, t) => {
+  if (Z)
     return (t ?? document).querySelector(e) ?? void 0;
-}, bt = (e) => {
+}, dt = (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);
-}, wt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, Bt = (e, t) => {
+}, ft = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, mt = (e, t) => {
   var l;
-  if (!ne || !e || !t) return "";
-  let n = Ie(t);
+  if (!Z || !e || !t) return "";
+  let n = Oe(t);
   n === "float" && (n = "cssFloat");
   try {
-    const o = e.style[n];
-    if (o) return o;
-    const r = (l = document.defaultView) == null ? void 0 : l.getComputedStyle(e, "");
-    return r ? r[n] : "";
+    const s = e.style[n];
+    if (s) return s;
+    const o = (l = document.defaultView) == null ? void 0 : l.getComputedStyle(e, "");
+    return o ? o[n] : "";
   } catch {
     return e.style[n];
   }
-}, Z = (e, t, n) => {
+}, j = (e, t, n) => {
   if (!(!e || !t))
-    if (ze(t))
+    if (xe(t))
       Object.entries(t).forEach(
-        ([l, o]) => Z(e, l, o)
+        ([l, s]) => j(e, l, s)
       );
     else {
-      const l = Ie(t);
+      const l = Oe(t);
       e.style[l] = n;
     }
-}, fe = (e, t) => {
-  if (je(e)) {
+}, te = (e, t) => {
+  if (Se(e)) {
     const n = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
-    return kt(n, t);
+    return ut(n, t);
   }
   return e;
-}, St = ne ? (e, t, n, l = !1) => {
+}, gt = Z ? (e, t, n, l = !1) => {
   e.addEventListener(t, n, l);
-} : Pe, $t = ne ? (e, t, n, l = !1) => {
+} : pe, ht = Z ? (e, t, n, l = !1) => {
   e.removeEventListener(t, n, l);
-} : Pe, Ot = (e, t) => {
+} : pe, yt = (e, t) => {
   let n = !1;
   const l = {
     overflow: "",
     width: ""
-  }, o = (s) => s.tagName === "BODY", r = () => {
+  }, s = (a) => a.tagName === "BODY", o = () => {
     if (e.value) {
-      const s = e.value;
-      if (!n && s.style.overflow !== "hidden") {
-        const d = bt(s);
-        if (d > 0 || wt(s)) {
-          l.overflow = s.style.overflow, l.width = s.style.width;
+      const a = e.value;
+      if (!n && a.style.overflow !== "hidden") {
+        const f = dt(a);
+        if (f > 0 || ft(a)) {
+          l.overflow = a.style.overflow, l.width = a.style.width;
           let m = 0;
-          o(s) && (m = s.getBoundingClientRect().left || 0), Z(s, {
-            width: `calc(100% - ${Math.ceil(d - m)}px)`,
+          s(a) && (m = a.getBoundingClientRect().left || 0), j(a, {
+            width: `calc(100% - ${Math.ceil(f - m)}px)`,
             overflow: "hidden"
           }), n = !0;
         }
       }
     }
-  }, u = () => {
+  }, d = () => {
     if (e.value && n) {
-      const s = e.value;
-      Z(s, {
+      const a = e.value;
+      j(a, {
         overflow: l.overflow,
         width: l.width
       }), n = !1;
     }
   };
-  return ce(
+  return J(
     () => t == null ? void 0 : t.value,
-    (s) => {
-      e.value && !o(e.value) && (s && Z(s, {
+    (a) => {
+      e.value && !s(e.value) && (a && j(a, {
         position: "absolute"
-      }), Bt(e.value, "position") === "static" && Z(e.value, { position: "relative" }));
+      }), mt(e.value, "position") === "static" && j(e.value, { position: "relative" }));
     }
   ), {
-    setOverflowHidden: r,
-    resetOverflow: u
+    setOverflowHidden: o,
+    resetOverflow: d
   };
-}, Et = {
+}, vt = {
   ENTER: "Enter",
   ESC: "Escape",
   BACKSPACE: "Backspace",
@@ -299,9 +334,9 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   ARROW_DOWN: "ArrowDown",
   ARROW_LEFT: "ArrowLeft",
   ARROW_RIGHT: "ArrowRight"
-}, Nt = {
+}, Ct = {
   renderTo: {
-    type: W([String, Object]),
+    type: z([String, Object]),
     default: "body"
   },
   disabled: {
@@ -385,513 +420,196 @@ const Ie = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     type: Boolean,
     default: !1
   }
-}, Tt = ["width", "minWidth", "height", "minHeight"], Mt = z({
-  name: Y("Dialog"),
+}, kt = ["width", "minWidth", "height", "minHeight"], Ne = /* @__PURE__ */ T({
+  name: p("Dialog"),
   inheritAttrs: !1,
-  props: Nt,
+  props: Ct,
   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(() => fe(e.renderTo)), d = R(), m = k(() => e.disabled || !s.value), C = k(() => ({
-      zIndex: b.value
-    })), i = k(() => {
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    const l = O("dialog"), s = l.block, o = O("message-box"), d = C(() => [s, e.messageBox && "is-message-box", e.popupClass && e.popupClass]), a = C(() => te(e.renderTo)), f = I(), m = C(() => e.disabled || !a.value), y = C(() => ({
+      zIndex: g.value
+    })), i = C(() => {
       const h = {};
-      return e.fullscreen || (!e.center && e.top && (h.top = Be(e.top)), Tt.forEach((T) => {
-        e[T] && (h[T] = Be(e[T]));
+      return e.fullscreen || (!e.center && e.top && (h.top = fe(e.top)), kt.forEach((x) => {
+        e[x] && (h[x] = fe(e[x]));
       })), h;
-    }), a = R(!1), c = k(() => e.modelValue), p = k(() => c.value || a.value), { zIndex: b, isLastDialog: $ } = de("dialog", {
-      visible: c
-    }), { 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, Ce(), t("closed");
-    }, Ze = () => {
+    }), c = I(!1), u = C(() => e.modelValue), v = C(() => u.value || c.value), {
+      zIndex: g,
+      isLastDialog: w
+    } = ee("dialog", {
+      visible: u
+    }), {
+      setOverflowHidden: X,
+      resetOverflow: ce
+    } = yt(a, f), ie = (h, x) => {
+      t("update:modelValue", !1), t("close", e.messageBox ? h : void 0, e.messageBox ? x : void 0);
+    }, Ae = () => {
+      c.value = !1, ce(), t("closed");
+    }, Fe = () => {
       t("opened");
-    }, q = Ne({
+    }, _ = ve({
       ok: !1,
       cancel: !1
-    }), 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 && pe(h, T);
+    }), F = (h, x) => {
+      let H = !0;
+      if (_[h] = !0, b(e.onBeforeCancel) && (H = e.onBeforeCancel(h) ?? !1), Be(H)) {
+        H.then((Le) => {
+          _[h] = !1, Le && ie(h, x);
         });
         return;
       }
-      q[h] = !1, J && pe(h, T);
-    }, Ue = () => {
-      e.maskToClose && e.mask && P("cancel");
-    }, xe = (h) => {
-      P("cancel", h);
-    }, Re = (h) => {
-      P("ok", h);
+      _[h] = !1, H && ie(h, x);
+    }, De = () => {
+      e.maskToClose && e.mask && F("cancel");
+    }, ze = (h) => {
+      F("cancel", h);
+    }, je = (h) => {
+      F("ok", h);
     };
-    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(() => {
-      Ce(), be();
-    }), ce(
-      () => c.value,
-      (h) => {
-        h ? (t("open"), le(), a.value = !0, Xe()) : be();
-      },
-      { immediate: !0 }
-    ), {
-      cls: u,
-      ns: l,
-      cn: n,
-      cnOMB: o,
-      messageBoxNs: r,
-      containerStyle: i,
-      dialogStyle: C,
-      dialogRef: d,
-      teleportContainer: s,
-      teleportDisabled: m,
-      modelVisible: c,
-      mergeVisible: p,
-      interceptClose: P,
-      afterLeave: We,
-      afterEnter: Ze,
-      handleMaskClick: Ue,
-      handleCancel: xe,
-      handleOk: Re,
-      loadingObj: q
+    let U = !1;
+    const ue = (h) => {
+      e.escToClose && h.key === vt.ESC && w() && F("cancel");
+    }, Ie = () => {
+      e.escToClose && !U && (U = !0, gt(document.documentElement, "keydown", ue));
+    }, de = () => {
+      U = !1, ht(document.documentElement, "keydown", ue);
     };
-  }
-}), F = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [l, o] of t)
-    n[l] = o;
-  return n;
-};
-function At(e, t, n, l, o, r) {
-  return v(), O(Qe, {
-    to: e.teleportContainer,
-    disabled: e.teleportDisabled
-  }, [
-    !e.destroyOnClosed || e.mergeVisible ? U((v(), S("div", {
-      key: 0,
-      ref: "dialogRef",
-      class: g(e.cls),
-      style: N(e.dialogStyle)
-    }, [
-      f(_, {
+    return Ce(() => {
+      ce(), de();
+    }), J(() => u.value, (h) => {
+      h ? (t("open"), X(), c.value = !0, Ie()) : de();
+    }, {
+      immediate: !0
+    }), () => r(We, {
+      to: a.value,
+      disabled: m.value
+    }, {
+      default: () => [v.value && r("div", {
+        ref: f,
+        class: d.value,
+        style: y.value
+      }, [r(V, {
         name: "x-fade-in-standard",
-        appear: ""
+        appear: !0
       }, {
-        default: ee(() => [
-          e.mask ? U((v(), S("div", {
-            key: 0,
-            class: g([e.cn.element("mask")])
-          }, null, 2)), [
-            [x, e.modelVisible]
-          ]) : D("", !0)
-        ]),
-        _: 1
-      }),
-      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"]))
-      }, [
-        f(_, {
-          name: "x-zoom-in",
-          appear: "",
-          onAfterEnter: e.afterEnter,
-          onAfterLeave: e.afterLeave
-        }, {
-          default: ee(() => [
-            U(y("div", {
-              class: g([e.cn.element("container"), { "is-fullscreen": e.fullscreen }]),
-              style: N(e.containerStyle)
-            }, [
-              y("div", {
-                class: g([
-                  e.messageBox ? e.cnOMB.element("header") : e.cn.element("header"),
-                  e.showHeaderBottomLine && "is-bottom-line"
-                ])
-              }, [
-                j(e.$slots, "title", {}, () => [
-                  y("div", {
-                    class: g([e.cn.element("header-title")])
-                  }, te(e.title), 3)
-                ])
-              ], 2),
-              y("div", {
-                class: g([e.messageBox ? e.cnOMB.element("body") : e.cn.element("body")])
-              }, [
-                j(e.$slots, "default")
-              ], 2),
-              y("div", {
-                class: g([e.messageBox ? e.cnOMB.element("footer") : e.cn.element("footer")])
-              }, [
-                j(e.$slots, "footer", {
-                  cancel: e.handleCancel,
-                  ok: e.handleOk,
-                  loadingObj: e.loadingObj
-                })
-              ], 2),
-              e.showClose ? (v(), S("span", {
-                key: 0,
-                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)) : D("", !0)
-            ], 6), [
-              [x, e.modelVisible]
-            ])
-          ]),
-          _: 3
-        }, 8, ["onAfterEnter", "onAfterLeave"])
-      ], 2)
-    ], 6)), [
-      [x, e.mergeVisible]
-    ]) : D("", !0)
-  ], 8, ["to", "disabled"]);
-}
-const Ve = /* @__PURE__ */ F(Mt, [["render", At]]), He = /* @__PURE__ */ z({
-  name: Y("Space"),
-  props: {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    size: {
-      type: [Number, String],
-      default: "small"
-    },
-    align: {
-      type: String,
-      default: "center"
-    },
-    fill: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e, {
-    slots: t
-  }) {
-    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 (ot(u))
-        return u;
-      switch (u) {
-        case "mini":
-          return 4;
-        case "small":
-          return 8;
-        case "medium":
-          return 16;
-        case "large":
-          return 24;
-        default:
-          return 8;
-      }
-    }
-    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 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, m) => {
-        var i;
-        const C = t.split && m > 0;
-        return f(X, {
-          key: `space-item-${m}`
-        }, [C && f("div", {
-          className: n.element("split"),
-          style: r(!1)
-        }, [(i = t.split) == null ? void 0 : i.call(t)]), f("div", {
-          className: n.element("item"),
-          style: r(m === u.length - 1)
-        }, [d])]);
-      })]);
-    };
-  }
-});
-function Se(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !w(e);
-}
-const $e = A("dialog"), on = (e) => {
-  const t = document.createElement("div"), n = () => {
-    M(null, t);
-  }, l = (i) => {
-    if (i === "cancel")
-      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
-    if (i === "ok")
-      return e.beforeOnOk ? e.beforeOnOk() : !0;
-  }, o = (i, a) => {
-    i === "cancel" && e.onCancel && e.onCancel(a), i === "ok" && e.onOk && e.onOk(a);
-  }, r = (i) => {
-    if (w(i)) return i;
-    if (B(i)) {
-      const a = i();
-      return w(a) ? a : null;
-    }
-    return f("div", {
-      class: $e.element("header-title")
-    }, [E(" "), i, E(" ")]);
-  }, u = (i) => {
-    if (w(i)) return i;
-    if (B(i)) {
-      const a = i();
-      return w(a) ? a : null;
-    }
-    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) => f(He, {
-      size: 12
-    }, {
-      default: () => {
-        var p, b;
-        return [!e.hideCancel && f(K, {
-          size: "small",
-          onClick: c.cancel,
-          loading: (p = c.loadingObj) == null ? void 0 : p.cancel
-        }, Se(i) ? i : {
-          default: () => [i]
-        }), !e.hideOk && f(K, {
-          type: "primary",
-          size: "small",
-          onClick: c.ok,
-          loading: (b = c.loadingObj) == null ? void 0 : b.ok
-        }, Se(a) ? a : {
-          default: () => [a]
-        })];
-      }
+        default: () => [e.mask && u.value && r("div", {
+          class: l.element("mask")
+        }, null)]
+      }), r("div", {
+        class: [l.element("wrapper"), {
+          "is-center": e.center
+        }],
+        onClick: (h) => h.target === h.currentTarget && De()
+      }, [r(V, {
+        name: "x-zoom-in",
+        appear: !0,
+        onAfterEnter: Fe,
+        onAfterLeave: Ae
+      }, {
+        default: () => [u.value && r("div", {
+          class: [l.element("container"), {
+            "is-fullscreen": e.fullscreen
+          }],
+          style: i.value
+        }, [r("div", {
+          class: [e.messageBox ? o.element("header") : l.element("header"), e.showHeaderBottomLine && "is-bottom-line"]
+        }, [n.title ? n.title() : r("div", {
+          class: [l.element("header-title")]
+        }, [e.title])]), r("div", {
+          class: [e.messageBox ? o.element("body") : l.element("body")]
+        }, [n.default && n.default()]), r("div", {
+          class: [e.messageBox ? o.element("footer") : l.element("footer")]
+        }, [n.footer && n.footer({
+          cancel: ze,
+          ok: je,
+          "loading-obj": _
+        })]), e.showClose && r("span", {
+          class: [l.element("close-icon"), e.messageBox && o.element("close-icon")],
+          onClick: () => F("cancel")
+        }, null)])]
+      })])])]
     });
-  }, C = f(Ve, {
-    width: (e == null ? void 0 : e.width) ?? 368,
-    height: (e == null ? void 0 : e.height) ?? "auto",
-    modelValue: !0,
-    renderTo: e == null ? void 0 : e.renderTo,
-    center: e != null && e.top ? !1 : (e == null ? void 0 : e.center) ?? !0,
-    top: (e == null ? void 0 : e.top) ?? 0,
-    mask: (e == null ? void 0 : e.mask) ?? !0,
-    maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
-    popupClass: e.popupClass,
-    onClose: o,
-    onBeforeCancel: l,
-    "onUpdate:modelValue": () => {
-      C.component.props.modelValue = !1;
-    },
-    // 等待动画完全结束后销毁vm
-    onClosed: n,
-    onOpened: () => {
-    }
-  }, {
-    title: s(),
-    default: d(),
-    footer: m()
-  });
-  M(C, t);
-}, 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${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 = k(() => {
-        const 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(() => [
-          n,
-          {
-            [`${n}-loading`]: t.spin
-          }
-        ]),
-        styles: l
-      };
-    }
-  });
-}
-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)
-  }, t[0] || (t[0] = [
-    y("svg", {
-      viewBox: "0 0 48 48",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: "currentColor",
-      "stroke-width": "4",
-      "stroke-linecap": "butt",
-      "stroke-linejoin": "miter",
-      filter: ""
-    }, [
-      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",
-        fill: "currentColor",
-        stroke: "none"
-      })
-    ], -1)
-  ]), 6);
-}
-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)
-  }, t[0] || (t[0] = [
-    y("svg", {
-      viewBox: "0 0 48 48",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: "currentColor",
-      "stroke-width": "4",
-      "stroke-linecap": "butt",
-      "stroke-linejoin": "miter",
-      filter: ""
-    }, [
-      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",
-        fill: "currentColor",
-        stroke: "none"
-      })
-    ], -1)
-  ]), 6);
-}
-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)
-  }, t[0] || (t[0] = [
-    y("svg", {
-      viewBox: "0 0 48 48",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: "currentColor",
-      "stroke-width": "4",
-      "stroke-linecap": "butt",
-      "stroke-linejoin": "miter",
-      filter: ""
-    }, [
-      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",
-        fill: "currentColor",
-        stroke: "none"
-      })
-    ], -1)
-  ]), 6);
-}
-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)
-  }, t[0] || (t[0] = [
-    y("svg", {
-      viewBox: "0 0 48 48",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: "currentColor",
-      "stroke-width": "4",
-      "stroke-linecap": "butt",
-      "stroke-linejoin": "miter",
-      filter: ""
-    }, [
-      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",
-        fill: "currentColor",
-        stroke: "none"
-      })
-    ], -1)
-  ]), 6);
-}
-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)
-  }, t[0] || (t[0] = [
-    y("svg", {
-      viewBox: "0 0 48 48",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      stroke: "currentColor",
-      "stroke-width": "4",
-      "stroke-linecap": "butt",
-      "stroke-linejoin": "miter",
-      filter: ""
-    }, [
-      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",
-        fill: "currentColor",
-        stroke: "none"
-      })
-    ], -1)
-  ]), 6);
-}
-const ve = /* @__PURE__ */ F(Ut, [["render", xt]]);
-I("animation-loading");
-const Rt = z({
-  name: Y("Message"),
-  components: {
-    CloseCircleFill: me,
-    CheckCircleFill: ge,
-    ExclamationCircleFill: ye,
-    InfoCircleFill: he,
-    MinusCircleFill: ve
-  },
+  }
+}), Te = M(p("Dialog"), Ne), ne = A("CloseCircleFill", E(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("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",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), le = A("CheckCircleFill", E(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("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",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), re = A("ExclamationCircleFill", E(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("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",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), ae = A("InfoCircleFill", E(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("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",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), oe = A("MinusCircleFill", E(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("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",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), Ee = /* @__PURE__ */ T({
+  name: "Message",
   props: {
     id: {
       type: String,
@@ -937,224 +655,228 @@ const Rt = z({
     }
   },
   emits: ["destroy"],
-  setup(e) {
-    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 = R(!1);
-    let o = null;
-    const r = () => {
-      o = setTimeout(() => {
-        l.value = !1;
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    const l = O("message"), s = C(() => [l.block, l.modifier(e.type), e.center && l.modifier("center"), e.showClose && !e.center && l.element("show-close"), e.popupClass && e.popupClass]), o = I(!1);
+    let d = null;
+    const a = () => {
+      d = setTimeout(() => {
+        o.value = !1;
       }, e.duration);
     };
-    ue(() => {
-      l.value = !0, e.duration !== 0 && r();
-    }), Ae(() => {
-      clearTimeout(o);
+    Q(() => {
+      o.value = !0, e.duration !== 0 && a();
+    }), ke(() => {
+      d && clearTimeout(d);
     });
-    const { zIndex: u } = de("message", { runOnMounted: !0 }), s = k(() => ({
+    const {
+      zIndex: f
+    } = ee("message", {
+      runOnMounted: !0
+    }), m = C(() => ({
       top: `${e.offset}px`,
-      zIndex: u.value
-    }));
-    return {
-      cn: t,
-      cls: n,
-      styles: s,
-      visible: l,
-      handleClose: () => {
-        l.value = !1;
+      zIndex: f.value
+    })), y = () => {
+      o.value = !1;
+    }, i = () => {
+      if (n.icon)
+        return n.icon();
+      switch (e.type) {
+        case "success":
+          return r(le, null, null);
+        case "warning":
+          return r(re, null, null);
+        case "strong":
+          return r(oe, null, null);
+        case "error":
+          return r(ne, null, null);
+        case "info":
+          return r(ae, null, null);
+        default:
+          return null;
       }
     };
+    return () => r(V, {
+      name: "x-message-slide-top",
+      onBeforeLeave: e.onClose,
+      onAfterLeave: () => t("destroy")
+    }, {
+      default: () => [o.value && r("div", {
+        class: s.value,
+        style: m.value
+      }, [r("span", {
+        class: [l.element("icon"), l.modifier(`icon-${e.type}`)]
+      }, [i()]), r("div", null, [n.default ? n.default() : e.useHTML ? r("span", {
+        innerHTML: e.message
+      }, null) : r("span", null, [e.message]), e.showClose && r("span", {
+        class: l.element("close-icon"),
+        onClick: y
+      }, null)])])]
+    });
   }
-}), 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(_, {
-    name: "x-message-slide-top",
-    onBeforeLeave: e.onClose,
-    onAfterLeave: t[1] || (t[1] = (i) => e.$emit("destroy"))
-  }, {
-    default: ee(() => [
-      U(y("div", {
-        class: g(e.cls),
-        style: N(e.styles)
-      }, [
-        e.$slots.icon ? D("", !0) : (v(), S("span", {
-          key: 0,
-          class: g([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
-        }, [
-          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)),
-        j(e.$slots, "default", {}, () => [
-          e.useHTML ? (v(), S("span", {
-            key: 0,
-            innerHTML: e.message
-          }, 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")]),
-            onClick: t[0] || (t[0] = (...i) => e.handleClose && e.handleClose(...i))
-          }, null, 2)) : D("", !0)
-        ])
-      ], 6), [
-        [x, e.visible]
-      ])
-    ]),
-    _: 3
-  }, 8, ["onBeforeLeave"]);
-}
-const Gt = /* @__PURE__ */ F(Rt, [["render", Yt]]), se = /* @__PURE__ */ new WeakMap(), ae = (e) => {
-  (typeof e == "string" || w(e)) && (e = {
-    message: e
-  });
-  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;
-    l += ((a = i.el) == null ? void 0 : a.offsetHeight) + 20;
-  });
-  const o = e.onClose;
-  let r = {};
-  r = { ...e, onClose: () => {
-    var c;
-    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((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: () => {
-    M(null, m);
-  }, offset: l };
-  const d = f(
-    Gt,
-    r,
-    B(r.message) || w(r.message) ? {
-      default: B(r.message) ? r.message : () => r.message
-    } : null
-  ), 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();
+}), bt = M(p("Message"), Ee), wt = /* @__PURE__ */ T({
+  name: "Space",
+  props: {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    size: {
+      type: [Number, String],
+      default: "small"
+    },
+    align: {
+      type: String,
+      default: "center"
+    },
+    fill: {
+      type: Boolean,
+      default: !1
     }
-  };
-}, qt = () => {
-  Ft.forEach((e) => {
-    ae[e] = (t) => ze(t) ? ae({
-      type: e,
-      ...t
-    }) : ae({
-      message: t,
-      type: e
-    });
-  });
-};
-qt();
-const Jt = ["info", "success", "warning", "strong", "error"];
-function Oe(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !w(e);
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const n = O("space"), l = C(() => [n.block, n.element(e.direction), e.fill && "is-fill", n.element(`${e.direction}-${e.align}`)]);
+    function s(d) {
+      if (Ke(d))
+        return d;
+      switch (d) {
+        case "mini":
+          return 4;
+        case "small":
+          return 8;
+        case "medium":
+          return 16;
+        case "large":
+          return 24;
+        default:
+          return 8;
+      }
+    }
+    const o = (d) => {
+      const a = {};
+      if (d) return a;
+      const f = `${s(e.size)}px`, m = `${s(e.size)}px`;
+      return e.direction === "horizontal" && (a.marginRight = f), e.direction === "vertical" && (a.marginBottom = m), a;
+    };
+    return () => {
+      var a;
+      const d = W((a = t.default) == null ? void 0 : a.call(t), !0).filter((f) => f.type !== Ve);
+      return r("div", {
+        class: [l.value]
+      }, [d.map((f, m) => {
+        var i;
+        const y = t.split && m > 0;
+        return r(L, {
+          key: `space-item-${m}`
+        }, [y && r("div", {
+          className: n.element("split"),
+          style: o(!1)
+        }, [(i = t.split) == null ? void 0 : i.call(t)]), r("div", {
+          className: n.element("item"),
+          style: o(m === d.length - 1)
+        }, [f])]);
+      })]);
+    };
+  }
+}), se = M(p("Space"), wt), xt = ["info", "success", "warning", "strong", "error"];
+function me(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !k(e);
 }
-const ie = A("message-box"), Ee = (e) => {
+const K = O("message-box"), q = (e) => {
   const t = document.createElement("div"), n = () => {
-    M(null, t);
-  }, l = (a) => {
-    if (a === "cancel")
+    S(null, t);
+  }, l = (c) => {
+    if (c === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
-    if (a === "ok")
+    if (c === "ok")
       return e.beforeOnOk ? e.beforeOnOk() : !0;
-  }, o = (a, c) => {
-    a === "cancel" && e.onCancel && e.onCancel(c), a === "ok" && e.onOk && e.onOk(c);
-  }, r = (a) => {
-    let c;
-    switch (a) {
+  }, s = (c, u) => {
+    c === "cancel" && e.onCancel && e.onCancel(u), c === "ok" && e.onOk && e.onOk(u);
+  }, o = (c) => {
+    let u;
+    switch (c) {
       case "warning":
-        c = f(ye, {
+        u = r(re, {
           size: "22px",
           color: "#f6c64b"
         }, null);
         break;
       case "strong":
-        c = f(ve, {
+        u = r(oe, {
           size: "22px",
           color: "#ff7125"
         }, null);
         break;
       case "error":
-        c = f(me, {
+        u = r(ne, {
           size: "22px",
           color: "#e24f48"
         }, null);
         break;
       case "success":
-        c = f(ge, {
+        u = r(le, {
           size: "22px",
           color: "#68d1ab"
         }, null);
         break;
       case "info":
-        c = f(he, {
+        u = r(ae, {
           size: "22px",
           color: "#2355f5"
         }, null);
         break;
     }
-    return f("div", {
-      class: ie.element("icon")
-    }, [c]);
-  }, u = (a) => {
-    if (w(a)) return a;
-    if (B(a)) {
-      const c = a();
-      return w(c) ? c : null;
+    return r("div", {
+      class: K.element("icon")
+    }, [u]);
+  }, d = (c) => {
+    if (k(c)) return c;
+    if (b(c)) {
+      const u = c();
+      return k(u) ? u : null;
     }
-    return f("div", {
-      class: ie.element("title")
-    }, [E(" "), a, E(" ")]);
-  }, s = (a) => {
-    if (w(a)) return a;
-    if (B(a)) {
-      const c = a();
-      return w(c) ? c : null;
+    return r("div", {
+      class: K.element("title")
+    }, [B(" "), c, B(" ")]);
+  }, a = (c) => {
+    if (k(c)) return c;
+    if (b(c)) {
+      const u = c();
+      return k(u) ? u : null;
     }
-    return f("div", {
-      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 = () => {
-    if (w(e.footer) || B(e.footer))
+    return r("div", {
+      class: K.element("content")
+    }, [B(" "), e.content, B(" ")]);
+  }, f = () => () => r(L, null, [o(e.type || "success"), e.title && d(e.title)]), m = () => () => r(L, null, [e.content && a(e.content)]), y = () => {
+    if (k(e.footer) || b(e.footer))
       return e.footer;
-    const a = (e == null ? void 0 : e.cancelText) || "取消", c = (e == null ? void 0 : e.okText) || "确认";
-    return (p) => f(He, {
+    const c = (e == null ? void 0 : e.cancelText) || "取消", u = (e == null ? void 0 : e.okText) || "确认";
+    return (v) => r(se, {
       size: 12
     }, {
       default: () => {
-        var b, $;
-        return [!e.hideCancel && f(K, {
+        var g, w;
+        return [!e.hideCancel && r($, {
           size: "small",
-          onClick: p.cancel,
-          loading: (b = p.loadingObj) == null ? void 0 : b.cancel
-        }, Oe(a) ? a : {
-          default: () => [a]
-        }), !e.hideOk && f(K, {
+          onClick: v.cancel,
+          loading: (g = v.loadingObj) == null ? void 0 : g.cancel
+        }, me(c) ? c : {
+          default: () => [c]
+        }), !e.hideOk && r($, {
           type: "primary",
           size: "small",
-          onClick: p.ok,
-          loading: ($ = p.loadingObj) == null ? void 0 : $.ok
-        }, Oe(c) ? c : {
-          default: () => [c]
+          onClick: v.ok,
+          loading: (w = v.loadingObj) == null ? void 0 : w.ok
+        }, me(u) ? u : {
+          default: () => [u]
         })];
       }
     });
-  }, i = f(Ve, {
+  }, i = r(Te, {
     messageBox: !0,
     width: (e == null ? void 0 : e.width) ?? 358,
     height: (e == null ? void 0 : e.height) ?? "auto",
@@ -1165,7 +887,7 @@ const ie = A("message-box"), Ee = (e) => {
     mask: (e == null ? void 0 : e.mask) ?? !0,
     maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
     popupClass: e.popupClass,
-    onClose: o,
+    onClose: s,
     onBeforeCancel: l,
     "onUpdate:modelValue": () => {
       i.component.props.modelValue = !1;
@@ -1175,43 +897,43 @@ const ie = A("message-box"), Ee = (e) => {
     onOpened: () => {
     }
   }, {
-    title: d(),
+    title: f(),
     default: m(),
-    footer: C()
+    footer: y()
   });
-  M(i, t);
-}, Qt = () => {
-  Jt.forEach((e) => {
-    Ee[e] = (t, n) => {
-      const l = [], o = [];
-      let r = () => !0, u = () => !0;
+  S(i, t);
+}, Bt = () => {
+  xt.forEach((e) => {
+    q[e] = (t, n) => {
+      const l = [], s = [];
+      let o = () => !0, d = () => !0;
       return setTimeout(() => {
-        Ee({
+        q({
           title: t,
           content: n,
           type: e,
-          beforeOnCancel: u,
-          beforeOnOk: r,
+          beforeOnCancel: d,
+          beforeOnOk: o,
           onOk: () => {
-            l.forEach((s) => B(s) && s());
+            l.forEach((a) => b(a) && a());
           },
           onCancel: () => {
-            o.forEach((s) => B(s) && s());
+            s.forEach((a) => b(a) && a());
           }
         });
       }, 0), {
-        ok(...s) {
-          return s.length === 1 && l.push(s[0]), s.length === 2 && (r = s[0], l.push(s[1])), this;
+        ok(...a) {
+          return a.length === 1 && l.push(a[0]), a.length === 2 && (o = a[0], l.push(a[1])), this;
         },
-        cancel(...s) {
-          return s.length === 1 && o.push(s[0]), s.length === 2 && (u = s[0], o.push(s[1])), this;
+        cancel(...a) {
+          return a.length === 1 && s.push(a[0]), a.length === 2 && (d = a[0], s.push(a[1])), this;
         }
       };
     };
   });
 };
-Qt();
-const _t = {
+Bt();
+const St = M(p("MessageBox"), q), Ot = {
   position: {
     type: String,
     default: "top-right"
@@ -1249,145 +971,266 @@ const _t = {
     type: Boolean,
     default: !1
   }
-}, en = z({
-  name: Y("Notification"),
-  props: _t,
+}, Me = /* @__PURE__ */ T({
+  name: p("Notification"),
+  props: Ot,
   emits: ["close", "destroy"],
-  setup(e) {
-    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("-");
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    const l = O("notification"), s = l.block, o = C(() => [s, l.modifier(a.value.ver)]), {
+      zIndex: d
+    } = ee("message", {
+      runOnMounted: !0
+    }), a = C(() => {
+      const g = e.position.split("-");
       return {
-        hor: c[1],
-        ver: c[0]
+        hor: g[1],
+        ver: g[0]
       };
-    }), u = k(() => `x-notification-slide-${r.value.hor}`), s = k(() => {
-      const c = {};
-      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;
+    }), f = C(() => `x-notification-slide-${a.value.hor}`), m = C(() => {
+      const g = {};
+      return g.position = e.renderToBody ? "fixed" : "absolute", g.zIndex = d.value, g[a.value.hor] = "20px", g[a.value.ver] = `${e.offset}px`, g;
+    }), y = I(!1);
+    let i = 0;
+    const c = () => {
+      i = setTimeout(() => {
+        y.value = !1;
       }, e.duration);
-    }, 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 ue(() => {
-      e.duration !== 0 && C(), d.value = !0;
-    }), Ae(() => {
-      clearTimeout(m);
-    }), {
-      ns: n,
-      cn: t,
-      cls: l,
-      animationClsName: u,
-      positionStyle: s,
-      visible: d,
-      positionPropMap: r,
-      currentIcon: i,
-      handleClose: a
+    }, u = C(() => e.type === "info" ? ae : e.type === "warning" ? re : e.type === "strong" ? oe : e.type === "success" ? le : e.type === "error" ? ne : ""), v = () => {
+      y.value = !1;
     };
+    return Q(() => {
+      e.duration !== 0 && c(), y.value = !0;
+    }), ke(() => {
+      clearTimeout(i);
+    }), () => r(V, {
+      name: f.value,
+      onBeforeLeave: () => t("close"),
+      onAfterLeave: () => t("destroy")
+    }, {
+      default: () => {
+        var g;
+        return [y.value && r("div", {
+          class: o.value,
+          style: m.value
+        }, [r("div", {
+          class: [l.element("header")]
+        }, [r("div", {
+          class: [l.element("icon"), l.modifier(`icon-${e.type}`)]
+        }, [u.value && r(u.value, null, null)]), r("div", null, [r("div", {
+          class: [l.element("title")]
+        }, [e.title]), r("div", {
+          class: [l.element("message")]
+        }, [((g = n.default) == null ? void 0 : g.call(n)) || e.message])])]), e.showClose && r("span", {
+          class: [l.element("close-icon")],
+          onClick: v
+        }, null)])];
+      }
+    });
   }
-});
-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: ee(() => [
-      U(y("div", {
-        class: g(e.cls),
-        style: N(e.positionStyle)
-      }, [
-        y("div", {
-          class: g([e.cn.element("header")])
-        }, [
-          y("div", {
-            class: g([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
-          }, [
-            (v(), O(et(e.currentIcon)))
-          ], 2),
-          y("div", null, [
-            y("div", {
-              class: g([e.cn.element("title")])
-            }, te(e.title), 3),
-            y("div", {
-              class: g([e.cn.element("message")])
-            }, [
-              j(e.$slots, "default", {}, () => [
-                E(te(e.message), 1)
-              ])
-            ], 2)
-          ])
-        ], 2),
-        e.showClose ? (v(), S("span", {
-          key: 0,
-          class: g([e.cn.element("close-icon")]),
-          onClick: t[0] || (t[0] = Me((...u) => e.handleClose && e.handleClose(...u), ["self"]))
-        }, null, 2)) : D("", !0)
-      ], 6), [
-        [x, e.visible]
-      ])
-    ]),
-    _: 3
-  }, 8, ["name"]);
+}), pt = M(p("Notification"), Me), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  XButton: $,
+  XDialog: Te,
+  XMessage: bt,
+  XMessageBox: St,
+  XNotification: pt,
+  XSpace: se
+}, Symbol.toStringTag, { value: "Module" }));
+function he(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !k(e);
 }
-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;
-  l.forEach((C) => {
+const ye = O("dialog"), At = (e) => {
+  const t = document.createElement("div"), n = () => {
+    S(null, t);
+  }, l = (i) => {
+    if (i === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (i === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, s = (i, c) => {
+    i === "cancel" && e.onCancel && e.onCancel(c), i === "ok" && e.onOk && e.onOk(c);
+  }, o = (i) => {
+    if (k(i)) return i;
+    if (b(i)) {
+      const c = i();
+      return k(c) ? c : null;
+    }
+    return r("div", {
+      class: ye.element("header-title")
+    }, [B(" "), i, B(" ")]);
+  }, d = (i) => {
+    if (k(i)) return i;
+    if (b(i)) {
+      const c = i();
+      return k(c) ? c : null;
+    }
+    return r("div", {
+      class: ye.element("content")
+    }, [B(" "), e.content, B(" ")]);
+  }, a = () => () => r(L, null, [e.title && o(e.title)]), f = () => () => r(L, null, [e.content && d(e.content)]), m = () => {
+    if (k(e.footer) || b(e.footer))
+      return e.footer;
+    const i = (e == null ? void 0 : e.cancelText) || "取消", c = (e == null ? void 0 : e.okText) || "确认";
+    return (u) => r(se, {
+      size: 12
+    }, {
+      default: () => {
+        var v, g;
+        return [!e.hideCancel && r($, {
+          size: "small",
+          onClick: u.cancel,
+          loading: (v = u.loadingObj) == null ? void 0 : v.cancel
+        }, he(i) ? i : {
+          default: () => [i]
+        }), !e.hideOk && r($, {
+          type: "primary",
+          size: "small",
+          onClick: u.ok,
+          loading: (g = u.loadingObj) == null ? void 0 : g.ok
+        }, he(c) ? c : {
+          default: () => [c]
+        })];
+      }
+    });
+  }, y = r(Ne, {
+    width: (e == null ? void 0 : e.width) ?? 368,
+    height: (e == null ? void 0 : e.height) ?? "auto",
+    modelValue: !0,
+    renderTo: e == null ? void 0 : e.renderTo,
+    center: e != null && e.top ? !1 : (e == null ? void 0 : e.center) ?? !0,
+    top: (e == null ? void 0 : e.top) ?? 0,
+    mask: (e == null ? void 0 : e.mask) ?? !0,
+    maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
+    popupClass: e.popupClass,
+    onClose: s,
+    onBeforeCancel: l,
+    "onUpdate:modelValue": () => {
+      y.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: n,
+    onOpened: () => {
+    }
+  }, {
+    title: a(),
+    default: f(),
+    footer: m()
+  });
+  S(y, t);
+}, Nt = ["success", "warning", "error", "strong", "info"], Y = /* @__PURE__ */ new WeakMap(), G = (e) => {
+  (typeof e == "string" || k(e)) && (e = {
+    message: e
+  });
+  const t = te(e.renderTo || "body");
+  Y.has(t) || Y.set(t, []);
+  const n = Y.get(t);
+  let l = e.offset || 20;
+  n.forEach((i) => {
+    var c;
+    l += ((c = i.el) == null ? void 0 : c.offsetHeight) + 20;
+  });
+  const s = e.onClose;
+  let o = {};
+  o = { ...e, onClose: () => {
+    var u;
+    const i = n.findIndex((v) => v === f);
+    if (i < 0) return;
+    const c = ((u = f.el) == null ? void 0 : u.offsetHeight) + 20;
+    n.slice(i + 1).forEach((v) => {
+      var w;
+      const g = (w = v.component) == null ? void 0 : w.props.offset;
+      v.component.props.offset = g - c;
+    }), n.splice(i, 1), s && s(f);
+  }, onDestroy: () => {
+    S(null, m);
+  }, offset: l };
+  const f = r(
+    Ee,
+    o,
+    b(o.message) || k(o.message) ? {
+      default: b(o.message) ? o.message : () => o.message
+    } : null
+  ), m = document.createElement("div");
+  return S(f, m), t.tagName === "BODY" ? f.el.style.position = "fixed" : (t.style.position = "relative", f.el.style.position = "absolute"), t.appendChild(m.firstElementChild), n.push(f), {
+    close: () => {
+      f.component.proxy.handleClose();
+    }
+  };
+}, Tt = () => {
+  Nt.forEach((e) => {
+    G[e] = (t) => xe(t) ? G({
+      type: e,
+      ...t
+    }) : G({
+      message: t,
+      type: e
+    });
+  });
+};
+Tt();
+const D = /* @__PURE__ */ new WeakMap(), Ft = (e) => {
+  const t = te(e.renderTo || "body"), n = document.createElement("div");
+  D.get(t) || D.set(t, {}), D.get(t)[e.position] || (D.get(t)[e.position] = []);
+  const l = D.get(t)[e.position];
+  let s = e.offset || 20;
+  l.forEach((y) => {
     var i;
-    o += ((i = C.el) == null ? void 0 : i.offsetHeight) + 20;
+    s += ((i = y.el) == null ? void 0 : i.offsetHeight) + 20;
   });
-  const r = t.tagName === "BODY";
-  r || (t.style.position = "relative", t.style.overflowX = "hidden");
-  const u = e.onClose, s = () => {
-    var a;
-    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 = () => {
-    M(null, n);
-  }, m = f(
-    nn,
+  const o = t.tagName === "BODY";
+  o || (t.style.position = "relative", t.style.overflowX = "hidden");
+  const d = e.onClose, a = () => {
+    var c;
+    const y = l.findIndex((u) => u === m);
+    if (y < 0) return;
+    const i = ((c = m.el) == null ? void 0 : c.offsetHeight) + 20;
+    l.slice(y + 1).forEach((u) => {
+      var g;
+      const v = (g = u.component) == null ? void 0 : g.props.offset;
+      u.component.props.offset = v - i;
+    }), l.splice(y, 1), d && d(m);
+  }, f = () => {
+    S(null, n);
+  }, m = r(
+    Me,
     {
       message: e.message,
       title: e.title,
       type: e.type,
-      offset: o,
-      renderToBody: r,
+      offset: s,
+      renderToBody: o,
       position: e.position,
       duration: e.duration ?? 3e3,
       showClose: e.showClose ?? !0,
-      onClose: s,
-      onDestroy: d
+      onClose: a,
+      onDestroy: f
     },
-    B(e.message) || w(e.message) ? {
-      default: B(e.message) ? e.message : () => e.message
+    b(e.message) || k(e.message) ? {
+      default: b(e.message) ? e.message : () => e.message
     } : null
   );
-  M(m, n), l.push(m), t == null || t.appendChild(n.firstChild);
-}, an = {
+  S(m, n), l.push(m), t == null || t.appendChild(n.firstChild);
+}, Dt = {
   install: function(e) {
-    Object.keys(we).forEach((t) => {
-      const n = we[t];
+    Object.keys(ge).forEach((t) => {
+      const n = ge[t];
       n.install && e.use(n);
     });
   }
 };
 export {
-  on as Dialog,
-  ae as Message,
-  Ee as MessageBox,
-  sn as Notification,
-  K as XButton,
-  an as default
+  At as Dialog,
+  G as Message,
+  q as MessageBox,
+  Ft as Notification,
+  $ as XButton,
+  Te as XDialog,
+  bt as XMessage,
+  St as XMessageBox,
+  pt as XNotification,
+  se as XSpace,
+  Dt as default
 };