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

package/dist/index.es.js

@@ -1,8 +1,8 @@
-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) => {
+var nt = Object.defineProperty;
+var at = (e, t, l) => t in e ? nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
+var R = (e, t, l) => at(e, typeof t != "symbol" ? t + "" : t, l);
+import { defineComponent as M, computed as v, createVNode as r, h as k, reactive as ne, getCurrentInstance as rt, ref as S, watch as _, onMounted as D, onBeforeUnmount as De, readonly as ot, Teleport as it, Transition as te, createTextVNode as z, onUnmounted as ue, Comment as st, Fragment as X, render as V, isVNode as B, toRefs as ct, provide as ut, onUpdated as dt, inject as ft, nextTick as Me, mergeProps as Ae, resolveComponent as Z, openBlock as $, createBlock as Y, withCtx as mt, withDirectives as ht, createElementVNode as yt, normalizeClass as Ce, normalizeStyle as vt, createElementBlock as ie, renderSlot as Ee, createCommentVNode as xe, toDisplayString as gt, vShow as bt } from "vue";
+const Ct = "X", xt = "x", He = (e) => e ? xt + "-" + e : e || "", L = (e) => Ct + e, A = (e) => {
   const t = He(e);
   return {
     block: t,
@@ -10,37 +10,40 @@ const ht = "X", yt = "x", He = (e) => e ? yt + "-" + e : e || "", B = (e) => ht
     modifier: (a) => `${t}-${a}`,
     is: (a) => `${t}-is-${a}`
   };
-}, ne = Object.prototype.toString;
+}, ae = Object.prototype.toString;
 function Re(e) {
-  return ne.call(e) === "[object Array]";
+  return ae.call(e) === "[object Array]";
 }
 function Ye(e) {
-  return ne.call(e) === "[object Object]";
+  return ae.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);
+const We = (e) => ae.call(e) === "[object Promise]", kt = (e) => T(e) && e.constructor.name === "AsyncFunction", wt = (e) => We(e) || kt(e);
 function _e(e) {
-  return ne.call(e) === "[object String]";
+  return ae.call(e) === "[object String]";
 }
