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

package/dist/index.es.js

@@ -0,0 +1,1368 @@
+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: (s) => `${t}--${s}`,
+    modifier: (s) => `${t}-${s}`,
+    is: (s) => `${t}-is-${s}`
+  };
+}, W = Object.prototype.toString;
+function Te(e) {
+  return W.call(e) === "[object Array]";
+}
+function Ee(e) {
+  return W.call(e) === "[object Object]";
+}
+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 at(e) {
+  return W.call(e) === "[object Number]" && e === e;
+}
+function b(e) {
+  return typeof e == "function";
+}
+function Y() {
+  return typeof window < "u";
+}
+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 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;
+}, $ = (e, t) => Object.assign(t, {
+  install(n) {
+    n.component(e) || n.component(e, t);
+  }
+}), ft = {
+  disabled: Boolean,
+  block: Boolean,
+  loading: Boolean,
+  loadingFill: {
+    type: Boolean,
+    default: !1
+  },
+  debounce: {
+    type: Number,
+    default: 0
+  },
+  shape: {
+    type: j(String),
+    default: void 0
+  },
+  link: {
+    type: Boolean,
+    default: !1
+  },
+  type: {
+    type: j(String),
+    default: void 0
+  },
+  status: {
+    type: j(String),
+    default: void 0
+  },
+  plain: {
+    type: Boolean,
+    default: !1
+  },
+  size: {
+    type: j(String),
+    default: "medium"
+  },
+  border: {
+    type: Boolean,
+    default: !0
+  }
+}, 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((a) => n.includes(a)) ? n : n + t;
+};
+function z(e, t) {
+  return /* @__PURE__ */ E({
+    name: Ne(`Icon${mt(e)}`),
+    props: {
+      size: {
+        type: [Number, String],
+        default: void 0
+      },
+      rotate: {
+        type: Number,
+        default: void 0
+      },
+      spin: {
+        type: Boolean,
+        default: !1
+      },
+      color: {
+        type: String,
+        default: void 0
+      },
+      fillColor: {
+        type: Array,
+        default: void 0
+      }
+    },
+    setup(n) {
+      const l = "x-icon", a = C(() => {
+        const d = {};
+        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: s.value,
+        style: a.value
+      }, [t]);
+    }
+  });
+}
+const yt = z("InfoCircleFill", A(r("svg", {
+  viewBox: "0 0 50 50",
+  class: "x-icon-loading-svg"
+}, [r("circle", {
+  cx: "25",
+  cy: "25",
+  r: "20",
+  class: "path",
+  fill: "none",
+  stroke: "currentColor"
+}, null)]))), ht = /* @__PURE__ */ E({
+  name: "Button",
+  props: ft,
+  emits: ["click"],
+  // 显式导入插槽
+  $slots: ["prefix", "suffix"],
+  setup(e, {
+    slots: t,
+    emit: n
+  }) {
+    const l = xe({
+      clicked: !1,
+      isDebounce: !1
+    }), 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));
+    }, 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 = (c) => {
+      var u, v, g, w;
+      if (c.stopPropagation(), (v = (u = c.target).blur) == null || v.call(u), o.value) return;
+      d();
+      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 c;
+      return r("button", {
+        class: s.value,
+        type: "button",
+        disabled: e.disabled,
+        onClick: y
+      }, [r("span", {
+        style: {
+          display: o.value ? "flex" : "none",
+          marginRight: o.value ? "4px" : "0px"
+        },
+        class: a.element("loading")
+      }, [r(yt, null, null)]), t.prefix && r("span", {
+        class: a.element("prefix")
+      }, [t.prefix()]), r("span", {
+        class: a.element("content")
+      }, [(c = t.default) == null ? void 0 : c.call(t)]), t.suffix && r("span", {
+        class: a.element("suffix")
+      }, [t.suffix()])]);
+    };
+  }
+}), V = $(S("Button"), ht), vt = ["px", "%", "vh", "vw", "calc"], be = (e, t = "px") => {
+  if (e === void 0) return "";
+  const n = String(e);
+  return vt.some((l) => n.includes(l)) ? n : n + t;
+}, Ct = 1e3, kt = 3e3, bt = 1;
+class wt {
+  constructor() {
+    M(this, "popupStack", {
+      popup: /* @__PURE__ */ new Set(),
+      dialog: /* @__PURE__ */ new Set(),
+      message: /* @__PURE__ */ new Set()
+    });
+    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;
+    });
+    M(this, "delete", (t, n) => {
+      this.popupStack[n].delete(t), n === "dialog" && this.popupStack.popup.delete(t);
+    });
+    M(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+  }
+}
+const ae = new wt();
+function G(e, {
+  visible: t,
+  runOnMounted: n
+} = {}) {
+  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,
+    (o) => {
+      o ? a() : s();
+    },
+    {
+      immediate: !0
+    }
+  ), n && (K(a), Oe(s)), {
+    zIndex: Re(l),
+    open: a,
+    close: s,
+    isLastDialog: d
+  };
+}
+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;
+}, 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);
+}, pt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, xt = (e, t) => {
+  var l;
+  if (!Y || !e || !t) return "";
+  let n = Ae(t);
+  n === "float" && (n = "cssFloat");
+  try {
+    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];
+  }
+}, P = (e, t, n) => {
+  if (!(!e || !t))
+    if (Ee(t))
+      Object.entries(t).forEach(
+        ([l, a]) => P(e, l, a)
+      );
+    else {
+      const l = Ae(t);
+      e.style[l] = n;
+    }
+}, me = (e, t) => {
+  if (Fe(e)) {
+    const n = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
+    return Bt(n, t);
+  }
+  return e;
+}, Ot = Y ? (e, t, n, l = !1) => {
+  e.addEventListener(t, n, l);
+} : $e, Nt = Y ? (e, t, n, l = !1) => {
+  e.removeEventListener(t, n, l);
+} : $e, Tt = (e, t) => {
+  let n = !1;
+  const l = {
+    overflow: "",
+    width: ""
+  }, a = (o) => o.tagName === "BODY", s = () => {
+    if (e.value) {
+      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;
+        }
+      }
+    }
+  }, d = () => {
+    if (e.value && n) {
+      const o = e.value;
+      P(o, {
+        overflow: l.overflow,
+        width: l.width
+      }), n = !1;
+    }
+  };
+  return de(
+    () => t == null ? void 0 : t.value,
+    (o) => {
+      e.value && !a(e.value) && (o && P(o, {
+        position: "absolute"
+      }), xt(e.value, "position") === "static" && P(e.value, { position: "relative" }));
+    }
+  ), {
+    setOverflowHidden: s,
+    resetOverflow: d
+  };
+}, Et = {
+  ENTER: "Enter",
+  ESC: "Escape",
+  BACKSPACE: "Backspace",
+  TAB: "Tab",
+  SPACE: " ",
+  ARROW_UP: "ArrowUp",
+  ARROW_DOWN: "ArrowDown",
+  ARROW_LEFT: "ArrowLeft",
+  ARROW_RIGHT: "ArrowRight"
+}, Mt = {
+  renderTo: {
+    type: j([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
+  }
+}, Ft = ["width", "minWidth", "height", "minHeight"], ze = /* @__PURE__ */ E({
+  name: S("Dialog"),
+  inheritAttrs: !1,
+  props: Mt,
+  emits: ["closed", "close", "open", "opened", "update:modelValue"],
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    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
+    })), c = C(() => {
+      const h = {};
+      return e.fullscreen || (!e.center && e.top && (h.top = be(e.top)), Ft.forEach((x) => {
+        e[x] && (h[x] = be(e[x]));
+      })), h;
+    }), i = T(!1), u = C(() => e.modelValue), v = C(() => u.value || i.value), {
+      zIndex: g,
+      isLastDialog: w
+    } = G("dialog", {
+      visible: u
+    }), {
+      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);
+    }, Le = () => {
+      i.value = !1, ye(), t("closed");
+    }, je = () => {
+      t("opened");
+    }, Z = xe({
+      ok: !1,
+      cancel: !1
+    }), 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;
+      }
+      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 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 Oe(() => {
+      ye(), Ce();
+    }), de(() => u.value, (h) => {
+      h ? (t("open"), ne(), i.value = !0, Ve()) : Ce();
+    }, {
+      immediate: !0
+    }), () => r(Ke, {
+      to: o.value,
+      disabled: f.value
+    }, {
+      default: () => [v.value && r("div", {
+        ref: m,
+        class: d.value,
+        style: y.value
+      }, [r(H, {
+        name: "x-fade-in-standard",
+        appear: !0
+      }, {
+        default: () => [e.mask && u.value && r("div", {
+          class: l.element("mask")
+        }, null)]
+      }), r("div", {
+        class: [l.element("wrapper"), {
+          "is-center": e.center
+        }],
+        onClick: (h) => h.target === h.currentTarget && Pe()
+      }, [r(H, {
+        name: "x-zoom-in",
+        appear: !0,
+        onAfterEnter: je,
+        onAfterLeave: Le
+      }, {
+        default: () => [u.value && r("div", {
+          class: [l.element("container"), {
+            "is-fullscreen": e.fullscreen
+          }],
+          style: c.value
+        }, [r("div", {
+          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 ? s.element("body") : l.element("body")]
+        }, [n.default && n.default()]), r("div", {
+          class: [e.messageBox ? s.element("footer") : l.element("footer")]
+        }, [n.footer && n.footer({
+          cancel: He,
+          ok: _e,
+          "loading-obj": Z
+        })]), e.showClose && r("span", {
+          class: [l.element("close-icon"), e.messageBox && s.element("close-icon")],
+          onClick: () => D("cancel")
+        }, null)])]
+      })])])]
+    });
+  }
+}), De = $(S("Dialog"), ze), q = z("CloseCircleFill", A(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm4.955-27.771-4.95 4.95-4.95-4.95a1 1 0 0 0-1.414 0l-1.414 1.414a1 1 0 0 0 0 1.414l4.95 4.95-4.95 4.95a1 1 0 0 0 0 1.414l1.414 1.414a1 1 0 0 0 1.414 0l4.95-4.95 4.95 4.95a1 1 0 0 0 1.414 0l1.414-1.414a1 1 0 0 0 0-1.414l-4.95-4.95 4.95-4.95a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), J = z("CheckCircleFill", A(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm10.207-24.379a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0L22 26.172l-4.878-4.88a1 1 0 0 0-1.415 0l-1.414 1.415a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414 0l11.5-11.5Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), Q = z("ExclamationCircleFill", A(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), ee = z("InfoCircleFill", A(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), te = z("MinusCircleFill", A(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-7-22a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H17Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), At = /* @__PURE__ */ E({
+  name: S("Message"),
+  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: {
+      type: Boolean,
+      default: !1
+    },
+    popupClass: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["destroy"],
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    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: o.value
+    })), f = () => {
+      if (n.icon) return n.icon();
+      switch (e.type) {
+        case "success":
+          return r(J, null, null);
+        case "warning":
+          return r(Q, null, null);
+        case "strong":
+          return r(te, null, null);
+        case "error":
+          return r(q, null, null);
+        case "info":
+          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(H, {
+      name: "x-message-slide-top",
+      onBeforeLeave: e.onClose,
+      onAfterLeave: () => t("destroy")
+    }, {
+      default: () => [a.value && r("div", {
+        class: d.value,
+        style: m.value
+      }, [r("span", {
+        class: [l.element("icon"), l.modifier(`icon-${e.type}`)]
+      }, [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: i
+      }, null)])])]
+    });
+  }
+}), $t = $(S("Message"), At), zt = /* @__PURE__ */ E({
+  name: "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 = 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":
+          return 4;
+        case "small":
+          return 8;
+        case "medium":
+          return 16;
+        case "large":
+          return 24;
+        default:
+          return 8;
+      }
+    }
+    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 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((m, f) => {
+        var c;
+        const y = t.split && f > 0;
+        return r(_, {
+          key: `space-item-${f}`
+        }, [y && r("div", {
+          className: n.element("split"),
+          style: s(!1)
+        }, [(c = t.split) == null ? void 0 : c.call(t)]), r("div", {
+          className: n.element("item"),
+          style: s(f === d.length - 1)
+        }, [m])]);
+      })]);
+    };
+  }
+}), 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 se = p("message-box"), ue = (e) => {
+  const t = document.createElement("div"), n = () => {
+    N(null, t);
+  }, l = (i) => {
+    if (i === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (i === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, a = (i, u) => {
+    i === "cancel" && e.onCancel && e.onCancel(u), i === "ok" && e.onOk && e.onOk(u);
+  }, s = (i) => {
+    let u;
+    switch (i) {
+      case "warning":
+        u = r(Q, {
+          size: "22px",
+          color: "#f6c64b"
+        }, null);
+        break;
+      case "strong":
+        u = r(te, {
+          size: "22px",
+          color: "#ff7125"
+        }, null);
+        break;
+      case "error":
+        u = r(q, {
+          size: "22px",
+          color: "#e24f48"
+        }, null);
+        break;
+      case "success":
+        u = r(J, {
+          size: "22px",
+          color: "#68d1ab"
+        }, null);
+        break;
+      case "info":
+        u = r(ee, {
+          size: "22px",
+          color: "#2355f5"
+        }, null);
+        break;
+    }
+    return r("div", {
+      class: se.element("icon")
+    }, [u]);
+  }, d = (i) => {
+    if (k(i)) return i;
+    if (b(i)) {
+      const u = i();
+      return k(u) ? u : null;
+    }
+    return r("div", {
+      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: 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 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(V, {
+          size: "small",
+          onClick: v.cancel,
+          loading: (g = v.loadingObj) == null ? void 0 : g.cancel
+        }, 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
+        }, we(u) ? u : {
+          default: () => [u]
+        })];
+      }
+    });
+  }, c = r(De, {
+    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: a,
+    onBeforeCancel: l,
+    "onUpdate:modelValue": () => {
+      c.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: n,
+    onOpened: () => {
+    }
+  }, {
+    title: m(),
+    default: f(),
+    footer: y()
+  });
+  N(c, t);
+}, It = () => {
+  Dt.forEach((e) => {
+    ue[e] = (t, n) => {
+      const l = [], a = [];
+      let s = () => !0, d = () => !0;
+      return setTimeout(() => {
+        ue({
+          title: t,
+          content: n,
+          type: e,
+          beforeOnCancel: d,
+          beforeOnOk: s,
+          onOk: () => {
+            l.forEach((o) => b(o) && o());
+          },
+          onCancel: () => {
+            a.forEach((o) => b(o) && o());
+          }
+        });
+      }, 0), {
+        ok(...o) {
+          return o.length === 1 && l.push(o[0]), o.length === 2 && (s = o[0], l.push(o[1])), this;
+        },
+        cancel(...o) {
+          return o.length === 1 && a.push(o[0]), o.length === 2 && (d = o[0], a.push(o[1])), this;
+        }
+      };
+    };
+  });
+};
+It();
+const Lt = $(S("MessageBox"), ue), jt = {
+  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
+  }
+}, Ie = /* @__PURE__ */ E({
+  name: S("Notification"),
+  props: jt,
+  emits: ["close", "destroy"],
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    const l = p("notification"), a = l.block, s = C(() => [a, l.modifier(o.value.ver)]), {
+      zIndex: d
+    } = G("message", {
+      runOnMounted: !0
+    }), o = C(() => {
+      const g = e.position.split("-");
+      return {
+        hor: g[1],
+        ver: g[0]
+      };
+    }), m = C(() => `x-notification-slide-${o.value.hor}`), f = C(() => {
+      const g = {};
+      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" ? ee : e.type === "warning" ? Q : e.type === "strong" ? te : e.type === "success" ? J : e.type === "error" ? q : ""), v = () => {
+      y.value = !1;
+    };
+    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: s.value,
+          style: f.value
+        }, [r("div", {
+          class: [l.element("header")]
+        }, [r("div", {
+          class: [l.element("icon"), l.modifier(`icon-${e.type}`)]
+        }, [u.value && r(u.value, null, null)]), r("div", null, [r("div", {
+          class: [l.element("title")]
+        }, [e.title]), r("div", {
+          class: [l.element("message")]
+        }, [((g = n.default) == null ? void 0 : g.call(n)) || e.message])])]), e.showClose && r("span", {
+          class: [l.element("close-icon")],
+          onClick: v
+        }, null)])];
+      }
+    });
+  }
+}), Pt = $(S("Notification"), Ie), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  XButton: V,
+  XDialog: De,
+  XMessage: $t,
+  XMessageBox: Lt,
+  XNotification: Pt,
+  XSpace: ge
+}, Symbol.toStringTag, { value: "Module" }));
+function Se(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !k(e);
+}
+const pe = p("dialog"), Gt = (e) => {
+  const t = document.createElement("div"), n = () => {
+    N(null, t);
+  }, l = (c) => {
+    if (c === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (c === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, 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: 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: 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 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(V, {
+          size: "small",
+          onClick: u.cancel,
+          loading: (v = u.loadingObj) == null ? void 0 : v.cancel
+        }, 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
+        }, Se(i) ? i : {
+          default: () => [i]
+        })];
+      }
+    });
+  }, y = r(ze, {
+    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: a,
+    onBeforeCancel: l,
+    "onUpdate:modelValue": () => {
+      y.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: n,
+    onOpened: () => {
+    }
+  }, {
+    title: o(),
+    default: m(),
+    footer: f()
+  });
+  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 = 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 d = {};
+  d = { ...e, onClose: () => {
+    var u;
+    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 - i;
+    }), l.splice(c, 1), s && s(f);
+  }, onDestroy: () => {
+    N(null, n);
+  }, offset: a };
+  const f = r(
+    Ut,
+    d,
+    b(d.message) || k(d.message) ? {
+      default: b(d.message) ? d.message : () => d.message
+    } : null
+  );
+  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();
+    }
+  };
+}, Rt = () => {
+  Ht.forEach((e) => {
+    ie[e] = (t) => Ee(t) ? ie({
+      type: e,
+      ...t
+    }) : ie({
+      message: t,
+      type: e
+    });
+  });
+};
+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 c;
+    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 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 - 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: a,
+      renderToBody: s,
+      position: e.position,
+      duration: e.duration ?? 3e3,
+      showClose: e.showClose ?? !0,
+      onClose: o,
+      onDestroy: m
+    },
+    b(e.message) || k(e.message) ? {
+      default: b(e.message) ? e.message : () => e.message
+    } : null
+  );
+  N(f, n), l.push(f), t == null || t.appendChild(n.firstChild);
+}, Jt = {
+  install: function(e) {
+    Object.keys(Be).forEach((t) => {
+      const n = Be[t];
+      n.install && e.use(n);
+    });
+  }
+};
+export {
+  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
+};