x-next 0.0.0-alpha.35 → 0.0.0-alpha.37

package/dist/index.es.js

@@ -1,46 +1,90 @@
-var lt = Object.defineProperty;
-var nt = (e, t, l) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
-var D = (e, t, l) => nt(e, typeof t != "symbol" ? t + "" : t, l);
-import { defineComponent as E, computed as g, createVNode as r, h as w, reactive as ce, getCurrentInstance as at, ref as M, watch as ee, onMounted as W, onBeforeUnmount as De, readonly as rt, Teleport as ot, Transition as te, createTextVNode as p, onUnmounted as ue, Comment as it, Fragment as Y, render as I, isVNode as O, nextTick as Ee, mergeProps as ze, resolveComponent as _, openBlock as P, createBlock as H, withCtx as st, withDirectives as ct, createElementVNode as ut, normalizeClass as Ce, normalizeStyle as dt, createElementBlock as oe, renderSlot as Pe, createCommentVNode as xe, toDisplayString as ft, vShow as mt } from "vue";
-const ht = "X", yt = "x", He = (e) => e ? yt + "-" + e : e || "", B = (e) => ht + e, $ = (e) => {
-  const t = He(e);
+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: (a) => `${t}--${a}`,
-    modifier: (a) => `${t}-${a}`,
-    is: (a) => `${t}-is-${a}`
+    element: (o) => `${t}--${o}`,
+    modifier: (o) => `${t}-${o}`,
+    is: (o) => `${t}-is-${o}`
   };
-}, ne = Object.prototype.toString;
-function Re(e) {
-  return ne.call(e) === "[object Array]";
+}, ye = Object.prototype.toString;
+function ge(e) {
+  return ye.call(e) === "[object Array]";
 }
