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

package/dist/index.es.js

@@ -0,0 +1,3166 @@
+var $t = Object.defineProperty;
+var At = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Q = (e, t, n) => At(e, typeof t != "symbol" ? t + "" : t, n);
+import { cloneVNode as Pt, defineComponent as E, computed as v, createVNode as c, h as p, reactive as re, getCurrentInstance as Ft, ref as O, watch as G, onMounted as W, onBeforeUnmount as ct, readonly as It, Teleport as jt, Transition as te, createTextVNode as P, onUnmounted as oe, Comment as Vt, Fragment as Z, render as j, isVNode as M, resolveComponent as H, createBlock as Y, openBlock as A, withCtx as me, withDirectives as ut, createElementVNode as ee, normalizeStyle as dt, normalizeClass as X, renderSlot as qe, toDisplayString as Oe, vShow as ft, toRefs as ht, nextTick as Te, provide as Dt, onUpdated as Ht, inject as Xt, mergeProps as Qe, createElementBlock as ke, createCommentVNode as De } from "vue";
+const Wt = "X", Yt = "x", mt = (e) => e ? Yt + "-" + e : e || "", S = (e) => Wt + e, z = (e) => {
+  const t = mt(e);
+  return {
+    block: t,
+    element: (o) => `${t}--${o}`,
+    modifier: (o) => `${t}-${o}`,
+    is: (o) => `${t}-is-${o}`
+  };
+}, ye = Object.prototype.toString;
+function ge(e) {
+  return ye.call(e) === "[object Array]";
+}
+function vt(e) {
+  return ye.call(e) === "[object Object]";
+}
+const Ne = (e) => ye.call(e) === "[object Promise]", qt = (e) => x(e) && e.constructor.name === "AsyncFunction", Gt = (e) => Ne(e) || qt(e);
+function bt(e) {
+  return ye.call(e) === "[object String]";
+}
+function Zt(e) {
+  return ye.call(e) === "[object Number]" && e === e;
+}
+function Ut(e) {
+  return e === void 0;
+}
+function x(e) {
+  return typeof e == "function";
+}
+function Ee() {
+  return typeof window < "u";
+}
+const N = (e) => e, Ue = (e) => !!(e && e.shapeFlag & 1), Ke = (e, t) => !!(e && e.shapeFlag & 6), Kt = (e, t) => !!(e && e.shapeFlag & 8), Je = (e, t) => !!(e && e.shapeFlag & 16), Jt = (e, t) => !!(e && e.shapeFlag & 32), Le = (e, t = !1) => {
+  var l, r;
+  const n = [];
+  for (const o of e ?? [])
+    Ue(o) || Ke(o) || t && Kt(o, o.children) ? n.push(o) : Je(o, o.children) ? n.push(...Le(o.children, t)) : Jt(o, o.children) ? n.push(...Le((r = (l = o.children).default) == null ? void 0 : r.call(l), t)) : ge(o) && n.push(...Le(o, t));
+  return n;
+}, Se = (e) => {
+  if (ge(e))
+    for (const t of e) {
+      const n = Se(t);
+      if (n) return n;
+    }
+  else {
+    if (Ue(e))
+      return e.el;
+    if (Ke(e)) {
+      if (e.el.nodeType === 1)
+        return e.el;
+      if (e.component) {
+        const t = Se(e.component.subTree);
+        if (t) return t;
+      }
+    } else if (Je(e, e.children))
+      for (const t of e.children) {
+        const n = Se(t);
+        if (n) return n;
+      }
+  }
+  return null;
+}, Qt = (e) => {
+  if (Je(e, e.children))
+    return e.children;
+  if (ge(e))
+    return e;
+}, yt = (e, t) => {
+  if (e && e.length > 0)
+    for (let n = 0; n < e.length; n++) {
+      const l = e[n];
+      if (Ue(l) || Ke(l)) {
+        const o = x(t) ? t(l) : t;
+        return e[n] = Pt(l, o, !0), !0;
+      }
+      const r = Qt(l);
+      if (r && r.length > 0 && yt(r, t))
+        return !0;
+    }
+  return !1;
+}, V = (e, t) => Object.assign(t, {
+  install(n) {
+    n.component(e) || n.component(e, t);
+  }
+}), Rt = {
+  disabled: Boolean,
+  block: Boolean,
+  loading: Boolean,
+  loadingFill: {
+    type: Boolean,
+    default: !1
+  },
+  debounce: {
+    type: Number,
+    default: 0
+  },
+  shape: {
+    type: N(String),
+    default: void 0
+  },
+  link: {
+    type: Boolean,
+    default: !1
+  },
+  type: {
+    type: N(String),
+    default: void 0
+  },
+  status: {
+    type: N(String),
+    default: void 0
+  },
+  plain: {
+    type: Boolean,
+    default: !1
+  },
+  size: {
+    type: N(String),
+    default: "medium"
+  },
+  border: {
+    type: Boolean,
+    default: !0
+  }
+}, en = (e) => bt(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", tn = (e, t = "px") => {
+  if (e === void 0) return "";
+  const n = typeof e == "number" ? `${e}` : e;
+  return ["px", "%", "vh", "vw", "calc"].some((r) => n.includes(r)) ? n : n + t;
+};
+function U(e, t) {
+  return /* @__PURE__ */ E({
+    name: mt(`Icon${en(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", r = v(() => {
+        const a = {};
+        return n.size && (a.fontSize = tn(n.size)), n.rotate && (a.transform = `rotate(${n.rotate}deg)`), n.color && (a.color = n.color), a;
+      }), o = v(() => [l, {
+        [`${l}-loading`]: n.spin
+      }]);
+      return () => c("div", {
+        class: o.value,
+        style: r.value
+      }, [t]);
+    }
+  });
+}
+const nn = U("InfoCircleFill", p(c("svg", {
+  viewBox: "0 0 50 50",
+  class: "x-icon-loading-svg"
+}, [c("circle", {
+  cx: "25",
+  cy: "25",
+  r: "20",
+  class: "path",
+  fill: "none",
+  stroke: "currentColor"
+}, null)]))), ln = /* @__PURE__ */ E({
+  name: "Button",
+  props: Rt,
+  emits: ["click"],
+  // 显式导入插槽
+  $slots: ["prefix", "suffix"],
+  setup(e, {
+    slots: t,
+    emit: n
+  }) {
+    const l = re({
+      clicked: !1,
+      isDebounce: !1
+    }), r = z("button"), o = v(() => [r.block, e.size && r.modifier(e.size), e.type && r.modifier(e.type), e.status && r.modifier(e.status), e.disabled && r.is("disabled"), e.block && r.modifier("block"), e.plain && r.is("plain"), e.shape && r.modifier(e.shape), e.link && r.modifier("is-link"), !e.border && r.modifier("is-hide-border"), i.value && r.modifier("is-loading")]), a = () => {
+      e.debounce > 0 && !l.isDebounce && (l.isDebounce = !0, setTimeout(() => {
+        l.isDebounce = !1;
+      }, e.debounce));
+    }, i = v(() => e.loading || l.clicked || l.isDebounce), d = Ft(), s = (u, f) => {
+      const h = u(f);
+      Gt(h) && (l.clicked = !0, h.finally(() => {
+        l.clicked = !1;
+      }));
+    }, m = (u) => {
+      var h, g, y, T;
+      if (u.stopPropagation(), (g = (h = u.target).blur) == null || g.call(h), i.value) return;
+      a();
+      const f = (T = (y = d == null ? void 0 : d.vnode) == null ? void 0 : y.props) == null ? void 0 : T.onClick;
+      if (ge(f))
+        f.forEach(($) => s($, u));
+      else if (x(f)) {
+        s(f, u);
+        return;
+      }
+    };
+    return () => {
+      var u;
+      return c("button", {
+        class: o.value,
+        type: "button",
+        disabled: e.disabled,
+        onClick: m
+      }, [c("span", {
+        style: {
+          display: i.value ? "flex" : "none",
+          marginRight: i.value ? "4px" : "0px"
+        },
+        class: r.element("loading")
+      }, [c(nn, null, null)]), t.prefix && c("span", {
+        class: r.element("prefix")
+      }, [t.prefix()]), c("span", {
+        class: r.element("content")
+      }, [(u = t.default) == null ? void 0 : u.call(t)]), t.suffix && c("span", {
+        class: r.element("suffix")
+      }, [t.suffix()])]);
+    };
+  }
+}), ne = V(S("Button"), ln), rn = ["px", "%", "vh", "vw", "calc"], Re = (e, t = "px") => {
+  if (e === void 0) return "";
+  const n = String(e);
+  return rn.some((l) => n.includes(l)) ? n : n + t;
+}, on = 1e3, an = 3e3, sn = 1;
+class cn {
+  constructor() {
+    Q(this, "popupStack", {
+      popup: /* @__PURE__ */ new Set(),
+      dialog: /* @__PURE__ */ new Set(),
+      message: /* @__PURE__ */ new Set()
+    });
+    Q(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || an : Array.from(this.popupStack.popup).pop() || on) + sn);
+    Q(this, "add", (t) => {
+      const n = this.getNextZIndex(t);
+      return this.popupStack[t].add(n), t === "dialog" && this.popupStack.popup.add(n), n;
+    });
+    Q(this, "delete", (t, n) => {
+      this.popupStack[n].delete(t), n === "dialog" && this.popupStack.popup.delete(t);
+    });
+    Q(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+  }
+}
+const He = new cn();
+function Ce(e, {
+  visible: t,
+  runOnMounted: n
+} = {}) {
+  const l = O(0), r = () => {
+    l.value = He.add(e);
+  }, o = () => {
+    He.delete(l.value, e);
+  }, a = () => e === "dialog" ? He.isLastDialog(l.value) : !1;
+  return G(
+    () => t == null ? void 0 : t.value,
+    (i) => {
+      i ? r() : o();
+    },
+    {
+      immediate: !0
+    }
+  ), n && (W(r), ct(o)), {
+    zIndex: It(l),
+    open: r,
+    close: o,
+    isLastDialog: a
+  };
+}
+const gt = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, n) => (n == null ? void 0 : n.toUpperCase()) ?? ""), Ct = () => {
+}, un = (e, t) => {
+  if (Ee)
+    return (t ?? document).querySelector(e) ?? void 0;
+}, dn = (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);
+}, fn = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, hn = (e, t) => {
+  var l;
+  if (!Ee || !e) return "";
+  let n = gt(t);
+  n === "float" && (n = "cssFloat");
+  try {
+    const r = e.style[n];
+    if (r) return r;
+    const o = (l = document.defaultView) == null ? void 0 : l.getComputedStyle(e, "");
+    return o ? o[n] : "";
+  } catch {
+    return e.style[n];
+  }
+}, q = (e, t, n) => {
+  if (!(!e || !t))
+    if (vt(t))
+      Object.entries(t).forEach(
+        ([l, r]) => q(e, l, r)
+      );
+    else {
+      const l = gt(t);
+      e.style[l] = n;
+    }
+}, be = (e, t) => {
+  if (bt(e)) {
+    const n = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
+    return un(n, t);
+  }
+  return e;
+}, wt = Ee ? (e, t, n, l = !1) => {
+  e.addEventListener(t, n, l);
+} : Ct, kt = Ee ? (e, t, n, l = !1) => {
+  e.removeEventListener(t, n, l);
+} : Ct, mn = (e, t) => {
+  let n = !1;
+  const l = {
+    overflow: "",
+    width: ""
+  }, r = (i) => i.tagName === "BODY", o = () => {
+    if (e.value) {
+      const i = e.value;
+      if (!n && i.style.overflow !== "hidden") {
+        const d = dn(i);
+        if (d > 0 || fn(i)) {
+          l.overflow = i.style.overflow, l.width = i.style.width;
+          let s = 0;
+          r(i) && (s = i.getBoundingClientRect().left || 0), q(i, {
+            width: `calc(100% - ${Math.ceil(d - s)}px)`,
+            overflow: "hidden"
+          }), n = !0;
+        }
+      }
+    }
+  }, a = () => {
+    if (e.value && n) {
+      const i = e.value;
+      q(i, {
+        overflow: l.overflow,
+        width: l.width
+      }), n = !1;
+    }
+  };
+  return G(
+    () => t == null ? void 0 : t.value,
+    (i) => {
+      e.value && !r(e.value) && (i && q(i, {
+        position: "absolute"
+      }), hn(e.value, "position") === "static" && q(e.value, { position: "relative" }));
+    }
+  ), {
+    setOverflowHidden: o,
+    resetOverflow: a
+  };
+}, vn = {
+  ESC: "Escape"
+}, bn = {
+  renderTo: {
+    type: N([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
+  }
+}, yn = ["width", "minWidth", "height", "minHeight"], pt = /* @__PURE__ */ E({
+  name: S("Dialog"),
+  inheritAttrs: !1,
+  props: bn,
+  emits: ["closed", "close", "open", "opened", "update:modelValue"],
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    const l = z("dialog"), r = l.block, o = z("message-box");
+    o.block;
+    const a = v(() => [r, e.messageBox && "is-message-box", e.popupClass && e.popupClass]), i = v(() => be(e.renderTo)), d = O(), s = v(() => e.disabled || !i.value), m = v(() => ({
+      zIndex: y.value
+    })), u = v(() => {
+      const w = {};
+      return e.fullscreen || (!e.center && e.top && (w.top = Re(e.top)), yn.forEach((I) => {
+        e[I] && (w[I] = Re(e[I]));
+      })), w;
+    }), f = O(!1), h = v(() => e.modelValue), g = v(() => h.value || f.value), {
+      zIndex: y,
+      isLastDialog: T
+    } = Ce("dialog", {
+      visible: h
+    }), {
+      setOverflowHidden: $,
+      resetOverflow: b
+    } = mn(i, d), C = (w, I) => {
+      t("update:modelValue", !1), t("close", e.messageBox ? w : void 0, e.messageBox ? I : void 0);
+    }, k = () => {
+      f.value = !1, b(), t("closed");
+    }, _ = () => {
+      t("opened");
+    }, B = re({
+      ok: !1,
+      cancel: !1
+    }), F = (w, I) => {
+      let J = !0;
+      if (B[w] = !0, x(e.onBeforeCancel) && (J = e.onBeforeCancel(w) ?? !1), Ne(J)) {
+        J.then((Ve) => {
+          B[w] = !1, Ve && C(w, I);
+        });
+        return;
+      }
+      B[w] = !1, J && C(w, I);
+    }, K = () => {
+      e.maskToClose && e.mask && F("cancel");
+    }, Ie = (w) => {
+      F("cancel", w);
+    }, je = (w) => {
+      F("ok", w);
+    };
+    let ae = !1;
+    const L = (w) => {
+      e.escToClose && w.key === vn.ESC && T() && F("cancel");
+    }, D = () => {
+      e.escToClose && !ae && (ae = !0, wt(document.documentElement, "keydown", L));
+    }, ie = () => {
+      ae = !1, kt(document.documentElement, "keydown", L);
+    };
+    return ct(() => {
+      b(), ie();
+    }), G(() => h.value, (w) => {
+      w ? (t("open"), $(), f.value = !0, D()) : ie();
+    }, {
+      immediate: !0
+    }), () => c(jt, {
+      to: i.value,
+      disabled: s.value
+    }, {
+      default: () => [g.value && c("div", {
+        ref: d,
+        class: a.value,
+        style: m.value
+      }, [c(te, {
+        name: "x-fade-in-standard",
+        appear: !0
+      }, {
+        default: () => [e.mask && h.value && c("div", {
+          class: l.element("mask")
+        }, null)]
+      }), c("div", {
+        class: [l.element("wrapper"), {
+          "is-center": e.center
+        }],
+        onClick: (w) => w.target === w.currentTarget && K()
+      }, [c(te, {
+        name: "x-zoom-in",
+        appear: !0,
+        onAfterEnter: _,
+        onAfterLeave: k
+      }, {
+        default: () => [h.value && c("div", {
+          class: [l.element("container"), {
+            "is-fullscreen": e.fullscreen
+          }],
+          style: u.value
+        }, [c("div", {
+          class: [e.messageBox ? o.element("header") : l.element("header"), e.showHeaderBottomLine && "is-bottom-line"]
+        }, [n.title ? n.title() : c("div", {
+          class: [l.element("header-title")]
+        }, [e.title])]), c("div", {
+          class: [e.messageBox ? o.element("body") : l.element("body")]
+        }, [n.default && n.default()]), c("div", {
+          class: [e.messageBox ? o.element("footer") : l.element("footer")]
+        }, [n.footer && n.footer({
+          cancel: Ie,
+          ok: je,
+          "loading-obj": B
+        })]), e.showClose && c("span", {
+          class: [l.element("close-icon"), e.messageBox && o.element("close-icon")],
+          onClick: () => F("cancel")
+        }, null)])]
+      })])])]
+    });
+  }
+}), xt = V(S("Dialog"), pt), _e = U("CloseCircleFill", p(c("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: ""
+}, [c("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)]))), ze = U("CheckCircleFill", p(c("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: ""
+}, [c("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)]))), $e = U("ExclamationCircleFill", p(c("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: ""
+}, [c("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)]))), we = U("InfoCircleFill", p(c("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: ""
+}, [c("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), Ae = U("MinusCircleFill", p(c("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: ""
+}, [c("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)])));
+U("LogoSimple", p(c("svg", {
+  width: "61.000000",
+  height: "41.000000",
+  viewBox: "0 0 61 41",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+}, [c("desc", null, [P("Created with Pixso.")]), c("defs", null, null), c("path", {
+  id: "path",
+  d: "M32 29.5L32 41L49.4 41C55.8 41 61 35.85 61 29.5C61 23.14 55.8 18 49.4 18C42.99 18 37.79 23.14 37.79 29.5L32 29.5Z",
+  fill: "#00C1FF",
+  "fill-opacity": "1.000000",
+  "fill-rule": "nonzero"
+}, null), c("path", {
+  id: "path",
+  d: "M10 20.5C10 27.14 13.15 33.04 18.05 36.79L18.05 41L30.5 41C41.82 41 51 31.82 51 20.5C51 9.17 41.82 0 30.5 0C19.17 0 10 9.17 10 20.5Z",
+  fill: "#1C99FF",
+  "fill-opacity": "1.000000",
+  "fill-rule": "nonzero"
+}, null), c("path", {
+  id: "path",
+  d: "M32 25C32 25.52 31.97 26.04 31.92 26.56C31.87 27.08 31.79 27.6 31.69 28.12C31.59 28.63 31.46 29.14 31.31 29.64C31.15 30.14 30.98 30.63 30.78 31.12C30.58 31.6 30.35 32.08 30.11 32.54C29.86 33 29.59 33.45 29.3 33.88C29.01 34.32 28.7 34.74 28.36 35.15C28.03 35.55 27.68 35.94 27.31 36.31C26.94 36.68 26.55 37.03 26.15 37.36C25.74 37.7 25.32 38.01 24.88 38.3C24.45 38.59 24 38.86 23.54 39.11C23.08 39.35 22.6 39.58 22.12 39.78C21.63 39.98 21.14 40.15 20.64 40.31C20.14 40.46 19.63 40.59 19.12 40.69C18.6 40.79 18.08 40.87 17.56 40.92C17.04 40.97 16.52 41 16 41C15.47 41 14.95 40.97 14.43 40.92C13.91 40.87 13.39 40.79 12.87 40.69C12.36 40.59 11.85 40.46 11.35 40.31C10.85 40.15 10.36 39.98 9.87 39.78C9.39 39.58 8.91 39.35 8.45 39.11C7.99 38.86 7.54 38.59 7.11 38.3C6.67 38.01 6.25 37.7 5.84 37.36C5.44 37.03 5.05 36.68 4.68 36.31C4.31 35.94 3.96 35.55 3.63 35.15C3.29 34.74 2.98 34.32 2.69 33.88C2.4 33.45 2.13 33 1.88 32.54C1.64 32.08 1.41 31.6 1.21 31.12C1.01 30.63 0.84 30.14 0.68 29.64C0.53 29.14 0.4 28.63 0.3 28.12C0.2 27.6 0.12 27.08 0.07 26.56C0.02 26.04 0 25.52 0 25C0 24.47 0.02 23.95 0.07 23.43C0.12 22.91 0.2 22.39 0.3 21.87C0.4 21.36 0.53 20.85 0.68 20.35C0.84 19.85 1.01 19.36 1.21 18.87C1.41 18.39 1.64 17.91 1.88 17.45C2.13 16.99 2.4 16.54 2.69 16.11C2.98 15.67 3.29 15.25 3.63 14.84C3.96 14.44 4.31 14.05 4.68 13.68C5.05 13.31 5.44 12.96 5.84 12.63C6.25 12.29 6.67 11.98 7.11 11.69C7.54 11.4 7.99 11.13 8.45 10.88C8.91 10.64 9.39 10.41 9.87 10.21C10.36 10.01 10.85 9.84 11.35 9.68C11.85 9.53 12.36 9.4 12.87 9.3C13.39 9.2 13.91 9.12 14.43 9.07C14.95 9.02 15.47 9 16 9C16.52 9 17.04 9.02 17.56 9.07C18.08 9.12 18.6 9.2 19.12 9.3C19.63 9.4 20.14 9.53 20.64 9.68C21.14 9.84 21.63 10.01 22.12 10.21C22.6 10.41 23.08 10.64 23.54 10.88C24 11.13 24.45 11.4 24.88 11.69C25.32 11.98 25.74 12.29 26.15 12.63C26.55 12.96 26.94 13.31 27.31 13.68C27.68 14.05 28.03 14.44 28.36 14.84C28.7 15.25 29.01 15.67 29.3 16.11C29.59 16.54 29.86 16.99 30.11 17.45C30.35 17.91 30.58 18.39 30.78 18.87C30.98 19.36 31.15 19.85 31.31 20.35C31.46 20.85 31.59 21.36 31.69 21.87C31.79 22.39 31.87 22.91 31.92 23.43C31.97 23.95 32 24.47 32 25Z",
+  fill: "#1666FF",
+  "fill-opacity": "1.000000",
+  "fill-rule": "nonzero"
+}, null)])));
+const gn = /* @__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 = z("message"), r = O(!1), o = O(null), a = v(() => [l.block, l.modifier(e.type), e.center && l.modifier("center"), e.showClose && !e.center && l.element("show-close"), e.popupClass]), {
+      zIndex: i
+    } = Ce("message", {
+      runOnMounted: !0
+    }), d = v(() => ({
+      top: `${e.offset}px`,
+      zIndex: i.value
+    })), s = () => {
+      if (n.icon) return n.icon();
+      switch (e.type) {
+        case "success":
+          return c(ze, null, null);
+        case "warning":
+          return c($e, null, null);
+        case "strong":
+          return c(Ae, null, null);
+        case "error":
+          return c(_e, null, null);
+        case "info":
+          return c(we, null, null);
+        default:
+          return null;
+      }
+    }, m = () => {
+      e.duration > 0 && (o.value = setTimeout(() => {
+        r.value = !1;
+      }, e.duration));
+    }, u = () => {
+      o.value && (clearTimeout(o.value), o.value = null);
+    };
+    W(() => {
+      r.value = !0, m();
+    }), oe(() => {
+      u();
+    });
+    const f = () => {
+      var h;
+      r.value = !1, u(), (h = e.onClose) == null || h.call(e);
+    };
+    return () => c(te, {
+      name: "x-message-slide-top",
+      onBeforeLeave: e.onClose,
+      onAfterLeave: () => t("destroy")
+    }, {
+      default: () => [r.value && c("div", {
+        class: a.value,
+        style: d.value
+      }, [c("span", {
+        class: [l.element("icon"), l.modifier(`icon-${e.type}`)]
+      }, [s()]), c("div", null, [n.default ? n.default() : e.useHTML ? c("span", {
+        innerHTML: e.message
+      }, null) : c("span", null, [e.message]), e.showClose && c("span", {
+        class: l.element("close-icon"),
+        onClick: f
+      }, null)])])]
+    });
+  }
+}), Cn = V(S("Message"), gn), wn = /* @__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 = z("space"), l = v(() => [n.block, n.element(e.direction), e.fill && "is-fill", n.element(`${e.direction}-${e.align}`)]);
+    function r(a) {
+      if (Zt(a))
+        return a;
+      switch (a) {
+        case "mini":
+          return 4;
+        case "small":
+          return 8;
+        case "medium":
+          return 16;
+        case "large":
+          return 24;
+        default:
+          return 8;
+      }
+    }
+    const o = (a) => {
+      const i = {};
+      if (a) return i;
+      const d = `${r(e.size)}px`, s = `${r(e.size)}px`;
+      return e.direction === "horizontal" && (i.marginRight = d), e.direction === "vertical" && (i.marginBottom = s), i;
+    };
+    return () => {
+      var i;
+      const a = Le((i = t.default) == null ? void 0 : i.call(t), !0).filter((d) => d.type !== Vt);
+      return c("div", {
+        class: [l.value]
+      }, [a.map((d, s) => {
+        var u;
+        const m = t.split && s > 0;
+        return c(Z, {
+          key: `space-item-${s}`
+        }, [m && c("div", {
+          className: n.element("split"),
+          style: o(!1)
+        }, [(u = t.split) == null ? void 0 : u.call(t)]), c("div", {
+          className: n.element("item"),
+          style: o(s === a.length - 1)
+        }, [d])]);
+      })]);
+    };
+  }
+}), Pe = V(S("Space"), wn), kn = ["info", "success", "warning", "strong", "error"];
+function et(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
+}
+const Xe = z("message-box"), Ge = (e) => {
+  const t = document.createElement("div"), n = () => {
+    j(null, t);
+  }, l = (f) => {
+    if (f === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (f === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, r = (f, h) => {
+    f === "cancel" && e.onCancel && e.onCancel(h), f === "ok" && e.onOk && e.onOk(h);
+  }, o = (f) => {
+    let h;
+    switch (f) {
+      case "warning":
+        h = c($e, {
+          size: "22px",
+          color: "#f6c64b"
+        }, null);
+        break;
+      case "strong":
+        h = c(Ae, {
+          size: "22px",
+          color: "#ff7125"
+        }, null);
+        break;
+      case "error":
+        h = c(_e, {
+          size: "22px",
+          color: "#e24f48"
+        }, null);
+        break;
+      case "success":
+        h = c(ze, {
+          size: "22px",
+          color: "#68d1ab"
+        }, null);
+        break;
+      case "info":
+        h = c(we, {
+          size: "22px",
+          color: "#2355f5"
+        }, null);
+        break;
+    }
+    return c("div", {
+      class: Xe.element("icon")
+    }, [h]);
+  }, a = (f) => {
+    if (M(f)) return f;
+    if (x(f)) {
+      const h = f();
+      return M(h) ? h : null;
+    }
+    return c("div", {
+      class: Xe.element("title")
+    }, [P(" "), f, P(" ")]);
+  }, i = (f) => {
+    if (M(f)) return f;
+    if (x(f)) {
+      const h = f();
+      return M(h) ? h : null;
+    }
+    return c("div", {
+      class: Xe.element("content")
+    }, [P(" "), e.content, P(" ")]);
+  }, d = () => () => c(Z, null, [o(e.type || "success"), e.title && a(e.title)]), s = () => () => c(Z, null, [e.content && i(e.content)]), m = () => {
+    if (M(e.footer) || x(e.footer))
+      return e.footer;
+    const f = (e == null ? void 0 : e.cancelText) || "取消", h = (e == null ? void 0 : e.okText) || "确认";
+    return (g) => c(Pe, {
+      size: 12
+    }, {
+      default: () => {
+        var y, T;
+        return [!e.hideCancel && c(ne, {
+          size: "small",
+          onClick: g.cancel,
+          loading: (y = g.loadingObj) == null ? void 0 : y.cancel
+        }, et(f) ? f : {
+          default: () => [f]
+        }), !e.hideOk && c(ne, {
+          type: "primary",
+          size: "small",
+          onClick: g.ok,
+          loading: (T = g.loadingObj) == null ? void 0 : T.ok
+        }, et(h) ? h : {
+          default: () => [h]
+        })];
+      }
+    });
+  }, u = c(xt, {
+    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: r,
+    onBeforeCancel: l,
+    "onUpdate:modelValue": () => {
+      u.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: n,
+    onOpened: () => {
+    }
+  }, {
+    title: d(),
+    default: s(),
+    footer: m()
+  });
+  j(u, t);
+}, pn = () => {
+  kn.forEach((e) => {
+    Ge[e] = (t, n) => {
+      const l = [], r = [];
+      let o = () => !0, a = () => !0;
+      return setTimeout(() => {
+        Ge({
+          title: t,
+          content: n,
+          type: e,
+          beforeOnCancel: a,
+          beforeOnOk: o,
+          onOk: () => {
+            l.forEach((i) => x(i) && i());
+          },
+          onCancel: () => {
+            r.forEach((i) => x(i) && i());
+          }
+        });
+      }, 0), {
+        ok(...i) {
+          return i.length === 1 && l.push(i[0]), i.length === 2 && (o = i[0], l.push(i[1])), this;
+        },
+        cancel(...i) {
+          return i.length === 1 && r.push(i[0]), i.length === 2 && (a = i[0], r.push(i[1])), this;
+        }
+      };
+    };
+  });
+};
+pn();
+const xn = V(S("MessageBox"), Ge), On = {
+  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
+  }
+}, Ot = /* @__PURE__ */ E({
+  name: S("Notification"),
+  props: On,
+  emits: ["close", "destroy"],
+  setup(e, {
+    emit: t,
+    slots: n
+  }) {
+    const l = z("notification"), r = l.block, o = v(() => [r, l.modifier(i.value.ver)]), {
+      zIndex: a
+    } = Ce("message", {
+      runOnMounted: !0
+    }), i = v(() => {
+      const y = e.position.split("-");
+      return {
+        hor: y[1],
+        ver: y[0]
+      };
+    }), d = v(() => `x-notification-slide-${i.value.hor}`), s = v(() => {
+      const y = {};
+      return y.position = e.renderToBody ? "fixed" : "absolute", y.zIndex = a.value, y[i.value.hor] = "20px", y[i.value.ver] = `${e.offset}px`, y;
+    }), m = O(!1);
+    let u = 0;
+    const f = () => {
+      u = setTimeout(() => {
+        m.value = !1;
+      }, e.duration);
+    }, h = v(() => e.type === "info" ? we : e.type === "warning" ? $e : e.type === "strong" ? Ae : e.type === "success" ? ze : e.type === "error" ? _e : ""), g = () => {
+      m.value = !1;
+    };
+    return W(() => {
+      e.duration !== 0 && f(), m.value = !0;
+    }), oe(() => {
+      clearTimeout(u);
+    }), () => c(te, {
+      name: d.value,
+      onBeforeLeave: () => t("close"),
+      onAfterLeave: () => t("destroy")
+    }, {
+      default: () => {
+        var y;
+        return [m.value && c("div", {
+          class: o.value,
+          style: s.value
+        }, [c("div", {
+          class: [l.element("header")]
+        }, [c("div", {
+          class: [l.element("icon"), l.modifier(`icon-${e.type}`)]
+        }, [h.value && c(h.value, null, null)]), c("div", null, [c("div", {
+          class: [l.element("title")]
+        }, [e.title]), c("div", {
+          class: [l.element("message")]
+        }, [((y = n.default) == null ? void 0 : y.call(n)) || e.message])])]), e.showClose && c("span", {
+          class: [l.element("close-icon")],
+          onClick: g
+        }, null)])];
+      }
+    });
+  }
+}), Ln = V(S("Notification"), Ot), Sn = () => {
+  const { body: e } = document, t = document.documentElement;
+  let n;
+  try {
+    n = (window.top || window.self || window).document.body;
+  } catch {
+  }
+  return {
+    height: Math.max(
+      e.scrollHeight,
+      e.offsetHeight,
+      t.clientHeight,
+      t.scrollHeight,
+      t.offsetHeight,
+      (n == null ? void 0 : n.scrollHeight) || 0,
+      (n == null ? void 0 : n.clientHeight) || 0
+    ),
+    width: Math.max(
+      e.scrollWidth,
+      e.offsetWidth,
+      t.clientWidth,
+      t.scrollWidth,
+      t.offsetWidth,
+      (n == null ? void 0 : n.scrollWidth) || 0,
+      (n == null ? void 0 : n.clientWidth) || 0
+    )
+  };
+}, Tn = () => {
+  const { height: e, width: t } = Sn();
+  return {
+    width: Math.min(t, window.innerWidth),
+    height: Math.min(e, window.innerHeight)
+  };
+}, tt = (e, t) => {
+  const n = e.getBoundingClientRect();
+  return {
+    top: n.top,
+    bottom: n.bottom,
+    left: n.left,
+    right: n.right,
+    scrollTop: n.top - t.top,
+    scrollBottom: n.bottom - t.top,
+    scrollLeft: n.left - t.left,
+    scrollRight: n.right - t.left,
+    width: e.offsetWidth ?? e.clientWidth,
+    height: e.offsetHeight ?? e.clientHeight
+  };
+}, Nn = (e) => {
+  switch (e) {
+    case "top":
+    case "tl":
+    case "tr":
+      return "top";
+    case "bottom":
+    case "bl":
+    case "br":
+      return "bottom";
+    case "left":
+    case "lt":
+    case "lb":
+      return "left";
+    case "right":
+    case "rt":
+    case "rb":
+      return "right";
+    default:
+      return "top";
+  }
+}, pe = (e, t) => {
+  switch (t) {
+    case "top":
+      switch (e) {
+        case "bottom":
+          return "top";
+        case "bl":
+          return "tl";
+        case "br":
+          return "tr";
+        default:
+          return e;
+      }
+    case "bottom":
+      switch (e) {
+        case "top":
+          return "bottom";
+        case "tl":
+          return "bl";
+        case "tr":
+          return "br";
+        default:
+          return e;
+      }
+    case "left":
+      switch (e) {
+        case "right":
+          return "left";
+        case "rt":
+          return "lt";
+        case "rb":
+          return "lb";
+        default:
+          return e;
+      }
+    case "right":
+      switch (e) {
+        case "left":
+          return "right";
+        case "lt":
+          return "rt";
+        case "lb":
+          return "rb";
+        default:
+          return e;
+      }
+    default:
+      return e;
+  }
+}, Bn = (e, t, {
+  containerRect: n,
+  triggerRect: l,
+  popupRect: r,
+  offset: o,
+  translate: a
+}) => {
+  const i = Nn(e), d = Tn(), s = {
+    top: n.top + t.top,
+    // prettier-ignore
+    bottom: d.height - (n.top + t.top + r.height),
+    left: n.left + t.left,
+    // prettier-ignore
+    right: d.width - (n.left + t.left + r.width)
+  };
+  let m = e;
+  if (i === "top" && s.top < 0)
+    if (l.top > r.height)
+      t.top = -n.top;
+    else {
+      const u = ve("bottom", l, r, {
+        offset: o,
+        translate: a
+      });
+      d.height - (n.top + u.top + r.height) > 0 && (m = pe(e, "bottom"), t.top = u.top);
+    }
+  if (i === "bottom" && s.bottom < 0)
+    if (d.height - l.bottom > r.height)
+      t.top = -n.top + (d.height - r.height);
+    else {
+      const u = ve("top", l, r, {
+        offset: o,
+        translate: a
+      });
+      n.top + u.top > 0 && (m = pe(e, "top"), t.top = u.top);
+    }
+  if (i === "left" && s.left < 0)
+    if (l.left > r.width)
+      t.left = -n.left;
+    else {
+      const u = ve("right", l, r, {
+        offset: o,
+        translate: a
+      });
+      d.width - (n.left + u.left + r.width) > 0 && (m = pe(e, "right"), t.left = u.left);
+    }
+  if (i === "right" && s.right < 0)
+    if (d.width - l.right > r.width)
+      t.left = -n.left + (d.width - r.width);
+    else {
+      const u = ve("left", l, r, {
+        offset: o,
+        translate: a
+      });
+      n.left + u.left > 0 && (m = pe(e, "left"), t.left = u.left);
+    }
+  return (i === "top" || i === "bottom") && (s.left < 0 ? t.left = -n.left : s.right < 0 && (t.left = -n.left + (d.width - r.width))), (i === "left" || i === "right") && (s.top < 0 ? t.top = -n.top : s.bottom < 0 && (t.top = -n.top + (d.height - r.height))), {
+    popupPosition: t,
+    position: m
+  };
+}, ve = (e, t, n, {
+  offset: l = 0,
+  translate: r = [0, 0]
+} = {}) => {
+  const o = (ge(r) ? r : r[e]) ?? [0, 0];
+  switch (e) {
+    case "top":
+      return {
+        left: t.scrollLeft + Math.round(t.width / 2) - Math.round(n.width / 2) + o[0],
+        top: t.scrollTop - n.height - l + o[1]
+      };
+    case "tl":
+      return {
+        left: t.scrollLeft + o[0],
+        top: t.scrollTop - n.height - l + o[1]
+      };
+    case "tr":
+      return {
+        left: t.scrollRight - n.width + o[0],
+        top: t.scrollTop - n.height - l + o[1]
+      };
+    case "bottom":
+      return {
+        left: t.scrollLeft + Math.round(t.width / 2) - Math.round(n.width / 2) + o[0],
+        top: t.scrollBottom + l + o[1]
+      };
+    case "bl":
+      return {
+        left: t.scrollLeft + o[0],
+        top: t.scrollBottom + l + o[1]
+      };
+    case "br":
+      return {
+        left: t.scrollRight - n.width + o[0],
+        top: t.scrollBottom + l + o[1]
+      };
+    case "left":
+      return {
+        left: t.scrollLeft - n.width - l + o[0],
+        top: t.scrollTop + Math.round(t.height / 2) - Math.round(n.height / 2) + o[1]
+      };
+    case "lt":
+      return {
+        left: t.scrollLeft - n.width - l + o[0],
+        top: t.scrollTop + o[1]
+      };
+    case "lb":
+      return {
+        left: t.scrollLeft - n.width - l + o[0],
+        top: t.scrollBottom - n.height + o[1]
+      };
+    case "right":
+      return {
+        left: t.scrollRight + l + o[0],
+        top: t.scrollTop + Math.round(t.height / 2) - Math.round(n.height / 2) + o[1]
+      };
+    case "rt":
+      return {
+        left: t.scrollRight + l + o[0],
+        top: t.scrollTop + o[1]
+      };
+    case "rb":
+      return {
+        left: t.scrollRight + l + o[0],
+        top: t.scrollBottom - n.height + o[1]
+      };
+    default:
+      return {
+        left: 0,
+        top: 0
+      };
+  }
+}, Mn = (e, t, n, l, {
+  offset: r = 0,
+  translate: o = [0, 0],
+  customStyle: a = {},
+  autoFitPosition: i = !1
+} = {}) => {
+  let d = e, s = ve(e, n, l, {
+    offset: r,
+    translate: o
+  });
+  if (i) {
+    const u = Bn(e, s, {
+      containerRect: t,
+      popupRect: l,
+      triggerRect: n,
+      offset: r,
+      translate: o
+    });
+    s = u.popupPosition, d = u.position;
+  }
+  return {
+    style: {
+      left: `${s.left}px`,
+      top: `${s.top}px`,
+      ...a
+    },
+    position: d
+  };
+}, En = (e, t, n, {
+  customStyle: l = {}
+}) => {
+  if (["top", "tl", "tr", "bottom", "bl", "br"].includes(e)) {
+    let o = Math.abs(
+      t.scrollLeft + t.width / 2 - n.scrollLeft
+    );
+    return o > n.width - 8 && (t.width > n.width ? o = n.width / 2 : o = n.width - 8), ["top", "tl", "tr"].includes(e) ? {
+      left: `${o}px`,
+      bottom: "0",
+      transform: "translate(-50%,100%)",
+      "border-color": "var(--bn-trigger-arrow-background-color) transparent transparent transparent",
+      ...l
+    } : {
+      left: `${o}px`,
+      top: "0",
+      transform: "translate(-50%,-100%)",
+      "border-color": "transparent transparent var(--bn-trigger-arrow-background-color) transparent",
+      ...l
+    };
+  }
+  let r = Math.abs(t.scrollTop + t.height / 2 - n.scrollTop);
+  return r > n.height - 8 && (t.height > n.height ? r = n.height / 2 : r = n.height - 8), ["left", "lt", "lb"].includes(e) ? {
+    top: `${r}px`,
+    right: "0",
+    transform: "translate(100%,-50%)",
+    "border-color": "transparent transparent transparent var(--bn-trigger-arrow-background-color)",
+    ...l
+  } : {
+    top: `${r}px`,
+    left: "0",
+    transform: "translate(-100%,-50%)",
+    "border-color": "transparent var(--bn-trigger-arrow-background-color) transparent transparent",
+    ...l
+  };
+};
+var Lt = function() {
+  if (typeof Map < "u")
+    return Map;
+  function e(t, n) {
+    var l = -1;
+    return t.some(function(r, o) {
+      return r[0] === n ? (l = o, !0) : !1;
+    }), l;
+  }
+  return (
+    /** @class */
+    function() {
+      function t() {
+        this.__entries__ = [];
+      }
+      return Object.defineProperty(t.prototype, "size", {
+        /**
+         * @returns {boolean}
+         */
+        get: function() {
+          return this.__entries__.length;
+        },
+        enumerable: !0,
+        configurable: !0
+      }), t.prototype.get = function(n) {
+        var l = e(this.__entries__, n), r = this.__entries__[l];
+        return r && r[1];
+      }, t.prototype.set = function(n, l) {
+        var r = e(this.__entries__, n);
+        ~r ? this.__entries__[r][1] = l : this.__entries__.push([n, l]);
+      }, t.prototype.delete = function(n) {
+        var l = this.__entries__, r = e(l, n);
+        ~r && l.splice(r, 1);
+      }, t.prototype.has = function(n) {
+        return !!~e(this.__entries__, n);
+      }, t.prototype.clear = function() {
+        this.__entries__.splice(0);
+      }, t.prototype.forEach = function(n, l) {
+        l === void 0 && (l = null);
+        for (var r = 0, o = this.__entries__; r < o.length; r++) {
+          var a = o[r];
+          n.call(l, a[1], a[0]);
+        }
+      }, t;
+    }()
+  );
+}(), Ze = typeof window < "u" && typeof document < "u" && window.document === document, Be = function() {
+  return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
+}(), _n = function() {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(Be) : function(e) {
+    return setTimeout(function() {
+      return e(Date.now());
+    }, 1e3 / 60);
+  };
+}(), zn = 2;
+function $n(e, t) {
+  var n = !1, l = !1, r = 0;
+  function o() {
+    n && (n = !1, e()), l && i();
+  }
+  function a() {
+    _n(o);
+  }
+  function i() {
+    var d = Date.now();
+    if (n) {
+      if (d - r < zn)
+        return;
+      l = !0;
+    } else
+      n = !0, l = !1, setTimeout(a, t);
+    r = d;
+  }
+  return i;
+}
+var An = 20, Pn = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], Fn = typeof MutationObserver < "u", In = (
+  /** @class */
+  function() {
+    function e() {
+      this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = $n(this.refresh.bind(this), An);
+    }
+    return e.prototype.addObserver = function(t) {
+      ~this.observers_.indexOf(t) || this.observers_.push(t), this.connected_ || this.connect_();
+    }, e.prototype.removeObserver = function(t) {
+      var n = this.observers_, l = n.indexOf(t);
+      ~l && n.splice(l, 1), !n.length && this.connected_ && this.disconnect_();
+    }, e.prototype.refresh = function() {
+      var t = this.updateObservers_();
+      t && this.refresh();
+    }, e.prototype.updateObservers_ = function() {
+      var t = this.observers_.filter(function(n) {
+        return n.gatherActive(), n.hasActive();
+      });
+      return t.forEach(function(n) {
+        return n.broadcastActive();
+      }), t.length > 0;
+    }, e.prototype.connect_ = function() {
+      !Ze || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), Fn ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+        attributes: !0,
+        childList: !0,
+        characterData: !0,
+        subtree: !0
+      })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
+    }, e.prototype.disconnect_ = function() {
+      !Ze || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+    }, e.prototype.onTransitionEnd_ = function(t) {
+      var n = t.propertyName, l = n === void 0 ? "" : n, r = Pn.some(function(o) {
+        return !!~l.indexOf(o);
+      });
+      r && this.refresh();
+    }, e.getInstance = function() {
+      return this.instance_ || (this.instance_ = new e()), this.instance_;
+    }, e.instance_ = null, e;
+  }()
+), St = function(e, t) {
+  for (var n = 0, l = Object.keys(t); n < l.length; n++) {
+    var r = l[n];
+    Object.defineProperty(e, r, {
+      value: t[r],
+      enumerable: !1,
+      writable: !1,
+      configurable: !0
+    });
+  }
+  return e;
+}, le = function(e) {
+  var t = e && e.ownerDocument && e.ownerDocument.defaultView;
+  return t || Be;
+}, Tt = Fe(0, 0, 0, 0);
+function Me(e) {
+  return parseFloat(e) || 0;
+}
+function nt(e) {
+  for (var t = [], n = 1; n < arguments.length; n++)
+    t[n - 1] = arguments[n];
+  return t.reduce(function(l, r) {
+    var o = e["border-" + r + "-width"];
+    return l + Me(o);
+  }, 0);
+}
+function jn(e) {
+  for (var t = ["top", "right", "bottom", "left"], n = {}, l = 0, r = t; l < r.length; l++) {
+    var o = r[l], a = e["padding-" + o];
+    n[o] = Me(a);
+  }
+  return n;
+}
+function Vn(e) {
+  var t = e.getBBox();
+  return Fe(0, 0, t.width, t.height);
+}
+function Dn(e) {
+  var t = e.clientWidth, n = e.clientHeight;
+  if (!t && !n)
+    return Tt;
+  var l = le(e).getComputedStyle(e), r = jn(l), o = r.left + r.right, a = r.top + r.bottom, i = Me(l.width), d = Me(l.height);
+  if (l.boxSizing === "border-box" && (Math.round(i + o) !== t && (i -= nt(l, "left", "right") + o), Math.round(d + a) !== n && (d -= nt(l, "top", "bottom") + a)), !Xn(e)) {
+    var s = Math.round(i + o) - t, m = Math.round(d + a) - n;
+    Math.abs(s) !== 1 && (i -= s), Math.abs(m) !== 1 && (d -= m);
+  }
+  return Fe(r.left, r.top, i, d);
+}
+var Hn = /* @__PURE__ */ function() {
+  return typeof SVGGraphicsElement < "u" ? function(e) {
+    return e instanceof le(e).SVGGraphicsElement;
+  } : function(e) {
+    return e instanceof le(e).SVGElement && typeof e.getBBox == "function";
+  };
+}();
+function Xn(e) {
+  return e === le(e).document.documentElement;
+}
+function Wn(e) {
+  return Ze ? Hn(e) ? Vn(e) : Dn(e) : Tt;
+}
+function Yn(e) {
+  var t = e.x, n = e.y, l = e.width, r = e.height, o = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, a = Object.create(o.prototype);
+  return St(a, {
+    x: t,
+    y: n,
+    width: l,
+    height: r,
+    top: n,
+    right: t + l,
+    bottom: r + n,
+    left: t
+  }), a;
+}
+function Fe(e, t, n, l) {
+  return { x: e, y: t, width: n, height: l };
+}
+var qn = (
+  /** @class */
+  function() {
+    function e(t) {
+      this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = Fe(0, 0, 0, 0), this.target = t;
+    }
+    return e.prototype.isActive = function() {
+      var t = Wn(this.target);
+      return this.contentRect_ = t, t.width !== this.broadcastWidth || t.height !== this.broadcastHeight;
+    }, e.prototype.broadcastRect = function() {
+      var t = this.contentRect_;
+      return this.broadcastWidth = t.width, this.broadcastHeight = t.height, t;
+    }, e;
+  }()
+), Gn = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function e(t, n) {
+      var l = Yn(n);
+      St(this, { target: t, contentRect: l });
+    }
+    return e;
+  }()
+), Zn = (
+  /** @class */
+  function() {
+    function e(t, n, l) {
+      if (this.activeObservations_ = [], this.observations_ = new Lt(), typeof t != "function")
+        throw new TypeError("The callback provided as parameter 1 is not a function.");
+      this.callback_ = t, this.controller_ = n, this.callbackCtx_ = l;
+    }
+    return e.prototype.observe = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof le(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var n = this.observations_;
+        n.has(t) || (n.set(t, new qn(t)), this.controller_.addObserver(this), this.controller_.refresh());
+      }
+    }, e.prototype.unobserve = function(t) {
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      if (!(typeof Element > "u" || !(Element instanceof Object))) {
+        if (!(t instanceof le(t).Element))
+          throw new TypeError('parameter 1 is not of type "Element".');
+        var n = this.observations_;
+        n.has(t) && (n.delete(t), n.size || this.controller_.removeObserver(this));
+      }
+    }, e.prototype.disconnect = function() {
+      this.clearActive(), this.observations_.clear(), this.controller_.removeObserver(this);
+    }, e.prototype.gatherActive = function() {
+      var t = this;
+      this.clearActive(), this.observations_.forEach(function(n) {
+        n.isActive() && t.activeObservations_.push(n);
+      });
+    }, e.prototype.broadcastActive = function() {
+      if (this.hasActive()) {
+        var t = this.callbackCtx_, n = this.activeObservations_.map(function(l) {
+          return new Gn(l.target, l.broadcastRect());
+        });
+        this.callback_.call(t, n, t), this.clearActive();
+      }
+    }, e.prototype.clearActive = function() {
+      this.activeObservations_.splice(0);
+    }, e.prototype.hasActive = function() {
+      return this.activeObservations_.length > 0;
+    }, e;
+  }()
+), Nt = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Lt(), Bt = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function e(t) {
+      if (!(this instanceof e))
+        throw new TypeError("Cannot call a class as a function.");
+      if (!arguments.length)
+        throw new TypeError("1 argument required, but only 0 present.");
+      var n = In.getInstance(), l = new Zn(t, n, this);
+      Nt.set(this, l);
+    }
+    return e;
+  }()
+);
+[
+  "observe",
+  "unobserve",
+  "disconnect"
+].forEach(function(e) {
+  Bt.prototype[e] = function() {
+    var t;
+    return (t = Nt.get(this))[e].apply(t, arguments);
+  };
+});
+var Un = function() {
+  return typeof Be.ResizeObserver < "u" ? Be.ResizeObserver : Bt;
+}();
+const Kn = ({
+  elementRef: e,
+  onResize: t
+}) => {
+  let n;
+  return {
+    createResizeObserver: () => {
+      e.value && (n = new Un((o) => {
+        const a = o[0];
+        x(t) && t(a);
+      }), n.observe(e.value));
+    },
+    destroyResizeObserver: () => {
+      n && (n.disconnect(), n = null);
+    }
+  };
+}, Jn = ["px", "%", "vh", "vw", "calc"], Qn = (e, t = "px") => {
+  if (e === void 0) return "";
+  const n = String(e);
+  return Jn.some((l) => n.includes(l)) ? n : n + t;
+}, Rn = E({
+  name: "PopconfirmPopup",
+  components: {
+    Space: Pe,
+    Button: ne,
+    InfoCircleFill: we
+  },
+  props: {
+    width: {
+      type: [String, Number],
+      default: ""
+    },
+    content: {
+      type: Object,
+      default: () => ({})
+    },
+    okText: {
+      type: String,
+      default: "String"
+    },
+    cancelText: {
+      type: String,
+      default: ""
+    },
+    popupClass: {
+      type: String,
+      default: void 0
+    },
+    onBeforeCancel: {
+      type: Function,
+      default: void 0
+    },
+    onBeforeOk: {
+      type: Function,
+      default: void 0
+    },
+    type: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["ok", "cancel", "close", "destroy"],
+  setup(e, { emit: t }) {
+    const n = z("popconfirm"), l = O(!0), r = v(() => [
+      n.block,
+      e.popupClass && e.popupClass,
+      e.type && n.modifier(e.type)
+    ]), o = v(() => {
+      const f = {};
+      return f["--bn-trigger-arrow-background-color"] = "#fff", f.width = Qn(e.width), f;
+    }), a = re({
+      ok: !1,
+      cancel: !1
+    }), i = (f) => {
+      l.value = f;
+    }, d = (f) => {
+      const h = e.onBeforeOk;
+      let g = !0;
+      if (x(h) && (g = h(), Ne(g))) {
+        a.ok = !0, g.then((y) => {
+          a.ok = !1, y && t("ok", f);
+        });
+        return;
+      }
+      g && t("ok", f);
+    }, s = (f) => {
+      const h = e.onBeforeCancel;
+      let g = !0;
+      if (x(h) && (g = h(), Ne(g))) {
+        a.cancel = !0, g.then((y) => {
+          a.cancel = !1, y && t("cancel", f);
+        });
+        return;
+      }
+      g && t("cancel", f);
+    }, m = () => {
+      t("close");
+    }, u = () => {
+      t("destroy");
+    };
+    return oe(() => {
+      l.value = !1;
+    }), {
+      ns: n.block,
+      visible: l,
+      popupCls: r,
+      popupStyle: o,
+      loadingObj: a,
+      changeVisible: i,
+      handleOk: d,
+      handleCancel: s,
+      beforeLeave: m,
+      afterLeave: u
+    };
+  }
+}), Mt = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, r] of t)
+    n[l] = r;
+  return n;
+};
+function el(e, t, n, l, r, o) {
+  const a = H("InfoCircleFill"), i = H("Button"), d = H("Space");
+  return A(), Y(te, {
+    name: "x-fade-in-standard",
+    appear: "",
+    onBeforeLeave: e.beforeLeave,
+    onAfterLeave: e.afterLeave
+  }, {
+    default: me(() => [
+      ut(ee("div", {
+        class: X(e.popupCls),
+        style: dt(e.popupStyle)
+      }, [
+        ee("div", {
+          class: X([`${e.ns}--content`])
+        }, [
+          qe(e.$slots, "content", {}, () => {
+            var s;
+            return [
+              c(a, {
+                class: X([`${e.ns}--icon`]),
+                size: 16
+              }, null, 8, ["class"]),
+              ee("div", {
+                class: X([`${e.ns}--title`])
+              }, Oe((s = e.content) == null ? void 0 : s.value), 3)
+            ];
+          })
+        ], 2),
+        ee("div", {
+          class: X([`${e.ns}--footer`])
+        }, [
+          c(d, { size: 12 }, {
+            default: me(() => [
+              c(i, {
+                size: "mini",
+                loading: e.loadingObj.cancel,
+                onClick: e.handleCancel
+              }, {
+                default: me(() => [
+                  P(Oe(e.cancelText), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "onClick"]),
+              c(i, {
+                size: "mini",
+                type: "primary",
+                loading: e.loadingObj.ok,
+                onClick: e.handleOk
+              }, {
+                default: me(() => [
+                  P(Oe(e.okText), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "onClick"])
+            ]),
+            _: 1
+          })
+        ], 2),
+        t[0] || (t[0] = ee("div", { class: "arrow" }, null, -1))
+      ], 6), [
+        [ft, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onBeforeLeave", "onAfterLeave"]);
+}
+const tl = /* @__PURE__ */ Mt(Rn, [["render", el]]), nl = {
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  width: {
+    type: [String, Number],
+    default: 150
+  },
+  type: {
+    type: String,
+    default: "danger"
+  },
+  content: [String, Number],
+  position: {
+    type: String,
+    default: "top"
+  },
+  okText: {
+    type: String,
+    default: "确认"
+  },
+  cancelText: {
+    type: String,
+    default: "取消"
+  },
+  // 点击ok前拦截
+  onBeforeOk: {
+    type: Function,
+    default: void 0
+  },
+  // 点击cancel前拦截
+  onBeforeCancel: {
+    type: Function,
+    default: void 0
+  },
+  renderTo: {
+    type: [String, Object]
+  },
+  popupClass: String
+}, ll = /* @__PURE__ */ E({
+  name: "Popconfirm",
+  props: nl,
+  emits: ["ok", "cancel", "change", "update:modelValue"],
+  setup(e, {
+    slots: t,
+    emit: n
+  }) {
+    const l = be(e.renderTo || document.body);
+    let r, o, a;
+    const i = document.createElement("div"), d = O(!1), s = v(() => e.modelValue ?? d.value), m = (L) => {
+      var D;
+      o && ((D = o.component) == null ? void 0 : D.proxy).changeVisible(L);
+    }, u = () => {
+    }, f = () => {
+      i && (j(null, i), a = null, o = null, d.value = !1, n("update:modelValue", !1), n("change", !1), $());
+    }, h = (L) => {
+      m(!1), n("cancel", L);
+    }, g = (L) => {
+      m(!1), n("ok", L);
+    }, y = (L) => {
+      a && (a.contains(L.target) || m(!1));
+    }, T = () => {
+      wt(document.documentElement, "click", y);
+    }, $ = () => {
+      kt(document.documentElement, "click", y);
+    }, {
+      zIndex: b
+    } = Ce("popup", {
+      visible: s
+    }), C = async () => {
+      if (!a || !r) return;
+      const L = Se(r), D = l.getBoundingClientRect(), ie = tt(L, D), w = () => tt(a, D), {
+        style: I,
+        position: J
+      } = Mn(e.position, D, ie, w(), {
+        autoFitPosition: !0,
+        offset: 16
+      }), Ve = {
+        ...I,
+        position: "absolute",
+        "z-index": b.value
+      };
+      q(a, Ve), await Te();
+      const _t = En(J, ie, w(), {
+        customStyle: {
+          position: "absolute",
+          "border-width": "6px",
+          "border-style": "solid",
+          zIndex: 0
+        }
+      }), zt = be(".arrow", a);
+      q(zt, _t);
+    }, k = async () => {
+      await C();
+    }, {
+      createResizeObserver: _,
+      destroyResizeObserver: B
+    } = Kn({
+      elementRef: O(l),
+      onResize: k
+    });
+    W(() => {
+      _();
+    }), oe(() => {
+      m(!1), B();
+    });
+    const {
+      content: F
+    } = ht(e), K = {
+      ...e,
+      onClose: u,
+      onDestroy: f,
+      onCancel: h,
+      onOk: g,
+      content: F
+    }, Ie = () => {
+      a || (o = c(tl, K, {
+        content: t.content
+      }), j(o, i), a = i.firstChild, l.appendChild(a), C(), setTimeout(() => {
+        T();
+      }, 0));
+    }, je = () => {
+      d.value = !0;
+    }, ae = v(() => ({
+      cursor: e.disabled ? "not-allowed" : "pointer",
+      // color: props.disabled
+      //   ? 'var(--x-text-color)'
+      //   : computedVisible.value
+      //     ? 'var(--x-primary)'
+      //     : 'var(--x-text-color)',
+      userSelect: "none"
+    }));
+    return G(() => s.value, (L) => {
+      e.disabled || (L ? (Te(Ie), n("change", !0)) : m(!1));
+    }, {
+      immediate: !0
+    }), () => {
+      var L;
+      return r = (L = t.default) == null ? void 0 : L.call(t), yt(r, {
+        onClick: je,
+        style: ae.value,
+        disabled: e.disabled
+      }), r;
+    };
+  }
+}), rl = V(S("Popconfirm"), ll), ol = {
+  /**
+   * @description 是否倒序
+   */
+  reverse: {
+    type: Boolean
+  },
+  /**
+   * @description 轴线样式
+   */
+  lineType: {
+    type: String,
+    default: "solid"
+  }
+}, al = {
+  /**
+   * @description 小圆点颜色
+   */
+  dotColor: {
+    type: String
+  }
+}, Et = Symbol("timelineKey"), il = "TimelineItem", sl = /* @__PURE__ */ E({
+  name: "Timeline",
+  components: {},
+  props: ol,
+  emits: ["update:current", "change"],
+  setup(e, {
+    slots: t
+  }) {
+    const n = z("timeline"), l = v(() => [n.block, e.reverse && "is-reverse"]), {
+      reverse: r,
+      lineType: o
+    } = ht(e), a = O(0), i = (u) => Array.isArray(u) && u.length > 0 ? u.filter((f) => {
+      var h;
+      if (Array.isArray(f.children) && f.children.length > 0 && typeof f.type == "symbol")
+        return f.children = i(f.children), f.children.length > 0 ? f : null;
+      if (((h = f == null ? void 0 : f.type) == null ? void 0 : h.name) === il)
+        return f;
+    }) : [], d = (u) => {
+      let f = 0;
+      return u.forEach((h) => {
+        Array.isArray(h.children) ? f += d(h.children) : f += 1;
+      }), f;
+    }, s = (u) => {
+      const f = i(u);
+      return a.value = d(f), f;
+    }, m = re({
+      reverse: r,
+      parentCls: n.block,
+      count: a,
+      lineType: o
+    });
+    return Dt(Et, m), () => {
+      var u;
+      return c("div", {
+        class: l.value
+      }, [s((u = t.default) == null ? void 0 : u.call(t))]);
+    };
+  }
+}), cl = V(S("Timeline"), sl), ul = ({
+  itemRef: e,
+  selector: t,
+  index: n,
+  parentClassName: l
+}) => {
+  const r = O(-1), o = v(() => (n == null ? void 0 : n.value) ?? r.value), a = O(), i = () => {
+    var m;
+    let s = ((m = e.value) == null ? void 0 : m.parentElement) ?? void 0;
+    if (l)
+      for (; s && !s.className.includes(l); )
+        s = s.parentElement ?? void 0;
+    return s;
+  }, d = () => {
+    if (Ut(n == null ? void 0 : n.value) && a.value && e.value) {
+      const s = Array.from(a.value.querySelectorAll(t)).indexOf(e.value);
+      s !== r.value && (r.value = s);
+    }
+  };
+  return G(e, () => {
+    e.value && !a.value && (a.value = i());
+  }), W(() => {
+    e.value && (a.value = i()), d();
+  }), Ht(() => d()), {
+    innerIndex: o
+  };
+}, dl = /* @__PURE__ */ E({
+  name: "TimelineItem",
+  props: al,
+  emits: ["close"],
+  setup(e, {
+    slots: t
+  }) {
+    const n = z("timeline-item"), l = Xt(Et), r = O(null), o = O(e.dotColor), {
+      innerIndex: a
+    } = ul({
+      itemRef: r,
+      selector: `.${n.block}`,
+      parentClassName: l == null ? void 0 : l.parentCls
+    }), i = v(() => l ? l.reverse ? a.value === 0 : a.value + 1 === l.count : !1), d = v(() => [n.block, i.value && "is-last"]), s = v(() => ({
+      borderLeftStyle: l == null ? void 0 : l.lineType
+    })), m = v(() => t.icon ? [`${n.block}--dot--icon`, "is-slot-icon"] : [`${n.block}--dot--icon`]);
+    return () => {
+      var u, f;
+      return c("div", {
+        ref: r,
+        class: d.value
+      }, [c("div", {
+        class: `${n.block}--dot`
+      }, [!i.value && c("div", {
+        class: `${n.block}--dot--line`,
+        style: s.value
+      }, null), c("div", {
+        class: m.value
+      }, [t.icon ? t.icon() : c("i", {
+        class: "icon",
+        style: {
+          backgroundColor: o.value
+        }
+      }, null)])]), c("div", {
+        class: `${n.block}--content`
+      }, [t.default ? t.default() : c(Z, null, [c("div", {
+        class: `${n.block}--content--label`
+      }, [(u = t.label) == null ? void 0 : u.call(t)]), c("div", {
+        class: `${n.block}--content--description`
+      }, [(f = t.description) == null ? void 0 : f.call(t)])])])]);
+    };
+  }
+}), fl = V(S("TimelineItem"), dl), hl = (e) => {
+  const t = e.split(" ").filter((l) => l !== "").map((l) => parseInt(l));
+  let n = {};
+  switch (t.length) {
+    case 4:
+      n = { top: t[0], right: t[1], bottom: t[2], left: t[3] };
+      break;
+    case 3:
+      n = { top: t[0], right: t[1], bottom: t[2], left: t[1] };
+      break;
+    case 2:
+      n = { top: t[0], right: t[1], bottom: t[0], left: t[1] };
+      break;
+    default:
+      n = { top: t[0], right: t[0], bottom: t[0], left: t[0] };
+  }
+  return n;
+}, ml = (e) => {
+  const t = e.split(" ").filter((n) => n !== "").map((n) => parseInt(n));
+  return t.length < 1 || t.length > 4 ? !1 : t.every((n) => typeof n == "number" && n >= 0);
+}, vl = {
+  // 数据集
+  dataset: {
+    required: !0,
+    type: N(Array),
+    default: () => []
+  },
+  status: {
+    type: N(String),
+    default: void 0
+  },
+  // 网格属性
+  grid: {
+    default: null,
+    type: N(Object)
+  },
+  // 标签属性
+  labels: {
+    default: null,
+    type: N(Object)
+  },
+  // 最大值，默认数据集最大值
+  max: {
+    type: Number
+  },
+  // 最小值，默认数据集最小值
+  min: {
+    type: Number
+  },
+  // 绘制边距
+  padding: {
+    default: "5",
+    type: String,
+    validator(e) {
+      return ml(e);
+    }
+  },
+  // 开启交互，开启后启用onmousemove事件
+  interactive: {
+    default: !1,
+    type: Boolean
+  },
+  // 主题
+  theme: {
+    type: N(Object),
+    default: () => ({
+      activeLineColor: "#CCC"
+    })
+  }
+}, bl = {
+  boundary: {
+    required: !0,
+    type: N(Object),
+    default: () => {
+    }
+  },
+  minValue: {
+    required: !0,
+    type: Number
+  },
+  maxValue: {
+    required: !0,
+    type: Number
+  },
+  maxAmount: {
+    required: !0,
+    type: Number
+  },
+  activeLineParams: {
+    type: Object
+  },
+  data: {
+    required: !0,
+    type: N(Array),
+    default: () => []
+  },
+  className: {
+    type: String
+  },
+  // 平滑
+  smooth: {
+    default: !0,
+    type: Boolean
+  },
+  stroke: {
+    default: !0,
+    type: Boolean
+  },
+  // 填充
+  fill: {
+    default: !0,
+    type: Boolean
+  },
+  // 鼠标
+  showPoints: {
+    default: !0,
+    type: Boolean
+  },
+  theme: {
+    type: N(Object)
+  },
+  mainTheme: {
+    type: N(Object)
+  }
+}, yl = {
+  boundary: {
+    required: !0,
+    type: N(Object),
+    default: () => {
+    }
+  },
+  verticalLines: {
+    default: !1,
+    type: Boolean
+  },
+  verticalLinesNumber: {
+    default: 0,
+    type: Number
+  },
+  horizontalLines: {
+    default: !1,
+    type: Boolean
+  },
+  horizontalLinesNumber: {
+    default: 0,
+    type: Number
+  }
+}, gl = {
+  boundary: {
+    required: !0,
+    type: N(Object),
+    default: () => {
+    }
+  },
+  minValue: {
+    type: Number,
+    required: !0
+  },
+  maxValue: {
+    type: Number,
+    required: !0
+  },
+  xLabels: {
+    type: Array
+  },
+  yLabels: {
+    type: Number,
+    required: !0
+  },
+  yLabelsTextFormatter: {
+    default: (e) => e,
+    type: Function
+  }
+}, lt = E({
+  name: S("TrendChartGrid"),
+  props: yl,
+  setup(e) {
+    const t = (o) => {
+      const a = e.verticalLinesNumber > 1 ? (e.boundary.maxX - e.boundary.minX) / (e.verticalLinesNumber - 1) : 0, i = e.boundary.minX + a * (o - 1), d = e.boundary.minY, s = e.boundary.maxY;
+      return {
+        x1: i,
+        x2: i,
+        y1: d,
+        y2: s,
+        stroke: "rgba(0,0,0,0.1)"
+      };
+    }, n = (o) => {
+      const a = e.horizontalLinesNumber > 1 ? (e.boundary.maxY - e.boundary.minY) / (e.horizontalLinesNumber - 1) : 0, i = e.boundary.maxY - a * (o - 1), d = e.boundary.minX, s = e.boundary.maxX;
+      return {
+        x1: d,
+        x2: s,
+        y1: i,
+        y2: i,
+        stroke: "rgba(0,0,0,0.1)"
+      };
+    }, l = v(() => {
+      if (e.verticalLines && e.verticalLinesNumber > 0) {
+        const o = [];
+        for (let a = 1; a <= e.verticalLinesNumber; a++)
+          o.push(
+            p("line", {
+              class: "line",
+              ...t(a)
+            })
+          );
+        return p("g", { class: "vertical" }, o);
+      }
+      return null;
+    }), r = v(() => {
+      if (e.horizontalLines && e.horizontalLinesNumber > 0) {
+        const o = [];
+        for (let a = 1; a <= e.horizontalLinesNumber; a++)
+          o.push(
+            p("line", {
+              class: "line",
+              ...n(a)
+            })
+          );
+        return p("g", { class: "horizontal" }, o);
+      }
+      return null;
+    });
+    return () => {
+      const o = [];
+      return l.value && o.push(l.value), r.value && o.push(r.value), o.length === 0 ? null : p("g", null, o);
+    };
+  }
+}), rt = E({
+  name: S("TrendChartLabels"),
+  props: gl,
+  setup(e) {
+    const t = re({
+      xLabelHeight: 0,
+      yLabelHeight: 0
+    }), n = O(null), l = O(null), r = (d) => {
+      const s = (e.boundary.maxX - e.boundary.minX) / (e.xLabels.length - 1), m = e.boundary.minX + s * d, u = e.boundary.maxY;
+      return { transform: `translate(${m}, ${u})` };
+    }, o = (d) => {
+      const s = (e.boundary.maxY - e.boundary.minY) / (e.yLabels - 1), m = e.boundary.minX, u = e.boundary.maxY - s * d;
+      return { transform: `translate(${m}, ${u})` };
+    };
+    W(() => {
+      var d, s;
+      n.value && e.xLabels && e.xLabels.length && (t.xLabelHeight = ((d = n.value.querySelector("text")) == null ? void 0 : d.getBoundingClientRect().height) || 0), l.value && e.yLabels && e.yLabels > 0 && (t.yLabelHeight = ((s = l.value.querySelector("text")) == null ? void 0 : s.getBoundingClientRect().height) || 0);
+    });
+    const a = v(() => e.xLabels && e.xLabels.length ? p(
+      "g",
+      { class: "x-labels", ref: n },
+      e.xLabels.map(
+        (d, s) => p("g", { class: "label", ...r(s) }, [
+          p(
+            "text",
+            {
+              dy: t.xLabelHeight + 5,
+              "text-anchor": "middle"
+            },
+            d
+          ),
+          p("line", { stroke: "rgba(0,0,0,0.1)", y2: 5 })
+        ])
+      )
+    ) : null), i = v(() => {
+      if (e.yLabels && e.yLabels > 0) {
+        const d = [];
+        for (let s = 0; s < e.yLabels; s++)
+          d.push(
+            p("g", { class: "label", ...o(s) }, [
+              p(
+                "text",
+                {
+                  dx: -10,
+                  dy: t.yLabelHeight / 4,
+                  "text-anchor": "end"
+                },
+                e.yLabelsTextFormatter(
+                  e.minValue + (e.maxValue - e.minValue) / (e.yLabels - 1) * s
+                )
+              ),
+              p("line", { stroke: "rgba(0,0,0,0.1)", x1: 0, x2: -5 })
+            ])
+          );
+        return p("g", { class: "y-labels", ref: l }, d);
+      }
+      return null;
+    });
+    return () => {
+      const d = [];
+      return a.value && d.push(a.value), i.value && d.push(i.value), p("g", d);
+    };
+  }
+}), Cl = (e, t, n, l, r) => {
+  const o = l - 1e-3, a = (t.maxX - t.minX) / (r - 1), i = (t.maxY - t.minY) / (n + 1e-3 - o);
+  return e.map((d, s) => ({
+    x: s * a + t.minX,
+    y: t.maxY - (d - o) * i + +(s === r - 1) * 1e-5 - +(s === 0) * 1e-5
+  }));
+}, wl = (e, t, { maxY: n }) => {
+  const l = e.shift(), r = e[e.length - 1], a = (e[0].x - l.x) / 2;
+  let i = `M ${l.x},${l.y}`;
+  e.forEach((s, m) => {
+    if (!t) i += ` L${s.x},${s.y}`;
+    else {
+      const u = e[m - 1] || l;
+      i += ` C ${a + u.x},${u.y} ${a + u.x},${s.y} ${s.x},${s.y}`;
+    }
+  });
+  let d = i;
+  return r.y !== n && (d += ` L${r.x},${n}`), l.y !== n && (d += ` L${l.x},${n}`), d += " Z", { linePath: i, fillPath: d };
+}, ot = /* @__PURE__ */ E({
+  name: S("TrendChartCurve"),
+  props: bl,
+  setup(e) {
+    const t = v(() => Cl(e.data, e.boundary, e.maxValue, e.minValue, e.maxAmount)), n = v(() => wl([...t.value], e.smooth, e.boundary)), l = v(() => {
+      var a, i, d, s, m, u, f, h, g, y, T, $;
+      const r = [];
+      e.fill && ((a = n.value) != null && a.fillPath) && r.push(c("path", {
+        class: "x-trend-chart-fill",
+        d: n.value.fillPath,
+        fill: "none",
+        style: {
+          fill: ((d = (i = e.theme) == null ? void 0 : i.fill) == null ? void 0 : d.color) || "#585858",
+          opacity: ((m = (s = e.theme) == null ? void 0 : s.fill) == null ? void 0 : m.opacity) || 0.1
+        }
+      }, null)), e.stroke && ((u = n.value) != null && u.linePath) && r.push(c("path", {
+        class: "x-trend-chart-stroke",
+        d: n.value.linePath,
+        fill: "none",
+        stroke: "none",
+        style: {
+          stroke: (h = (f = e.theme) == null ? void 0 : f.stroke) == null ? void 0 : h.color,
+          strokeWidth: (y = (g = e.theme) == null ? void 0 : g.stroke) == null ? void 0 : y.width,
+          opacity: ($ = (T = e.theme) == null ? void 0 : T.stroke) == null ? void 0 : $.opacity
+        }
+      }, null));
+      const o = (b) => {
+        var C, k, _, B;
+        return b ? {
+          stroke: (k = (C = e.theme) == null ? void 0 : C.point) == null ? void 0 : k.color,
+          strokeWidth: (B = (_ = e.theme) == null ? void 0 : _.point) == null ? void 0 : B.width,
+          r: 1
+        } : {};
+      };
+      if (e.showPoints && t.value) {
+        const b = t.value.map((C, k) => {
+          var _, B;
+          return c("circle", {
+            class: {
+              point: !0,
+              "x-trend-chart-point-active": ((_ = e.activeLineParams) == null ? void 0 : _.index) === k
+            },
+            cx: C.x,
+            cy: C.y,
+            style: o(((B = e.activeLineParams) == null ? void 0 : B.index) === k)
+          }, null);
+        });
+        r.push(c("g", {
+          class: "x-trend-chart-points"
+        }, [b]));
+      }
+      return r;
+    });
+    return () => c("g", {
+      class: e.className
+    }, [l.value]);
+  }
+}), xe = "#f00", se = "#ff7126", ce = "#ffc703", ue = "#363636", de = "#25c341", fe = "#0056ff", R = {
+  DANGER: {
+    // 主题色
+    color: "#f00",
+    // 点
+    point: {
+      width: 3,
+      color: xe
+    },
+    // 描边
+    stroke: {
+      width: 3,
+      color: xe,
+      opacity: 0.8
+    },
+    // 填充
+    fill: {
+      color: xe,
+      opacity: 0.1
+    },
+    axisLine: {
+      color: xe,
+      width: 2,
+      opacity: 0.9
+    }
+  },
+  STRONG: {
+    // 主题色
+    color: se,
+    // 点
+    point: {
+      width: 4,
+      color: se
+    },
+    stroke: {
+      width: 3,
+      color: se,
+      opacity: 0.8
+    },
+    fill: {
+      color: se,
+      opacity: 0.1
+    },
+    axisLine: {
+      color: se,
+      width: 2,
+      opacity: 0.9
+    }
+  },
+  WARNING: {
+    // 主题色
+    color: ce,
+    // 点
+    point: {
+      width: 4,
+      color: ce
+    },
+    stroke: {
+      width: 3,
+      color: ce,
+      opacity: 1
+    },
+    fill: {
+      color: ce,
+      opacity: 0.1
+    },
+    axisLine: {
+      color: ce,
+      width: 2,
+      opacity: 0.9
+    }
+  },
+  SUCCESS: {
+    // 主题色
+    color: de,
+    // 点
+    point: {
+      width: 4,
+      color: de
+    },
+    stroke: {
+      width: 3,
+      color: de,
+      opacity: 1
+    },
+    fill: {
+      color: de,
+      opacity: 0.1
+    },
+    axisLine: {
+      color: de,
+      width: 2,
+      opacity: 0.9
+    }
+  },
+  INFO: {
+    // 主题色
+    color: ue,
+    // 点
+    point: {
+      width: 4,
+      color: ue
+    },
+    stroke: {
+      width: 3,
+      color: ue,
+      opacity: 1
+    },
+    fill: {
+      color: ue,
+      opacity: 0.1
+    },
+    axisLine: {
+      color: ue,
+      width: 2,
+      opacity: 0.9
+    }
+  },
+  PRIMARY: {
+    // 主题色
+    color: fe,
+    // 点
+    point: {
+      width: 4,
+      color: fe
+    },
+    stroke: {
+      width: 3,
+      color: fe,
+      opacity: 0.9
+    },
+    fill: {
+      color: fe,
+      opacity: 0.1
+    },
+    axisLine: {
+      color: fe,
+      width: 2,
+      opacity: 0.9
+    }
+  }
+}, kl = /* @__PURE__ */ E({
+  name: S("TrendChart"),
+  components: {
+    TrendChartGrid: lt,
+    TrendChartLabels: rt,
+    TrendChartCurve: ot
+  },
+  props: vl,
+  emits: {
+    "mouse-move": (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const n = re({
+      width: null,
+      height: null,
+      labelsOverflowObject: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      },
+      activeLine: null,
+      activeLineParams: null
+    }), l = v(() => {
+      let b = R.INFO;
+      return e.status === "primary" ? b = R.PRIMARY : e.status === "success" ? b = R.SUCCESS : e.status === "danger" ? b = R.DANGER : e.status === "warning" ? b = R.WARNING : e.status === "strong" && (b = R.STRONG), {
+        ...b,
+        ...e.theme
+      };
+    }), r = v(() => hl(e.padding || "0")), o = v(() => ({
+      minX: Number(r.value.left) + Number(n.labelsOverflowObject.left),
+      minY: Number(r.value.top) + Number(n.labelsOverflowObject.top),
+      maxX: (n.width ?? 0) - Number(r.value.right) - Number(n.labelsOverflowObject.right),
+      maxY: (n.height ?? 0) - Number(r.value.bottom) - Number(n.labelsOverflowObject.bottom)
+    })), a = v(() => {
+      let b = -1 / 0, C = 1 / 0, k = 0;
+      return b = Math.max(b, ...e.dataset), C = Math.min(C, ...e.dataset), k = Math.max(k, e.dataset.length), e.max !== void 0 && (b = Math.max(b, e.max)), e.min !== void 0 && (C = Math.min(C, e.min)), {
+        maxValue: b,
+        minValue: C,
+        maxAmount: k
+      };
+    }), i = v(() => ({
+      x: o.value.minX,
+      y: o.value.minY,
+      width: Math.max(0, o.value.maxX - o.value.minX),
+      height: Math.max(0, o.value.maxY - o.value.minY),
+      opacity: 0
+    })), d = v(() => {
+      const b = (o.value.maxX - o.value.minX) / (a.value.maxAmount - 1);
+      return Array.from({
+        length: a.value.maxAmount
+      }, (C, k) => Math.round(o.value.minX + b * k));
+    }), s = O(null), m = O(null), u = () => {
+      if (s.value) {
+        const b = s.value.getBoundingClientRect();
+        n.width = b.width, n.height = b.height;
+      }
+    }, f = () => {
+      if (m.value) {
+        const b = s.value.getBoundingClientRect(), C = m.value.$el.getBoundingClientRect();
+        n.labelsOverflowObject = {
+          top: Math.max(0, Number(b.top) - Number(C.top) + Number(r.value.top)),
+          right: Math.max(0, Number(C.right) - Number(b.right) + Number(r.value.right)),
+          bottom: Math.max(0, Number(C.bottom) - Number(b.bottom) + Number(r.value.bottom)),
+          left: Math.max(0, Number(r.value.left) - Number(C.left) + Number(b.left))
+        };
+      } else
+        n.labelsOverflowObject = {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0
+        };
+    }, h = () => {
+      u(), Te(f);
+    }, g = (b) => d.value.reduce((C, k) => Math.abs(C - b) > Math.abs(k - b) ? k : C, 1 / 0), y = (b) => {
+      if (s.value) {
+        const C = s.value.getBoundingClientRect();
+        n.activeLine = g(b.clientX - C.left);
+      }
+    }, T = () => {
+      n.activeLine = null, n.activeLineParams = null;
+    }, $ = () => {
+      u();
+    };
+    return W(() => {
+      h(), window.addEventListener("resize", $);
+    }), oe(() => {
+      window.removeEventListener("resize", $);
+    }), G(() => n.activeLine, (b) => {
+      if (b !== null) {
+        const C = d.value.indexOf(b);
+        n.activeLineParams = {
+          index: C
+        }, t("mouse-move", {
+          ...n.activeLineParams,
+          data: e.dataset[C]
+        });
+      } else
+        t("mouse-move", null);
+    }), G(() => e.labels, () => {
+      n.labelsOverflowObject = {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      }, Te(f);
+    }, {
+      deep: !0
+    }), () => {
+      var b, C, k, _, B, F, K;
+      return c("svg", {
+        class: "x-trend-chart",
+        ref: s,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "100%",
+        height: "100%"
+      }, [e.grid && c(lt, {
+        class: "grid",
+        verticalLines: e.grid.verticalLines,
+        verticalLinesNumber: e.grid.verticalLinesNumber || a.value.maxAmount,
+        horizontalLines: e.grid.horizontalLines,
+        horizontalLinesNumber: e.grid.horizontalLinesNumber || (((b = e.labels) == null ? void 0 : b.yLabels) ?? 0),
+        boundary: o.value
+      }, null), e.labels && c(rt, Qe({
+        ref: m,
+        class: "labels"
+      }, e.labels, {
+        boundary: o.value,
+        minValue: a.value.minValue,
+        maxValue: a.value.maxValue
+      }), null), c(ot, {
+        class: "curve",
+        data: e.dataset,
+        boundary: o.value,
+        minValue: a.value.minValue,
+        maxValue: a.value.maxValue,
+        maxAmount: a.value.maxAmount,
+        activeLineParams: n.activeLineParams,
+        theme: l.value
+      }, null), e.interactive && c(Z, null, [c("line", {
+        class: "x-trend-chart-active-line",
+        x1: n.activeLine ?? o.value.minX,
+        x2: n.activeLine ?? o.value.minX,
+        y1: o.value.minY,
+        y2: o.value.maxY,
+        visibility: n.activeLine ? "visible" : "hidden",
+        style: {
+          stroke: (k = (C = l.value) == null ? void 0 : C.axisLine) == null ? void 0 : k.color,
+          strokeWidth: (B = (_ = l.value) == null ? void 0 : _.axisLine) == null ? void 0 : B.width,
+          strokeOpacity: (K = (F = l.value) == null ? void 0 : F.axisLine) == null ? void 0 : K.opacity
+        }
+      }, null), c("rect", Qe(i.value, {
+        onMousemove: y,
+        onMouseout: T
+      }), null)])]);
+    };
+  }
+}), pl = V(S("TrendChart"), kl), at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  XButton: ne,
+  XDialog: xt,
+  XMessage: Cn,
+  XMessageBox: xn,
+  XNotification: Ln,
+  XPopconfirm: rl,
+  XSpace: Pe,
+  XTimeline: cl,
+  XTimelineItem: fl,
+  XTrendChart: pl
+}, Symbol.toStringTag, { value: "Module" }));
+function it(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
+}
+const st = z("dialog"), _l = (e) => {
+  const t = document.createElement("div"), n = () => {
+    j(null, t);
+  }, l = (u) => {
+    if (u === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (u === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, r = (u, f) => {
+    u === "cancel" && e.onCancel && e.onCancel(f), u === "ok" && e.onOk && e.onOk(f);
+  }, o = (u) => {
+    if (M(u)) return u;
+    if (x(u)) {
+      const f = u();
+      return M(f) ? f : null;
+    }
+    return c("div", {
+      class: st.element("header-title")
+    }, [P(" "), u, P(" ")]);
+  }, a = (u) => {
+    if (M(u)) return u;
+    if (x(u)) {
+      const f = u();
+      return M(f) ? f : null;
+    }
+    return c("div", {
+      class: st.element("content")
+    }, [P(" "), e.content, P(" ")]);
+  }, i = () => () => c(Z, null, [e.title && o(e.title)]), d = () => () => c(Z, null, [e.content && a(e.content)]), s = () => {
+    if (M(e.footer) || x(e.footer))
+      return e.footer;
+    const u = (e == null ? void 0 : e.cancelText) || "取消", f = (e == null ? void 0 : e.okText) || "确认";
+    return (h) => c(Pe, {
+      size: 12
+    }, {
+      default: () => {
+        var g, y;
+        return [!e.hideCancel && c(ne, {
+          size: "small",
+          onClick: h.cancel,
+          loading: (g = h.loadingObj) == null ? void 0 : g.cancel
+        }, it(u) ? u : {
+          default: () => [u]
+        }), !e.hideOk && c(ne, {
+          type: "primary",
+          size: "small",
+          onClick: h.ok,
+          loading: (y = h.loadingObj) == null ? void 0 : y.ok
+        }, it(f) ? f : {
+          default: () => [f]
+        })];
+      }
+    });
+  }, m = c(pt, {
+    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: r,
+    onBeforeCancel: l,
+    "onUpdate:modelValue": () => {
+      m.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: n,
+    onOpened: () => {
+    }
+  }, {
+    title: i(),
+    default: d(),
+    footer: s()
+  });
+  j(m, t);
+}, xl = ["success", "warning", "error", "strong", "info"], Ol = E({
+  name: S("Message"),
+  components: {
+    CloseCircleFill: _e,
+    CheckCircleFill: ze,
+    ExclamationCircleFill: $e,
+    InfoCircleFill: we,
+    MinusCircleFill: Ae
+  },
+  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 = z("message"), n = v(() => [
+      t.block,
+      t.modifier(e.type),
+      e.center && t.modifier("center"),
+      e.showClose && !e.center && t.element("show-close"),
+      e.popupClass && e.popupClass
+    ]), l = O(!1);
+    let r = null;
+    const o = () => {
+      r = setTimeout(() => {
+        l.value = !1;
+      }, e.duration);
+    };
+    W(() => {
+      l.value = !0, e.duration !== 0 && o();
+    }), oe(() => {
+      clearTimeout(r);
+    });
+    const { zIndex: a } = Ce("message", { runOnMounted: !0 }), i = v(() => ({
+      top: `${e.offset}px`,
+      zIndex: a.value
+    }));
+    return {
+      cn: t,
+      cls: n,
+      styles: i,
+      visible: l,
+      handleClose: () => {
+        l.value = !1;
+      }
+    };
+  }
+}), Ll = ["innerHTML"], Sl = { key: 1 };
+function Tl(e, t, n, l, r, o) {
+  const a = H("CheckCircleFill"), i = H("ExclamationCircleFill"), d = H("MinusCircleFill"), s = H("CloseCircleFill"), m = H("InfoCircleFill");
+  return A(), Y(te, {
+    name: "x-message-slide-top",
+    onBeforeLeave: e.onClose,
+    onAfterLeave: t[1] || (t[1] = (u) => e.$emit("destroy"))
+  }, {
+    default: me(() => [
+      ut(ee("div", {
+        class: X(e.cls),
+        style: dt(e.styles)
+      }, [
+        e.$slots.icon ? De("", !0) : (A(), ke("span", {
+          key: 0,
+          class: X([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+        }, [
+          qe(e.$slots, "icon", {}, () => [
+            e.type === "success" ? (A(), Y(a, { key: 0 })) : e.type === "warning" ? (A(), Y(i, { key: 1 })) : e.type === "strong" ? (A(), Y(d, { key: 2 })) : e.type === "error" ? (A(), Y(s, { key: 3 })) : e.type === "info" ? (A(), Y(m, { key: 4 })) : De("", !0)
+          ])
+        ], 2)),
+        qe(e.$slots, "default", {}, () => [
+          e.useHTML ? (A(), ke("span", {
+            key: 0,
+            innerHTML: e.message
+          }, null, 8, Ll)) : (A(), ke("span", Sl, Oe(e.message), 1)),
+          e.showClose ? (A(), ke("span", {
+            key: 2,
+            class: X([e.cn.element("close-icon")]),
+            onClick: t[0] || (t[0] = (...u) => e.handleClose && e.handleClose(...u))
+          }, null, 2)) : De("", !0)
+        ])
+      ], 6), [
+        [ft, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onBeforeLeave"]);
+}
+const Nl = /* @__PURE__ */ Mt(Ol, [["render", Tl]]), We = /* @__PURE__ */ new WeakMap(), Ye = (e) => {
+  (typeof e == "string" || M(e)) && (e = {
+    message: e
+  });
+  const t = be(e.renderTo || "body"), n = document.createElement("div");
+  We.has(t) || We.set(t, []);
+  const l = We.get(t);
+  let r = e.offset || 20;
+  l.forEach((u) => {
+    var f;
+    r += ((f = u.el) == null ? void 0 : f.offsetHeight) + 20;
+  });
+  const o = e.onClose;
+  let a = {};
+  a = { ...e, onClose: () => {
+    var h;
+    const u = l.findIndex((g) => g === s);
+    if (u < 0) return;
+    const f = ((h = s.el) == null ? void 0 : h.offsetHeight) + 20;
+    l.slice(u + 1).forEach((g) => {
+      var T;
+      const y = (T = g.component) == null ? void 0 : T.props.offset;
+      g.component.props.offset = y - f;
+    }), l.splice(u, 1), o && o(s);
+  }, onDestroy: () => {
+    j(null, n);
+  }, offset: r };
+  const s = c(
+    Nl,
+    a,
+    x(a.message) || M(a.message) ? {
+      default: x(a.message) ? a.message : () => a.message
+    } : null
+  );
+  return j(s, n), t.tagName === "BODY" ? s.el.style.position = "fixed" : (t.style.position = "relative", s.el.style.position = "absolute"), t.appendChild(n.firstElementChild), l.push(s), {
+    close: () => {
+      s.component.proxy.handleClose();
+    }
+  };
+}, Bl = () => {
+  xl.forEach((e) => {
+    Ye[e] = (t) => vt(t) ? Ye({
+      type: e,
+      ...t
+    }) : Ye({
+      message: t,
+      type: e
+    });
+  });
+};
+Bl();
+const he = /* @__PURE__ */ new WeakMap(), zl = (e) => {
+  const t = be(e.renderTo || "body"), n = document.createElement("div");
+  he.get(t) || he.set(t, {}), he.get(t)[e.position] || (he.get(t)[e.position] = []);
+  const l = he.get(t)[e.position];
+  let r = e.offset || 20;
+  l.forEach((m) => {
+    var u;
+    r += ((u = m.el) == null ? void 0 : u.offsetHeight) + 20;
+  });
+  const o = t.tagName === "BODY";
+  o || (t.style.position = "relative", t.style.overflowX = "hidden");
+  const a = e.onClose, i = () => {
+    var f;
+    const m = l.findIndex((h) => h === s);
+    if (m < 0) return;
+    const u = ((f = s.el) == null ? void 0 : f.offsetHeight) + 20;
+    l.slice(m + 1).forEach((h) => {
+      var y;
+      const g = (y = h.component) == null ? void 0 : y.props.offset;
+      h.component.props.offset = g - u;
+    }), l.splice(m, 1), a && a(s);
+  }, d = () => {
+    j(null, n);
+  }, s = c(
+    Ot,
+    {
+      message: e.message,
+      title: e.title,
+      type: e.type,
+      offset: r,
+      renderToBody: o,
+      position: e.position,
+      duration: e.duration ?? 3e3,
+      showClose: e.showClose ?? !0,
+      onClose: i,
+      onDestroy: d
+    },
+    x(e.message) || M(e.message) ? {
+      default: x(e.message) ? e.message : () => e.message
+    } : null
+  );
+  j(s, n), l.push(s), t == null || t.appendChild(n.firstChild);
+}, $l = {
+  install: function(e) {
+    Object.keys(at).forEach((t) => {
+      const n = at[t];
+      n.install && e.use(n);
+    });
+  }
+};
+export {
+  _l as Dialog,
+  Ye as Message,
+  Ge as MessageBox,
+  zl as Notification,
+  R as TrendChartTheme,
+  ne as XButton,
+  xt as XDialog,
+  Cn as XMessage,
+  xn as XMessageBox,
+  Ln as XNotification,
+  rl as XPopconfirm,
+  Pe as XSpace,
+  cl as XTimeline,
+  fl as XTimelineItem,
+  pl as XTrendChart,
+  $l as default
+};