x-next 0.0.0-alpha.4 → 0.0.0-alpha.5

package/dist/index.es.js

@@ -0,0 +1,1414 @@
+var Ge = Object.defineProperty;
+var qe = (e, t, n) => t in e ? Ge(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var P = (e, t, n) => qe(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as X, watch as ce, onMounted as ue, onBeforeUnmount as Be, readonly as Je, defineComponent as R, computed as p, reactive as Te, openBlock as C, createBlock as B, Teleport as Qe, withDirectives as H, createElementBlock as b, normalizeClass as y, normalizeStyle as $, createVNode as m, Transition as x, withCtx as ee, vShow as V, createCommentVNode as S, createElementVNode as v, withModifiers as Se, renderSlot as M, toDisplayString as te, getCurrentInstance as _e, resolveComponent as z, Comment as xe, Fragment as Y, render as A, isVNode as w, createTextVNode as T, onUnmounted as Me, resolveDynamicComponent as et } from "vue";
+const tt = "X", nt = "x", Le = (e) => e ? nt + "-" + e : e || "", G = (e) => tt + e, D = (e) => {
+  const t = Le(e);
+  return {
+    block: t,
+    element: (r) => `${t}--${r}`,
+    modifier: (r) => `${t}-${r}`,
+    is: (r) => `${t}-is-${r}`
+  };
+}, lt = ["px", "%", "vh", "vw", "calc"], we = (e, t = "px") => {
+  if (e === void 0)
+    return "";
+  const n = String(e);
+  return lt.some((l) => n.includes(l)) ? n : n + t;
+}, q = Object.prototype.toString;
+function Ae(e) {
+  return q.call(e) === "[object Array]";
+}
+function De(e) {
+  return q.call(e) === "[object Object]";
+}
+const Ie = (e) => q.call(e) === "[object Promise]";
+function Pe(e) {
+  return q.call(e) === "[object String]";
+}
+function rt(e) {
+  return q.call(e) === "[object Number]" && e === e;
+}
+function E(e) {
+  return typeof e == "function";
+}
+function le() {
+  return typeof window < "u";
+}
+const ot = 1e3, st = 3e3, at = 1;
+class it {
+  constructor() {
+    P(this, "popupStack", {
+      popup: /* @__PURE__ */ new Set(),
+      dialog: /* @__PURE__ */ new Set(),
+      message: /* @__PURE__ */ new Set()
+    });
+    P(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || st : Array.from(this.popupStack.popup).pop() || ot) + at);
+    P(this, "add", (t) => {
+      const n = this.getNextZIndex(t);
+      return this.popupStack[t].add(n), t === "dialog" && this.popupStack.popup.add(n), n;
+    });
+    P(this, "delete", (t, n) => {
+      this.popupStack[n].delete(t), n === "dialog" && this.popupStack.popup.delete(t);
+    });
+    P(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+  }
+}
+const oe = new it();
+function de(e, {
+  visible: t,
+  runOnMounted: n
+} = {}) {
+  const l = X(0), s = () => {
+    l.value = oe.add(e);
+  }, r = () => {
+    oe.delete(l.value, e);
+  }, u = () => e === "dialog" ? oe.isLastDialog(l.value) : !1;
+  return ce(
+    () => t == null ? void 0 : t.value,
+    (o) => {
+      o ? s() : r();
+    },
+    {
+      immediate: !0
+    }
+  ), n && (ue(() => {
+    s();
+  }), Be(() => {
+    r();
+  })), {
+    zIndex: Je(l),
+    open: s,
+    close: r,
+    isLastDialog: u
+  };
+}
+const ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, n) => {
+  var l;
+  return (l = n == null ? void 0 : n.toUpperCase()) !== null && l !== void 0 ? l : "";
+}), He = () => {
+}, ct = (e, t) => {
+  var n;
+  if (le)
+    return (n = document.querySelector(e)) !== null && n !== void 0 ? n : void 0;
+}, ut = (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);
+}, dt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, ft = (e, t) => {
+  var n;
+  if (!le || !e || !t)
+    return "";
+  let l = ze(t);
+  l === "float" && (l = "cssFloat");
+  try {
+    const s = e.style[l];
+    if (s)
+      return s;
+    const r = (n = document.defaultView) === null || n === void 0 ? void 0 : n.getComputedStyle(e, "");
+    return r ? r[l] : "";
+  } catch {
+    return e.style[l];
+  }
+}, Z = (e, t, n) => {
+  if (!(!e || !t))
+    if (De(t))
+      Object.entries(t).forEach(([l, s]) => Z(e, l, s));
+    else {
+      const l = ze(t);
+      e.style[l] = n;
+    }
+}, fe = (e, t) => {
+  if (Pe(e)) {
+    const n = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
+    return ct(n);
+  }
+  return e;
+}, mt = le ? (e, t, n, l = !1) => {
+  e.addEventListener(t, n, l);
+} : He, yt = le ? (e, t, n, l = !1) => {
+  e.removeEventListener(t, n, l);
+} : He, gt = (e, t) => {
+  let n = !1;
+  const l = {
+    overflow: "",
+    width: ""
+  }, s = (o) => o.tagName === "BODY", r = () => {
+    if (e.value) {
+      const o = e.value;
+      if (!n && o.style.overflow !== "hidden") {
+        const d = ut(o);
+        if (d > 0 || dt(o)) {
+          l.overflow = o.style.overflow, l.width = o.style.width;
+          let f = 0;
+          s(o) && (f = o.getBoundingClientRect().left || 0), Z(o, {
+            width: `calc(100% - ${Math.ceil(d - f)}px)`,
+            overflow: "hidden"
+          }), n = !0;
+        }
+      }
+    }
+  }, u = () => {
+    if (e.value && n) {
+      const o = e.value;
+      Z(o, {
+        overflow: l.overflow,
+        width: l.width
+      }), n = !1;
+    }
+  };
+  return ce(
+    () => t == null ? void 0 : t.value,
+    (o) => {
+      e.value && !s(e.value) && (o && Z(o, {
+        position: "absolute"
+      }), ft(e.value, "position") === "static" && Z(e.value, { position: "relative" }));
+    }
+  ), {
+    setOverflowHidden: r,
+    resetOverflow: u
+  };
+}, Ct = {
+  ENTER: "Enter",
+  ESC: "Escape",
+  BACKSPACE: "Backspace",
+  TAB: "Tab",
+  SPACE: " ",
+  ARROW_UP: "ArrowUp",
+  ARROW_DOWN: "ArrowDown",
+  ARROW_LEFT: "ArrowLeft",
+  ARROW_RIGHT: "ArrowRight"
+}, K = (e) => e;
+var j;
+(function(e) {
+  e[e.ELEMENT = 1] = "ELEMENT", e[e.FUNCTIONAL_COMPONENT = 2] = "FUNCTIONAL_COMPONENT", e[e.STATEFUL_COMPONENT = 4] = "STATEFUL_COMPONENT", e[e.COMPONENT = 6] = "COMPONENT", e[e.TEXT_CHILDREN = 8] = "TEXT_CHILDREN", e[e.ARRAY_CHILDREN = 16] = "ARRAY_CHILDREN", e[e.SLOTS_CHILDREN = 32] = "SLOTS_CHILDREN", e[e.TELEPORT = 64] = "TELEPORT", e[e.SUSPENSE = 128] = "SUSPENSE", e[e.COMPONENT_SHOULD_KEEP_ALIVE = 256] = "COMPONENT_SHOULD_KEEP_ALIVE", e[e.COMPONENT_KEPT_ALIVE = 512] = "COMPONENT_KEPT_ALIVE";
+})(j || (j = {}));
+const vt = (e) => !!(e && e.shapeFlag & j.ELEMENT), ht = (e, t) => !!(e && e.shapeFlag & j.COMPONENT), kt = (e, t) => !!(e && e.shapeFlag & 8), pt = (e, t) => !!(e && e.shapeFlag & j.ARRAY_CHILDREN), bt = (e, t) => !!(e && e.shapeFlag & j.SLOTS_CHILDREN), _ = (e, t = !1) => {
+  var n, l;
+  const s = [];
+  for (const r of e ?? [])
+    vt(r) || ht(r) || t && kt(r, r.children) ? s.push(r) : pt(r, r.children) ? s.push(..._(r.children, t)) : bt(r, r.children) ? s.push(..._((l = (n = r.children).default) === null || l === void 0 ? void 0 : l.call(n), t)) : Ae(r) && s.push(..._(r, t));
+  return s;
+}, wt = {
+  renderTo: {
+    type: K([String, Object]),
+    default: "body"
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  top: {
+    type: [String, Number],
+    default: "3vh"
+  },
+  center: {
+    type: Boolean,
+    default: !1
+  },
+  width: {
+    type: [String, Number],
+    default: 0
+  },
+  height: {
+    type: [String, Number],
+    default: 0
+  },
+  minWidth: {
+    type: [String, Number],
+    default: 0
+  },
+  minHeight: {
+    type: [String, Number],
+    default: 0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  mask: {
+    type: Boolean,
+    default: !0
+  },
+  // 关闭时卸载
+  destroyOnClosed: {
+    type: Boolean,
+    default: !0
+  },
+  // 关闭前回调检查是否可以关闭
+  onBeforeCancel: {
+    type: Function
+  },
+  // 是否点击遮罩层关闭
+  maskToClose: {
+    type: Boolean,
+    default: !0
+  },
+  // esc键关闭
+  escToClose: {
+    type: Boolean,
+    default: !0
+  },
+  // 全屏
+  fullscreen: {
+    type: Boolean,
+    default: !1
+  },
+  // 是否是messageBox
+  messageBox: {
+    type: Boolean,
+    default: !1
+  },
+  popupClass: {
+    type: String,
+    default: void 0
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  showHeaderBottomLine: {
+    type: Boolean,
+    default: !1
+  }
+}, Ot = ["width", "minWidth", "height", "minHeight"], Et = R({
+  name: G("Dialog"),
+  inheritAttrs: !1,
+  props: wt,
+  emits: ["closed", "close", "open", "opened", "update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = D("dialog"), l = n.block, s = D("message-box"), r = s.block, u = p(() => [
+      l,
+      e.messageBox && "is-message-box",
+      e.popupClass && e.popupClass
+    ]), o = p(() => fe(e.renderTo)), d = X(), f = p(() => e.disabled || !o.value), g = p(() => ({
+      zIndex: O.value
+    })), i = p(() => {
+      const h = {};
+      return e.fullscreen || (!e.center && e.top && (h.top = we(e.top)), Ot.forEach((L) => {
+        e[L] && (h[L] = we(e[L]));
+      })), h;
+    }), a = X(!1), c = p(() => e.modelValue), k = p(() => c.value || a.value), { zIndex: O, isLastDialog: I } = de("dialog", {
+      visible: c
+    }), { setOverflowHidden: Re, resetOverflow: he } = gt(o, d), ke = (h, L) => {
+      t("update:modelValue", !1), t("close", e.messageBox ? h : void 0, e.messageBox ? L : void 0);
+    }, Fe = () => {
+      a.value = !1, he(), t("closed");
+    }, Ue = () => {
+      t("opened");
+    }, J = Te({
+      ok: !1,
+      cancel: !1
+    }), U = (h, L) => {
+      let Q = !0;
+      if (J[h] = !0, E(e.onBeforeCancel) && (Q = e.onBeforeCancel(h) ?? !1), Ie(Q)) {
+        Q.then((Ye) => {
+          J[h] = !1, Ye && ke(h, L);
+        });
+        return;
+      }
+      J[h] = !1, Q && ke(h, L);
+    }, We = () => {
+      e.maskToClose && e.mask && U("cancel");
+    }, Ze = (h) => {
+      U("cancel", h);
+    }, Ke = (h) => {
+      U("ok", h);
+    };
+    let re = !1;
+    const pe = (h) => {
+      e.escToClose && h.key === Ct.ESC && I() && U("cancel");
+    }, Xe = () => {
+      e.escToClose && !re && (re = !0, mt(document.documentElement, "keydown", pe));
+    }, be = () => {
+      re = !1, yt(document.documentElement, "keydown", pe);
+    };
+    return Be(() => {
+      he(), be();
+    }), ce(
+      () => c.value,
+      (h) => {
+        h ? (t("open"), Re(), a.value = !0, Xe()) : be();
+      },
+      { immediate: !0 }
+    ), {
+      cls: u,
+      ns: l,
+      cn: n,
+      cnOMB: s,
+      messageBoxNs: r,
+      containerStyle: i,
+      dialogStyle: g,
+      dialogRef: d,
+      teleportContainer: o,
+      teleportDisabled: f,
+      modelVisible: c,
+      mergeVisible: k,
+      interceptClose: U,
+      afterLeave: Fe,
+      afterEnter: Ue,
+      handleMaskClick: We,
+      handleCancel: Ze,
+      handleOk: Ke,
+      loadingObj: J
+    };
+  }
+}), N = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, s] of t)
+    n[l] = s;
+  return n;
+};
+function $t(e, t, n, l, s, r) {
+  return C(), B(Qe, {
+    to: e.teleportContainer,
+    disabled: e.teleportDisabled
+  }, [
+    !e.destroyOnClosed || e.mergeVisible ? H((C(), b("div", {
+      key: 0,
+      ref: "dialogRef",
+      class: y(e.cls),
+      style: $(e.dialogStyle)
+    }, [
+      m(x, {
+        name: "x-fade-in-standard",
+        appear: ""
+      }, {
+        default: ee(() => [
+          e.mask ? H((C(), b("div", {
+            key: 0,
+            class: y([e.cn.element("mask")])
+          }, null, 2)), [
+            [V, e.modelVisible]
+          ]) : S("", !0)
+        ]),
+        _: 1
+      }),
+      v("div", {
+        class: y([e.cn.element("wrapper"), { "is-center": e.center }]),
+        onClick: t[1] || (t[1] = Se((...u) => e.handleMaskClick && e.handleMaskClick(...u), ["self"]))
+      }, [
+        m(x, {
+          name: "x-zoom-in",
+          appear: "",
+          onAfterEnter: e.afterEnter,
+          onAfterLeave: e.afterLeave
+        }, {
+          default: ee(() => [
+            H(v("div", {
+              class: y([e.cn.element("container"), { "is-fullscreen": e.fullscreen }]),
+              style: $(e.containerStyle)
+            }, [
+              v("div", {
+                class: y([
+                  e.messageBox ? e.cnOMB.element("header") : e.cn.element("header"),
+                  e.showHeaderBottomLine && "is-bottom-line"
+                ])
+              }, [
+                M(e.$slots, "title", {}, () => [
+                  v("div", {
+                    class: y([e.cn.element("header-title")])
+                  }, te(e.title), 3)
+                ])
+              ], 2),
+              v("div", {
+                class: y([e.messageBox ? e.cnOMB.element("body") : e.cn.element("body")])
+              }, [
+                M(e.$slots, "default")
+              ], 2),
+              v("div", {
+                class: y([e.messageBox ? e.cnOMB.element("footer") : e.cn.element("footer")])
+              }, [
+                M(e.$slots, "footer", {
+                  cancel: e.handleCancel,
+                  ok: e.handleOk,
+                  loadingObj: e.loadingObj
+                })
+              ], 2),
+              e.showClose ? (C(), b("span", {
+                key: 0,
+                class: y([e.cn.element("close-icon"), e.messageBox && e.cnOMB.element("close-icon")]),
+                onClick: t[0] || (t[0] = (u) => e.interceptClose("cancel"))
+              }, null, 2)) : S("", !0)
+            ], 6), [
+              [V, e.modelVisible]
+            ])
+          ]),
+          _: 3
+        }, 8, ["onAfterEnter", "onAfterLeave"])
+      ], 2)
+    ], 6)), [
+      [V, e.mergeVisible]
+    ]) : S("", !0)
+  ], 8, ["to", "disabled"]);
+}
+const Ve = /* @__PURE__ */ N(Et, [["render", $t]]), Nt = {
+  disabled: Boolean,
+  block: Boolean,
+  loading: Boolean,
+  loadingFill: {
+    type: Boolean,
+    default: !1
+  },
+  debounce: {
+    type: Number,
+    default: 0
+  },
+  shape: {
+    type: K(String),
+    default: void 0
+  },
+  link: {
+    type: Boolean,
+    default: !1
+  },
+  type: {
+    type: K(String),
+    default: void 0
+  },
+  status: {
+    type: K(String),
+    default: void 0
+  },
+  plain: {
+    type: Boolean,
+    default: !1
+  },
+  size: {
+    type: K(String),
+    default: "medium"
+  },
+  border: {
+    type: Boolean,
+    default: !0
+  }
+}, Bt = (e) => Pe(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", Tt = (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 F(e) {
+  return R({
+    name: Le(`Icon${Bt(e)}`),
+    props: {
+      size: {
+        type: [Number, String],
+        default: void 0
+      },
+      rotate: {
+        type: Number,
+        default: void 0
+      },
+      spin: {
+        type: Boolean,
+        default: !1
+      },
+      color: {
+        type: String,
+        default: void 0
+      },
+      fillColor: {
+        type: Array,
+        default: void 0
+      }
+    },
+    setup(t) {
+      const n = "x-icon", l = p(() => {
+        const r = {};
+        return t.size && (r.fontSize = Tt(t.size)), t.rotate && (r.transform = `rotate(${t.rotate}deg)`), t.color && (r.color = t.color), r;
+      });
+      return {
+        cls: p(() => [
+          n,
+          {
+            [`${n}-loading`]: t.spin
+          }
+        ]),
+        styles: l
+      };
+    }
+  });
+}
+const St = F("animation-loading");
+function Mt(e, t, n, l, s, r) {
+  return C(), b("div", {
+    class: y(e.cls),
+    style: $(e.styles)
+  }, t[0] || (t[0] = [
+    v("svg", {
+      viewBox: "0 0 50 50",
+      class: "icon-loading-svg"
+    }, [
+      v("circle", {
+        cx: "25",
+        cy: "25",
+        r: "20",
+        class: "path",
+        fill: "none",
+        stroke: "currentColor"
+      })
+    ], -1)
+  ]), 6);
+}
+const Lt = /* @__PURE__ */ N(St, [["render", Mt], ["__scopeId", "data-v-62d46830"]]), At = R({
+  name: G("Button"),
+  components: {
+    AnimationLoading: Lt
+  },
+  props: Nt,
+  emits: ["click"],
+  setup(e) {
+    const t = Te({
+      // 点击
+      clicked: !1,
+      // 防抖
+      isDebounce: !1
+    }), n = D("button"), l = p(() => [
+      n.block,
+      e.type && n.modifier(e.type),
+      e.status && n.modifier(e.status),
+      e.disabled && n.is("disabled"),
+      e.block && n.modifier("block"),
+      e.plain && n.is("plain"),
+      e.shape && n.modifier(e.shape),
+      e.link && n.modifier("is-link"),
+      e.size && n.modifier(e.size),
+      !e.border && n.modifier("is-hide-border"),
+      r.value && n.modifier("is-loading")
+    ]), s = () => {
+      e.debounce > 0 && !t.isDebounce && (t.isDebounce = !0, setTimeout(() => {
+        t.isDebounce = !1;
+      }, e.debounce));
+    }, r = p(() => e.loading || t.clicked || t.isDebounce), u = _e(), o = (f, g) => {
+      const i = f(g);
+      Ie(i) && (t.clicked = !0, i.finally(() => {
+        t.clicked = !1;
+      }));
+    };
+    return {
+      cn: n,
+      cls: l,
+      handleClick: async (f) => {
+        var i, a, c, k;
+        if ((a = (i = f.target).blur) == null || a.call(i), r.value) return;
+        s();
+        const g = (k = (c = u == null ? void 0 : u.vnode) == null ? void 0 : c.props) == null ? void 0 : k.onClick;
+        Ae(g) ? g.forEach((O) => o(O, f)) : E(g) && o(g, f);
+      },
+      isLoading: r
+    };
+  }
+}), Dt = ["disabled"];
+function It(e, t, n, l, s, r) {
+  const u = z("AnimationLoading");
+  return C(), b("button", {
+    class: y(e.cls),
+    type: "button",
+    disabled: e.disabled,
+    onClick: t[0] || (t[0] = (...o) => e.handleClick && e.handleClick(...o))
+  }, [
+    H(v("span", {
+      class: y([e.cn.element("loading")])
+    }, [
+      m(u)
+    ], 2), [
+      [V, e.isLoading]
+    ]),
+    e.$slots.prefix ? (C(), b("span", {
+      key: 0,
+      class: y([e.cn.element("prefix")])
+    }, [
+      M(e.$slots, "prefix")
+    ], 2)) : S("", !0),
+    M(e.$slots, "default"),
+    e.$slots.suffix ? (C(), b("span", {
+      key: 1,
+      class: y([e.cn.element("suffix")])
+    }, [
+      M(e.$slots, "suffix")
+    ], 2)) : S("", !0)
+  ], 10, Dt);
+}
+const ne = /* @__PURE__ */ N(At, [["render", It]]), je = /* @__PURE__ */ R({
+  name: G("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 = D("space"), l = p(() => [n.block, n.element(e.direction), e.fill && "is-fill", n.element(`${e.direction}-${e.align}`)]);
+    function s(u) {
+      if (rt(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 o = {};
+      if (u) return o;
+      const d = `${s(e.size)}px`, f = `${s(e.size)}px`;
+      return e.direction === "horizontal" && (o.marginRight = d), e.direction === "vertical" && (o.marginBottom = f), o;
+    };
+    return () => {
+      var o;
+      const u = _((o = t.default) == null ? void 0 : o.call(t), !0).filter((d) => d.type !== xe);
+      return m("div", {
+        class: [l.value]
+      }, [u.map((d, f) => {
+        var i;
+        const g = t.split && f > 0;
+        return m(Y, {
+          key: `space-item-${f}`
+        }, [g && m("div", {
+          className: n.element("split"),
+          style: r(!1)
+        }, [(i = t.split) == null ? void 0 : i.call(t)]), m("div", {
+          className: n.element("item"),
+          style: r(f === u.length - 1)
+        }, [d])]);
+      })]);
+    };
+  }
+});
+function Oe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !w(e);
+}
+const Ee = D("dialog"), sn = (e) => {
+  const t = document.createElement("div"), n = () => {
+    A(null, t);
+  }, l = (i) => {
+    if (i === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (i === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, s = (i, a) => {
+    i === "cancel" && e.onCancel && e.onCancel(a), i === "ok" && e.onOk && e.onOk(a);
+  }, r = (i) => {
+    if (w(i)) return i;
+    if (E(i)) {
+      const a = i();
+      return w(a) ? a : null;
+    }
+    return m("div", {
+      className: Ee.element("header-title")
+    }, [T(" "), i, T(" ")]);
+  }, u = (i) => {
+    if (w(i)) return i;
+    if (E(i)) {
+      const a = i();
+      return w(a) ? a : null;
+    }
+    return m("div", {
+      className: Ee.element("content")
+    }, [T(" "), e.content, T(" ")]);
+  }, o = () => () => m(Y, null, [e.title && r(e.title)]), d = () => () => m(Y, null, [e.content && u(e.content)]), f = () => {
+    if (w(e.footer) || E(e.footer))
+      return e.footer;
+    const i = (e == null ? void 0 : e.cancelText) || "取消", a = (e == null ? void 0 : e.okText) || "确认";
+    return (c) => m(je, {
+      size: 12
+    }, {
+      default: () => {
+        var k, O;
+        return [!e.hideCancel && m(ne, {
+          size: "small",
+          onClick: c.cancel,
+          loading: (k = c.loadingObj) == null ? void 0 : k.cancel
+        }, Oe(i) ? i : {
+          default: () => [i]
+        }), !e.hideOk && m(ne, {
+          type: "primary",
+          size: "small",
+          onClick: c.ok,
+          loading: (O = c.loadingObj) == null ? void 0 : O.ok
+        }, Oe(a) ? a : {
+          default: () => [a]
+        })];
+      }
+    });
+  }, g = m(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: s,
+    onBeforeCancel: l,
+    "onUpdate:modelValue": () => {
+      g.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: n,
+    onOpened: () => {
+    }
+  }, {
+    title: o(),
+    default: d(),
+    footer: f()
+  });
+  A(g, t);
+}, Pt = ["success", "warning", "error", "strong", "info"], zt = F("close-circle-fill");
+function Ht(e, t, n, l, s, r) {
+  return C(), b("div", {
+    class: y(e.cls),
+    style: $(e.styles)
+  }, t[0] || (t[0] = [
+    v("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: ""
+    }, [
+      v("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__ */ N(zt, [["render", Ht]]), Vt = F("check-circle-fill");
+function jt(e, t, n, l, s, r) {
+  return C(), b("div", {
+    class: y(e.cls),
+    style: $(e.styles)
+  }, t[0] || (t[0] = [
+    v("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: ""
+    }, [
+      v("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 ye = /* @__PURE__ */ N(Vt, [["render", jt]]), Rt = F("exclamation-circle-fill");
+function Ft(e, t, n, l, s, r) {
+  return C(), b("div", {
+    class: y(e.cls),
+    style: $(e.styles)
+  }, t[0] || (t[0] = [
+    v("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: ""
+    }, [
+      v("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 ge = /* @__PURE__ */ N(Rt, [["render", Ft]]), Ut = F("info-circle-fill");
+function Wt(e, t, n, l, s, r) {
+  return C(), b("div", {
+    class: y(e.cls),
+    style: $(e.styles)
+  }, t[0] || (t[0] = [
+    v("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: ""
+    }, [
+      v("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 Ce = /* @__PURE__ */ N(Ut, [["render", Wt]]), Zt = F("minus-circle-fill");
+function Kt(e, t, n, l, s, r) {
+  return C(), b("div", {
+    class: y(e.cls),
+    style: $(e.styles)
+  }, t[0] || (t[0] = [
+    v("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: ""
+    }, [
+      v("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__ */ N(Zt, [["render", Kt]]), Xt = R({
+  name: G("Message"),
+  components: {
+    CloseCircleFill: me,
+    CheckCircleFill: ye,
+    ExclamationCircleFill: ge,
+    InfoCircleFill: Ce,
+    MinusCircleFill: ve
+  },
+  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 = D("message"), n = p(() => [
+      t.block,
+      t.modifier(e.type),
+      e.center && t.modifier("center"),
+      e.showClose && !e.center && t.element("show-close"),
+      e.popupClass && e.popupClass
+    ]), l = X(!1);
+    let s = null;
+    const r = () => {
+      s = setTimeout(() => {
+        l.value = !1;
+      }, e.duration);
+    };
+    ue(() => {
+      l.value = !0, e.duration !== 0 && r();
+    }), Me(() => {
+      clearTimeout(s);
+    });
+    const { zIndex: u } = de("message", { runOnMounted: !0 }), o = p(() => ({
+      top: `${e.offset}px`,
+      zIndex: u.value
+    }));
+    return {
+      cn: t,
+      cls: n,
+      styles: o,
+      visible: l,
+      handleClose: () => {
+        l.value = !1;
+      }
+    };
+  }
+}), Yt = ["innerHTML"], Gt = { key: 1 };
+function qt(e, t, n, l, s, r) {
+  const u = z("CheckCircleFill"), o = z("ExclamationCircleFill"), d = z("MinusCircleFill"), f = z("CloseCircleFill"), g = z("InfoCircleFill");
+  return C(), B(x, {
+    name: "x-message-slide-top",
+    onBeforeLeave: e.onClose,
+    onAfterLeave: t[1] || (t[1] = (i) => e.$emit("destroy"))
+  }, {
+    default: ee(() => [
+      H(v("div", {
+        class: y(e.cls),
+        style: $(e.styles)
+      }, [
+        e.$slots.icon ? S("", !0) : (C(), b("span", {
+          key: 0,
+          class: y([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+        }, [
+          M(e.$slots, "icon", {}, () => [
+            e.type === "success" ? (C(), B(u, { key: 0 })) : e.type === "warning" ? (C(), B(o, { key: 1 })) : e.type === "strong" ? (C(), B(d, { key: 2 })) : e.type === "error" ? (C(), B(f, { key: 3 })) : e.type === "info" ? (C(), B(g, { key: 4 })) : S("", !0)
+          ])
+        ], 2)),
+        M(e.$slots, "default", {}, () => [
+          e.useHTML ? (C(), b("span", {
+            key: 0,
+            innerHTML: e.message
+          }, null, 8, Yt)) : (C(), b("span", Gt, te(e.message), 1)),
+          e.showClose ? (C(), b("span", {
+            key: 2,
+            class: y([e.cn.element("close-icon")]),
+            onClick: t[0] || (t[0] = (...i) => e.handleClose && e.handleClose(...i))
+          }, null, 2)) : S("", !0)
+        ])
+      ], 6), [
+        [V, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onBeforeLeave"]);
+}
+const Jt = /* @__PURE__ */ N(Xt, [["render", qt]]), 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 s = e.onClose;
+  let r = {};
+  r = { ...e, onClose: () => {
+    var c;
+    const i = n.findIndex((k) => k === d);
+    if (i < 0) return;
+    const a = ((c = d.el) == null ? void 0 : c.offsetHeight) + 20;
+    n.slice(i + 1).forEach((k) => {
+      var I;
+      const O = (I = k.component) == null ? void 0 : I.props.offset;
+      k.component.props.offset = O - a;
+    }), n.splice(i, 1), s && s(d);
+  }, onDestroy: () => {
+    A(null, f);
+  }, offset: l };
+  const d = m(
+    Jt,
+    r,
+    E(r.message) || w(r.message) ? {
+      default: E(r.message) ? r.message : () => r.message
+    } : null
+  ), f = document.createElement("div");
+  return A(d, f), t.tagName === "BODY" ? d.el.style.position = "fixed" : (t.style.position = "relative", d.el.style.position = "absolute"), t.appendChild(f.firstElementChild), n.push(d), {
+    close: () => {
+      d.component.proxy.handleClose();
+    }
+  };
+}, Qt = () => {
+  Pt.forEach((e) => {
+    ae[e] = (t) => De(t) ? ae({
+      type: e,
+      ...t
+    }) : ae({
+      message: t,
+      type: e
+    });
+  });
+};
+Qt();
+const _t = ["info", "success", "warning", "strong", "error"];
+function $e(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !w(e);
+}
+const ie = D("message-box"), Ne = (e) => {
+  const t = document.createElement("div"), n = () => {
+    A(null, t);
+  }, l = (a) => {
+    if (a === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (a === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, s = (a, c) => {
+    a === "cancel" && e.onCancel && e.onCancel(c), a === "ok" && e.onOk && e.onOk(c);
+  }, r = (a) => {
+    let c;
+    switch (a) {
+      case "warning":
+        c = m(ge, {
+          size: "22px",
+          color: "#f6c64b"
+        }, null);
+        break;
+      case "strong":
+        c = m(ve, {
+          size: "22px",
+          color: "#ff7125"
+        }, null);
+        break;
+      case "error":
+        c = m(me, {
+          size: "22px",
+          color: "#e24f48"
+        }, null);
+        break;
+      case "success":
+        c = m(ye, {
+          size: "22px",
+          color: "#68d1ab"
+        }, null);
+        break;
+      case "info":
+        c = m(Ce, {
+          size: "22px",
+          color: "#2355f5"
+        }, null);
+        break;
+    }
+    return m("div", {
+      className: ie.element("icon")
+    }, [c]);
+  }, u = (a) => {
+    if (w(a)) return a;
+    if (E(a)) {
+      const c = a();
+      return w(c) ? c : null;
+    }
+    return m("div", {
+      className: ie.element("title")
+    }, [T(" "), a, T(" ")]);
+  }, o = (a) => {
+    if (w(a)) return a;
+    if (E(a)) {
+      const c = a();
+      return w(c) ? c : null;
+    }
+    return m("div", {
+      className: ie.element("content")
+    }, [T(" "), e.content, T(" ")]);
+  }, d = () => () => m(Y, null, [r(e.type || "success"), e.title && u(e.title)]), f = () => () => m(Y, null, [e.content && o(e.content)]), g = () => {
+    if (w(e.footer) || E(e.footer))
+      return e.footer;
+    const a = (e == null ? void 0 : e.cancelText) || "取消", c = (e == null ? void 0 : e.okText) || "确认";
+    return (k) => m(je, {
+      size: 12
+    }, {
+      default: () => {
+        var O, I;
+        return [!e.hideCancel && m(ne, {
+          size: "small",
+          onClick: k.cancel,
+          loading: (O = k.loadingObj) == null ? void 0 : O.cancel
+        }, $e(a) ? a : {
+          default: () => [a]
+        }), !e.hideOk && m(ne, {
+          type: "primary",
+          size: "small",
+          onClick: k.ok,
+          loading: (I = k.loadingObj) == null ? void 0 : I.ok
+        }, $e(c) ? c : {
+          default: () => [c]
+        })];
+      }
+    });
+  }, i = m(Ve, {
+    messageBox: !0,
+    width: (e == null ? void 0 : e.width) ?? 358,
+    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": () => {
+      i.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: n,
+    onOpened: () => {
+    }
+  }, {
+    title: d(),
+    default: f(),
+    footer: g()
+  });
+  A(i, t);
+}, xt = () => {
+  _t.forEach((e) => {
+    Ne[e] = (t, n) => {
+      const l = [], s = [];
+      let r = () => !0, u = () => !0;
+      return setTimeout(() => {
+        Ne({
+          title: t,
+          content: n,
+          type: e,
+          beforeOnCancel: u,
+          beforeOnOk: r,
+          onOk: () => {
+            l.forEach((o) => E(o) && o());
+          },
+          onCancel: () => {
+            s.forEach((o) => E(o) && o());
+          }
+        });
+      }, 0), {
+        ok(...o) {
+          return o.length === 1 && l.push(o[0]), o.length === 2 && (r = o[0], l.push(o[1])), this;
+        },
+        cancel(...o) {
+          return o.length === 1 && s.push(o[0]), o.length === 2 && (u = o[0], s.push(o[1])), this;
+        }
+      };
+    };
+  });
+};
+xt();
+const en = {
+  position: {
+    type: String,
+    default: "top-right"
+  },
+  offset: {
+    type: Number,
+    default: 0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "info"
+  },
+  message: {
+    type: String,
+    default: void 0
+  },
+  duration: {
+    type: Number,
+    default: 3e3
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  onClose: {
+    type: Function,
+    default: () => {
+    }
+  },
+  renderToBody: {
+    type: Boolean,
+    default: !1
+  }
+}, tn = R({
+  name: G("Notification"),
+  props: en,
+  emits: ["close", "destroy"],
+  setup(e) {
+    const t = D("notification"), n = t.block, l = p(() => [n, t.modifier(r.value.ver)]), { zIndex: s } = de("message", { runOnMounted: !0 }), r = p(() => {
+      const c = e.position.split("-");
+      return {
+        hor: c[1],
+        ver: c[0]
+      };
+    }), u = p(() => `x-notification-slide-${r.value.hor}`), o = p(() => {
+      const c = {};
+      return c.position = e.renderToBody ? "fixed" : "absolute", c.zIndex = s.value, c[r.value.hor] = "20px", c[r.value.ver] = `${e.offset}px`, c;
+    }), d = X(!1);
+    let f = 0;
+    const g = () => {
+      setTimeout(() => {
+        d.value = !1;
+      }, e.duration);
+    }, i = p(() => e.type === "info" ? Ce : e.type === "warning" ? ge : e.type === "strong" ? ve : e.type === "success" ? ye : e.type === "error" ? me : ""), a = () => {
+      d.value = !1;
+    };
+    return ue(() => {
+      e.duration !== 0 && g(), d.value = !0;
+    }), Me(() => {
+      clearTimeout(f);
+    }), {
+      ns: n,
+      cn: t,
+      cls: l,
+      animationClsName: u,
+      positionStyle: o,
+      visible: d,
+      positionPropMap: r,
+      currentIcon: i,
+      handleClose: a
+    };
+  }
+});
+function nn(e, t, n, l, s, r) {
+  return C(), B(x, {
+    name: e.animationClsName,
+    onBeforeLeave: t[1] || (t[1] = (u) => e.$emit("close")),
+    onAfterLeave: t[2] || (t[2] = (u) => e.$emit("destroy"))
+  }, {
+    default: ee(() => [
+      H(v("div", {
+        class: y(e.cls),
+        style: $(e.positionStyle)
+      }, [
+        v("div", {
+          class: y([e.cn.element("header")])
+        }, [
+          v("div", {
+            class: y([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+          }, [
+            (C(), B(et(e.currentIcon)))
+          ], 2),
+          v("div", null, [
+            v("div", {
+              class: y([e.cn.element("title")])
+            }, te(e.title), 3),
+            v("div", {
+              class: y([e.cn.element("message")])
+            }, [
+              M(e.$slots, "default", {}, () => [
+                T(te(e.message), 1)
+              ])
+            ], 2)
+          ])
+        ], 2),
+        e.showClose ? (C(), b("span", {
+          key: 0,
+          class: y([e.cn.element("close-icon")]),
+          onClick: t[0] || (t[0] = Se((...u) => e.handleClose && e.handleClose(...u), ["self"]))
+        }, null, 2)) : S("", !0)
+      ], 6), [
+        [V, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+const ln = /* @__PURE__ */ N(tn, [["render", nn]]), W = /* @__PURE__ */ new WeakMap(), an = (e) => {
+  const t = fe(e.renderTo || "body"), n = document.createElement("div");
+  W.get(t) || W.set(t, {}), W.get(t)[e.position] || (W.get(t)[e.position] = []);
+  const l = W.get(t)[e.position];
+  let s = e.offset || 20;
+  l.forEach((g) => {
+    var i;
+    s += ((i = g.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, o = () => {
+    var a;
+    const g = l.findIndex((c) => c === f);
+    if (g < 0) return;
+    const i = ((a = f.el) == null ? void 0 : a.offsetHeight) + 20;
+    l.slice(g + 1).forEach((c) => {
+      var O;
+      const k = (O = c.component) == null ? void 0 : O.props.offset;
+      c.component.props.offset = k - i;
+    }), l.splice(g, 1), u && u(f);
+  }, d = () => {
+    A(null, n);
+  }, f = m(
+    ln,
+    {
+      message: e.message,
+      title: e.title,
+      type: e.type,
+      offset: s,
+      renderToBody: r,
+      position: e.position,
+      duration: e.duration ?? 3e3,
+      showClose: e.showClose ?? !0,
+      onClose: o,
+      onDestroy: d
+    },
+    E(e.message) || w(e.message) ? {
+      default: E(e.message) ? e.message : () => e.message
+    } : null
+  );
+  A(f, n), l.push(f), t == null || t.appendChild(n.firstChild);
+};
+export {
+  sn as Dialog,
+  ae as Message,
+  Ne as MessageBox,
+  an as Notification
+};