-function Ye(e) {
-  return ne.call(e) === "[object Object]";
-}
-const We = (e) => ne.call(e) === "[object Promise]", gt = (e) => S(e) && e.constructor.name === "AsyncFunction", vt = (e) => We(e) || gt(e);
-function _e(e) {
-  return ne.call(e) === "[object String]";
+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 ne.call(e) === "[object Number]" && e === 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 S(e) {
+function x(e) {
   return typeof e == "function";
 }
-function de() {
+function Ee() {
   return typeof window < "u";
 }
-const L = (e) => e, Ct = (e) => !!(e && e.shapeFlag & 1), xt = (e, t) => !!(e && e.shapeFlag & 6), wt = (e, t) => !!(e && e.shapeFlag & 8), kt = (e, t) => !!(e && e.shapeFlag & 16), Lt = (e, t) => !!(e && e.shapeFlag & 32), se = (e, t = !1) => {
-  var n, o;
-  const l = [];
-  for (const a of e ?? [])
-    Ct(a) || xt(a) || t && wt(a, a.children) ? l.push(a) : kt(a, a.children) ? l.push(...se(a.children, t)) : Lt(a, a.children) ? l.push(...se((o = (n = a.children).default) == null ? void 0 : o.call(n), t)) : Re(a) && l.push(...se(a, t));
-  return l;
+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(l) {
-    l.component(e) || l.component(e, t);
+  install(n) {
+    n.component(e) || n.component(e, t);
   }
-}), Nt = {
+}), Rt = {
   disabled: Boolean,
   block: Boolean,
   loading: Boolean,
@@ -53,7 +97,7 @@ const L = (e) => e, Ct = (e) => !!(e && e.shapeFlag & 1), xt = (e, t) => !!(e &&
     default: 0
   },
   shape: {
-    type: L(String),
+    type: N(String),
     default: void 0
   },
   link: {
@@ -61,11 +105,11 @@ const L = (e) => e, Ct = (e) => !!(e && e.shapeFlag & 1), xt = (e, t) => !!(e &&
     default: !1
   },
   type: {
-    type: L(String),
+    type: N(String),
     default: void 0
   },
   status: {
-    type: L(String),
+    type: N(String),
     default: void 0
   },
   plain: {
@@ -73,21 +117,21 @@ const L = (e) => e, Ct = (e) => !!(e && e.shapeFlag & 1), xt = (e, t) => !!(e &&
     default: !1
   },
   size: {
-    type: L(String),
+    type: N(String),
     default: "medium"
   },
   border: {
     type: Boolean,
     default: !0
   }
-}, Ot = (e) => _e(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", St = (e, t = "px") => {
+}, 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 l = typeof e == "number" ? `${e}` : e;
-  return ["px", "%", "vh", "vw", "calc"].some((o) => l.includes(o)) ? l : l + t;
+  const n = typeof e == "number" ? `${e}` : e;
+  return ["px", "%", "vh", "vw", "calc"].some((r) => n.includes(r)) ? n : n + t;
 };
-function X(e, t) {
+function U(e, t) {
   return /* @__PURE__ */ E({
-    name: He(`Icon${Ot(e)}`),
+    name: mt(`Icon${en(e)}`),
     props: {
       size: {
         type: [Number, String],
@@ -110,229 +154,221 @@ function X(e, t) {
         default: void 0
       }
     },
-    setup(l) {
-      const n = "x-icon", o = g(() => {
-        const s = {};
-        return l.size && (s.fontSize = St(l.size)), l.rotate && (s.transform = `rotate(${l.rotate}deg)`), l.color && (s.color = l.color), s;
-      }), a = g(() => [n, {
-        [`${n}-loading`]: l.spin
+    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 () => r("div", {
-        class: a.value,
-        style: o.value
+      return () => c("div", {
+        class: o.value,
+        style: r.value
       }, [t]);
     }
   });
 }
-const Bt = X("InfoCircleFill", w(r("svg", {
+const nn = U("InfoCircleFill", p(c("svg", {
   viewBox: "0 0 50 50",
   class: "x-icon-loading-svg"
-}, [r("circle", {
+}, [c("circle", {
   cx: "25",
   cy: "25",
   r: "20",
   class: "path",
   fill: "none",
   stroke: "currentColor"
-}, null)]))), Tt = /* @__PURE__ */ E({
+}, null)]))), ln = /* @__PURE__ */ E({
   name: "Button",
-  props: Nt,
+  props: Rt,
   emits: ["click"],
   // 显式导入插槽
   $slots: ["prefix", "suffix"],
   setup(e, {
     slots: t,
-    emit: l
+    emit: n
   }) {
-    const n = ce({
+    const l = re({
       clicked: !1,
       isDebounce: !1
-    }), o = $("button"), a = g(() => [o.block, e.size && o.modifier(e.size), e.type && o.modifier(e.type), e.status && o.modifier(e.status), e.disabled && o.is("disabled"), e.block && o.modifier("block"), e.plain && o.is("plain"), e.shape && o.modifier(e.shape), e.link && o.modifier("is-link"), !e.border && o.modifier("is-hide-border"), i.value && o.modifier("is-loading")]), s = () => {
-      e.debounce > 0 && !n.isDebounce && (n.isDebounce = !0, setTimeout(() => {
-        n.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 = g(() => e.loading || n.clicked || n.isDebounce), f = at(), c = (u, d) => {
-      const m = u(d);
-      vt(m) && (n.clicked = !0, m.finally(() => {
-        n.clicked = !1;
+    }, 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;
       }));
-    }, y = (u) => {
-      var m, C, v, N;
-      if (u.stopPropagation(), (C = (m = u.target).blur) == null || C.call(m), i.value) return;
-      s();
-      const d = (N = (v = f == null ? void 0 : f.vnode) == null ? void 0 : v.props) == null ? void 0 : N.onClick;
-      if (Re(d))
-        d.forEach((A) => c(A, u));
-      else if (S(d)) {
-        c(d, u);
+    }, 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 r("button", {
-        class: a.value,
+      return c("button", {
+        class: o.value,
         type: "button",
         disabled: e.disabled,
-        onClick: y
-      }, [r("span", {
+        onClick: m
+      }, [c("span", {
         style: {
           display: i.value ? "flex" : "none",
           marginRight: i.value ? "4px" : "0px"
         },
-        class: o.element("loading")
-      }, [r(Bt, null, null)]), t.prefix && r("span", {
-        class: o.element("prefix")
-      }, [t.prefix()]), r("span", {
-        class: o.element("content")
-      }, [(u = t.default) == null ? void 0 : u.call(t)]), t.suffix && r("span", {
-        class: o.element("suffix")
+        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()])]);
     };
   }
-}), le = V(B("Button"), Tt), Mt = ["px", "%", "vh", "vw", "calc"], Ae = (e, t = "px") => {
+}), ne = V(S("Button"), ln), rn = ["px", "%", "vh", "vw", "calc"], Re = (e, t = "px") => {
   if (e === void 0) return "";
-  const l = String(e);
-  return Mt.some((n) => l.includes(n)) ? l : l + t;
-}, Et = 1e3, zt = 3e3, Pt = 1;
-class At {
+  const n = String(e);
+  return rn.some((l) => n.includes(l)) ? n : n + t;
+}, on = 1e3, an = 3e3, sn = 1;
+class cn {
   constructor() {
-    D(this, "popupStack", {
+    Q(this, "popupStack", {
       popup: /* @__PURE__ */ new Set(),
       dialog: /* @__PURE__ */ new Set(),
       message: /* @__PURE__ */ new Set()
     });
-    D(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || zt : Array.from(this.popupStack.popup).pop() || Et) + Pt);
-    D(this, "add", (t) => {
-      const l = this.getNextZIndex(t);
-      return this.popupStack[t].add(l), t === "dialog" && this.popupStack.popup.add(l), l;
+    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;
     });
-    D(this, "delete", (t, l) => {
-      this.popupStack[l].delete(t), l === "dialog" && this.popupStack.popup.delete(t);
+    Q(this, "delete", (t, n) => {
+      this.popupStack[n].delete(t), n === "dialog" && this.popupStack.popup.delete(t);
     });
-    D(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+    Q(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
   }
 }
-const we = new At();
-function fe(e, {
+const He = new cn();
+function Ce(e, {
   visible: t,
-  runOnMounted: l
+  runOnMounted: n
 } = {}) {
-  const n = M(0), o = () => {
-    n.value = we.add(e);
-  }, a = () => {
-    we.delete(n.value, e);
-  }, s = () => e === "dialog" ? we.isLastDialog(n.value) : !1;
-  return ee(
+  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 ? o() : a();
+      i ? r() : o();
     },
     {
       immediate: !0
     }
-  ), l && (W(o), De(a)), {
-    zIndex: rt(n),
-    open: o,
-    close: a,
-    isLastDialog: s
+  ), n && (W(r), ct(o)), {
+    zIndex: It(l),
+    open: r,
+    close: o,
+    isLastDialog: a
   };
 }
-const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, l) => (l == null ? void 0 : l.toUpperCase()) ?? ""), qe = () => {
-}, pt = (e, t) => {
-  if (de)
+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;
-}, $t = (e) => {
+}, dn = (e) => {
   if (e.tagName === "BODY")
     return window.innerWidth - (document.documentElement.offsetWidth || document.body.offsetWidth);
-  const { borderLeftWidth: t, borderRightWidth: l } = window.getComputedStyle(e), n = Number(t.replace("px", "")) + Number(l.replace("px", ""));
-  return e.offsetWidth - (e.clientWidth + n);
-}, Ft = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, jt = (e, t) => {
-  var n;
-  if (!de || !e || !t) return "";
-  let l = Ze(t);
-  l === "float" && (l = "cssFloat");
+  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 o = e.style[l];
-    if (o) return o;
-    const a = (n = document.defaultView) == null ? void 0 : n.getComputedStyle(e, "");
-    return a ? a[l] : "";
+    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[l];
+    return e.style[n];
   }
-}, Q = (e, t, l) => {
+}, q = (e, t, n) => {
   if (!(!e || !t))
-    if (Ye(t))
+    if (vt(t))
       Object.entries(t).forEach(
-        ([n, o]) => Q(e, n, o)
+        ([l, r]) => q(e, l, r)
       );
     else {
-      const n = Ze(t);
-      e.style[n] = l;
+      const l = gt(t);
+      e.style[l] = n;
     }
-}, Se = (e, t) => {
-  if (_e(e)) {
-    const l = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
-    return pt(l, t);
+}, be = (e, t) => {
+  if (bt(e)) {
+    const n = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
+    return un(n, t);
   }
   return e;
-}, It = de ? (e, t, l, n = !1) => {
-  e.addEventListener(t, l, n);
-} : qe, Vt = de ? (e, t, l, n = !1) => {
-  e.removeEventListener(t, l, n);
-} : qe, Xt = (e, t) => {
-  let l = !1;
-  const n = {
+}, 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: ""
-  }, o = (i) => i.tagName === "BODY", a = () => {
+  }, r = (i) => i.tagName === "BODY", o = () => {
     if (e.value) {
       const i = e.value;
-      if (!l && i.style.overflow !== "hidden") {
-        const f = $t(i);
-        if (f > 0 || Ft(i)) {
-          n.overflow = i.style.overflow, n.width = i.style.width;
-          let c = 0;
-          o(i) && (c = i.getBoundingClientRect().left || 0), Q(i, {
-            width: `calc(100% - ${Math.ceil(f - c)}px)`,
+      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"
-          }), l = !0;
+          }), n = !0;
         }
       }
     }
-  }, s = () => {
-    if (e.value && l) {
+  }, a = () => {
+    if (e.value && n) {
       const i = e.value;
-      Q(i, {
-        overflow: n.overflow,
-        width: n.width
-      }), l = !1;
+      q(i, {
+        overflow: l.overflow,
+        width: l.width
+      }), n = !1;
     }
   };
-  return ee(
+  return G(
     () => t == null ? void 0 : t.value,
     (i) => {
-      e.value && !o(e.value) && (i && Q(i, {
+      e.value && !r(e.value) && (i && q(i, {
         position: "absolute"
-      }), jt(e.value, "position") === "static" && Q(e.value, { position: "relative" }));
+      }), hn(e.value, "position") === "static" && q(e.value, { position: "relative" }));
     }
   ), {
-    setOverflowHidden: a,
-    resetOverflow: s
+    setOverflowHidden: o,
+    resetOverflow: a
   };
-}, Dt = {
-  ENTER: "Enter",
-  ESC: "Escape",
-  BACKSPACE: "Backspace",
-  TAB: "Tab",
-  SPACE: " ",
-  ARROW_UP: "ArrowUp",
-  ARROW_DOWN: "ArrowDown",
-  ARROW_LEFT: "ArrowLeft",
-  ARROW_RIGHT: "ArrowRight"
-}, Ht = {
+}, vn = {
+  ESC: "Escape"
+}, bn = {
   renderTo: {
-    type: L([String, Object]),
+    type: N([String, Object]),
     default: "body"
   },
   disabled: {
@@ -416,122 +452,122 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     type: Boolean,
     default: !1
   }
-}, Rt = ["width", "minWidth", "height", "minHeight"], Ue = /* @__PURE__ */ E({
-  name: B("Dialog"),
+}, yn = ["width", "minWidth", "height", "minHeight"], pt = /* @__PURE__ */ E({
+  name: S("Dialog"),
   inheritAttrs: !1,
-  props: Ht,
+  props: bn,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(e, {
     emit: t,
-    slots: l
+    slots: n
   }) {
-    const n = $("dialog"), o = n.block, a = $("message-box");
-    a.block;
-    const s = g(() => [o, e.messageBox && "is-message-box", e.popupClass && e.popupClass]), i = g(() => Se(e.renderTo)), f = M(), c = g(() => e.disabled || !i.value), y = g(() => ({
-      zIndex: v.value
-    })), u = g(() => {
-      const x = {};
-      return e.fullscreen || (!e.center && e.top && (x.top = Ae(e.top)), Rt.forEach((j) => {
-        e[j] && (x[j] = Ae(e[j]));
-      })), x;
-    }), d = M(!1), m = g(() => e.modelValue), C = g(() => m.value || d.value), {
-      zIndex: v,
-      isLastDialog: N
-    } = fe("dialog", {
-      visible: m
+    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: A,
-      resetOverflow: h
-    } = Xt(i, f), b = (x, j) => {
-      t("update:modelValue", !1), t("close", e.messageBox ? x : void 0, e.messageBox ? j : void 0);
+      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 = () => {
-      d.value = !1, h(), t("closed");
-    }, z = () => {
+      f.value = !1, b(), t("closed");
+    }, _ = () => {
       t("opened");
-    }, T = ce({
+    }, B = re({
       ok: !1,
       cancel: !1
-    }), F = (x, j) => {
-      let re = !0;
-      if (T[x] = !0, S(e.onBeforeCancel) && (re = e.onBeforeCancel(x) ?? !1), We(re)) {
-        re.then((tt) => {
-          T[x] = !1, tt && b(x, j);
+    }), 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;
       }
-      T[x] = !1, re && b(x, j);
-    }, ae = () => {
+      B[w] = !1, J && C(w, I);
+    }, K = () => {
       e.maskToClose && e.mask && F("cancel");
-    }, Je = (x) => {
-      F("cancel", x);
-    }, Qe = (x) => {
-      F("ok", x);
+    }, Ie = (w) => {
+      F("cancel", w);
+    }, je = (w) => {
+      F("ok", w);
     };
-    let be = !1;
-    const Te = (x) => {
-      e.escToClose && x.key === Dt.ESC && N() && F("cancel");
-    }, et = () => {
-      e.escToClose && !be && (be = !0, It(document.documentElement, "keydown", Te));
-    }, Me = () => {
-      be = !1, Vt(document.documentElement, "keydown", Te);
+    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 De(() => {
-      h(), Me();
-    }), ee(() => m.value, (x) => {
-      x ? (t("open"), A(), d.value = !0, et()) : Me();
+    return ct(() => {
+      b(), ie();
+    }), G(() => h.value, (w) => {
+      w ? (t("open"), $(), f.value = !0, D()) : ie();
     }, {
       immediate: !0
-    }), () => r(ot, {
+    }), () => c(jt, {
       to: i.value,
-      disabled: c.value
+      disabled: s.value
     }, {
-      default: () => [C.value && r("div", {
-        ref: f,
-        class: s.value,
-        style: y.value
-      }, [r(te, {
+      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 && m.value && r("div", {
-          class: n.element("mask")
+        default: () => [e.mask && h.value && c("div", {
+          class: l.element("mask")
         }, null)]
-      }), r("div", {
-        class: [n.element("wrapper"), {
+      }), c("div", {
+        class: [l.element("wrapper"), {
           "is-center": e.center
         }],
-        onClick: (x) => x.target === x.currentTarget && ae()
-      }, [r(te, {
+        onClick: (w) => w.target === w.currentTarget && K()
+      }, [c(te, {
         name: "x-zoom-in",
         appear: !0,
-        onAfterEnter: z,
+        onAfterEnter: _,
         onAfterLeave: k
       }, {
-        default: () => [m.value && r("div", {
-          class: [n.element("container"), {
+        default: () => [h.value && c("div", {
+          class: [l.element("container"), {
             "is-fullscreen": e.fullscreen
           }],
           style: u.value
-        }, [r("div", {
-          class: [e.messageBox ? a.element("header") : n.element("header"), e.showHeaderBottomLine && "is-bottom-line"]
-        }, [l.title ? l.title() : r("div", {
-          class: [n.element("header-title")]
-        }, [e.title])]), r("div", {
-          class: [e.messageBox ? a.element("body") : n.element("body")]
-        }, [l.default && l.default()]), r("div", {
-          class: [e.messageBox ? a.element("footer") : n.element("footer")]
-        }, [l.footer && l.footer({
-          cancel: Je,
-          ok: Qe,
-          "loading-obj": T
-        })]), e.showClose && r("span", {
-          class: [n.element("close-icon"), e.messageBox && a.element("close-icon")],
+        }, [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)])]
       })])])]
     });
   }
-}), Ge = V(B("Dialog"), Ue), me = X("CloseCircleFill", w(r("svg", {
+}), 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",
@@ -540,13 +576,13 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   "stroke-linecap": "butt",
   "stroke-linejoin": "miter",
   filter: ""
-}, [r("path", {
+}, [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)]))), he = X("CheckCircleFill", w(r("svg", {
+}, null)]))), ze = U("CheckCircleFill", p(c("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -555,13 +591,13 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   "stroke-linecap": "butt",
   "stroke-linejoin": "miter",
   filter: ""
-}, [r("path", {
+}, [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)]))), ye = X("ExclamationCircleFill", w(r("svg", {
+}, null)]))), $e = U("ExclamationCircleFill", p(c("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -570,13 +606,13 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   "stroke-linecap": "butt",
   "stroke-linejoin": "miter",
   filter: ""
-}, [r("path", {
+}, [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)]))), ge = X("InfoCircleFill", w(r("svg", {
+}, null)]))), we = U("InfoCircleFill", p(c("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -585,13 +621,13 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   "stroke-linecap": "butt",
   "stroke-linejoin": "miter",
   filter: ""
-}, [r("path", {
+}, [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)]))), ve = X("MinusCircleFill", w(r("svg", {
+}, null)]))), Ae = U("MinusCircleFill", p(c("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -600,41 +636,41 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   "stroke-linecap": "butt",
   "stroke-linejoin": "miter",
   filter: ""
-}, [r("path", {
+}, [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)])));
-X("LogoSimple", w(r("svg", {
+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"
-}, [r("desc", null, [p("Created with Pixso.")]), r("defs", null, null), r("path", {
+}, [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), r("path", {
+}, 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), r("path", {
+}, 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 Yt = /* @__PURE__ */ E({
-  name: B("Message"),
+const gn = /* @__PURE__ */ E({
+  name: S("Message"),
   props: {
     id: {
       type: String,
@@ -685,66 +721,66 @@ const Yt = /* @__PURE__ */ E({
   emits: ["destroy"],
   setup(e, {
     emit: t,
-    slots: l
+    slots: n
   }) {
-    const n = $("message"), o = M(!1), a = M(null), s = g(() => [n.block, n.modifier(e.type), e.center && n.modifier("center"), e.showClose && !e.center && n.element("show-close"), e.popupClass]), {
+    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
-    } = fe("message", {
+    } = Ce("message", {
       runOnMounted: !0
-    }), f = g(() => ({
+    }), d = v(() => ({
       top: `${e.offset}px`,
       zIndex: i.value
-    })), c = () => {
-      if (l.icon) return l.icon();
+    })), s = () => {
+      if (n.icon) return n.icon();
       switch (e.type) {
         case "success":
-          return r(he, null, null);
+          return c(ze, null, null);
         case "warning":
-          return r(ye, null, null);
+          return c($e, null, null);
         case "strong":
-          return r(ve, null, null);
+          return c(Ae, null, null);
         case "error":
-          return r(me, null, null);
+          return c(_e, null, null);
         case "info":
-          return r(ge, null, null);
+          return c(we, null, null);
         default:
           return null;
       }
-    }, y = () => {
-      e.duration > 0 && (a.value = setTimeout(() => {
-        o.value = !1;
+    }, m = () => {
+      e.duration > 0 && (o.value = setTimeout(() => {
+        r.value = !1;
       }, e.duration));
     }, u = () => {
-      a.value && (clearTimeout(a.value), a.value = null);
+      o.value && (clearTimeout(o.value), o.value = null);
     };
     W(() => {
-      o.value = !0, y();
-    }), ue(() => {
+      r.value = !0, m();
+    }), oe(() => {
       u();
     });
-    const d = () => {
-      var m;
-      o.value = !1, u(), (m = e.onClose) == null || m.call(e);
+    const f = () => {
+      var h;
+      r.value = !1, u(), (h = e.onClose) == null || h.call(e);
     };
-    return () => r(te, {
+    return () => c(te, {
       name: "x-message-slide-top",
       onBeforeLeave: e.onClose,
       onAfterLeave: () => t("destroy")
     }, {
-      default: () => [o.value && r("div", {
-        class: s.value,
-        style: f.value
-      }, [r("span", {
-        class: [n.element("icon"), n.modifier(`icon-${e.type}`)]
-      }, [c()]), r("div", null, [l.default ? l.default() : e.useHTML ? r("span", {
+      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) : r("span", null, [e.message]), e.showClose && r("span", {
-        class: n.element("close-icon"),
-        onClick: d
+      }, null) : c("span", null, [e.message]), e.showClose && c("span", {
+        class: l.element("close-icon"),
+        onClick: f
       }, null)])])]
     });
   }
-}), Wt = V(B("Message"), Yt), _t = /* @__PURE__ */ E({
+}), Cn = V(S("Message"), gn), wn = /* @__PURE__ */ E({
   name: "Space",
   props: {
     direction: {
@@ -767,11 +803,11 @@ const Yt = /* @__PURE__ */ E({
   setup(e, {
     slots: t
   }) {
-    const l = $("space"), n = g(() => [l.block, l.element(e.direction), e.fill && "is-fill", l.element(`${e.direction}-${e.align}`)]);
-    function o(s) {
-      if (bt(s))
-        return s;
-      switch (s) {
+    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":
@@ -784,127 +820,127 @@ const Yt = /* @__PURE__ */ E({
           return 8;
       }
     }
-    const a = (s) => {
+    const o = (a) => {
       const i = {};
-      if (s) return i;
-      const f = `${o(e.size)}px`, c = `${o(e.size)}px`;
-      return e.direction === "horizontal" && (i.marginRight = f), e.direction === "vertical" && (i.marginBottom = c), 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 s = se((i = t.default) == null ? void 0 : i.call(t), !0).filter((f) => f.type !== it);
-      return r("div", {
-        class: [n.value]
-      }, [s.map((f, c) => {
+      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 y = t.split && c > 0;
-        return r(Y, {
-          key: `space-item-${c}`
-        }, [y && r("div", {
-          className: l.element("split"),
-          style: a(!1)
-        }, [(u = t.split) == null ? void 0 : u.call(t)]), r("div", {
-          className: l.element("item"),
-          style: a(c === s.length - 1)
-        }, [f])]);
+        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])]);
       })]);
     };
   }
-}), Be = V(B("Space"), _t), Zt = ["info", "success", "warning", "strong", "error"];
-function pe(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+}), 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 ke = $("message-box"), Oe = (e) => {
-  const t = document.createElement("div"), l = () => {
-    I(null, t);
-  }, n = (d) => {
-    if (d === "cancel")
+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 (d === "ok")
+    if (f === "ok")
       return e.beforeOnOk ? e.beforeOnOk() : !0;
-  }, o = (d, m) => {
-    d === "cancel" && e.onCancel && e.onCancel(m), d === "ok" && e.onOk && e.onOk(m);
-  }, a = (d) => {
-    let m;
-    switch (d) {
+  }, 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":
-        m = r(ye, {
+        h = c($e, {
           size: "22px",
           color: "#f6c64b"
         }, null);
         break;
       case "strong":
-        m = r(ve, {
+        h = c(Ae, {
           size: "22px",
           color: "#ff7125"
         }, null);
         break;
       case "error":
-        m = r(me, {
+        h = c(_e, {
           size: "22px",
           color: "#e24f48"
         }, null);
         break;
       case "success":
-        m = r(he, {
+        h = c(ze, {
           size: "22px",
           color: "#68d1ab"
         }, null);
         break;
       case "info":
-        m = r(ge, {
+        h = c(we, {
           size: "22px",
           color: "#2355f5"
         }, null);
         break;
     }
-    return r("div", {
-      class: ke.element("icon")
-    }, [m]);
-  }, s = (d) => {
-    if (O(d)) return d;
-    if (S(d)) {
-      const m = d();
-      return O(m) ? m : null;
+    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 r("div", {
-      class: ke.element("title")
-    }, [p(" "), d, p(" ")]);
-  }, i = (d) => {
-    if (O(d)) return d;
-    if (S(d)) {
-      const m = d();
-      return O(m) ? m : 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 r("div", {
-      class: ke.element("content")
-    }, [p(" "), e.content, p(" ")]);
-  }, f = () => () => r(Y, null, [a(e.type || "success"), e.title && s(e.title)]), c = () => () => r(Y, null, [e.content && i(e.content)]), y = () => {
-    if (O(e.footer) || S(e.footer))
+    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 d = (e == null ? void 0 : e.cancelText) || "取消", m = (e == null ? void 0 : e.okText) || "确认";
-    return (C) => r(Be, {
+    const f = (e == null ? void 0 : e.cancelText) || "取消", h = (e == null ? void 0 : e.okText) || "确认";
+    return (g) => c(Pe, {
       size: 12
     }, {
       default: () => {
-        var v, N;
-        return [!e.hideCancel && r(le, {
+        var y, T;
+        return [!e.hideCancel && c(ne, {
           size: "small",
-          onClick: C.cancel,
-          loading: (v = C.loadingObj) == null ? void 0 : v.cancel
-        }, pe(d) ? d : {
-          default: () => [d]
-        }), !e.hideOk && r(le, {
+          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: C.ok,
-          loading: (N = C.loadingObj) == null ? void 0 : N.ok
-        }, pe(m) ? m : {
-          default: () => [m]
+          onClick: g.ok,
+          loading: (T = g.loadingObj) == null ? void 0 : T.ok
+        }, et(h) ? h : {
+          default: () => [h]
         })];
       }
     });
-  }, u = r(Ge, {
+  }, u = c(xt, {
     messageBox: !0,
     width: (e == null ? void 0 : e.width) ?? 358,
     height: (e == null ? void 0 : e.height) ?? "auto",
@@ -915,53 +951,53 @@ const ke = $("message-box"), Oe = (e) => {
     mask: (e == null ? void 0 : e.mask) ?? !0,
     maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
     popupClass: e.popupClass,
-    onClose: o,
-    onBeforeCancel: n,
+    onClose: r,
+    onBeforeCancel: l,
     "onUpdate:modelValue": () => {
       u.component.props.modelValue = !1;
     },
     // 等待动画完全结束后销毁vm
-    onClosed: l,
+    onClosed: n,
     onOpened: () => {
     }
   }, {
-    title: f(),
-    default: c(),
-    footer: y()
+    title: d(),
+    default: s(),
+    footer: m()
   });
-  I(u, t);
-}, qt = () => {
-  Zt.forEach((e) => {
-    Oe[e] = (t, l) => {
-      const n = [], o = [];
-      let a = () => !0, s = () => !0;
+  j(u, t);
+}, pn = () => {
+  kn.forEach((e) => {
+    Ge[e] = (t, n) => {
+      const l = [], r = [];
+      let o = () => !0, a = () => !0;
       return setTimeout(() => {
-        Oe({
+        Ge({
           title: t,
-          content: l,
+          content: n,
           type: e,
-          beforeOnCancel: s,
-          beforeOnOk: a,
+          beforeOnCancel: a,
+          beforeOnOk: o,
           onOk: () => {
-            n.forEach((i) => S(i) && i());
+            l.forEach((i) => x(i) && i());
           },
           onCancel: () => {
-            o.forEach((i) => S(i) && i());
+            r.forEach((i) => x(i) && i());
           }
         });
       }, 0), {
         ok(...i) {
-          return i.length === 1 && n.push(i[0]), i.length === 2 && (a = i[0], n.push(i[1])), this;
+          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 && o.push(i[0]), i.length === 2 && (s = i[0], o.push(i[1])), this;
+          return i.length === 1 && r.push(i[0]), i.length === 2 && (a = i[0], r.push(i[1])), this;
         }
       };
     };
   });
 };
-qt();
-const Ut = V(B("MessageBox"), Oe), Gt = {
+pn();
+const xn = V(S("MessageBox"), Ge), On = {
   position: {
     type: String,
     default: "top-right"
@@ -999,105 +1035,1166 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
     type: Boolean,
     default: !1
   }
-}, Ke = /* @__PURE__ */ E({
-  name: B("Notification"),
-  props: Gt,
+}, Ot = /* @__PURE__ */ E({
+  name: S("Notification"),
+  props: On,
   emits: ["close", "destroy"],
   setup(e, {
     emit: t,
-    slots: l
+    slots: n
   }) {
-    const n = $("notification"), o = n.block, a = g(() => [o, n.modifier(i.value.ver)]), {
-      zIndex: s
-    } = fe("message", {
+    const l = z("notification"), r = l.block, o = v(() => [r, l.modifier(i.value.ver)]), {
+      zIndex: a
+    } = Ce("message", {
       runOnMounted: !0
-    }), i = g(() => {
-      const v = e.position.split("-");
+    }), i = v(() => {
+      const y = e.position.split("-");
       return {
-        hor: v[1],
-        ver: v[0]
+        hor: y[1],
+        ver: y[0]
       };
-    }), f = g(() => `x-notification-slide-${i.value.hor}`), c = g(() => {
-      const v = {};
-      return v.position = e.renderToBody ? "fixed" : "absolute", v.zIndex = s.value, v[i.value.hor] = "20px", v[i.value.ver] = `${e.offset}px`, v;
-    }), y = M(!1);
+    }), 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 d = () => {
+    const f = () => {
       u = setTimeout(() => {
-        y.value = !1;
+        m.value = !1;
       }, e.duration);
-    }, m = g(() => e.type === "info" ? ge : e.type === "warning" ? ye : e.type === "strong" ? ve : e.type === "success" ? he : e.type === "error" ? me : ""), C = () => {
-      y.value = !1;
+    }, 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 && d(), y.value = !0;
-    }), ue(() => {
+      e.duration !== 0 && f(), m.value = !0;
+    }), oe(() => {
       clearTimeout(u);
-    }), () => r(te, {
-      name: f.value,
+    }), () => c(te, {
+      name: d.value,
       onBeforeLeave: () => t("close"),
       onAfterLeave: () => t("destroy")
     }, {
       default: () => {
-        var v;
-        return [y.value && r("div", {
-          class: a.value,
-          style: c.value
-        }, [r("div", {
-          class: [n.element("header")]
-        }, [r("div", {
-          class: [n.element("icon"), n.modifier(`icon-${e.type}`)]
-        }, [m.value && r(m.value, null, null)]), r("div", null, [r("div", {
-          class: [n.element("title")]
-        }, [e.title]), r("div", {
-          class: [n.element("message")]
-        }, [((v = l.default) == null ? void 0 : v.call(l)) || e.message])])]), e.showClose && r("span", {
-          class: [n.element("close-icon")],
-          onClick: C
+        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)])];
       }
     });
   }
-}), Kt = V(B("Notification"), Ke), Jt = (e) => {
-  const t = e.split(" ").filter((n) => n !== "").map((n) => parseInt(n));
-  let l = {};
+}), 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 && `is-${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: e.disabled ? "var(--x-text-color)" : s.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:
-      l = { top: t[0], right: t[1], bottom: t[2], left: t[3] };
+      n = { top: t[0], right: t[1], bottom: t[2], left: t[3] };
       break;
     case 3:
-      l = { top: t[0], right: t[1], bottom: t[2], left: t[1] };
+      n = { top: t[0], right: t[1], bottom: t[2], left: t[1] };
       break;
     case 2:
-      l = { top: t[0], right: t[1], bottom: t[0], left: t[1] };
+      n = { top: t[0], right: t[1], bottom: t[0], left: t[1] };
       break;
     default:
-      l = { top: t[0], right: t[0], bottom: t[0], left: t[0] };
+      n = { top: t[0], right: t[0], bottom: t[0], left: t[0] };
   }
-  return l;
-}, Qt = (e) => {
-  const t = e.split(" ").filter((l) => l !== "").map((l) => parseInt(l));
-  return t.length < 1 || t.length > 4 ? !1 : t.every((l) => typeof l == "number" && l >= 0);
-}, el = {
+  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: L(Array),
+    type: N(Array),
     default: () => []
   },
   status: {
-    type: L(String),
+    type: N(String),
     default: void 0
   },
   // 网格属性
   grid: {
     default: null,
-    type: L(Object)
+    type: N(Object)
   },
   // 标签属性
   labels: {
     default: null,
-    type: L(Object)
+    type: N(Object)
   },
   // 最大值，默认数据集最大值
   max: {
@@ -1112,7 +2209,7 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
     default: "5",
     type: String,
     validator(e) {
-      return Qt(e);
+      return ml(e);
     }
   },
   // 开启交互，开启后启用onmousemove事件
@@ -1122,15 +2219,15 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
   },
   // 主题
   theme: {
-    type: L(Object),
+    type: N(Object),
     default: () => ({
       activeLineColor: "#CCC"
     })
   }
-}, tl = {
+}, bl = {
   boundary: {
     required: !0,
-    type: L(Object),
+    type: N(Object),
     default: () => {
     }
   },
@@ -1151,7 +2248,7 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
   },
   data: {
     required: !0,
-    type: L(Array),
+    type: N(Array),
     default: () => []
   },
   className: {
@@ -1177,15 +2274,15 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
     type: Boolean
   },
   theme: {
-    type: L(Object)
+    type: N(Object)
   },
   mainTheme: {
-    type: L(Object)
+    type: N(Object)
   }
-}, ll = {
+}, yl = {
   boundary: {
     required: !0,
-    type: L(Object),
+    type: N(Object),
     default: () => {
     }
   },
@@ -1205,10 +2302,10 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
     default: 0,
     type: Number
   }
-}, nl = {
+}, gl = {
   boundary: {
     required: !0,
-    type: L(Object),
+    type: N(Object),
     default: () => {
     }
   },
@@ -1231,101 +2328,101 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
     default: (e) => e,
     type: Function
   }
-}, $e = E({
-  name: B("TrendChartGrid"),
-  props: ll,
+}, lt = E({
+  name: S("TrendChartGrid"),
+  props: yl,
   setup(e) {
-    const t = (a) => {
-      const s = e.verticalLinesNumber > 1 ? (e.boundary.maxX - e.boundary.minX) / (e.verticalLinesNumber - 1) : 0, i = e.boundary.minX + s * (a - 1), f = e.boundary.minY, c = e.boundary.maxY;
+    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: f,
-        y2: c,
+        y1: d,
+        y2: s,
         stroke: "rgba(0,0,0,0.1)"
       };
-    }, l = (a) => {
-      const s = e.horizontalLinesNumber > 1 ? (e.boundary.maxY - e.boundary.minY) / (e.horizontalLinesNumber - 1) : 0, i = e.boundary.maxY - s * (a - 1), f = e.boundary.minX, c = e.boundary.maxX;
+    }, 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: f,
-        x2: c,
+        x1: d,
+        x2: s,
         y1: i,
         y2: i,
         stroke: "rgba(0,0,0,0.1)"
       };
-    }, n = g(() => {
+    }, l = v(() => {
       if (e.verticalLines && e.verticalLinesNumber > 0) {
-        const a = [];
-        for (let s = 1; s <= e.verticalLinesNumber; s++)
-          a.push(
-            w("line", {
+        const o = [];
+        for (let a = 1; a <= e.verticalLinesNumber; a++)
+          o.push(
+            p("line", {
               class: "line",
-              ...t(s)
+              ...t(a)
             })
           );
-        return w("g", { class: "vertical" }, a);
+        return p("g", { class: "vertical" }, o);
       }
       return null;
-    }), o = g(() => {
+    }), r = v(() => {
       if (e.horizontalLines && e.horizontalLinesNumber > 0) {
-        const a = [];
-        for (let s = 1; s <= e.horizontalLinesNumber; s++)
-          a.push(
-            w("line", {
+        const o = [];
+        for (let a = 1; a <= e.horizontalLinesNumber; a++)
+          o.push(
+            p("line", {
               class: "line",
-              ...l(s)
+              ...n(a)
             })
           );
-        return w("g", { class: "horizontal" }, a);
+        return p("g", { class: "horizontal" }, o);
       }
       return null;
     });
     return () => {
-      const a = [];
-      return n.value && a.push(n.value), o.value && a.push(o.value), a.length === 0 ? null : w("g", null, a);
+      const o = [];
+      return l.value && o.push(l.value), r.value && o.push(r.value), o.length === 0 ? null : p("g", null, o);
     };
   }
-}), Fe = E({
-  name: B("TrendChartLabels"),
-  props: nl,
+}), rt = E({
+  name: S("TrendChartLabels"),
+  props: gl,
   setup(e) {
-    const t = ce({
+    const t = re({
       xLabelHeight: 0,
       yLabelHeight: 0
-    }), l = M(null), n = M(null), o = (f) => {
-      const c = (e.boundary.maxX - e.boundary.minX) / (e.xLabels.length - 1), y = e.boundary.minX + c * f, u = e.boundary.maxY;
-      return { transform: `translate(${y}, ${u})` };
-    }, a = (f) => {
-      const c = (e.boundary.maxY - e.boundary.minY) / (e.yLabels - 1), y = e.boundary.minX, u = e.boundary.maxY - c * f;
-      return { transform: `translate(${y}, ${u})` };
+    }), 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 f, c;
-      l.value && e.xLabels && e.xLabels.length && (t.xLabelHeight = ((f = l.value.querySelector("text")) == null ? void 0 : f.getBoundingClientRect().height) || 0), n.value && e.yLabels && e.yLabels > 0 && (t.yLabelHeight = ((c = n.value.querySelector("text")) == null ? void 0 : c.getBoundingClientRect().height) || 0);
+      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 s = g(() => e.xLabels && e.xLabels.length ? w(
+    const a = v(() => e.xLabels && e.xLabels.length ? p(
       "g",
-      { class: "x-labels", ref: l },
+      { class: "x-labels", ref: n },
       e.xLabels.map(
-        (f, c) => w("g", { class: "label", ...o(c) }, [
-          w(
+        (d, s) => p("g", { class: "label", ...r(s) }, [
+          p(
             "text",
             {
               dy: t.xLabelHeight + 5,
               "text-anchor": "middle"
             },
-            f
+            d
           ),
-          w("line", { stroke: "rgba(0,0,0,0.1)", y2: 5 })
+          p("line", { stroke: "rgba(0,0,0,0.1)", y2: 5 })
         ])
       )
-    ) : null), i = g(() => {
+    ) : null), i = v(() => {
       if (e.yLabels && e.yLabels > 0) {
-        const f = [];
-        for (let c = 0; c < e.yLabels; c++)
-          f.push(
-            w("g", { class: "label", ...a(c) }, [
-              w(
+        const d = [];
+        for (let s = 0; s < e.yLabels; s++)
+          d.push(
+            p("g", { class: "label", ...o(s) }, [
+              p(
                 "text",
                 {
                   dx: -10,
@@ -1333,252 +2430,252 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
                   "text-anchor": "end"
                 },
                 e.yLabelsTextFormatter(
-                  e.minValue + (e.maxValue - e.minValue) / (e.yLabels - 1) * c
+                  e.minValue + (e.maxValue - e.minValue) / (e.yLabels - 1) * s
                 )
               ),
-              w("line", { stroke: "rgba(0,0,0,0.1)", x1: 0, x2: -5 })
+              p("line", { stroke: "rgba(0,0,0,0.1)", x1: 0, x2: -5 })
             ])
           );
-        return w("g", { class: "y-labels", ref: n }, f);
+        return p("g", { class: "y-labels", ref: l }, d);
       }
       return null;
     });
     return () => {
-      const f = [];
-      return s.value && f.push(s.value), i.value && f.push(i.value), w("g", f);
+      const d = [];
+      return a.value && d.push(a.value), i.value && d.push(i.value), p("g", d);
     };
   }
-}), al = (e, t, l, n, o) => {
-  const a = n - 1e-3, s = (t.maxX - t.minX) / (o - 1), i = (t.maxY - t.minY) / (l + 1e-3 - a);
-  return e.map((f, c) => ({
-    x: c * s + t.minX,
-    y: t.maxY - (f - a) * i + +(c === o - 1) * 1e-5 - +(c === 0) * 1e-5
+}), 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
   }));
-}, rl = (e, t, { maxY: l }) => {
-  const n = e.shift(), o = e[e.length - 1], s = (e[0].x - n.x) / 2;
-  let i = `M ${n.x},${n.y}`;
-  e.forEach((c, y) => {
-    if (!t) i += ` L${c.x},${c.y}`;
+}, 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[y - 1] || n;
-      i += ` C ${s + u.x},${u.y} ${s + u.x},${c.y} ${c.x},${c.y}`;
+      const u = e[m - 1] || l;
+      i += ` C ${a + u.x},${u.y} ${a + u.x},${s.y} ${s.x},${s.y}`;
     }
   });
-  let f = i;
-  return o.y !== l && (f += ` L${o.x},${l}`), n.y !== l && (f += ` L${n.x},${l}`), f += " Z", { linePath: i, fillPath: f };
-}, je = /* @__PURE__ */ E({
-  name: B("TrendChartCurve"),
-  props: tl,
+  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 = g(() => al(e.data, e.boundary, e.maxValue, e.minValue, e.maxAmount)), l = g(() => rl([...t.value], e.smooth, e.boundary)), n = g(() => {
-      var s, i, f, c, y, u, d, m, C, v, N, A;
-      const o = [];
-      e.fill && ((s = l.value) != null && s.fillPath) && o.push(r("path", {
+    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: l.value.fillPath,
+        d: n.value.fillPath,
         fill: "none",
         style: {
-          fill: ((f = (i = e.theme) == null ? void 0 : i.fill) == null ? void 0 : f.color) || "#585858",
-          opacity: ((y = (c = e.theme) == null ? void 0 : c.fill) == null ? void 0 : y.opacity) || 0.1
+          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 = l.value) != null && u.linePath) && o.push(r("path", {
+      }, null)), e.stroke && ((u = n.value) != null && u.linePath) && r.push(c("path", {
         class: "x-trend-chart-stroke",
-        d: l.value.linePath,
+        d: n.value.linePath,
         fill: "none",
         stroke: "none",
         style: {
-          stroke: (m = (d = e.theme) == null ? void 0 : d.stroke) == null ? void 0 : m.color,
-          strokeWidth: (v = (C = e.theme) == null ? void 0 : C.stroke) == null ? void 0 : v.width,
-          opacity: (A = (N = e.theme) == null ? void 0 : N.stroke) == null ? void 0 : A.opacity
+          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 a = (h) => {
-        var b, k, z, T;
-        return h ? {
-          stroke: (k = (b = e.theme) == null ? void 0 : b.point) == null ? void 0 : k.color,
-          strokeWidth: (T = (z = e.theme) == null ? void 0 : z.point) == null ? void 0 : T.width,
+      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 h = t.value.map((b, k) => {
-          var z, T;
-          return r("circle", {
+        const b = t.value.map((C, k) => {
+          var _, B;
+          return c("circle", {
             class: {
               point: !0,
-              "x-trend-chart-point-active": ((z = e.activeLineParams) == null ? void 0 : z.index) === k
+              "x-trend-chart-point-active": ((_ = e.activeLineParams) == null ? void 0 : _.index) === k
             },
-            cx: b.x,
-            cy: b.y,
-            style: a(((T = e.activeLineParams) == null ? void 0 : T.index) === k)
+            cx: C.x,
+            cy: C.y,
+            style: o(((B = e.activeLineParams) == null ? void 0 : B.index) === k)
           }, null);
         });
-        o.push(r("g", {
+        r.push(c("g", {
           class: "x-trend-chart-points"
-        }, [h]));
+        }, [b]));
       }
-      return o;
+      return r;
     });
-    return () => r("g", {
+    return () => c("g", {
       class: e.className
-    }, [n.value]);
+    }, [l.value]);
   }
-}), ie = "#f00", Z = "#ff7126", q = "#ffc703", U = "#363636", G = "#25c341", K = "#0056ff", R = {
+}), xe = "#f00", se = "#ff7126", ce = "#ffc703", ue = "#363636", de = "#25c341", fe = "#0056ff", R = {
   DANGER: {
     // 主题色
     color: "#f00",
     // 点
     point: {
       width: 3,
-      color: ie
+      color: xe
     },
     // 描边
     stroke: {
       width: 3,
-      color: ie,
+      color: xe,
       opacity: 0.8
     },
     // 填充
     fill: {
-      color: ie,
+      color: xe,
       opacity: 0.1
     },
     axisLine: {
-      color: ie,
+      color: xe,
       width: 2,
       opacity: 0.9
     }
   },
   STRONG: {
     // 主题色
-    color: Z,
+    color: se,
     // 点
     point: {
       width: 4,
-      color: Z
+      color: se
     },
     stroke: {
       width: 3,
-      color: Z,
+      color: se,
       opacity: 0.8
     },
     fill: {
-      color: Z,
+      color: se,
       opacity: 0.1
     },
     axisLine: {
-      color: Z,
+      color: se,
       width: 2,
       opacity: 0.9
     }
   },
   WARNING: {
     // 主题色
-    color: q,
+    color: ce,
     // 点
     point: {
       width: 4,
-      color: q
+      color: ce
     },
     stroke: {
       width: 3,
-      color: q,
+      color: ce,
       opacity: 1
     },
     fill: {
-      color: q,
+      color: ce,
       opacity: 0.1
     },
     axisLine: {
-      color: q,
+      color: ce,
       width: 2,
       opacity: 0.9
     }
   },
   SUCCESS: {
     // 主题色
-    color: G,
+    color: de,
     // 点
     point: {
       width: 4,
-      color: G
+      color: de
     },
     stroke: {
       width: 3,
-      color: G,
+      color: de,
       opacity: 1
     },
     fill: {
-      color: G,
+      color: de,
       opacity: 0.1
     },
     axisLine: {
-      color: G,
+      color: de,
       width: 2,
       opacity: 0.9
     }
   },
   INFO: {
     // 主题色
-    color: U,
+    color: ue,
     // 点
     point: {
       width: 4,
-      color: U
+      color: ue
     },
     stroke: {
       width: 3,
-      color: U,
+      color: ue,
       opacity: 1
     },
     fill: {
-      color: U,
+      color: ue,
       opacity: 0.1
     },
     axisLine: {
-      color: U,
+      color: ue,
       width: 2,
       opacity: 0.9
     }
   },
   PRIMARY: {
     // 主题色
-    color: K,
+    color: fe,
     // 点
     point: {
       width: 4,
-      color: K
+      color: fe
     },
     stroke: {
       width: 3,
-      color: K,
+      color: fe,
       opacity: 0.9
     },
     fill: {
-      color: K,
+      color: fe,
       opacity: 0.1
     },
     axisLine: {
-      color: K,
+      color: fe,
       width: 2,
       opacity: 0.9
     }
   }
-}, ol = /* @__PURE__ */ E({
-  name: B("TrendChart"),
+}, kl = /* @__PURE__ */ E({
+  name: S("TrendChart"),
   components: {
-    TrendChartGrid: $e,
-    TrendChartLabels: Fe,
-    TrendChartCurve: je
+    TrendChartGrid: lt,
+    TrendChartLabels: rt,
+    TrendChartCurve: ot
   },
-  props: el,
+  props: vl,
   emits: {
     "mouse-move": (e) => !0
   },
   setup(e, {
     emit: t
   }) {
-    const l = ce({
+    const n = re({
       width: null,
       height: null,
       labelsOverflowObject: {
@@ -1589,208 +2686,211 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
       },
       activeLine: null,
       activeLineParams: null
-    }), n = g(() => {
-      let h = R.INFO;
-      return e.status === "primary" ? h = R.PRIMARY : e.status === "success" ? h = R.SUCCESS : e.status === "danger" ? h = R.DANGER : e.status === "warning" ? h = R.WARNING : e.status === "strong" && (h = R.STRONG), {
-        ...h,
+    }), 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
       };
-    }), o = g(() => Jt(e.padding || "0")), a = g(() => ({
-      minX: Number(o.value.left) + Number(l.labelsOverflowObject.left),
-      minY: Number(o.value.top) + Number(l.labelsOverflowObject.top),
-      maxX: (l.width ?? 0) - Number(o.value.right) - Number(l.labelsOverflowObject.right),
-      maxY: (l.height ?? 0) - Number(o.value.bottom) - Number(l.labelsOverflowObject.bottom)
-    })), s = g(() => {
-      let h = -1 / 0, b = 1 / 0, k = 0;
-      return h = Math.max(h, ...e.dataset), b = Math.min(b, ...e.dataset), k = Math.max(k, e.dataset.length), e.max !== void 0 && (h = Math.max(h, e.max)), e.min !== void 0 && (b = Math.min(b, e.min)), {
-        maxValue: h,
-        minValue: b,
+    }), 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 = g(() => ({
-      x: a.value.minX,
-      y: a.value.minY,
-      width: Math.max(0, a.value.maxX - a.value.minX),
-      height: Math.max(0, a.value.maxY - a.value.minY),
+    }), 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
-    })), f = g(() => {
-      const h = (a.value.maxX - a.value.minX) / (s.value.maxAmount - 1);
+    })), d = v(() => {
+      const b = (o.value.maxX - o.value.minX) / (a.value.maxAmount - 1);
       return Array.from({
-        length: s.value.maxAmount
-      }, (b, k) => Math.round(a.value.minX + h * k));
-    }), c = M(null), y = M(null), u = () => {
-      if (c.value) {
-        const h = c.value.getBoundingClientRect();
-        l.width = h.width, l.height = h.height;
+        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;
       }
-    }, d = () => {
-      if (y.value) {
-        const h = c.value.getBoundingClientRect(), b = y.value.$el.getBoundingClientRect();
-        l.labelsOverflowObject = {
-          top: Math.max(0, Number(h.top) - Number(b.top) + Number(o.value.top)),
-          right: Math.max(0, Number(b.right) - Number(h.right) + Number(o.value.right)),
-          bottom: Math.max(0, Number(b.bottom) - Number(h.bottom) + Number(o.value.bottom)),
-          left: Math.max(0, Number(o.value.left) - Number(b.left) + Number(h.left))
+    }, 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
-        l.labelsOverflowObject = {
+        n.labelsOverflowObject = {
           top: 0,
           right: 0,
           bottom: 0,
           left: 0
         };
-    }, m = () => {
-      u(), Ee(d);
-    }, C = (h) => f.value.reduce((b, k) => Math.abs(b - h) > Math.abs(k - h) ? k : b, 1 / 0), v = (h) => {
-      if (c.value) {
-        const b = c.value.getBoundingClientRect();
-        l.activeLine = C(h.clientX - b.left);
+    }, 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);
       }
-    }, N = () => {
-      l.activeLine = null, l.activeLineParams = null;
-    }, A = () => {
+    }, T = () => {
+      n.activeLine = null, n.activeLineParams = null;
+    }, $ = () => {
       u();
     };
     return W(() => {
-      m(), window.addEventListener("resize", A);
-    }), ue(() => {
-      window.removeEventListener("resize", A);
-    }), ee(() => l.activeLine, (h) => {
-      if (h !== null) {
-        const b = f.value.indexOf(h);
-        l.activeLineParams = {
-          index: b
+      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", {
-          ...l.activeLineParams,
-          data: e.dataset[b]
+          ...n.activeLineParams,
+          data: e.dataset[C]
         });
       } else
         t("mouse-move", null);
-    }), ee(() => e.labels, () => {
-      l.labelsOverflowObject = {
+    }), G(() => e.labels, () => {
+      n.labelsOverflowObject = {
         top: 0,
         right: 0,
         bottom: 0,
         left: 0
-      }, Ee(d);
+      }, Te(f);
     }, {
       deep: !0
     }), () => {
-      var h, b, k, z, T, F, ae;
-      return r("svg", {
+      var b, C, k, _, B, F, K;
+      return c("svg", {
         class: "x-trend-chart",
-        ref: c,
+        ref: s,
         xmlns: "http://www.w3.org/2000/svg",
         width: "100%",
         height: "100%"
-      }, [e.grid && r($e, {
+      }, [e.grid && c(lt, {
         class: "grid",
         verticalLines: e.grid.verticalLines,
-        verticalLinesNumber: e.grid.verticalLinesNumber || s.value.maxAmount,
+        verticalLinesNumber: e.grid.verticalLinesNumber || a.value.maxAmount,
         horizontalLines: e.grid.horizontalLines,
-        horizontalLinesNumber: e.grid.horizontalLinesNumber || (((h = e.labels) == null ? void 0 : h.yLabels) ?? 0),
-        boundary: a.value
-      }, null), e.labels && r(Fe, ze({
-        ref: y,
+        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: a.value,
-        minValue: s.value.minValue,
-        maxValue: s.value.maxValue
-      }), null), r(je, {
+        boundary: o.value,
+        minValue: a.value.minValue,
+        maxValue: a.value.maxValue
+      }), null), c(ot, {
         class: "curve",
         data: e.dataset,
-        boundary: a.value,
-        minValue: s.value.minValue,
-        maxValue: s.value.maxValue,
-        maxAmount: s.value.maxAmount,
-        activeLineParams: l.activeLineParams,
-        theme: n.value
-      }, null), e.interactive && r(Y, null, [r("line", {
+        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: l.activeLine ?? a.value.minX,
-        x2: l.activeLine ?? a.value.minX,
-        y1: a.value.minY,
-        y2: a.value.maxY,
-        visibility: l.activeLine ? "visible" : "hidden",
+        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 = (b = n.value) == null ? void 0 : b.axisLine) == null ? void 0 : k.color,
-          strokeWidth: (T = (z = n.value) == null ? void 0 : z.axisLine) == null ? void 0 : T.width,
-          strokeOpacity: (ae = (F = n.value) == null ? void 0 : F.axisLine) == null ? void 0 : ae.opacity
+          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), r("rect", ze(i.value, {
-        onMousemove: v,
-        onMouseout: N
+      }, null), c("rect", Qe(i.value, {
+        onMousemove: y,
+        onMouseout: T
       }), null)])]);
     };
   }
-}), il = V(B("TrendChart"), ol), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), pl = V(S("TrendChart"), kl), at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  XButton: le,
-  XDialog: Ge,
-  XMessage: Wt,
-  XMessageBox: Ut,
-  XNotification: Kt,
-  XSpace: Be,
-  XTrendChart: il
+  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 Ve(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+function it(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const Xe = $("dialog"), bl = (e) => {
-  const t = document.createElement("div"), l = () => {
-    I(null, t);
-  }, n = (u) => {
+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;
-  }, o = (u, d) => {
-    u === "cancel" && e.onCancel && e.onCancel(d), u === "ok" && e.onOk && e.onOk(d);
-  }, a = (u) => {
-    if (O(u)) return u;
-    if (S(u)) {
-      const d = u();
-      return O(d) ? d : null;
+  }, 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 r("div", {
-      class: Xe.element("header-title")
-    }, [p(" "), u, p(" ")]);
-  }, s = (u) => {
-    if (O(u)) return u;
-    if (S(u)) {
-      const d = u();
-      return O(d) ? d : 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 r("div", {
-      class: Xe.element("content")
-    }, [p(" "), e.content, p(" ")]);
-  }, i = () => () => r(Y, null, [e.title && a(e.title)]), f = () => () => r(Y, null, [e.content && s(e.content)]), c = () => {
-    if (O(e.footer) || S(e.footer))
+    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) || "取消", d = (e == null ? void 0 : e.okText) || "确认";
-    return (m) => r(Be, {
+    const u = (e == null ? void 0 : e.cancelText) || "取消", f = (e == null ? void 0 : e.okText) || "确认";
+    return (h) => c(Pe, {
       size: 12
     }, {
       default: () => {
-        var C, v;
-        return [!e.hideCancel && r(le, {
+        var g, y;
+        return [!e.hideCancel && c(ne, {
           size: "small",
-          onClick: m.cancel,
-          loading: (C = m.loadingObj) == null ? void 0 : C.cancel
-        }, Ve(u) ? u : {
+          onClick: h.cancel,
+          loading: (g = h.loadingObj) == null ? void 0 : g.cancel
+        }, it(u) ? u : {
           default: () => [u]
-        }), !e.hideOk && r(le, {
+        }), !e.hideOk && c(ne, {
           type: "primary",
           size: "small",
-          onClick: m.ok,
-          loading: (v = m.loadingObj) == null ? void 0 : v.ok
-        }, Ve(d) ? d : {
-          default: () => [d]
+          onClick: h.ok,
+          loading: (y = h.loadingObj) == null ? void 0 : y.ok
+        }, it(f) ? f : {
+          default: () => [f]
         })];
       }
     });
-  }, y = r(Ue, {
+  }, m = c(pt, {
     width: (e == null ? void 0 : e.width) ?? 368,
     height: (e == null ? void 0 : e.height) ?? "auto",
     modelValue: !0,
@@ -1800,29 +2900,29 @@ const Xe = $("dialog"), bl = (e) => {
     mask: (e == null ? void 0 : e.mask) ?? !0,
     maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
     popupClass: e.popupClass,
-    onClose: o,
-    onBeforeCancel: n,
+    onClose: r,
+    onBeforeCancel: l,
     "onUpdate:modelValue": () => {
-      y.component.props.modelValue = !1;
+      m.component.props.modelValue = !1;
     },
     // 等待动画完全结束后销毁vm
-    onClosed: l,
+    onClosed: n,
     onOpened: () => {
     }
   }, {
     title: i(),
-    default: f(),
-    footer: c()
+    default: d(),
+    footer: s()
   });
-  I(y, t);
-}, sl = ["success", "warning", "error", "strong", "info"], cl = E({
-  name: B("Message"),
+  j(m, t);
+}, xl = ["success", "warning", "error", "strong", "info"], Ol = E({
+  name: S("Message"),
   components: {
-    CloseCircleFill: me,
-    CheckCircleFill: he,
-    ExclamationCircleFill: ye,
-    InfoCircleFill: ge,
-    MinusCircleFill: ve
+    CloseCircleFill: _e,
+    CheckCircleFill: ze,
+    ExclamationCircleFill: $e,
+    InfoCircleFill: we,
+    MinusCircleFill: Ae
   },
   props: {
     id: {
@@ -1870,195 +2970,193 @@ const Xe = $("dialog"), bl = (e) => {
   },
   emits: ["destroy"],
   setup(e) {
-    const t = $("message"), l = g(() => [
+    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
-    ]), n = M(!1);
-    let o = null;
-    const a = () => {
-      o = setTimeout(() => {
-        n.value = !1;
+    ]), l = O(!1);
+    let r = null;
+    const o = () => {
+      r = setTimeout(() => {
+        l.value = !1;
       }, e.duration);
     };
     W(() => {
-      n.value = !0, e.duration !== 0 && a();
-    }), ue(() => {
-      clearTimeout(o);
+      l.value = !0, e.duration !== 0 && o();
+    }), oe(() => {
+      clearTimeout(r);
     });
-    const { zIndex: s } = fe("message", { runOnMounted: !0 }), i = g(() => ({
+    const { zIndex: a } = Ce("message", { runOnMounted: !0 }), i = v(() => ({
       top: `${e.offset}px`,
-      zIndex: s.value
+      zIndex: a.value
     }));
     return {
       cn: t,
-      cls: l,
+      cls: n,
       styles: i,
-      visible: n,
+      visible: l,
       handleClose: () => {
-        n.value = !1;
+        l.value = !1;
       }
     };
   }
-}), ul = (e, t) => {
-  const l = e.__vccOpts || e;
-  for (const [n, o] of t)
-    l[n] = o;
-  return l;
-}, dl = ["innerHTML"], fl = { key: 1 };
-function ml(e, t, l, n, o, a) {
-  const s = _("CheckCircleFill"), i = _("ExclamationCircleFill"), f = _("MinusCircleFill"), c = _("CloseCircleFill"), y = _("InfoCircleFill");
-  return P(), H(te, {
+}), 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: st(() => [
-      ct(ut("div", {
-        class: Ce(e.cls),
+    default: me(() => [
+      ut(ee("div", {
+        class: X(e.cls),
         style: dt(e.styles)
       }, [
-        e.$slots.icon ? xe("", !0) : (P(), oe("span", {
+        e.$slots.icon ? De("", !0) : (A(), ke("span", {
           key: 0,
-          class: Ce([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+          class: X([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
         }, [
-          Pe(e.$slots, "icon", {}, () => [
-            e.type === "success" ? (P(), H(s, { key: 0 })) : e.type === "warning" ? (P(), H(i, { key: 1 })) : e.type === "strong" ? (P(), H(f, { key: 2 })) : e.type === "error" ? (P(), H(c, { key: 3 })) : e.type === "info" ? (P(), H(y, { key: 4 })) : xe("", !0)
+          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)),
-        Pe(e.$slots, "default", {}, () => [
-          e.useHTML ? (P(), oe("span", {
+        qe(e.$slots, "default", {}, () => [
+          e.useHTML ? (A(), ke("span", {
             key: 0,
             innerHTML: e.message
-          }, null, 8, dl)) : (P(), oe("span", fl, ft(e.message), 1)),
-          e.showClose ? (P(), oe("span", {
+          }, null, 8, Ll)) : (A(), ke("span", Sl, Oe(e.message), 1)),
+          e.showClose ? (A(), ke("span", {
             key: 2,
-            class: Ce([e.cn.element("close-icon")]),
+            class: X([e.cn.element("close-icon")]),
             onClick: t[0] || (t[0] = (...u) => e.handleClose && e.handleClose(...u))
-          }, null, 2)) : xe("", !0)
+          }, null, 2)) : De("", !0)
         ])
       ], 6), [
-        [mt, e.visible]
+        [ft, e.visible]
       ])
     ]),
     _: 3
   }, 8, ["onBeforeLeave"]);
 }
-const hl = /* @__PURE__ */ ul(cl, [["render", ml]]), Le = /* @__PURE__ */ new WeakMap(), Ne = (e) => {
-  (typeof e == "string" || O(e)) && (e = {
+const Nl = /* @__PURE__ */ Mt(Ol, [["render", Tl]]), We = /* @__PURE__ */ new WeakMap(), Ye = (e) => {
+  (typeof e == "string" || M(e)) && (e = {
     message: e
   });
-  const t = Se(e.renderTo || "body"), l = document.createElement("div");
-  Le.has(t) || Le.set(t, []);
-  const n = Le.get(t);
-  let o = e.offset || 20;
-  n.forEach((u) => {
-    var d;
-    o += ((d = u.el) == null ? void 0 : d.offsetHeight) + 20;
+  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 a = e.onClose;
-  let s = {};
-  s = { ...e, onClose: () => {
-    var m;
-    const u = n.findIndex((C) => C === c);
+  const o = e.onClose;
+  let a = {};
+  a = { ...e, onClose: () => {
+    var h;
+    const u = l.findIndex((g) => g === s);
     if (u < 0) return;
-    const d = ((m = c.el) == null ? void 0 : m.offsetHeight) + 20;
-    n.slice(u + 1).forEach((C) => {
-      var N;
-      const v = (N = C.component) == null ? void 0 : N.props.offset;
-      C.component.props.offset = v - d;
-    }), n.splice(u, 1), a && a(c);
+    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: () => {
-    I(null, l);
-  }, offset: o };
-  const c = r(
-    hl,
-    s,
-    S(s.message) || O(s.message) ? {
-      default: S(s.message) ? s.message : () => s.message
+    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 I(c, l), t.tagName === "BODY" ? c.el.style.position = "fixed" : (t.style.position = "relative", c.el.style.position = "absolute"), t.appendChild(l.firstElementChild), n.push(c), {
+  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: () => {
-      c.component.proxy.handleClose();
+      s.component.proxy.handleClose();
     }
   };
-}, yl = () => {
-  sl.forEach((e) => {
-    Ne[e] = (t) => Ye(t) ? Ne({
+}, Bl = () => {
+  xl.forEach((e) => {
+    Ye[e] = (t) => vt(t) ? Ye({
       type: e,
       ...t
-    }) : Ne({
+    }) : Ye({
       message: t,
       type: e
     });
   });
 };
-yl();
-const J = /* @__PURE__ */ new WeakMap(), Cl = (e) => {
-  const t = Se(e.renderTo || "body"), l = document.createElement("div");
-  J.get(t) || J.set(t, {}), J.get(t)[e.position] || (J.get(t)[e.position] = []);
-  const n = J.get(t)[e.position];
-  let o = e.offset || 20;
-  n.forEach((y) => {
+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;
-    o += ((u = y.el) == null ? void 0 : u.offsetHeight) + 20;
+    r += ((u = m.el) == null ? void 0 : u.offsetHeight) + 20;
   });
-  const a = t.tagName === "BODY";
-  a || (t.style.position = "relative", t.style.overflowX = "hidden");
-  const s = e.onClose, i = () => {
-    var d;
-    const y = n.findIndex((m) => m === c);
-    if (y < 0) return;
-    const u = ((d = c.el) == null ? void 0 : d.offsetHeight) + 20;
-    n.slice(y + 1).forEach((m) => {
-      var v;
-      const C = (v = m.component) == null ? void 0 : v.props.offset;
-      m.component.props.offset = C - u;
-    }), n.splice(y, 1), s && s(c);
-  }, f = () => {
-    I(null, l);
-  }, c = r(
-    Ke,
+  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: o,
-      renderToBody: a,
+      offset: r,
+      renderToBody: o,
       position: e.position,
       duration: e.duration ?? 3e3,
       showClose: e.showClose ?? !0,
       onClose: i,
-      onDestroy: f
+      onDestroy: d
     },
-    S(e.message) || O(e.message) ? {
-      default: S(e.message) ? e.message : () => e.message
+    x(e.message) || M(e.message) ? {
+      default: x(e.message) ? e.message : () => e.message
     } : null
   );
-  I(c, l), n.push(c), t == null || t.appendChild(l.firstChild);
-}, xl = {
+  j(s, n), l.push(s), t == null || t.appendChild(n.firstChild);
+}, $l = {
   install: function(e) {
-    Object.keys(Ie).forEach((t) => {
-      const l = Ie[t];
-      l.install && e.use(l);
+    Object.keys(at).forEach((t) => {
+      const n = at[t];
+      n.install && e.use(n);
     });
   }
 };
 export {
-  bl as Dialog,
-  Ne as Message,
-  Oe as MessageBox,
-  Cl as Notification,
+  _l as Dialog,
+  Ye as Message,
+  Ge as MessageBox,
+  zl as Notification,
   R as TrendChartTheme,
-  le as XButton,
-  Ge as XDialog,
-  Wt as XMessage,
-  Ut as XMessageBox,
-  Kt as XNotification,
-  Be as XSpace,
-  il as XTrendChart,
-  xl as default
+  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
 };