x-next 0.0.0-alpha.1 → 0.0.0-alpha.2

package/dist/ui.es.js

@@ -0,0 +1,1395 @@
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".icon-loading-svg[data-v-62d46830]{animation:animated-loading-rotate-62d46830 1.5s infinite ease-in-out}.icon-loading-svg>.path[data-v-62d46830]{stroke:#fffc;stroke-width:5;animation:animated-loading-62d46830 1.5s infinite ease-in-out}@keyframes animated-loading-62d46830{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate-62d46830{to{transform:rotate(1turn)}}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { ref as J, watch as me, onMounted as ve, onBeforeUnmount as Se, readonly as Xe, defineComponent as Z, computed as w, reactive as Me, openBlock as p, createBlock as D, Teleport as Ye, withDirectives as U, createElementBlock as O, normalizeClass as v, normalizeStyle as M, createVNode as u, Transition as le, withCtx as oe, vShow as _, createCommentVNode as P, createElementVNode as h, withModifiers as Le, renderSlot as z, toDisplayString as re, getCurrentInstance as Ge, resolveComponent as F, Comment as qe, Fragment as Q, render as V, isVNode as N, createTextVNode as I, onUnmounted as Ae, resolveDynamicComponent as Je } from "vue";
+const Qe = "X", xe = "x", De = (e) => e ? xe + "-" + e : e || "", x = (e) => Qe + e, j = (e) => {
+  const n = De(e);
+  return {
+    block: n,
+    element: (o) => `${n}--${o}`,
+    modifier: (o) => `${n}-${o}`,
+    is: (o) => `${n}-is-${o}`
+  };
+}, en = ["px", "%", "vh", "vw", "calc"], Ee = (e, n = "px") => {
+  if (e === void 0)
+    return "";
+  const t = String(e);
+  return en.some((l) => t.includes(l)) ? t : t + n;
+}, ee = Object.prototype.toString;
+function Ie(e) {
+  return ee.call(e) === "[object Array]";
+}
+function Pe(e) {
+  return ee.call(e) === "[object Object]";
+}
+const ze = (e) => ee.call(e) === "[object Promise]";
+function He(e) {
+  return ee.call(e) === "[object String]";
+}
+function nn(e) {
+  return ee.call(e) === "[object Number]" && e === e;
+}
+function B(e) {
+  return typeof e == "function";
+}
+function ie() {
+  return typeof window < "u";
+}
+const tn = 1e3, ln = 3e3, on = 1;
+class rn {
+  constructor() {
+    this.popupStack = {
+      popup: /* @__PURE__ */ new Set(),
+      dialog: /* @__PURE__ */ new Set(),
+      message: /* @__PURE__ */ new Set()
+    }, this.getNextZIndex = (n) => (n === "message" ? Array.from(this.popupStack.message).pop() || ln : Array.from(this.popupStack.popup).pop() || tn) + on, this.add = (n) => {
+      const t = this.getNextZIndex(n);
+      return this.popupStack[n].add(t), n === "dialog" && this.popupStack.popup.add(t), t;
+    }, this.delete = (n, t) => {
+      this.popupStack[t].delete(n), t === "dialog" && this.popupStack.popup.delete(n);
+    }, this.isLastDialog = (n) => this.popupStack.dialog.size > 1 ? n === Array.from(this.popupStack.dialog).pop() : !0;
+  }
+}
+const ce = new rn();
+function ye(e, { visible: n, runOnMounted: t } = {}) {
+  const l = J(0), s = () => {
+    l.value = ce.add(e);
+  }, o = () => {
+    ce.delete(l.value, e);
+  }, i = () => e === "dialog" ? ce.isLastDialog(l.value) : !1;
+  return me(() => n == null ? void 0 : n.value, (r) => {
+    r ? s() : o();
+  }, {
+    immediate: !0
+  }), t && (ve(() => {
+    s();
+  }), Se(() => {
+    o();
+  })), {
+    zIndex: Xe(l),
+    open: s,
+    close: o,
+    isLastDialog: i
+  };
+}
+const Re = (e) => e.replace(/^./, (n) => n.toLowerCase()).replace(/-(\w)/g, (n, t) => {
+  var l;
+  return (l = t == null ? void 0 : t.toUpperCase()) !== null && l !== void 0 ? l : "";
+}), Ve = () => {
+}, sn = (e, n) => {
+  var t;
+  if (ie)
+    return (t = document.querySelector(e)) !== null && t !== void 0 ? t : void 0;
+}, an = (e) => {
+  if (e.tagName === "BODY")
+    return window.innerWidth - (document.documentElement.offsetWidth || document.body.offsetWidth);
+  const { borderLeftWidth: n, borderRightWidth: t } = window.getComputedStyle(e), l = Number(n.replace("px", "")) + Number(t.replace("px", ""));
+  return e.offsetWidth - (e.clientWidth + l);
+}, cn = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, dn = (e, n) => {
+  var t;
+  if (!ie || !e || !n)
+    return "";
+  let l = Re(n);
+  l === "float" && (l = "cssFloat");
+  try {
+    const s = e.style[l];
+    if (s)
+      return s;
+    const o = (t = document.defaultView) === null || t === void 0 ? void 0 : t.getComputedStyle(e, "");
+    return o ? o[l] : "";
+  } catch {
+    return e.style[l];
+  }
+}, G = (e, n, t) => {
+  if (!(!e || !n))
+    if (Pe(n))
+      Object.entries(n).forEach(([l, s]) => G(e, l, s));
+    else {
+      const l = Re(n);
+      e.style[l] = t;
+    }
+}, ge = (e, n) => {
+  if (He(e)) {
+    const t = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
+    return sn(t);
+  }
+  return e;
+}, un = ie ? (e, n, t, l = !1) => {
+  e.addEventListener(n, t, l);
+} : Ve, fn = ie ? (e, n, t, l = !1) => {
+  e.removeEventListener(n, t, l);
+} : Ve, mn = (e, n) => {
+  let t = !1;
+  const l = {
+    overflow: "",
+    width: ""
+  }, s = (r) => r.tagName === "BODY", o = () => {
+    if (e.value) {
+      const r = e.value;
+      if (!t && r.style.overflow !== "hidden") {
+        const c = an(r);
+        if (c > 0 || cn(r)) {
+          l.overflow = r.style.overflow, l.width = r.style.width;
+          let d = 0;
+          s(r) && (d = r.getBoundingClientRect().left || 0), G(r, {
+            width: `calc(100% - ${Math.ceil(c - d)}px)`,
+            overflow: "hidden"
+          }), t = !0;
+        }
+      }
+    }
+  }, i = () => {
+    if (e.value && t) {
+      const r = e.value;
+      G(r, {
+        overflow: l.overflow,
+        width: l.width
+      }), t = !1;
+    }
+  };
+  return me(() => n == null ? void 0 : n.value, (r) => {
+    e.value && !s(e.value) && (r && G(r, {
+      position: "absolute"
+    }), dn(e.value, "position") === "static" && G(e.value, { position: "relative" }));
+  }), {
+    setOverflowHidden: o,
+    resetOverflow: i
+  };
+}, vn = {
+  ENTER: "Enter",
+  ESC: "Escape",
+  BACKSPACE: "Backspace",
+  TAB: "Tab",
+  SPACE: " ",
+  ARROW_UP: "ArrowUp",
+  ARROW_DOWN: "ArrowDown",
+  ARROW_LEFT: "ArrowLeft",
+  ARROW_RIGHT: "ArrowRight"
+}, q = (e) => e;
+var W;
+(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";
+})(W || (W = {}));
+const yn = (e) => !!(e && e.shapeFlag & W.ELEMENT), gn = (e, n) => !!(e && e.shapeFlag & W.COMPONENT), Cn = (e, n) => !!(e && e.shapeFlag & 8), pn = (e, n) => !!(e && e.shapeFlag & W.ARRAY_CHILDREN), hn = (e, n) => !!(e && e.shapeFlag & W.SLOTS_CHILDREN), te = (e, n = !1) => {
+  var t, l;
+  const s = [];
+  for (const o of e ?? [])
+    yn(o) || gn(o) || n && Cn(o, o.children) ? s.push(o) : pn(o, o.children) ? s.push(...te(o.children, n)) : hn(o, o.children) ? s.push(...te((l = (t = o.children).default) === null || l === void 0 ? void 0 : l.call(t), n)) : Ie(o) && s.push(...te(o, n));
+  return s;
+}, kn = {
+  renderTo: {
+    type: q([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
+  }
+}, bn = ["width", "minWidth", "height", "minHeight"], wn = Z({
+  name: x("Dialog"),
+  inheritAttrs: !1,
+  props: kn,
+  emits: ["closed", "close", "open", "opened", "update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = j("dialog"), l = t.block, s = j("message-box"), o = s.block, i = w(() => [
+      l,
+      e.messageBox && "is-message-box",
+      e.popupClass && e.popupClass
+    ]), r = w(() => ge(e.renderTo)), c = J(), d = w(() => e.disabled || !r.value), k = w(() => ({
+      zIndex: E.value
+    })), f = w(() => {
+      const b = {};
+      return e.fullscreen || (!e.center && e.top && (b.top = Ee(e.top)), bn.forEach((R) => {
+        e[R] && (b[R] = Ee(e[R]));
+      })), b;
+    }), C = J(!1), m = w(() => e.modelValue), $ = w(() => m.value || C.value), { zIndex: E, isLastDialog: T } = ye("dialog", {
+      visible: m
+    }), { setOverflowHidden: y, resetOverflow: a } = mn(r, c), g = (b, R) => {
+      n("update:modelValue", !1), n("close", e.messageBox ? b : void 0, e.messageBox ? R : void 0);
+    }, S = () => {
+      C.value = !1, a(), n("closed");
+    }, A = () => {
+      n("opened");
+    }, H = Me({
+      ok: !1,
+      cancel: !1
+    }), X = (b, R) => {
+      let ne = !0;
+      if (H[b] = !0, B(e.onBeforeCancel) && (ne = e.onBeforeCancel(b) ?? !1), ze(ne)) {
+        ne.then((Ke) => {
+          H[b] = !1, Ke && g(b, R);
+        });
+        return;
+      }
+      H[b] = !1, ne && g(b, R);
+    }, Ue = () => {
+      e.maskToClose && e.mask && X("cancel");
+    }, _e = (b) => {
+      X("cancel", b);
+    }, We = (b) => {
+      X("ok", b);
+    };
+    let ae = !1;
+    const we = (b) => {
+      e.escToClose && b.key === vn.ESC && T() && X("cancel");
+    }, Ze = () => {
+      e.escToClose && !ae && (ae = !0, un(document.documentElement, "keydown", we));
+    }, Oe = () => {
+      ae = !1, fn(document.documentElement, "keydown", we);
+    };
+    return Se(() => {
+      a(), Oe();
+    }), me(
+      () => m.value,
+      (b) => {
+        b ? (n("open"), y(), C.value = !0, Ze()) : Oe();
+      },
+      { immediate: !0 }
+    ), {
+      cls: i,
+      ns: l,
+      cn: t,
+      cnOMB: s,
+      messageBoxNs: o,
+      containerStyle: f,
+      dialogStyle: k,
+      dialogRef: c,
+      teleportContainer: r,
+      teleportDisabled: d,
+      modelVisible: m,
+      mergeVisible: $,
+      interceptClose: X,
+      afterLeave: S,
+      afterEnter: A,
+      handleMaskClick: Ue,
+      handleCancel: _e,
+      handleOk: We,
+      loadingObj: H
+    };
+  }
+}), L = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [l, s] of n)
+    t[l] = s;
+  return t;
+};
+function On(e, n, t, l, s, o) {
+  return p(), D(Ye, {
+    to: e.teleportContainer,
+    disabled: e.teleportDisabled
+  }, [
+    !e.destroyOnClosed || e.mergeVisible ? U((p(), O("div", {
+      key: 0,
+      ref: "dialogRef",
+      class: v(e.cls),
+      style: M(e.dialogStyle)
+    }, [
+      u(le, {
+        name: "x-fade-in-standard",
+        appear: ""
+      }, {
+        default: oe(() => [
+          e.mask ? U((p(), O("div", {
+            key: 0,
+            class: v([e.cn.element("mask")])
+          }, null, 2)), [
+            [_, e.modelVisible]
+          ]) : P("", !0)
+        ]),
+        _: 1
+      }),
+      h("div", {
+        class: v([e.cn.element("wrapper"), { "is-center": e.center }]),
+        onClick: n[1] || (n[1] = Le((...i) => e.handleMaskClick && e.handleMaskClick(...i), ["self"]))
+      }, [
+        u(le, {
+          name: "x-zoom-in",
+          appear: "",
+          onAfterEnter: e.afterEnter,
+          onAfterLeave: e.afterLeave
+        }, {
+          default: oe(() => [
+            U(h("div", {
+              class: v([e.cn.element("container"), { "is-fullscreen": e.fullscreen }]),
+              style: M(e.containerStyle)
+            }, [
+              h("div", {
+                class: v([
+                  e.messageBox ? e.cnOMB.element("header") : e.cn.element("header"),
+                  e.showHeaderBottomLine && "is-bottom-line"
+                ])
+              }, [
+                z(e.$slots, "title", {}, () => [
+                  h("div", {
+                    class: v([e.cn.element("header-title")])
+                  }, re(e.title), 3)
+                ])
+              ], 2),
+              h("div", {
+                class: v([e.messageBox ? e.cnOMB.element("body") : e.cn.element("body")])
+              }, [
+                z(e.$slots, "default")
+              ], 2),
+              h("div", {
+                class: v([e.messageBox ? e.cnOMB.element("footer") : e.cn.element("footer")])
+              }, [
+                z(e.$slots, "footer", {
+                  cancel: e.handleCancel,
+                  ok: e.handleOk,
+                  loadingObj: e.loadingObj
+                })
+              ], 2),
+              e.showClose ? (p(), O("span", {
+                key: 0,
+                class: v([e.cn.element("close-icon"), e.messageBox && e.cnOMB.element("close-icon")]),
+                onClick: n[0] || (n[0] = (i) => e.interceptClose("cancel"))
+              }, null, 2)) : P("", !0)
+            ], 6), [
+              [_, e.modelVisible]
+            ])
+          ]),
+          _: 3
+        }, 8, ["onAfterEnter", "onAfterLeave"])
+      ], 2)
+    ], 6)), [
+      [_, e.mergeVisible]
+    ]) : P("", !0)
+  ], 8, ["to", "disabled"]);
+}
+const je = /* @__PURE__ */ L(wn, [["render", On]]), En = {
+  disabled: Boolean,
+  block: Boolean,
+  loading: Boolean,
+  loadingFill: {
+    type: Boolean,
+    default: !1
+  },
+  debounce: {
+    type: Number,
+    default: 0
+  },
+  shape: {
+    type: q(String),
+    default: void 0
+  },
+  link: {
+    type: Boolean,
+    default: !1
+  },
+  type: {
+    type: q(String),
+    default: void 0
+  },
+  status: {
+    type: q(String),
+    default: void 0
+  },
+  plain: {
+    type: Boolean,
+    default: !1
+  },
+  size: {
+    type: q(String),
+    default: "medium"
+  },
+  border: {
+    type: Boolean,
+    default: !0
+  }
+}, $n = (e) => He(e) ? e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("") : "", Nn = (e, n = "px") => {
+  if (e === void 0)
+    return "";
+  const t = typeof e == "number" ? `${e}` : e;
+  return ["px", "%", "vh", "vw", "calc"].some((s) => t.includes(s)) ? t : t + n;
+};
+function K(e) {
+  return Z({
+    name: De(`Icon${$n(e)}`),
+    props: {
+      size: {
+        type: [Number, String],
+        default: void 0
+      },
+      rotate: {
+        type: Number,
+        default: void 0
+      },
+      spin: {
+        type: Boolean,
+        default: !1
+      },
+      color: {
+        type: String,
+        default: void 0
+      },
+      fillColor: {
+        type: Array,
+        default: void 0
+      }
+    },
+    setup(n) {
+      const t = "x-icon", l = w(() => {
+        const o = {};
+        return n.size && (o.fontSize = Nn(n.size)), n.rotate && (o.transform = `rotate(${n.rotate}deg)`), n.color && (o.color = n.color), o;
+      });
+      return {
+        cls: w(() => [
+          t,
+          {
+            [`${t}-loading`]: n.spin
+          }
+        ]),
+        styles: l
+      };
+    }
+  });
+}
+const Bn = K("animation-loading");
+function Tn(e, n, t, l, s, o) {
+  return p(), O("div", {
+    class: v(e.cls),
+    style: M(e.styles)
+  }, n[0] || (n[0] = [
+    h("svg", {
+      viewBox: "0 0 50 50",
+      class: "icon-loading-svg"
+    }, [
+      h("circle", {
+        cx: "25",
+        cy: "25",
+        r: "20",
+        class: "path",
+        fill: "none",
+        stroke: "currentColor"
+      })
+    ], -1)
+  ]), 6);
+}
+const Sn = /* @__PURE__ */ L(Bn, [["render", Tn], ["__scopeId", "data-v-62d46830"]]), Mn = Z({
+  name: x("Button"),
+  components: {
+    AnimationLoading: Sn
+  },
+  props: En,
+  emits: ["click"],
+  setup(e) {
+    const n = Me({
+      // 点击
+      clicked: !1,
+      // 防抖
+      isDebounce: !1
+    }), t = j("button"), l = w(() => [
+      t.block,
+      e.type && t.modifier(e.type),
+      e.status && t.modifier(e.status),
+      e.disabled && t.is("disabled"),
+      e.block && t.modifier("block"),
+      e.plain && t.is("plain"),
+      e.shape && t.modifier(e.shape),
+      e.link && t.modifier("is-link"),
+      e.size && t.modifier(e.size),
+      !e.border && t.modifier("is-hide-border"),
+      o.value && t.modifier("is-loading")
+    ]), s = () => {
+      e.debounce > 0 && !n.isDebounce && (n.isDebounce = !0, setTimeout(() => {
+        n.isDebounce = !1;
+      }, e.debounce));
+    }, o = w(() => e.loading || n.clicked || n.isDebounce), i = Ge(), r = (d, k) => {
+      const f = d(k);
+      ze(f) && (n.clicked = !0, f.finally(() => {
+        n.clicked = !1;
+      }));
+    };
+    return {
+      cn: t,
+      cls: l,
+      handleClick: async (d) => {
+        var f, C, m, $;
+        if ((C = (f = d.target).blur) == null || C.call(f), o.value) return;
+        s();
+        const k = ($ = (m = i == null ? void 0 : i.vnode) == null ? void 0 : m.props) == null ? void 0 : $.onClick;
+        Ie(k) ? k.forEach((E) => r(E, d)) : B(k) && r(k, d);
+      },
+      isLoading: o
+    };
+  }
+}), Ln = ["disabled"];
+function An(e, n, t, l, s, o) {
+  const i = F("AnimationLoading");
+  return p(), O("button", {
+    class: v(e.cls),
+    type: "button",
+    disabled: e.disabled,
+    onClick: n[0] || (n[0] = (...r) => e.handleClick && e.handleClick(...r))
+  }, [
+    U(h("span", {
+      class: v([e.cn.element("loading")])
+    }, [
+      u(i)
+    ], 2), [
+      [_, e.isLoading]
+    ]),
+    e.$slots.prefix ? (p(), O("span", {
+      key: 0,
+      class: v([e.cn.element("prefix")])
+    }, [
+      z(e.$slots, "prefix")
+    ], 2)) : P("", !0),
+    z(e.$slots, "default"),
+    e.$slots.suffix ? (p(), O("span", {
+      key: 1,
+      class: v([e.cn.element("suffix")])
+    }, [
+      z(e.$slots, "suffix")
+    ], 2)) : P("", !0)
+  ], 10, Ln);
+}
+const se = /* @__PURE__ */ L(Mn, [["render", An]]), Fe = /* @__PURE__ */ Z({
+  name: x("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: n
+  }) {
+    const t = j("space"), l = w(() => [t.block, t.element(e.direction), e.fill && "is-fill", t.element(`${e.direction}-${e.align}`)]);
+    function s(i) {
+      if (nn(i))
+        return i;
+      switch (i) {
+        case "mini":
+          return 4;
+        case "small":
+          return 8;
+        case "medium":
+          return 16;
+        case "large":
+          return 24;
+        default:
+          return 8;
+      }
+    }
+    const o = (i) => {
+      const r = {};
+      if (i) return r;
+      const c = `${s(e.size)}px`, d = `${s(e.size)}px`;
+      return e.direction === "horizontal" && (r.marginRight = c), e.direction === "vertical" && (r.marginBottom = d), r;
+    };
+    return () => {
+      var i;
+      const r = te((i = n.default) === null || i === void 0 ? void 0 : i.call(n), !0).filter((c) => c.type !== qe);
+      return u("div", {
+        class: [l.value]
+      }, [r.map((c, d) => {
+        var k;
+        const f = n.split && d > 0;
+        return u(Q, {
+          key: `space-item-${d}`
+        }, [f && u("div", {
+          className: t.element("split"),
+          style: o(!1)
+        }, [(k = n.split) === null || k === void 0 ? void 0 : k.call(n)]), u("div", {
+          className: t.element("item"),
+          style: o(d === r.length - 1)
+        }, [c])]);
+      })]);
+    };
+  }
+});
+function $e(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !N(e);
+}
+const Ne = j("dialog"), lt = (e) => {
+  var n, t, l, s, o, i;
+  const r = document.createElement("div"), c = () => {
+    V(null, r);
+  }, d = (y) => {
+    if (y === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (y === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, k = (y, a) => {
+    y === "cancel" && e.onCancel && e.onCancel(a), y === "ok" && e.onOk && e.onOk(a);
+  }, f = (y) => {
+    if (N(y)) return y;
+    if (B(y)) {
+      const a = y();
+      return N(a) ? a : null;
+    }
+    return u("div", {
+      className: Ne.element("header-title")
+    }, [I(" "), y, I(" ")]);
+  }, C = (y) => {
+    if (N(y)) return y;
+    if (B(y)) {
+      const a = y();
+      return N(a) ? a : null;
+    }
+    return u("div", {
+      className: Ne.element("content")
+    }, [I(" "), e.content, I(" ")]);
+  }, m = () => () => u(Q, null, [e.title && f(e.title)]), $ = () => () => u(Q, null, [e.content && C(e.content)]), E = () => {
+    if (N(e.footer) || B(e.footer))
+      return e.footer;
+    const y = (e == null ? void 0 : e.cancelText) || "取消", a = (e == null ? void 0 : e.okText) || "确认";
+    return (g) => {
+      var S, A;
+      return u(Fe, {
+        size: 12
+      }, {
+        default: () => [!e.hideCancel && u(se, {
+          size: "small",
+          onClick: g.cancel,
+          loading: (S = g.loadingObj) === null || S === void 0 ? void 0 : S.cancel
+        }, $e(y) ? y : {
+          default: () => [y]
+        }), !e.hideOk && u(se, {
+          type: "primary",
+          size: "small",
+          onClick: g.ok,
+          loading: (A = g.loadingObj) === null || A === void 0 ? void 0 : A.ok
+        }, $e(a) ? a : {
+          default: () => [a]
+        })]
+      });
+    };
+  }, T = u(je, {
+    width: (n = e == null ? void 0 : e.width) !== null && n !== void 0 ? n : 368,
+    height: (t = e == null ? void 0 : e.height) !== null && t !== void 0 ? t : "auto",
+    modelValue: !0,
+    renderTo: e == null ? void 0 : e.renderTo,
+    center: e != null && e.top ? !1 : (l = e == null ? void 0 : e.center) !== null && l !== void 0 ? l : !0,
+    top: (s = e == null ? void 0 : e.top) !== null && s !== void 0 ? s : 0,
+    mask: (o = e == null ? void 0 : e.mask) !== null && o !== void 0 ? o : !0,
+    maskToClose: (i = e == null ? void 0 : e.maskToClose) !== null && i !== void 0 ? i : !0,
+    popupClass: e.popupClass,
+    onClose: k,
+    onBeforeCancel: d,
+    "onUpdate:modelValue": () => {
+      T.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: c,
+    onOpened: () => {
+    }
+  }, {
+    title: m(),
+    default: $(),
+    footer: E()
+  });
+  V(T, r);
+}, Dn = ["success", "warning", "error", "strong", "info"], In = K("close-circle-fill");
+function Pn(e, n, t, l, s, o) {
+  return p(), O("div", {
+    class: v(e.cls),
+    style: M(e.styles)
+  }, n[0] || (n[0] = [
+    h("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: ""
+    }, [
+      h("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 Ce = /* @__PURE__ */ L(In, [["render", Pn]]), zn = K("check-circle-fill");
+function Hn(e, n, t, l, s, o) {
+  return p(), O("div", {
+    class: v(e.cls),
+    style: M(e.styles)
+  }, n[0] || (n[0] = [
+    h("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: ""
+    }, [
+      h("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 pe = /* @__PURE__ */ L(zn, [["render", Hn]]), Rn = K("exclamation-circle-fill");
+function Vn(e, n, t, l, s, o) {
+  return p(), O("div", {
+    class: v(e.cls),
+    style: M(e.styles)
+  }, n[0] || (n[0] = [
+    h("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: ""
+    }, [
+      h("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 he = /* @__PURE__ */ L(Rn, [["render", Vn]]), jn = K("info-circle-fill");
+function Fn(e, n, t, l, s, o) {
+  return p(), O("div", {
+    class: v(e.cls),
+    style: M(e.styles)
+  }, n[0] || (n[0] = [
+    h("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: ""
+    }, [
+      h("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 ke = /* @__PURE__ */ L(jn, [["render", Fn]]), Un = K("minus-circle-fill");
+function _n(e, n, t, l, s, o) {
+  return p(), O("div", {
+    class: v(e.cls),
+    style: M(e.styles)
+  }, n[0] || (n[0] = [
+    h("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: ""
+    }, [
+      h("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 be = /* @__PURE__ */ L(Un, [["render", _n]]), Wn = Z({
+  name: x("Message"),
+  components: {
+    CloseCircleFill: Ce,
+    CheckCircleFill: pe,
+    ExclamationCircleFill: he,
+    InfoCircleFill: ke,
+    MinusCircleFill: be
+  },
+  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 n = j("message"), t = w(() => [
+      n.block,
+      n.modifier(e.type),
+      e.center && n.modifier("center"),
+      e.showClose && !e.center && n.element("show-close"),
+      e.popupClass && e.popupClass
+    ]), l = J(!1);
+    let s = null;
+    const o = () => {
+      s = setTimeout(() => {
+        l.value = !1;
+      }, e.duration);
+    };
+    ve(() => {
+      l.value = !0, e.duration !== 0 && o();
+    }), Ae(() => {
+      clearTimeout(s);
+    });
+    const { zIndex: i } = ye("message", { runOnMounted: !0 }), r = w(() => ({
+      top: `${e.offset}px`,
+      zIndex: i.value
+    }));
+    return {
+      cn: n,
+      cls: t,
+      styles: r,
+      visible: l,
+      handleClose: () => {
+        l.value = !1;
+      }
+    };
+  }
+}), Zn = ["innerHTML"], Kn = { key: 1 };
+function Xn(e, n, t, l, s, o) {
+  const i = F("CheckCircleFill"), r = F("ExclamationCircleFill"), c = F("MinusCircleFill"), d = F("CloseCircleFill"), k = F("InfoCircleFill");
+  return p(), D(le, {
+    name: "x-message-slide-top",
+    onBeforeLeave: e.onClose,
+    onAfterLeave: n[1] || (n[1] = (f) => e.$emit("destroy"))
+  }, {
+    default: oe(() => [
+      U(h("div", {
+        class: v(e.cls),
+        style: M(e.styles)
+      }, [
+        e.$slots.icon ? P("", !0) : (p(), O("span", {
+          key: 0,
+          class: v([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+        }, [
+          z(e.$slots, "icon", {}, () => [
+            e.type === "success" ? (p(), D(i, { key: 0 })) : e.type === "warning" ? (p(), D(r, { key: 1 })) : e.type === "strong" ? (p(), D(c, { key: 2 })) : e.type === "error" ? (p(), D(d, { key: 3 })) : e.type === "info" ? (p(), D(k, { key: 4 })) : P("", !0)
+          ])
+        ], 2)),
+        z(e.$slots, "default", {}, () => [
+          e.useHTML ? (p(), O("span", {
+            key: 0,
+            innerHTML: e.message
+          }, null, 8, Zn)) : (p(), O("span", Kn, re(e.message), 1)),
+          e.showClose ? (p(), O("span", {
+            key: 2,
+            class: v([e.cn.element("close-icon")]),
+            onClick: n[0] || (n[0] = (...f) => e.handleClose && e.handleClose(...f))
+          }, null, 2)) : P("", !0)
+        ])
+      ], 6), [
+        [_, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onBeforeLeave"]);
+}
+const Yn = /* @__PURE__ */ L(Wn, [["render", Xn]]), de = /* @__PURE__ */ new WeakMap(), ue = (e) => {
+  (typeof e == "string" || N(e)) && (e = {
+    message: e
+  });
+  const n = ge(e.renderTo || "body");
+  de.has(n) || de.set(n, []);
+  const t = de.get(n);
+  let l = e.offset || 20;
+  t.forEach((f) => {
+    var C;
+    l += ((C = f.el) === null || C === void 0 ? void 0 : C.offsetHeight) + 20;
+  });
+  const s = e.onClose;
+  let o = {};
+  o = { ...e, onClose: () => {
+    var f;
+    const C = t.findIndex(($) => $ === c);
+    if (C < 0)
+      return;
+    const m = ((f = c.el) === null || f === void 0 ? void 0 : f.offsetHeight) + 20;
+    t.slice(C + 1).forEach(($) => {
+      var E;
+      const T = (E = $.component) === null || E === void 0 ? void 0 : E.props.offset;
+      $.component.props.offset = T - m;
+    }), t.splice(C, 1), s && s(c);
+  }, onDestroy: () => {
+    V(null, d);
+  }, offset: l };
+  const c = u(Yn, o, B(o.message) || N(o.message) ? {
+    default: B(o.message) ? o.message : () => o.message
+  } : null), d = document.createElement("div");
+  return V(c, d), n.tagName === "BODY" ? c.el.style.position = "fixed" : (n.style.position = "relative", c.el.style.position = "absolute"), n.appendChild(d.firstElementChild), t.push(c), {
+    close: () => {
+      c.component.proxy.handleClose();
+    }
+  };
+}, Gn = () => {
+  Dn.forEach((e) => {
+    ue[e] = (n) => Pe(n) ? ue({
+      type: e,
+      ...n
+    }) : ue({
+      message: n,
+      type: e
+    });
+  });
+};
+Gn();
+const qn = ["info", "success", "warning", "strong", "error"];
+function Be(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !N(e);
+}
+const fe = j("message-box"), Te = (e) => {
+  var n, t, l, s, o, i;
+  const r = document.createElement("div"), c = () => {
+    V(null, r);
+  }, d = (a) => {
+    if (a === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (a === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, k = (a, g) => {
+    a === "cancel" && e.onCancel && e.onCancel(g), a === "ok" && e.onOk && e.onOk(g);
+  }, f = (a) => {
+    let g;
+    switch (a) {
+      case "warning":
+        g = u(he, {
+          size: "22px",
+          color: "#f6c64b"
+        }, null);
+        break;
+      case "strong":
+        g = u(be, {
+          size: "22px",
+          color: "#ff7125"
+        }, null);
+        break;
+      case "error":
+        g = u(Ce, {
+          size: "22px",
+          color: "#e24f48"
+        }, null);
+        break;
+      case "success":
+        g = u(pe, {
+          size: "22px",
+          color: "#68d1ab"
+        }, null);
+        break;
+      case "info":
+        g = u(ke, {
+          size: "22px",
+          color: "#2355f5"
+        }, null);
+        break;
+    }
+    return u("div", {
+      className: fe.element("icon")
+    }, [g]);
+  }, C = (a) => {
+    if (N(a)) return a;
+    if (B(a)) {
+      const g = a();
+      return N(g) ? g : null;
+    }
+    return u("div", {
+      className: fe.element("title")
+    }, [I(" "), a, I(" ")]);
+  }, m = (a) => {
+    if (N(a)) return a;
+    if (B(a)) {
+      const g = a();
+      return N(g) ? g : null;
+    }
+    return u("div", {
+      className: fe.element("content")
+    }, [I(" "), e.content, I(" ")]);
+  }, $ = () => () => u(Q, null, [f(e.type || "success"), e.title && C(e.title)]), E = () => () => u(Q, null, [e.content && m(e.content)]), T = () => {
+    if (N(e.footer) || B(e.footer))
+      return e.footer;
+    const a = (e == null ? void 0 : e.cancelText) || "取消", g = (e == null ? void 0 : e.okText) || "确认";
+    return (S) => {
+      var A, H;
+      return u(Fe, {
+        size: 12
+      }, {
+        default: () => [!e.hideCancel && u(se, {
+          size: "small",
+          onClick: S.cancel,
+          loading: (A = S.loadingObj) === null || A === void 0 ? void 0 : A.cancel
+        }, Be(a) ? a : {
+          default: () => [a]
+        }), !e.hideOk && u(se, {
+          type: "primary",
+          size: "small",
+          onClick: S.ok,
+          loading: (H = S.loadingObj) === null || H === void 0 ? void 0 : H.ok
+        }, Be(g) ? g : {
+          default: () => [g]
+        })]
+      });
+    };
+  }, y = u(je, {
+    messageBox: !0,
+    width: (n = e == null ? void 0 : e.width) !== null && n !== void 0 ? n : 358,
+    height: (t = e == null ? void 0 : e.height) !== null && t !== void 0 ? t : "auto",
+    modelValue: !0,
+    renderTo: e == null ? void 0 : e.renderTo,
+    center: e != null && e.top ? !1 : (l = e == null ? void 0 : e.center) !== null && l !== void 0 ? l : !0,
+    top: (s = e == null ? void 0 : e.top) !== null && s !== void 0 ? s : 0,
+    mask: (o = e == null ? void 0 : e.mask) !== null && o !== void 0 ? o : !0,
+    maskToClose: (i = e == null ? void 0 : e.maskToClose) !== null && i !== void 0 ? i : !0,
+    popupClass: e.popupClass,
+    onClose: k,
+    onBeforeCancel: d,
+    "onUpdate:modelValue": () => {
+      y.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: c,
+    onOpened: () => {
+    }
+  }, {
+    title: $(),
+    default: E(),
+    footer: T()
+  });
+  V(y, r);
+}, Jn = () => {
+  qn.forEach((e) => {
+    Te[e] = (n, t) => {
+      const l = [], s = [];
+      let o = () => !0, i = () => !0;
+      return setTimeout(() => {
+        Te({
+          title: n,
+          content: t,
+          type: e,
+          beforeOnCancel: i,
+          beforeOnOk: o,
+          onOk: () => {
+            l.forEach((r) => B(r) && r());
+          },
+          onCancel: () => {
+            s.forEach((r) => B(r) && r());
+          }
+        });
+      }, 0), {
+        ok(...r) {
+          return r.length === 1 && l.push(r[0]), r.length === 2 && (o = r[0], l.push(r[1])), this;
+        },
+        cancel(...r) {
+          return r.length === 1 && s.push(r[0]), r.length === 2 && (i = r[0], s.push(r[1])), this;
+        }
+      };
+    };
+  });
+};
+Jn();
+const Qn = {
+  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
+  }
+}, xn = Z({
+  name: x("Notification"),
+  props: Qn,
+  emits: ["close", "destroy"],
+  setup(e) {
+    const n = j("notification"), t = n.block, l = w(() => [t, n.modifier(o.value.ver)]), { zIndex: s } = ye("message", { runOnMounted: !0 }), o = w(() => {
+      const m = e.position.split("-");
+      return {
+        hor: m[1],
+        ver: m[0]
+      };
+    }), i = w(() => `x-notification-slide-${o.value.hor}`), r = w(() => {
+      const m = {};
+      return m.position = e.renderToBody ? "fixed" : "absolute", m.zIndex = s.value, m[o.value.hor] = "20px", m[o.value.ver] = `${e.offset}px`, m;
+    }), c = J(!1);
+    let d = 0;
+    const k = () => {
+      d = setTimeout(() => {
+        c.value = !1;
+      }, e.duration);
+    }, f = w(() => e.type === "info" ? ke : e.type === "warning" ? he : e.type === "strong" ? be : e.type === "success" ? pe : e.type === "error" ? Ce : ""), C = () => {
+      c.value = !1;
+    };
+    return ve(() => {
+      e.duration !== 0 && k(), c.value = !0;
+    }), Ae(() => {
+      clearTimeout(d);
+    }), {
+      ns: t,
+      cn: n,
+      cls: l,
+      animationClsName: i,
+      positionStyle: r,
+      visible: c,
+      positionPropMap: o,
+      currentIcon: f,
+      handleClose: C
+    };
+  }
+});
+function et(e, n, t, l, s, o) {
+  return p(), D(le, {
+    name: e.animationClsName,
+    onBeforeLeave: n[1] || (n[1] = (i) => e.$emit("close")),
+    onAfterLeave: n[2] || (n[2] = (i) => e.$emit("destroy"))
+  }, {
+    default: oe(() => [
+      U(h("div", {
+        class: v(e.cls),
+        style: M(e.positionStyle)
+      }, [
+        h("div", {
+          class: v([e.cn.element("header")])
+        }, [
+          h("div", {
+            class: v([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+          }, [
+            (p(), D(Je(e.currentIcon)))
+          ], 2),
+          h("div", null, [
+            h("div", {
+              class: v([e.cn.element("title")])
+            }, re(e.title), 3),
+            h("div", {
+              class: v([e.cn.element("message")])
+            }, [
+              z(e.$slots, "default", {}, () => [
+                I(re(e.message), 1)
+              ])
+            ], 2)
+          ])
+        ], 2),
+        e.showClose ? (p(), O("span", {
+          key: 0,
+          class: v([e.cn.element("close-icon")]),
+          onClick: n[0] || (n[0] = Le((...i) => e.handleClose && e.handleClose(...i), ["self"]))
+        }, null, 2)) : P("", !0)
+      ], 6), [
+        [_, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["name"]);
+}
+const nt = /* @__PURE__ */ L(xn, [["render", et]]), Y = /* @__PURE__ */ new WeakMap(), ot = (e) => {
+  var n, t;
+  const l = ge(e.renderTo || "body"), s = document.createElement("div");
+  Y.get(l) || Y.set(l, {}), Y.get(l)[e.position] || (Y.get(l)[e.position] = []);
+  const o = Y.get(l)[e.position];
+  let i = e.offset || 20;
+  o.forEach((C) => {
+    var m;
+    i += ((m = C.el) === null || m === void 0 ? void 0 : m.offsetHeight) + 20;
+  });
+  const r = l.tagName === "BODY";
+  r || (l.style.position = "relative", l.style.overflowX = "hidden");
+  const c = e.onClose, d = () => {
+    var C;
+    const m = o.findIndex((E) => E === f);
+    if (m < 0)
+      return;
+    const $ = ((C = f.el) === null || C === void 0 ? void 0 : C.offsetHeight) + 20;
+    o.slice(m + 1).forEach((E) => {
+      var T;
+      const y = (T = E.component) === null || T === void 0 ? void 0 : T.props.offset;
+      E.component.props.offset = y - $;
+    }), o.splice(m, 1), c && c(f);
+  }, k = () => {
+    V(null, s);
+  }, f = u(nt, {
+    message: e.message,
+    title: e.title,
+    type: e.type,
+    offset: i,
+    renderToBody: r,
+    position: e.position,
+    duration: (n = e.duration) !== null && n !== void 0 ? n : 3e3,
+    showClose: (t = e.showClose) !== null && t !== void 0 ? t : !0,
+    onClose: d,
+    onDestroy: k
+  }, B(e.message) || N(e.message) ? {
+    default: B(e.message) ? e.message : () => e.message
+  } : null);
+  V(f, s), o.push(f), l == null || l.appendChild(s.firstChild);
+};
+export {
+  lt as Dialog,
+  ue as Message,
+  Te as MessageBox,
+  ot as Notification
+};