-function bt(e) {
-  return ne.call(e) === "[object Number]" && e === e;
+function Lt(e) {
+  return ae.call(e) === "[object Number]" && e === e;
 }
-function S(e) {
+function Nt(e) {
+  return e === void 0;
+}
+function T(e) {
   return typeof e == "function";
 }
 function de() {
   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) => {
+const N = (e) => e, St = (e) => !!(e && e.shapeFlag & 1), Ot = (e, t) => !!(e && e.shapeFlag & 6), Bt = (e, t) => !!(e && e.shapeFlag & 8), Tt = (e, t) => !!(e && e.shapeFlag & 16), pt = (e, t) => !!(e && e.shapeFlag & 32), ce = (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));
+    St(a) || Ot(a) || t && Bt(a, a.children) ? l.push(a) : Tt(a, a.children) ? l.push(...ce(a.children, t)) : pt(a, a.children) ? l.push(...ce((o = (n = a.children).default) == null ? void 0 : o.call(n), t)) : Re(a) && l.push(...ce(a, t));
   return l;
-}, V = (e, t) => Object.assign(t, {
+}, F = (e, t) => Object.assign(t, {
   install(l) {
     l.component(e) || l.component(e, t);
   }
-}), Nt = {
+}), Mt = {
   disabled: Boolean,
   block: Boolean,
   loading: Boolean,
@@ -53,7 +56,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 +64,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 +76,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") => {
+}, At = (e) => _e(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", Et = (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;
 };
-function X(e, t) {
-  return /* @__PURE__ */ E({
-    name: He(`Icon${Ot(e)}`),
+function H(e, t) {
+  return /* @__PURE__ */ M({
+    name: He(`Icon${At(e)}`),
     props: {
       size: {
         type: [Number, String],
@@ -111,10 +114,10 @@ function X(e, t) {
       }
     },
     setup(l) {
-      const n = "x-icon", o = g(() => {
+      const n = "x-icon", o = v(() => {
         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, {
+        return l.size && (s.fontSize = Et(l.size)), l.rotate && (s.transform = `rotate(${l.rotate}deg)`), l.color && (s.color = l.color), s;
+      }), a = v(() => [n, {
         [`${n}-loading`]: l.spin
       }]);
       return () => r("div", {
@@ -124,7 +127,7 @@ function X(e, t) {
     }
   });
 }
-const Bt = X("InfoCircleFill", w(r("svg", {
+const $t = H("InfoCircleFill", k(r("svg", {
   viewBox: "0 0 50 50",
   class: "x-icon-loading-svg"
 }, [r("circle", {
@@ -134,9 +137,9 @@ const Bt = X("InfoCircleFill", w(r("svg", {
   class: "path",
   fill: "none",
   stroke: "currentColor"
-}, null)]))), Tt = /* @__PURE__ */ E({
+}, null)]))), Pt = /* @__PURE__ */ M({
   name: "Button",
-  props: Nt,
+  props: Mt,
   emits: ["click"],
   // 显式导入插槽
   $slots: ["prefix", "suffix"],
@@ -144,26 +147,26 @@ const Bt = X("InfoCircleFill", w(r("svg", {
     slots: t,
     emit: l
   }) {
-    const n = ce({
+    const n = ne({
       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 = () => {
+    }), o = A("button"), a = v(() => [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;
       }, e.debounce));
-    }, i = g(() => e.loading || n.clicked || n.isDebounce), f = at(), c = (u, d) => {
+    }, i = v(() => e.loading || n.clicked || n.isDebounce), f = rt(), c = (u, d) => {
       const m = u(d);
-      vt(m) && (n.clicked = !0, m.finally(() => {
+      wt(m) && (n.clicked = !0, m.finally(() => {
         n.clicked = !1;
       }));
-    }, y = (u) => {
-      var m, C, v, N;
+    }, h = (u) => {
+      var m, C, g, O;
       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;
+      const d = (O = (g = f == null ? void 0 : f.vnode) == null ? void 0 : g.props) == null ? void 0 : O.onClick;
       if (Re(d))
-        d.forEach((A) => c(A, u));
-      else if (S(d)) {
+        d.forEach((P) => c(P, u));
+      else if (T(d)) {
         c(d, u);
         return;
       }
@@ -174,14 +177,14 @@ const Bt = X("InfoCircleFill", w(r("svg", {
         class: a.value,
         type: "button",
         disabled: e.disabled,
-        onClick: y
+        onClick: h
       }, [r("span", {
         style: {
           display: i.value ? "flex" : "none",
           marginRight: i.value ? "4px" : "0px"
         },
         class: o.element("loading")
-      }, [r(Bt, null, null)]), t.prefix && r("span", {
+      }, [r($t, null, null)]), t.prefix && r("span", {
         class: o.element("prefix")
       }, [t.prefix()]), r("span", {
         class: o.element("content")
@@ -190,40 +193,40 @@ const Bt = X("InfoCircleFill", w(r("svg", {
       }, [t.suffix()])]);
     };
   }
-}), le = V(B("Button"), Tt), Mt = ["px", "%", "vh", "vw", "calc"], Ae = (e, t = "px") => {
+}), le = F(L("Button"), Pt), zt = ["px", "%", "vh", "vw", "calc"], $e = (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 {
+  return zt.some((n) => l.includes(n)) ? l : l + t;
+}, Ft = 1e3, It = 3e3, jt = 1;
+class Vt {
   constructor() {
-    D(this, "popupStack", {
+    R(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) => {
+    R(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || It : Array.from(this.popupStack.popup).pop() || Ft) + jt);
+    R(this, "add", (t) => {
       const l = this.getNextZIndex(t);
       return this.popupStack[t].add(l), t === "dialog" && this.popupStack.popup.add(l), l;
     });
-    D(this, "delete", (t, l) => {
+    R(this, "delete", (t, l) => {
       this.popupStack[l].delete(t), l === "dialog" && this.popupStack.popup.delete(t);
     });
-    D(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+    R(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
   }
 }
-const we = new At();
+const ke = new Vt();
 function fe(e, {
   visible: t,
   runOnMounted: l
 } = {}) {
-  const n = M(0), o = () => {
-    n.value = we.add(e);
+  const n = S(0), o = () => {
+    n.value = ke.add(e);
   }, a = () => {
-    we.delete(n.value, e);
-  }, s = () => e === "dialog" ? we.isLastDialog(n.value) : !1;
-  return ee(
+    ke.delete(n.value, e);
+  }, s = () => e === "dialog" ? ke.isLastDialog(n.value) : !1;
+  return _(
     () => t == null ? void 0 : t.value,
     (i) => {
       i ? o() : a();
@@ -231,23 +234,23 @@ function fe(e, {
     {
       immediate: !0
     }
-  ), l && (W(o), De(a)), {
-    zIndex: rt(n),
+  ), l && (D(o), De(a)), {
+    zIndex: ot(n),
     open: o,
     close: a,
     isLastDialog: s
   };
 }
-const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, l) => (l == null ? void 0 : l.toUpperCase()) ?? ""), qe = () => {
-}, pt = (e, t) => {
+const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, l) => (l == null ? void 0 : l.toUpperCase()) ?? ""), Ue = () => {
+}, Xt = (e, t) => {
   if (de)
     return (t ?? document).querySelector(e) ?? void 0;
-}, $t = (e) => {
+}, Dt = (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) => {
+}, Ht = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, Rt = (e, t) => {
   var n;
   if (!de || !e || !t) return "";
   let l = Ze(t);
@@ -260,27 +263,27 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   } catch {
     return e.style[l];
   }
-}, Q = (e, t, l) => {
+}, ee = (e, t, l) => {
   if (!(!e || !t))
     if (Ye(t))
       Object.entries(t).forEach(
-        ([n, o]) => Q(e, n, o)
+        ([n, o]) => ee(e, n, o)
       );
     else {
       const n = Ze(t);
       e.style[n] = l;
     }
-}, Se = (e, t) => {
+}, Oe = (e, t) => {
   if (_e(e)) {
     const l = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
-    return pt(l, t);
+    return Xt(l, t);
   }
   return e;
-}, It = de ? (e, t, l, n = !1) => {
+}, Yt = de ? (e, t, l, n = !1) => {
   e.addEventListener(t, l, n);
-} : qe, Vt = de ? (e, t, l, n = !1) => {
+} : Ue, Wt = de ? (e, t, l, n = !1) => {
   e.removeEventListener(t, l, n);
-} : qe, Xt = (e, t) => {
+} : Ue, _t = (e, t) => {
   let l = !1;
   const n = {
     overflow: "",
@@ -289,11 +292,11 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     if (e.value) {
       const i = e.value;
       if (!l && i.style.overflow !== "hidden") {
-        const f = $t(i);
-        if (f > 0 || Ft(i)) {
+        const f = Dt(i);
+        if (f > 0 || Ht(i)) {
           n.overflow = i.style.overflow, n.width = i.style.width;
           let c = 0;
-          o(i) && (c = i.getBoundingClientRect().left || 0), Q(i, {
+          o(i) && (c = i.getBoundingClientRect().left || 0), ee(i, {
             width: `calc(100% - ${Math.ceil(f - c)}px)`,
             overflow: "hidden"
           }), l = !0;
@@ -303,24 +306,24 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   }, s = () => {
     if (e.value && l) {
       const i = e.value;
-      Q(i, {
+      ee(i, {
         overflow: n.overflow,
         width: n.width
       }), l = !1;
     }
   };
-  return ee(
+  return _(
     () => t == null ? void 0 : t.value,
     (i) => {
-      e.value && !o(e.value) && (i && Q(i, {
+      e.value && !o(e.value) && (i && ee(i, {
         position: "absolute"
-      }), jt(e.value, "position") === "static" && Q(e.value, { position: "relative" }));
+      }), Rt(e.value, "position") === "static" && ee(e.value, { position: "relative" }));
     }
   ), {
     setOverflowHidden: a,
     resetOverflow: s
   };
-}, Dt = {
+}, Zt = {
   ENTER: "Enter",
   ESC: "Escape",
   BACKSPACE: "Backspace",
@@ -330,9 +333,9 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   ARROW_DOWN: "ArrowDown",
   ARROW_LEFT: "ArrowLeft",
   ARROW_RIGHT: "ArrowRight"
-}, Ht = {
+}, Ut = {
   renderTo: {
-    type: L([String, Object]),
+    type: N([String, Object]),
     default: "body"
   },
   disabled: {
@@ -416,79 +419,79 @@ 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"),
+}, qt = ["width", "minWidth", "height", "minHeight"], qe = /* @__PURE__ */ M({
+  name: L("Dialog"),
   inheritAttrs: !1,
-  props: Ht,
+  props: Ut,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(e, {
     emit: t,
     slots: l
   }) {
-    const n = $("dialog"), o = n.block, a = $("message-box");
+    const n = A("dialog"), o = n.block, a = 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 s = v(() => [o, e.messageBox && "is-message-box", e.popupClass && e.popupClass]), i = v(() => Oe(e.renderTo)), f = S(), c = v(() => e.disabled || !i.value), h = v(() => ({
+      zIndex: g.value
+    })), u = v(() => {
       const x = {};
-      return e.fullscreen || (!e.center && e.top && (x.top = Ae(e.top)), Rt.forEach((j) => {
-        e[j] && (x[j] = Ae(e[j]));
+      return e.fullscreen || (!e.center && e.top && (x.top = $e(e.top)), qt.forEach((j) => {
+        e[j] && (x[j] = $e(e[j]));
       })), x;
-    }), d = M(!1), m = g(() => e.modelValue), C = g(() => m.value || d.value), {
-      zIndex: v,
-      isLastDialog: N
+    }), d = S(!1), m = v(() => e.modelValue), C = v(() => m.value || d.value), {
+      zIndex: g,
+      isLastDialog: O
     } = fe("dialog", {
       visible: m
     }), {
-      setOverflowHidden: A,
-      resetOverflow: h
-    } = Xt(i, f), b = (x, j) => {
+      setOverflowHidden: P,
+      resetOverflow: y
+    } = _t(i, f), b = (x, j) => {
       t("update:modelValue", !1), t("close", e.messageBox ? x : void 0, e.messageBox ? j : void 0);
-    }, k = () => {
-      d.value = !1, h(), t("closed");
-    }, z = () => {
+    }, w = () => {
+      d.value = !1, y(), t("closed");
+    }, E = () => {
       t("opened");
-    }, T = ce({
+    }, p = ne({
       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);
+    }), I = (x, j) => {
+      let oe = !0;
+      if (p[x] = !0, T(e.onBeforeCancel) && (oe = e.onBeforeCancel(x) ?? !1), We(oe)) {
+        oe.then((lt) => {
+          p[x] = !1, lt && b(x, j);
         });
         return;
       }
-      T[x] = !1, re && b(x, j);
-    }, ae = () => {
-      e.maskToClose && e.mask && F("cancel");
-    }, Je = (x) => {
-      F("cancel", x);
+      p[x] = !1, oe && b(x, j);
+    }, re = () => {
+      e.maskToClose && e.mask && I("cancel");
     }, Qe = (x) => {
-      F("ok", x);
+      I("cancel", x);
+    }, et = (x) => {
+      I("ok", x);
     };
     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);
+      e.escToClose && x.key === Zt.ESC && O() && I("cancel");
+    }, tt = () => {
+      e.escToClose && !be && (be = !0, Yt(document.documentElement, "keydown", Te));
+    }, pe = () => {
+      be = !1, Wt(document.documentElement, "keydown", Te);
     };
     return De(() => {
-      h(), Me();
-    }), ee(() => m.value, (x) => {
-      x ? (t("open"), A(), d.value = !0, et()) : Me();
+      y(), pe();
+    }), _(() => m.value, (x) => {
+      x ? (t("open"), P(), d.value = !0, tt()) : pe();
     }, {
       immediate: !0
-    }), () => r(ot, {
+    }), () => r(it, {
       to: i.value,
       disabled: c.value
     }, {
       default: () => [C.value && r("div", {
         ref: f,
         class: s.value,
-        style: y.value
+        style: h.value
       }, [r(te, {
         name: "x-fade-in-standard",
         appear: !0
@@ -500,12 +503,12 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
         class: [n.element("wrapper"), {
           "is-center": e.center
         }],
-        onClick: (x) => x.target === x.currentTarget && ae()
+        onClick: (x) => x.target === x.currentTarget && re()
       }, [r(te, {
         name: "x-zoom-in",
         appear: !0,
-        onAfterEnter: z,
-        onAfterLeave: k
+        onAfterEnter: E,
+        onAfterLeave: w
       }, {
         default: () => [m.value && r("div", {
           class: [n.element("container"), {
@@ -521,17 +524,17 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
         }, [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
+          cancel: Qe,
+          ok: et,
+          "loading-obj": p
         })]), e.showClose && r("span", {
           class: [n.element("close-icon"), e.messageBox && a.element("close-icon")],
-          onClick: () => F("cancel")
+          onClick: () => I("cancel")
         }, null)])]
       })])])]
     });
   }
-}), Ge = V(B("Dialog"), Ue), me = X("CloseCircleFill", w(r("svg", {
+}), Ge = F(L("Dialog"), qe), me = H("CloseCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -546,7 +549,7 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   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)]))), he = H("CheckCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -561,7 +564,7 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   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)]))), ye = H("ExclamationCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -576,7 +579,7 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   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)]))), ve = H("InfoCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -591,7 +594,7 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   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)]))), ge = H("MinusCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -607,14 +610,14 @@ const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   fill: "currentColor",
   stroke: "none"
 }, null)])));
-X("LogoSimple", w(r("svg", {
+H("LogoSimple", k(r("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", {
+}, [r("desc", null, [z("Created with Pixso.")]), r("defs", null, null), r("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",
@@ -633,8 +636,8 @@ X("LogoSimple", w(r("svg", {
   "fill-opacity": "1.000000",
   "fill-rule": "nonzero"
 }, null)])));
-const Yt = /* @__PURE__ */ E({
-  name: B("Message"),
+const Gt = /* @__PURE__ */ M({
+  name: L("Message"),
   props: {
     id: {
       type: String,
@@ -687,11 +690,11 @@ const Yt = /* @__PURE__ */ E({
     emit: t,
     slots: l
   }) {
-    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 n = A("message"), o = S(!1), a = S(null), s = v(() => [n.block, n.modifier(e.type), e.center && n.modifier("center"), e.showClose && !e.center && n.element("show-close"), e.popupClass]), {
       zIndex: i
     } = fe("message", {
       runOnMounted: !0
-    }), f = g(() => ({
+    }), f = v(() => ({
       top: `${e.offset}px`,
       zIndex: i.value
     })), c = () => {
@@ -702,23 +705,23 @@ const Yt = /* @__PURE__ */ E({
         case "warning":
           return r(ye, null, null);
         case "strong":
-          return r(ve, null, null);
+          return r(ge, null, null);
         case "error":
           return r(me, null, null);
         case "info":
-          return r(ge, null, null);
+          return r(ve, null, null);
         default:
           return null;
       }
-    }, y = () => {
+    }, h = () => {
       e.duration > 0 && (a.value = setTimeout(() => {
         o.value = !1;
       }, e.duration));
     }, u = () => {
       a.value && (clearTimeout(a.value), a.value = null);
     };
-    W(() => {
-      o.value = !0, y();
+    D(() => {
+      o.value = !0, h();
     }), ue(() => {
       u();
     });
@@ -744,7 +747,7 @@ const Yt = /* @__PURE__ */ E({
       }, null)])])]
     });
   }
-}), Wt = V(B("Message"), Yt), _t = /* @__PURE__ */ E({
+}), Kt = F(L("Message"), Gt), Jt = /* @__PURE__ */ M({
   name: "Space",
   props: {
     direction: {
@@ -767,9 +770,9 @@ 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}`)]);
+    const l = A("space"), n = v(() => [l.block, l.element(e.direction), e.fill && "is-fill", l.element(`${e.direction}-${e.align}`)]);
     function o(s) {
-      if (bt(s))
+      if (Lt(s))
         return s;
       switch (s) {
         case "mini":
@@ -792,15 +795,15 @@ const Yt = /* @__PURE__ */ E({
     };
     return () => {
       var i;
-      const s = se((i = t.default) == null ? void 0 : i.call(t), !0).filter((f) => f.type !== it);
+      const s = ce((i = t.default) == null ? void 0 : i.call(t), !0).filter((f) => f.type !== st);
       return r("div", {
         class: [n.value]
       }, [s.map((f, c) => {
         var u;
-        const y = t.split && c > 0;
-        return r(Y, {
+        const h = t.split && c > 0;
+        return r(X, {
           key: `space-item-${c}`
-        }, [y && r("div", {
+        }, [h && r("div", {
           className: l.element("split"),
           style: a(!1)
         }, [(u = t.split) == null ? void 0 : u.call(t)]), r("div", {
@@ -810,13 +813,13 @@ const Yt = /* @__PURE__ */ E({
       })]);
     };
   }
-}), 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);
+}), Be = F(L("Space"), Jt), Qt = ["info", "success", "warning", "strong", "error"];
+function Pe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !B(e);
 }
-const ke = $("message-box"), Oe = (e) => {
+const we = A("message-box"), Se = (e) => {
   const t = document.createElement("div"), l = () => {
-    I(null, t);
+    V(null, t);
   }, n = (d) => {
     if (d === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
@@ -834,7 +837,7 @@ const ke = $("message-box"), Oe = (e) => {
         }, null);
         break;
       case "strong":
-        m = r(ve, {
+        m = r(ge, {
           size: "22px",
           color: "#ff7125"
         }, null);
@@ -852,54 +855,54 @@ const ke = $("message-box"), Oe = (e) => {
         }, null);
         break;
       case "info":
-        m = r(ge, {
+        m = r(ve, {
           size: "22px",
           color: "#2355f5"
         }, null);
         break;
     }
     return r("div", {
-      class: ke.element("icon")
+      class: we.element("icon")
     }, [m]);
   }, s = (d) => {
-    if (O(d)) return d;
-    if (S(d)) {
+    if (B(d)) return d;
+    if (T(d)) {
       const m = d();
-      return O(m) ? m : null;
+      return B(m) ? m : null;
     }
     return r("div", {
-      class: ke.element("title")
-    }, [p(" "), d, p(" ")]);
+      class: we.element("title")
+    }, [z(" "), d, z(" ")]);
   }, i = (d) => {
-    if (O(d)) return d;
-    if (S(d)) {
+    if (B(d)) return d;
+    if (T(d)) {
       const m = d();
-      return O(m) ? m : null;
+      return B(m) ? m : 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))
+      class: we.element("content")
+    }, [z(" "), e.content, z(" ")]);
+  }, f = () => () => r(X, null, [a(e.type || "success"), e.title && s(e.title)]), c = () => () => r(X, null, [e.content && i(e.content)]), h = () => {
+    if (B(e.footer) || T(e.footer))
       return e.footer;
     const d = (e == null ? void 0 : e.cancelText) || "取消", m = (e == null ? void 0 : e.okText) || "确认";
     return (C) => r(Be, {
       size: 12
     }, {
       default: () => {
-        var v, N;
+        var g, O;
         return [!e.hideCancel && r(le, {
           size: "small",
           onClick: C.cancel,
-          loading: (v = C.loadingObj) == null ? void 0 : v.cancel
-        }, pe(d) ? d : {
+          loading: (g = C.loadingObj) == null ? void 0 : g.cancel
+        }, Pe(d) ? d : {
           default: () => [d]
         }), !e.hideOk && r(le, {
           type: "primary",
           size: "small",
           onClick: C.ok,
-          loading: (N = C.loadingObj) == null ? void 0 : N.ok
-        }, pe(m) ? m : {
+          loading: (O = C.loadingObj) == null ? void 0 : O.ok
+        }, Pe(m) ? m : {
           default: () => [m]
         })];
       }
@@ -927,26 +930,26 @@ const ke = $("message-box"), Oe = (e) => {
   }, {
     title: f(),
     default: c(),
-    footer: y()
+    footer: h()
   });
-  I(u, t);
-}, qt = () => {
-  Zt.forEach((e) => {
-    Oe[e] = (t, l) => {
+  V(u, t);
+}, el = () => {
+  Qt.forEach((e) => {
+    Se[e] = (t, l) => {
       const n = [], o = [];
       let a = () => !0, s = () => !0;
       return setTimeout(() => {
-        Oe({
+        Se({
           title: t,
           content: l,
           type: e,
           beforeOnCancel: s,
           beforeOnOk: a,
           onOk: () => {
-            n.forEach((i) => S(i) && i());
+            n.forEach((i) => T(i) && i());
           },
           onCancel: () => {
-            o.forEach((i) => S(i) && i());
+            o.forEach((i) => T(i) && i());
           }
         });
       }, 0), {
@@ -960,8 +963,8 @@ const ke = $("message-box"), Oe = (e) => {
     };
   });
 };
-qt();
-const Ut = V(B("MessageBox"), Oe), Gt = {
+el();
+const tl = F(L("MessageBox"), Se), ll = {
   position: {
     type: String,
     default: "top-right"
@@ -999,38 +1002,38 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
     type: Boolean,
     default: !1
   }
-}, Ke = /* @__PURE__ */ E({
-  name: B("Notification"),
-  props: Gt,
+}, Ke = /* @__PURE__ */ M({
+  name: L("Notification"),
+  props: ll,
   emits: ["close", "destroy"],
   setup(e, {
     emit: t,
     slots: l
   }) {
-    const n = $("notification"), o = n.block, a = g(() => [o, n.modifier(i.value.ver)]), {
+    const n = A("notification"), o = n.block, a = v(() => [o, n.modifier(i.value.ver)]), {
       zIndex: s
     } = fe("message", {
       runOnMounted: !0
-    }), i = g(() => {
-      const v = e.position.split("-");
+    }), i = v(() => {
+      const g = e.position.split("-");
       return {
-        hor: v[1],
-        ver: v[0]
+        hor: g[1],
+        ver: g[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);
+    }), f = v(() => `x-notification-slide-${i.value.hor}`), c = v(() => {
+      const g = {};
+      return g.position = e.renderToBody ? "fixed" : "absolute", g.zIndex = s.value, g[i.value.hor] = "20px", g[i.value.ver] = `${e.offset}px`, g;
+    }), h = S(!1);
     let u = 0;
     const d = () => {
       u = setTimeout(() => {
-        y.value = !1;
+        h.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;
+    }, m = v(() => e.type === "info" ? ve : e.type === "warning" ? ye : e.type === "strong" ? ge : e.type === "success" ? he : e.type === "error" ? me : ""), C = () => {
+      h.value = !1;
     };
-    return W(() => {
-      e.duration !== 0 && d(), y.value = !0;
+    return D(() => {
+      e.duration !== 0 && d(), h.value = !0;
     }), ue(() => {
       clearTimeout(u);
     }), () => r(te, {
@@ -1039,8 +1042,8 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
       onAfterLeave: () => t("destroy")
     }, {
       default: () => {
-        var v;
-        return [y.value && r("div", {
+        var g;
+        return [h.value && r("div", {
           class: a.value,
           style: c.value
         }, [r("div", {
@@ -1051,14 +1054,141 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
           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", {
+        }, [((g = l.default) == null ? void 0 : g.call(l)) || e.message])])]), e.showClose && r("span", {
           class: [n.element("close-icon")],
           onClick: C
         }, null)])];
       }
     });
   }
-}), Kt = V(B("Notification"), Ke), Jt = (e) => {
+}), nl = F(L("Notification"), Ke), al = {
+  /**
+   * @description 是否倒序
+   */
+  reverse: {
+    type: Boolean
+  },
+  /**
+   * @description 轴线样式
+   */
+  lineType: {
+    type: String,
+    default: "solid"
+  }
+}, rl = {
+  /**
+   * @description 小圆点颜色
+   */
+  dotColor: {
+    type: String
+  }
+}, Je = Symbol("timelineKey"), ol = "TimelineItem", il = /* @__PURE__ */ M({
+  name: "Timeline",
+  components: {},
+  props: al,
+  emits: ["update:current", "change"],
+  setup(e, {
+    slots: t
+  }) {
+    const l = A("timeline"), n = v(() => [l.block, e.reverse && "is-reverse"]), {
+      reverse: o,
+      lineType: a
+    } = ct(e), s = S(0), i = (u) => Array.isArray(u) && u.length > 0 ? u.filter((d) => {
+      var m;
+      if (Array.isArray(d.children) && d.children.length > 0 && typeof d.type == "symbol")
+        return d.children = i(d.children), d.children.length > 0 ? d : null;
+      if (((m = d == null ? void 0 : d.type) == null ? void 0 : m.name) === ol)
+        return d;
+    }) : [], f = (u) => {
+      let d = 0;
+      return u.forEach((m) => {
+        Array.isArray(m.children) ? d += f(m.children) : d += 1;
+      }), d;
+    }, c = (u) => {
+      const d = i(u);
+      return s.value = f(d), d;
+    }, h = ne({
+      reverse: o,
+      parentCls: l.block,
+      count: s,
+      lineType: a
+    });
+    return ut(Je, h), () => {
+      var u;
+      return r("div", {
+        class: n.value
+      }, [c((u = t.default) == null ? void 0 : u.call(t))]);
+    };
+  }
+}), sl = F(L("Timeline"), il), cl = ({
+  itemRef: e,
+  selector: t,
+  index: l,
+  parentClassName: n
+}) => {
+  const o = S(-1), a = v(() => (l == null ? void 0 : l.value) ?? o.value), s = S(), i = () => {
+    var h;
+    let c = ((h = e.value) == null ? void 0 : h.parentElement) ?? void 0;
+    if (n)
+      for (; c && !c.className.includes(n); )
+        c = c.parentElement ?? void 0;
+    return c;
+  }, f = () => {
+    if (Nt(l == null ? void 0 : l.value) && s.value && e.value) {
+      const c = Array.from(s.value.querySelectorAll(t)).indexOf(e.value);
+      c !== o.value && (o.value = c);
+    }
+  };
+  return _(e, () => {
+    e.value && !s.value && (s.value = i());
+  }), D(() => {
+    e.value && (s.value = i()), f();
+  }), dt(() => f()), {
+    innerIndex: a
+  };
+}, ul = /* @__PURE__ */ M({
+  name: "TimelineItem",
+  props: rl,
+  emits: ["close"],
+  setup(e, {
+    slots: t
+  }) {
+    const l = A("timeline-item"), n = ft(Je), o = S(null), a = S(e.dotColor), {
+      innerIndex: s
+    } = cl({
+      itemRef: o,
+      selector: `.${l.block}`,
+      parentClassName: n == null ? void 0 : n.parentCls
+    }), i = v(() => n ? n.reverse ? s.value === 0 : s.value + 1 === n.count : !1), f = v(() => [l.block, i.value && "is-last"]), c = v(() => ({
+      borderLeftStyle: n == null ? void 0 : n.lineType
+    })), h = v(() => t.icon ? [`${l.block}--dot--icon`, "is-slot-icon"] : [`${l.block}--dot--icon`]);
+    return () => {
+      var u, d;
+      return r("div", {
+        ref: o,
+        class: f.value
+      }, [r("div", {
+        class: `${l.block}--dot`
+      }, [!i.value && r("div", {
+        class: `${l.block}--dot--line`,
+        style: c.value
+      }, null), r("div", {
+        class: h.value
+      }, [t.icon ? t.icon() : r("i", {
+        class: "icon",
+        style: {
+          backgroundColor: a.value
+        }
+      }, null)])]), r("div", {
+        class: `${l.block}--content`
+      }, [t.default ? t.default() : r(X, null, [r("div", {
+        class: `${l.block}--content--label`
+      }, [(u = t.label) == null ? void 0 : u.call(t)]), r("div", {
+        class: `${l.block}--content--description`
+      }, [(d = t.description) == null ? void 0 : d.call(t)])])])]);
+    };
+  }
+}), dl = F(L("TimelineItem"), ul), fl = (e) => {
   const t = e.split(" ").filter((n) => n !== "").map((n) => parseInt(n));
   let l = {};
   switch (t.length) {
@@ -1075,29 +1205,29 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
       l = { top: t[0], right: t[0], bottom: t[0], left: t[0] };
   }
   return l;
-}, Qt = (e) => {
+}, ml = (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 = {
+}, hl = {
   // 数据集
   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 +1242,7 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
     default: "5",
     type: String,
     validator(e) {
-      return Qt(e);
+      return ml(e);
     }
   },
   // 开启交互，开启后启用onmousemove事件
@@ -1122,15 +1252,15 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
   },
   // 主题
   theme: {
-    type: L(Object),
+    type: N(Object),
     default: () => ({
       activeLineColor: "#CCC"
     })
   }
-}, tl = {
+}, yl = {
   boundary: {
     required: !0,
-    type: L(Object),
+    type: N(Object),
     default: () => {
     }
   },
@@ -1151,7 +1281,7 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
   },
   data: {
     required: !0,
-    type: L(Array),
+    type: N(Array),
     default: () => []
   },
   className: {
@@ -1177,15 +1307,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 = {
+}, vl = {
   boundary: {
     required: !0,
-    type: L(Object),
+    type: N(Object),
     default: () => {
     }
   },
@@ -1205,10 +1335,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,9 +1361,9 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
     default: (e) => e,
     type: Function
   }
-}, $e = E({
-  name: B("TrendChartGrid"),
-  props: ll,
+}, ze = M({
+  name: L("TrendChartGrid"),
+  props: vl,
   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;
@@ -1253,62 +1383,62 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
         y2: i,
         stroke: "rgba(0,0,0,0.1)"
       };
-    }, n = g(() => {
+    }, n = v(() => {
       if (e.verticalLines && e.verticalLinesNumber > 0) {
         const a = [];
         for (let s = 1; s <= e.verticalLinesNumber; s++)
           a.push(
-            w("line", {
+            k("line", {
               class: "line",
               ...t(s)
             })
           );
-        return w("g", { class: "vertical" }, a);
+        return k("g", { class: "vertical" }, a);
       }
       return null;
-    }), o = g(() => {
+    }), o = v(() => {
       if (e.horizontalLines && e.horizontalLinesNumber > 0) {
         const a = [];
         for (let s = 1; s <= e.horizontalLinesNumber; s++)
           a.push(
-            w("line", {
+            k("line", {
               class: "line",
               ...l(s)
             })
           );
-        return w("g", { class: "horizontal" }, a);
+        return k("g", { class: "horizontal" }, a);
       }
       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);
+      return n.value && a.push(n.value), o.value && a.push(o.value), a.length === 0 ? null : k("g", null, a);
     };
   }
-}), Fe = E({
-  name: B("TrendChartLabels"),
-  props: nl,
+}), Fe = M({
+  name: L("TrendChartLabels"),
+  props: gl,
   setup(e) {
-    const t = ce({
+    const t = ne({
       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})` };
+    }), l = S(null), n = S(null), o = (f) => {
+      const c = (e.boundary.maxX - e.boundary.minX) / (e.xLabels.length - 1), h = e.boundary.minX + c * f, u = e.boundary.maxY;
+      return { transform: `translate(${h}, ${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})` };
+      const c = (e.boundary.maxY - e.boundary.minY) / (e.yLabels - 1), h = e.boundary.minX, u = e.boundary.maxY - c * f;
+      return { transform: `translate(${h}, ${u})` };
     };
-    W(() => {
+    D(() => {
       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);
     });
-    const s = g(() => e.xLabels && e.xLabels.length ? w(
+    const s = v(() => e.xLabels && e.xLabels.length ? k(
       "g",
       { class: "x-labels", ref: l },
       e.xLabels.map(
-        (f, c) => w("g", { class: "label", ...o(c) }, [
-          w(
+        (f, c) => k("g", { class: "label", ...o(c) }, [
+          k(
             "text",
             {
               dy: t.xLabelHeight + 5,
@@ -1316,16 +1446,16 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
             },
             f
           ),
-          w("line", { stroke: "rgba(0,0,0,0.1)", y2: 5 })
+          k("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(
+            k("g", { class: "label", ...a(c) }, [
+              k(
                 "text",
                 {
                   dx: -10,
@@ -1336,42 +1466,42 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
                   e.minValue + (e.maxValue - e.minValue) / (e.yLabels - 1) * c
                 )
               ),
-              w("line", { stroke: "rgba(0,0,0,0.1)", x1: 0, x2: -5 })
+              k("line", { stroke: "rgba(0,0,0,0.1)", x1: 0, x2: -5 })
             ])
           );
-        return w("g", { class: "y-labels", ref: n }, f);
+        return k("g", { class: "y-labels", ref: n }, f);
       }
       return null;
     });
     return () => {
       const f = [];
-      return s.value && f.push(s.value), i.value && f.push(i.value), w("g", f);
+      return s.value && f.push(s.value), i.value && f.push(i.value), k("g", f);
     };
   }
-}), al = (e, t, l, n, o) => {
+}), bl = (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
   }));
-}, rl = (e, t, { maxY: l }) => {
+}, Cl = (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) => {
+  e.forEach((c, h) => {
     if (!t) i += ` L${c.x},${c.y}`;
     else {
-      const u = e[y - 1] || n;
+      const u = e[h - 1] || n;
       i += ` C ${s + u.x},${u.y} ${s + u.x},${c.y} ${c.x},${c.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,
+}, Ie = /* @__PURE__ */ M({
+  name: L("TrendChartCurve"),
+  props: yl,
   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 t = v(() => bl(e.data, e.boundary, e.maxValue, e.minValue, e.maxAmount)), l = v(() => Cl([...t.value], e.smooth, e.boundary)), n = v(() => {
+      var s, i, f, c, h, u, d, m, C, g, O, P;
       const o = [];
       e.fill && ((s = l.value) != null && s.fillPath) && o.push(r("path", {
         class: "x-trend-chart-fill",
@@ -1379,7 +1509,7 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
         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
+          opacity: ((h = (c = e.theme) == null ? void 0 : c.fill) == null ? void 0 : h.opacity) || 0.1
         }
       }, null)), e.stroke && ((u = l.value) != null && u.linePath) && o.push(r("path", {
         class: "x-trend-chart-stroke",
@@ -1388,34 +1518,34 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
         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
+          strokeWidth: (g = (C = e.theme) == null ? void 0 : C.stroke) == null ? void 0 : g.width,
+          opacity: (P = (O = e.theme) == null ? void 0 : O.stroke) == null ? void 0 : P.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 a = (y) => {
+        var b, w, E, p;
+        return y ? {
+          stroke: (w = (b = e.theme) == null ? void 0 : b.point) == null ? void 0 : w.color,
+          strokeWidth: (p = (E = e.theme) == null ? void 0 : E.point) == null ? void 0 : p.width,
           r: 1
         } : {};
       };
       if (e.showPoints && t.value) {
-        const h = t.value.map((b, k) => {
-          var z, T;
+        const y = t.value.map((b, w) => {
+          var E, p;
           return r("circle", {
             class: {
               point: !0,
-              "x-trend-chart-point-active": ((z = e.activeLineParams) == null ? void 0 : z.index) === k
+              "x-trend-chart-point-active": ((E = e.activeLineParams) == null ? void 0 : E.index) === w
             },
             cx: b.x,
             cy: b.y,
-            style: a(((T = e.activeLineParams) == null ? void 0 : T.index) === k)
+            style: a(((p = e.activeLineParams) == null ? void 0 : p.index) === w)
           }, null);
         });
         o.push(r("g", {
           class: "x-trend-chart-points"
-        }, [h]));
+        }, [y]));
       }
       return o;
     });
@@ -1423,51 +1553,51 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
       class: e.className
     }, [n.value]);
   }
-}), ie = "#f00", Z = "#ff7126", q = "#ffc703", U = "#363636", G = "#25c341", K = "#0056ff", R = {
+}), se = "#f00", U = "#ff7126", q = "#ffc703", G = "#363636", K = "#25c341", J = "#0056ff", W = {
   DANGER: {
     // 主题色
     color: "#f00",
     // 点
     point: {
       width: 3,
-      color: ie
+      color: se
     },
     // 描边
     stroke: {
       width: 3,
-      color: ie,
+      color: se,
       opacity: 0.8
     },
     // 填充
     fill: {
-      color: ie,
+      color: se,
       opacity: 0.1
     },
     axisLine: {
-      color: ie,
+      color: se,
       width: 2,
       opacity: 0.9
     }
   },
   STRONG: {
     // 主题色
-    color: Z,
+    color: U,
     // 点
     point: {
       width: 4,
-      color: Z
+      color: U
     },
     stroke: {
       width: 3,
-      color: Z,
+      color: U,
       opacity: 0.8
     },
     fill: {
-      color: Z,
+      color: U,
       opacity: 0.1
     },
     axisLine: {
-      color: Z,
+      color: U,
       width: 2,
       opacity: 0.9
     }
@@ -1497,88 +1627,88 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
   },
   SUCCESS: {
     // 主题色
-    color: G,
+    color: K,
     // 点
     point: {
       width: 4,
-      color: G
+      color: K
     },
     stroke: {
       width: 3,
-      color: G,
+      color: K,
       opacity: 1
     },
     fill: {
-      color: G,
+      color: K,
       opacity: 0.1
     },
     axisLine: {
-      color: G,
+      color: K,
       width: 2,
       opacity: 0.9
     }
   },
   INFO: {
     // 主题色
-    color: U,
+    color: G,
     // 点
     point: {
       width: 4,
-      color: U
+      color: G
     },
     stroke: {
       width: 3,
-      color: U,
+      color: G,
       opacity: 1
     },
     fill: {
-      color: U,
+      color: G,
       opacity: 0.1
     },
     axisLine: {
-      color: U,
+      color: G,
       width: 2,
       opacity: 0.9
     }
   },
   PRIMARY: {
     // 主题色
-    color: K,
+    color: J,
     // 点
     point: {
       width: 4,
-      color: K
+      color: J
     },
     stroke: {
       width: 3,
-      color: K,
+      color: J,
       opacity: 0.9
     },
     fill: {
-      color: K,
+      color: J,
       opacity: 0.1
     },
     axisLine: {
-      color: K,
+      color: J,
       width: 2,
       opacity: 0.9
     }
   }
-}, ol = /* @__PURE__ */ E({
-  name: B("TrendChart"),
+}, xl = /* @__PURE__ */ M({
+  name: L("TrendChart"),
   components: {
-    TrendChartGrid: $e,
+    TrendChartGrid: ze,
     TrendChartLabels: Fe,
-    TrendChartCurve: je
+    TrendChartCurve: Ie
   },
-  props: el,
+  props: hl,
   emits: {
     "mouse-move": (e) => !0
   },
   setup(e, {
     emit: t
   }) {
-    const l = ce({
+    const l = ne({
       width: null,
       height: null,
       labelsOverflowObject: {
@@ -1589,48 +1719,48 @@ 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,
+    }), n = v(() => {
+      let y = W.INFO;
+      return e.status === "primary" ? y = W.PRIMARY : e.status === "success" ? y = W.SUCCESS : e.status === "danger" ? y = W.DANGER : e.status === "warning" ? y = W.WARNING : e.status === "strong" && (y = W.STRONG), {
+        ...y,
         ...e.theme
       };
-    }), o = g(() => Jt(e.padding || "0")), a = g(() => ({
+    }), o = v(() => fl(e.padding || "0")), a = v(() => ({
       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,
+    })), s = v(() => {
+      let y = -1 / 0, b = 1 / 0, w = 0;
+      return y = Math.max(y, ...e.dataset), b = Math.min(b, ...e.dataset), w = Math.max(w, e.dataset.length), e.max !== void 0 && (y = Math.max(y, e.max)), e.min !== void 0 && (b = Math.min(b, e.min)), {
+        maxValue: y,
         minValue: b,
-        maxAmount: k
+        maxAmount: w
       };
-    }), i = g(() => ({
+    }), i = v(() => ({
       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),
       opacity: 0
-    })), f = g(() => {
-      const h = (a.value.maxX - a.value.minX) / (s.value.maxAmount - 1);
+    })), f = v(() => {
+      const y = (a.value.maxX - a.value.minX) / (s.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 = () => {
+      }, (b, w) => Math.round(a.value.minX + y * w));
+    }), c = S(null), h = S(null), u = () => {
       if (c.value) {
-        const h = c.value.getBoundingClientRect();
-        l.width = h.width, l.height = h.height;
+        const y = c.value.getBoundingClientRect();
+        l.width = y.width, l.height = y.height;
       }
     }, d = () => {
-      if (y.value) {
-        const h = c.value.getBoundingClientRect(), b = y.value.$el.getBoundingClientRect();
+      if (h.value) {
+        const y = c.value.getBoundingClientRect(), b = h.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))
+          top: Math.max(0, Number(y.top) - Number(b.top) + Number(o.value.top)),
+          right: Math.max(0, Number(b.right) - Number(y.right) + Number(o.value.right)),
+          bottom: Math.max(0, Number(b.bottom) - Number(y.bottom) + Number(o.value.bottom)),
+          left: Math.max(0, Number(o.value.left) - Number(b.left) + Number(y.left))
         };
       } else
         l.labelsOverflowObject = {
@@ -1640,24 +1770,24 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
           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) => {
+      u(), Me(d);
+    }, C = (y) => f.value.reduce((b, w) => Math.abs(b - y) > Math.abs(w - y) ? w : b, 1 / 0), g = (y) => {
       if (c.value) {
         const b = c.value.getBoundingClientRect();
-        l.activeLine = C(h.clientX - b.left);
+        l.activeLine = C(y.clientX - b.left);
       }
-    }, N = () => {
+    }, O = () => {
       l.activeLine = null, l.activeLineParams = null;
-    }, A = () => {
+    }, P = () => {
       u();
     };
-    return W(() => {
-      m(), window.addEventListener("resize", A);
+    return D(() => {
+      m(), window.addEventListener("resize", P);
     }), ue(() => {
-      window.removeEventListener("resize", A);
-    }), ee(() => l.activeLine, (h) => {
-      if (h !== null) {
-        const b = f.value.indexOf(h);
+      window.removeEventListener("resize", P);
+    }), _(() => l.activeLine, (y) => {
+      if (y !== null) {
+        const b = f.value.indexOf(y);
         l.activeLineParams = {
           index: b
         }, t("mouse-move", {
@@ -1666,38 +1796,38 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
         });
       } else
         t("mouse-move", null);
-    }), ee(() => e.labels, () => {
+    }), _(() => e.labels, () => {
       l.labelsOverflowObject = {
         top: 0,
         right: 0,
         bottom: 0,
         left: 0
-      }, Ee(d);
+      }, Me(d);
     }, {
       deep: !0
     }), () => {
-      var h, b, k, z, T, F, ae;
+      var y, b, w, E, p, I, re;
       return r("svg", {
         class: "x-trend-chart",
         ref: c,
         xmlns: "http://www.w3.org/2000/svg",
         width: "100%",
         height: "100%"
-      }, [e.grid && r($e, {
+      }, [e.grid && r(ze, {
         class: "grid",
         verticalLines: e.grid.verticalLines,
         verticalLinesNumber: e.grid.verticalLinesNumber || s.value.maxAmount,
         horizontalLines: e.grid.horizontalLines,
-        horizontalLinesNumber: e.grid.horizontalLinesNumber || (((h = e.labels) == null ? void 0 : h.yLabels) ?? 0),
+        horizontalLinesNumber: e.grid.horizontalLinesNumber || (((y = e.labels) == null ? void 0 : y.yLabels) ?? 0),
         boundary: a.value
-      }, null), e.labels && r(Fe, ze({
-        ref: y,
+      }, null), e.labels && r(Fe, Ae({
+        ref: h,
         class: "labels"
       }, e.labels, {
         boundary: a.value,
         minValue: s.value.minValue,
         maxValue: s.value.maxValue
-      }), null), r(je, {
+      }), null), r(Ie, {
         class: "curve",
         data: e.dataset,
         boundary: a.value,
@@ -1706,7 +1836,7 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
         maxAmount: s.value.maxAmount,
         activeLineParams: l.activeLineParams,
         theme: n.value
-      }, null), e.interactive && r(Y, null, [r("line", {
+      }, null), e.interactive && r(X, null, [r("line", {
         class: "x-trend-chart-active-line",
         x1: l.activeLine ?? a.value.minX,
         x2: l.activeLine ?? a.value.minX,
@@ -1714,32 +1844,34 @@ const Ut = V(B("MessageBox"), Oe), Gt = {
         y2: a.value.maxY,
         visibility: l.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: (w = (b = n.value) == null ? void 0 : b.axisLine) == null ? void 0 : w.color,
+          strokeWidth: (p = (E = n.value) == null ? void 0 : E.axisLine) == null ? void 0 : p.width,
+          strokeOpacity: (re = (I = n.value) == null ? void 0 : I.axisLine) == null ? void 0 : re.opacity
         }
-      }, null), r("rect", ze(i.value, {
-        onMousemove: v,
-        onMouseout: N
+      }, null), r("rect", Ae(i.value, {
+        onMousemove: g,
+        onMouseout: O
       }), null)])]);
     };
   }
-}), il = V(B("TrendChart"), ol), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), kl = F(L("TrendChart"), xl), je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   XButton: le,
   XDialog: Ge,
-  XMessage: Wt,
-  XMessageBox: Ut,
-  XNotification: Kt,
+  XMessage: Kt,
+  XMessageBox: tl,
+  XNotification: nl,
   XSpace: Be,
-  XTrendChart: il
+  XTimeline: sl,
+  XTimelineItem: dl,
+  XTrendChart: kl
 }, Symbol.toStringTag, { value: "Module" }));
 function Ve(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !B(e);
 }
-const Xe = $("dialog"), bl = (e) => {
+const Xe = A("dialog"), El = (e) => {
   const t = document.createElement("div"), l = () => {
-    I(null, t);
+    V(null, t);
   }, n = (u) => {
     if (u === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
@@ -1748,32 +1880,32 @@ const Xe = $("dialog"), bl = (e) => {
   }, 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)) {
+    if (B(u)) return u;
+    if (T(u)) {
       const d = u();
-      return O(d) ? d : null;
+      return B(d) ? d : null;
     }
     return r("div", {
       class: Xe.element("header-title")
-    }, [p(" "), u, p(" ")]);
+    }, [z(" "), u, z(" ")]);
   }, s = (u) => {
-    if (O(u)) return u;
-    if (S(u)) {
+    if (B(u)) return u;
+    if (T(u)) {
       const d = u();
-      return O(d) ? d : null;
+      return B(d) ? d : 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))
+    }, [z(" "), e.content, z(" ")]);
+  }, i = () => () => r(X, null, [e.title && a(e.title)]), f = () => () => r(X, null, [e.content && s(e.content)]), c = () => {
+    if (B(e.footer) || T(e.footer))
       return e.footer;
     const u = (e == null ? void 0 : e.cancelText) || "取消", d = (e == null ? void 0 : e.okText) || "确认";
     return (m) => r(Be, {
       size: 12
     }, {
       default: () => {
-        var C, v;
+        var C, g;
         return [!e.hideCancel && r(le, {
           size: "small",
           onClick: m.cancel,
@@ -1784,13 +1916,13 @@ const Xe = $("dialog"), bl = (e) => {
           type: "primary",
           size: "small",
           onClick: m.ok,
-          loading: (v = m.loadingObj) == null ? void 0 : v.ok
+          loading: (g = m.loadingObj) == null ? void 0 : g.ok
         }, Ve(d) ? d : {
           default: () => [d]
         })];
       }
     });
-  }, y = r(Ue, {
+  }, h = r(qe, {
     width: (e == null ? void 0 : e.width) ?? 368,
     height: (e == null ? void 0 : e.height) ?? "auto",
     modelValue: !0,
@@ -1803,7 +1935,7 @@ const Xe = $("dialog"), bl = (e) => {
     onClose: o,
     onBeforeCancel: n,
     "onUpdate:modelValue": () => {
-      y.component.props.modelValue = !1;
+      h.component.props.modelValue = !1;
     },
     // 等待动画完全结束后销毁vm
     onClosed: l,
@@ -1814,15 +1946,15 @@ const Xe = $("dialog"), bl = (e) => {
     default: f(),
     footer: c()
   });
-  I(y, t);
-}, sl = ["success", "warning", "error", "strong", "info"], cl = E({
-  name: B("Message"),
+  V(h, t);
+}, wl = ["success", "warning", "error", "strong", "info"], Ll = M({
+  name: L("Message"),
   components: {
     CloseCircleFill: me,
     CheckCircleFill: he,
     ExclamationCircleFill: ye,
-    InfoCircleFill: ge,
-    MinusCircleFill: ve
+    InfoCircleFill: ve,
+    MinusCircleFill: ge
   },
   props: {
     id: {
@@ -1870,25 +2002,25 @@ const Xe = $("dialog"), bl = (e) => {
   },
   emits: ["destroy"],
   setup(e) {
-    const t = $("message"), l = g(() => [
+    const t = A("message"), l = 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);
+    ]), n = S(!1);
     let o = null;
     const a = () => {
       o = setTimeout(() => {
         n.value = !1;
       }, e.duration);
     };
-    W(() => {
+    D(() => {
       n.value = !0, e.duration !== 0 && a();
     }), ue(() => {
       clearTimeout(o);
     });
-    const { zIndex: s } = fe("message", { runOnMounted: !0 }), i = g(() => ({
+    const { zIndex: s } = fe("message", { runOnMounted: !0 }), i = v(() => ({
       top: `${e.offset}px`,
       zIndex: s.value
     }));
@@ -1902,55 +2034,55 @@ const Xe = $("dialog"), bl = (e) => {
       }
     };
   }
-}), ul = (e, t) => {
+}), Nl = (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, {
+}, Sl = ["innerHTML"], Ol = { key: 1 };
+function Bl(e, t, l, n, o, a) {
+  const s = Z("CheckCircleFill"), i = Z("ExclamationCircleFill"), f = Z("MinusCircleFill"), c = Z("CloseCircleFill"), h = Z("InfoCircleFill");
+  return $(), Y(te, {
     name: "x-message-slide-top",
     onBeforeLeave: e.onClose,
     onAfterLeave: t[1] || (t[1] = (u) => e.$emit("destroy"))
   }, {
-    default: st(() => [
-      ct(ut("div", {
+    default: mt(() => [
+      ht(yt("div", {
         class: Ce(e.cls),
-        style: dt(e.styles)
+        style: vt(e.styles)
       }, [
-        e.$slots.icon ? xe("", !0) : (P(), oe("span", {
+        e.$slots.icon ? xe("", !0) : ($(), ie("span", {
           key: 0,
           class: Ce([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)
+          Ee(e.$slots, "icon", {}, () => [
+            e.type === "success" ? ($(), Y(s, { key: 0 })) : e.type === "warning" ? ($(), Y(i, { key: 1 })) : e.type === "strong" ? ($(), Y(f, { key: 2 })) : e.type === "error" ? ($(), Y(c, { key: 3 })) : e.type === "info" ? ($(), Y(h, { key: 4 })) : xe("", !0)
           ])
         ], 2)),
-        Pe(e.$slots, "default", {}, () => [
-          e.useHTML ? (P(), oe("span", {
+        Ee(e.$slots, "default", {}, () => [
+          e.useHTML ? ($(), ie("span", {
             key: 0,
             innerHTML: e.message
-          }, null, 8, dl)) : (P(), oe("span", fl, ft(e.message), 1)),
-          e.showClose ? (P(), oe("span", {
+          }, null, 8, Sl)) : ($(), ie("span", Ol, gt(e.message), 1)),
+          e.showClose ? ($(), ie("span", {
             key: 2,
             class: Ce([e.cn.element("close-icon")]),
             onClick: t[0] || (t[0] = (...u) => e.handleClose && e.handleClose(...u))
           }, null, 2)) : xe("", !0)
         ])
       ], 6), [
-        [mt, e.visible]
+        [bt, 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 Tl = /* @__PURE__ */ Nl(Ll, [["render", Bl]]), Le = /* @__PURE__ */ new WeakMap(), Ne = (e) => {
+  (typeof e == "string" || B(e)) && (e = {
     message: e
   });
-  const t = Se(e.renderTo || "body"), l = document.createElement("div");
+  const t = Oe(e.renderTo || "body"), l = document.createElement("div");
   Le.has(t) || Le.set(t, []);
   const n = Le.get(t);
   let o = e.offset || 20;
@@ -1966,27 +2098,27 @@ const hl = /* @__PURE__ */ ul(cl, [["render", ml]]), Le = /* @__PURE__ */ new We
     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;
+      var O;
+      const g = (O = C.component) == null ? void 0 : O.props.offset;
+      C.component.props.offset = g - d;
     }), n.splice(u, 1), a && a(c);
   }, onDestroy: () => {
-    I(null, l);
+    V(null, l);
   }, offset: o };
   const c = r(
-    hl,
+    Tl,
     s,
-    S(s.message) || O(s.message) ? {
-      default: S(s.message) ? s.message : () => s.message
+    T(s.message) || B(s.message) ? {
+      default: T(s.message) ? s.message : () => s.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 V(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), {
     close: () => {
       c.component.proxy.handleClose();
     }
   };
-}, yl = () => {
-  sl.forEach((e) => {
+}, pl = () => {
+  wl.forEach((e) => {
     Ne[e] = (t) => Ye(t) ? Ne({
       type: e,
       ...t
@@ -1996,30 +2128,30 @@ const hl = /* @__PURE__ */ ul(cl, [["render", ml]]), Le = /* @__PURE__ */ new We
     });
   });
 };
-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];
+pl();
+const Q = /* @__PURE__ */ new WeakMap(), $l = (e) => {
+  const t = Oe(e.renderTo || "body"), l = document.createElement("div");
+  Q.get(t) || Q.set(t, {}), Q.get(t)[e.position] || (Q.get(t)[e.position] = []);
+  const n = Q.get(t)[e.position];
   let o = e.offset || 20;
-  n.forEach((y) => {
+  n.forEach((h) => {
     var u;
-    o += ((u = y.el) == null ? void 0 : u.offsetHeight) + 20;
+    o += ((u = h.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 h = n.findIndex((m) => m === c);
+    if (h < 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;
+    n.slice(h + 1).forEach((m) => {
+      var g;
+      const C = (g = m.component) == null ? void 0 : g.props.offset;
       m.component.props.offset = C - u;
-    }), n.splice(y, 1), s && s(c);
+    }), n.splice(h, 1), s && s(c);
   }, f = () => {
-    I(null, l);
+    V(null, l);
   }, c = r(
     Ke,
     {
@@ -2034,31 +2166,33 @@ const J = /* @__PURE__ */ new WeakMap(), Cl = (e) => {
       onClose: i,
       onDestroy: f
     },
-    S(e.message) || O(e.message) ? {
-      default: S(e.message) ? e.message : () => e.message
+    T(e.message) || B(e.message) ? {
+      default: T(e.message) ? e.message : () => e.message
     } : null
   );
-  I(c, l), n.push(c), t == null || t.appendChild(l.firstChild);
-}, xl = {
+  V(c, l), n.push(c), t == null || t.appendChild(l.firstChild);
+}, Pl = {
   install: function(e) {
-    Object.keys(Ie).forEach((t) => {
-      const l = Ie[t];
+    Object.keys(je).forEach((t) => {
+      const l = je[t];
       l.install && e.use(l);
     });
   }
 };
 export {
-  bl as Dialog,
+  El as Dialog,
   Ne as Message,
-  Oe as MessageBox,
-  Cl as Notification,
-  R as TrendChartTheme,
+  Se as MessageBox,
+  $l as Notification,
+  W as TrendChartTheme,
   le as XButton,
   Ge as XDialog,
-  Wt as XMessage,
-  Ut as XMessageBox,
-  Kt as XNotification,
+  Kt as XMessage,
+  tl as XMessageBox,
+  nl as XNotification,
   Be as XSpace,
-  il as XTrendChart,
-  xl as default
+  sl as XTimeline,
+  dl as XTimelineItem,
+  kl as XTrendChart,
+  Pl as default
 };