x-next 0.0.0-alpha.19 → 0.0.0-alpha.20

package/dist/index.es.js

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