x-next 0.0.0-alpha.26 → 0.0.0-alpha.27

package/dist/index.es.js

@@ -1,9 +1,9 @@
 var Ue = Object.defineProperty;
 var Ge = (e, t, l) => t in e ? Ue(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l;
-var p = (e, t, l) => Ge(e, typeof t != "symbol" ? t + "" : t, l);
-import { defineComponent as P, computed as g, createVNode as r, h as k, reactive as le, getCurrentInstance as Ke, ref as E, watch as q, onMounted as W, onBeforeUnmount as Ae, readonly as Je, Teleport as Qe, Transition as U, createTextVNode as A, onUnmounted as ne, Comment as et, Fragment as Y, render as X, isVNode as N, nextTick as Be, mergeProps as me, resolveComponent as _, openBlock as $, createBlock as H, withCtx as tt, withDirectives as lt, createElementVNode as nt, normalizeClass as he, normalizeStyle as at, createElementBlock as ee, renderSlot as Oe, createCommentVNode as ye, toDisplayString as rt, vShow as ot } from "vue";
-const st = "X", it = "x", je = (e) => e ? it + "-" + e : e || "", S = (e) => st + e, j = (e) => {
-  const t = je(e);
+var D = (e, t, l) => Ge(e, typeof t != "symbol" ? t + "" : t, l);
+import { defineComponent as E, computed as v, createVNode as r, h as k, reactive as le, getCurrentInstance as Ke, ref as z, watch as q, onMounted as R, onBeforeUnmount as Fe, readonly as Je, Teleport as Qe, Transition as U, createTextVNode as F, onUnmounted as ne, Comment as et, Fragment as H, render as V, isVNode as L, nextTick as Ne, mergeProps as me, resolveComponent as Y, openBlock as P, createBlock as W, withCtx as tt, withDirectives as lt, createElementVNode as nt, normalizeClass as he, normalizeStyle as at, createElementBlock as ee, renderSlot as Oe, createCommentVNode as ye, toDisplayString as rt, vShow as ot } from "vue";
+const it = "X", st = "x", Ae = (e) => e ? st + "-" + e : e || "", S = (e) => it + e, A = (e) => {
+  const t = Ae(e);
   return {
     block: t,
     element: (o) => `${t}--${o}`,
@@ -11,14 +11,14 @@ const st = "X", it = "x", je = (e) => e ? it + "-" + e : e || "", S = (e) => st
     is: (o) => `${t}-is-${o}`
   };
 }, K = Object.prototype.toString;
-function Ve(e) {
+function je(e) {
   return K.call(e) === "[object Array]";
 }
-function Xe(e) {
+function Ve(e) {
   return K.call(e) === "[object Object]";
 }
-const Ie = (e) => K.call(e) === "[object Promise]", ut = (e) => O(e) && e.constructor.name === "AsyncFunction", ct = (e) => Ie(e) || ut(e);
-function De(e) {
+const Xe = (e) => K.call(e) === "[object Promise]", ct = (e) => O(e) && e.constructor.name === "AsyncFunction", ut = (e) => Xe(e) || ct(e);
+function Ie(e) {
   return K.call(e) === "[object String]";
 }
 function dt(e) {
@@ -30,17 +30,17 @@ function O(e) {
 function ae() {
   return typeof window < "u";
 }
-const B = (e) => e, ft = (e) => !!(e && e.shapeFlag & 1), mt = (e, t) => !!(e && e.shapeFlag & 6), ht = (e, t) => !!(e && e.shapeFlag & 8), yt = (e, t) => !!(e && e.shapeFlag & 16), gt = (e, t) => !!(e && e.shapeFlag & 32), te = (e, t = !1) => {
+const N = (e) => e, ft = (e) => !!(e && e.shapeFlag & 1), mt = (e, t) => !!(e && e.shapeFlag & 6), ht = (e, t) => !!(e && e.shapeFlag & 8), yt = (e, t) => !!(e && e.shapeFlag & 16), vt = (e, t) => !!(e && e.shapeFlag & 32), te = (e, t = !1) => {
   var n, a;
   const l = [];
   for (const o of e ?? [])
-    ft(o) || mt(o) || t && ht(o, o.children) ? l.push(o) : yt(o, o.children) ? l.push(...te(o.children, t)) : gt(o, o.children) ? l.push(...te((a = (n = o.children).default) == null ? void 0 : a.call(n), t)) : Ve(o) && l.push(...te(o, t));
+    ft(o) || mt(o) || t && ht(o, o.children) ? l.push(o) : yt(o, o.children) ? l.push(...te(o.children, t)) : vt(o, o.children) ? l.push(...te((a = (n = o.children).default) == null ? void 0 : a.call(n), t)) : je(o) && l.push(...te(o, t));
   return l;
-}, I = (e, t) => Object.assign(t, {
+}, X = (e, t) => Object.assign(t, {
   install(l) {
     l.component(e) || l.component(e, t);
   }
-}), vt = {
+}), gt = {
   disabled: Boolean,
   block: Boolean,
   loading: Boolean,
@@ -53,7 +53,7 @@ const B = (e) => e, ft = (e) => !!(e && e.shapeFlag & 1), mt = (e, t) => !!(e &&
     default: 0
   },
   shape: {
-    type: B(String),
+    type: N(String),
     default: void 0
   },
   link: {
@@ -61,11 +61,11 @@ const B = (e) => e, ft = (e) => !!(e && e.shapeFlag & 1), mt = (e, t) => !!(e &&
     default: !1
   },
   type: {
-    type: B(String),
+    type: N(String),
     default: void 0
   },
   status: {
-    type: B(String),
+    type: N(String),
     default: void 0
   },
   plain: {
@@ -73,21 +73,21 @@ const B = (e) => e, ft = (e) => !!(e && e.shapeFlag & 1), mt = (e, t) => !!(e &&
     default: !1
   },
   size: {
-    type: B(String),
+    type: N(String),
     default: "medium"
   },
   border: {
     type: Boolean,
     default: !0
   }
-}, bt = (e) => De(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", Ct = (e, t = "px") => {
+}, bt = (e) => Ie(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", Ct = (e, t = "px") => {
   if (e === void 0) return "";
   const l = typeof e == "number" ? `${e}` : e;
   return ["px", "%", "vh", "vw", "calc"].some((a) => l.includes(a)) ? l : l + t;
 };
-function D(e, t) {
-  return /* @__PURE__ */ P({
-    name: je(`Icon${bt(e)}`),
+function I(e, t) {
+  return /* @__PURE__ */ E({
+    name: Ae(`Icon${bt(e)}`),
     props: {
       size: {
         type: [Number, String],
@@ -111,10 +111,10 @@ function D(e, t) {
       }
     },
     setup(l) {
-      const n = "x-icon", a = g(() => {
-        const u = {};
-        return l.size && (u.fontSize = Ct(l.size)), l.rotate && (u.transform = `rotate(${l.rotate}deg)`), l.color && (u.color = l.color), u;
-      }), o = g(() => [n, {
+      const n = "x-icon", a = v(() => {
+        const c = {};
+        return l.size && (c.fontSize = Ct(l.size)), l.rotate && (c.transform = `rotate(${l.rotate}deg)`), l.color && (c.color = l.color), c;
+      }), o = v(() => [n, {
         [`${n}-loading`]: l.spin
       }]);
       return () => r("div", {
@@ -124,7 +124,7 @@ function D(e, t) {
     }
   });
 }
-const xt = D("InfoCircleFill", k(r("svg", {
+const xt = I("InfoCircleFill", k(r("svg", {
   viewBox: "0 0 50 50",
   class: "x-icon-loading-svg"
 }, [r("circle", {
@@ -134,9 +134,9 @@ const xt = D("InfoCircleFill", k(r("svg", {
   class: "path",
   fill: "none",
   stroke: "currentColor"
-}, null)]))), kt = /* @__PURE__ */ P({
+}, null)]))), kt = /* @__PURE__ */ E({
   name: "Button",
-  props: vt,
+  props: gt,
   emits: ["click"],
   // 显式导入插槽
   $slots: ["prefix", "suffix"],
@@ -147,29 +147,29 @@ const xt = D("InfoCircleFill", k(r("svg", {
     const n = le({
       clicked: !1,
       isDebounce: !1
-    }), a = j("button"), o = g(() => [a.block, e.type && a.modifier(e.type), e.status && a.modifier(e.status), e.disabled && a.is("disabled"), e.block && a.modifier("block"), e.plain && a.is("plain"), e.shape && a.modifier(e.shape), e.link && a.modifier("is-link"), e.size && a.modifier(e.size), !e.border && a.modifier("is-hide-border"), s.value && a.modifier("is-loading")]), u = () => {
+    }), a = A("button"), o = v(() => [a.block, e.type && a.modifier(e.type), e.status && a.modifier(e.status), e.disabled && a.is("disabled"), e.block && a.modifier("block"), e.plain && a.is("plain"), e.shape && a.modifier(e.shape), e.link && a.modifier("is-link"), e.size && a.modifier(e.size), !e.border && a.modifier("is-hide-border"), i.value && a.modifier("is-loading")]), c = () => {
       e.debounce > 0 && !n.isDebounce && (n.isDebounce = !0, setTimeout(() => {
         n.isDebounce = !1;
       }, e.debounce));
-    }, s = g(() => e.loading || n.clicked || n.isDebounce), d = Ke(), i = (c, f) => {
-      const m = c(f);
-      ct(m) && (n.clicked = !0, m.finally(() => {
+    }, i = v(() => e.loading || n.clicked || n.isDebounce), d = Ke(), s = (u, f) => {
+      const m = u(f);
+      ut(m) && (n.clicked = !0, m.finally(() => {
         n.clicked = !1;
       }));
-    }, h = (c) => {
-      var m, C, v, L;
-      if (c.stopPropagation(), (C = (m = c.target).blur) == null || C.call(m), s.value) return;
-      u();
-      const f = (L = (v = d == null ? void 0 : d.vnode) == null ? void 0 : v.props) == null ? void 0 : L.onClick;
-      if (Ve(f))
-        f.forEach((y) => i(y, c));
+    }, h = (u) => {
+      var m, C, g, B;
+      if (u.stopPropagation(), (C = (m = u.target).blur) == null || C.call(m), i.value) return;
+      c();
+      const f = (B = (g = d == null ? void 0 : d.vnode) == null ? void 0 : g.props) == null ? void 0 : B.onClick;
+      if (je(f))
+        f.forEach((y) => s(y, u));
       else if (O(f)) {
-        i(f, c);
+        s(f, u);
         return;
       }
     };
     return () => {
-      var c;
+      var u;
       return r("button", {
         class: o.value,
         type: "button",
@@ -177,68 +177,68 @@ const xt = D("InfoCircleFill", k(r("svg", {
         onClick: h
       }, [r("span", {
         style: {
-          display: s.value ? "flex" : "none",
-          marginRight: s.value ? "4px" : "0px"
+          display: i.value ? "flex" : "none",
+          marginRight: i.value ? "4px" : "0px"
         },
         class: a.element("loading")
       }, [r(xt, null, null)]), t.prefix && r("span", {
         class: a.element("prefix")
       }, [t.prefix()]), r("span", {
         class: a.element("content")
-      }, [(c = t.default) == null ? void 0 : c.call(t)]), t.suffix && r("span", {
+      }, [(u = t.default) == null ? void 0 : u.call(t)]), t.suffix && r("span", {
         class: a.element("suffix")
       }, [t.suffix()])]);
     };
   }
-}), G = I(S("Button"), kt), wt = ["px", "%", "vh", "vw", "calc"], Se = (e, t = "px") => {
+}), G = X(S("Button"), kt), wt = ["px", "%", "vh", "vw", "calc"], Se = (e, t = "px") => {
   if (e === void 0) return "";
   const l = String(e);
   return wt.some((n) => l.includes(n)) ? l : l + t;
-}, Lt = 1e3, Nt = 3e3, Bt = 1;
+}, Bt = 1e3, Lt = 3e3, Nt = 1;
 class Ot {
   constructor() {
-    p(this, "popupStack", {
+    D(this, "popupStack", {
       popup: /* @__PURE__ */ new Set(),
       dialog: /* @__PURE__ */ new Set(),
       message: /* @__PURE__ */ new Set()
     });
-    p(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || Nt : Array.from(this.popupStack.popup).pop() || Lt) + Bt);
-    p(this, "add", (t) => {
+    D(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || Lt : Array.from(this.popupStack.popup).pop() || Bt) + Nt);
+    D(this, "add", (t) => {
       const l = this.getNextZIndex(t);
       return this.popupStack[t].add(l), t === "dialog" && this.popupStack.popup.add(l), l;
     });
-    p(this, "delete", (t, l) => {
+    D(this, "delete", (t, l) => {
       this.popupStack[l].delete(t), l === "dialog" && this.popupStack.popup.delete(t);
     });
-    p(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+    D(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
   }
 }
-const ge = new Ot();
+const ve = new Ot();
 function re(e, {
   visible: t,
   runOnMounted: l
 } = {}) {
-  const n = E(0), a = () => {
-    n.value = ge.add(e);
+  const n = z(0), a = () => {
+    n.value = ve.add(e);
   }, o = () => {
-    ge.delete(n.value, e);
-  }, u = () => e === "dialog" ? ge.isLastDialog(n.value) : !1;
+    ve.delete(n.value, e);
+  }, c = () => e === "dialog" ? ve.isLastDialog(n.value) : !1;
   return q(
     () => t == null ? void 0 : t.value,
-    (s) => {
-      s ? a() : o();
+    (i) => {
+      i ? a() : o();
     },
     {
       immediate: !0
     }
-  ), l && (W(a), Ae(o)), {
+  ), l && (R(a), Fe(o)), {
     zIndex: Je(n),
     open: a,
     close: o,
-    isLastDialog: u
+    isLastDialog: c
   };
 }
-const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, l) => (l == null ? void 0 : l.toUpperCase()) ?? ""), He = () => {
+const De = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, l) => (l == null ? void 0 : l.toUpperCase()) ?? ""), We = () => {
 }, St = (e, t) => {
   if (ae)
     return (t ?? document).querySelector(e) ?? void 0;
@@ -247,10 +247,10 @@ const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     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);
-}, Mt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, zt = (e, t) => {
+}, Mt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, pt = (e, t) => {
   var n;
   if (!ae || !e || !t) return "";
-  let l = pe(t);
+  let l = De(t);
   l === "float" && (l = "cssFloat");
   try {
     const a = e.style[l];
@@ -260,50 +260,50 @@ const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   } catch {
     return e.style[l];
   }
-}, R = (e, t, l) => {
+}, Z = (e, t, l) => {
   if (!(!e || !t))
-    if (Xe(t))
+    if (Ve(t))
       Object.entries(t).forEach(
-        ([n, a]) => R(e, n, a)
+        ([n, a]) => Z(e, n, a)
       );
     else {
-      const n = pe(t);
+      const n = De(t);
       e.style[n] = l;
     }
 }, ke = (e, t) => {
-  if (De(e)) {
+  if (Ie(e)) {
     const l = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
     return St(l, t);
   }
   return e;
-}, Et = ae ? (e, t, l, n = !1) => {
+}, zt = ae ? (e, t, l, n = !1) => {
   e.addEventListener(t, l, n);
-} : He, Pt = ae ? (e, t, l, n = !1) => {
+} : We, Et = ae ? (e, t, l, n = !1) => {
   e.removeEventListener(t, l, n);
-} : He, $t = (e, t) => {
+} : We, Pt = (e, t) => {
   let l = !1;
   const n = {
     overflow: "",
     width: ""
-  }, a = (s) => s.tagName === "BODY", o = () => {
+  }, a = (i) => i.tagName === "BODY", o = () => {
     if (e.value) {
-      const s = e.value;
-      if (!l && s.style.overflow !== "hidden") {
-        const d = Tt(s);
-        if (d > 0 || Mt(s)) {
-          n.overflow = s.style.overflow, n.width = s.style.width;
-          let i = 0;
-          a(s) && (i = s.getBoundingClientRect().left || 0), R(s, {
-            width: `calc(100% - ${Math.ceil(d - i)}px)`,
+      const i = e.value;
+      if (!l && i.style.overflow !== "hidden") {
+        const d = Tt(i);
+        if (d > 0 || Mt(i)) {
+          n.overflow = i.style.overflow, n.width = i.style.width;
+          let s = 0;
+          a(i) && (s = i.getBoundingClientRect().left || 0), Z(i, {
+            width: `calc(100% - ${Math.ceil(d - s)}px)`,
             overflow: "hidden"
           }), l = !0;
         }
       }
     }
-  }, u = () => {
+  }, c = () => {
     if (e.value && l) {
-      const s = e.value;
-      R(s, {
+      const i = e.value;
+      Z(i, {
         overflow: n.overflow,
         width: n.width
       }), l = !1;
@@ -311,16 +311,16 @@ const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   };
   return q(
     () => t == null ? void 0 : t.value,
-    (s) => {
-      e.value && !a(e.value) && (s && R(s, {
+    (i) => {
+      e.value && !a(e.value) && (i && Z(i, {
         position: "absolute"
-      }), zt(e.value, "position") === "static" && R(e.value, { position: "relative" }));
+      }), pt(e.value, "position") === "static" && Z(e.value, { position: "relative" }));
     }
   ), {
     setOverflowHidden: o,
-    resetOverflow: u
+    resetOverflow: c
   };
-}, Ft = {
+}, $t = {
   ENTER: "Enter",
   ESC: "Escape",
   BACKSPACE: "Backspace",
@@ -330,9 +330,9 @@ const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   ARROW_DOWN: "ArrowDown",
   ARROW_LEFT: "ArrowLeft",
   ARROW_RIGHT: "ArrowRight"
-}, At = {
+}, Ft = {
   renderTo: {
-    type: B([String, Object]),
+    type: N([String, Object]),
     default: "body"
   },
   disabled: {
@@ -416,78 +416,78 @@ const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     type: Boolean,
     default: !1
   }
-}, jt = ["width", "minWidth", "height", "minHeight"], Ye = /* @__PURE__ */ P({
+}, At = ["width", "minWidth", "height", "minHeight"], He = /* @__PURE__ */ E({
   name: S("Dialog"),
   inheritAttrs: !1,
-  props: At,
+  props: Ft,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(e, {
     emit: t,
     slots: l
   }) {
-    const n = j("dialog"), a = n.block, o = j("message-box");
+    const n = A("dialog"), a = n.block, o = A("message-box");
     o.block;
-    const u = g(() => [a, e.messageBox && "is-message-box", e.popupClass && e.popupClass]), s = g(() => ke(e.renderTo)), d = E(), i = g(() => e.disabled || !s.value), h = g(() => ({
-      zIndex: v.value
-    })), c = g(() => {
+    const c = v(() => [a, e.messageBox && "is-message-box", e.popupClass && e.popupClass]), i = v(() => ke(e.renderTo)), d = z(), s = v(() => e.disabled || !i.value), h = v(() => ({
+      zIndex: g.value
+    })), u = v(() => {
       const x = {};
-      return e.fullscreen || (!e.center && e.top && (x.top = Se(e.top)), jt.forEach((V) => {
-        e[V] && (x[V] = Se(e[V]));
+      return e.fullscreen || (!e.center && e.top && (x.top = Se(e.top)), At.forEach((j) => {
+        e[j] && (x[j] = Se(e[j]));
       })), x;
-    }), f = E(!1), m = g(() => e.modelValue), C = g(() => m.value || f.value), {
-      zIndex: v,
-      isLastDialog: L
+    }), f = z(!1), m = v(() => e.modelValue), C = v(() => m.value || f.value), {
+      zIndex: g,
+      isLastDialog: B
     } = re("dialog", {
       visible: m
     }), {
       setOverflowHidden: y,
       resetOverflow: b
-    } = $t(s, d), w = (x, V) => {
-      t("update:modelValue", !1), t("close", e.messageBox ? x : void 0, e.messageBox ? V : void 0);
+    } = Pt(i, d), w = (x, j) => {
+      t("update:modelValue", !1), t("close", e.messageBox ? x : void 0, e.messageBox ? j : void 0);
     }, M = () => {
       f.value = !1, b(), t("closed");
-    }, F = () => {
+    }, $ = () => {
       t("opened");
     }, T = le({
       ok: !1,
       cancel: !1
-    }), z = (x, V) => {
+    }), p = (x, j) => {
       let Q = !0;
-      if (T[x] = !0, O(e.onBeforeCancel) && (Q = e.onBeforeCancel(x) ?? !1), Ie(Q)) {
+      if (T[x] = !0, O(e.onBeforeCancel) && (Q = e.onBeforeCancel(x) ?? !1), Xe(Q)) {
         Q.then((qe) => {
-          T[x] = !1, qe && w(x, V);
+          T[x] = !1, qe && w(x, j);
         });
         return;
       }
-      T[x] = !1, Q && w(x, V);
+      T[x] = !1, Q && w(x, j);
     }, J = () => {
-      e.maskToClose && e.mask && z("cancel");
+      e.maskToClose && e.mask && p("cancel");
     }, de = (x) => {
-      z("cancel", x);
-    }, Ze = (x) => {
-      z("ok", x);
+      p("cancel", x);
+    }, _e = (x) => {
+      p("ok", x);
     };
     let fe = !1;
-    const Le = (x) => {
-      e.escToClose && x.key === Ft.ESC && L() && z("cancel");
-    }, Re = () => {
-      e.escToClose && !fe && (fe = !0, Et(document.documentElement, "keydown", Le));
-    }, Ne = () => {
-      fe = !1, Pt(document.documentElement, "keydown", Le);
+    const Be = (x) => {
+      e.escToClose && x.key === $t.ESC && B() && p("cancel");
+    }, Ze = () => {
+      e.escToClose && !fe && (fe = !0, zt(document.documentElement, "keydown", Be));
+    }, Le = () => {
+      fe = !1, Et(document.documentElement, "keydown", Be);
     };
-    return Ae(() => {
-      b(), Ne();
+    return Fe(() => {
+      b(), Le();
     }), q(() => m.value, (x) => {
-      x ? (t("open"), y(), f.value = !0, Re()) : Ne();
+      x ? (t("open"), y(), f.value = !0, Ze()) : Le();
     }, {
       immediate: !0
     }), () => r(Qe, {
-      to: s.value,
-      disabled: i.value
+      to: i.value,
+      disabled: s.value
     }, {
       default: () => [C.value && r("div", {
         ref: d,
-        class: u.value,
+        class: c.value,
         style: h.value
       }, [r(U, {
         name: "x-fade-in-standard",
@@ -504,14 +504,14 @@ const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
       }, [r(U, {
         name: "x-zoom-in",
         appear: !0,
-        onAfterEnter: F,
+        onAfterEnter: $,
         onAfterLeave: M
       }, {
         default: () => [m.value && r("div", {
           class: [n.element("container"), {
             "is-fullscreen": e.fullscreen
           }],
-          style: c.value
+          style: u.value
         }, [r("div", {
           class: [e.messageBox ? o.element("header") : n.element("header"), e.showHeaderBottomLine && "is-bottom-line"]
         }, [l.title ? l.title() : r("div", {
@@ -522,16 +522,16 @@ const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
           class: [e.messageBox ? o.element("footer") : n.element("footer")]
         }, [l.footer && l.footer({
           cancel: de,
-          ok: Ze,
+          ok: _e,
           "loading-obj": T
         })]), e.showClose && r("span", {
           class: [n.element("close-icon"), e.messageBox && o.element("close-icon")],
-          onClick: () => z("cancel")
+          onClick: () => p("cancel")
         }, null)])]
       })])])]
     });
   }
-}), We = I(S("Dialog"), Ye), oe = D("CloseCircleFill", k(r("svg", {
+}), Re = X(S("Dialog"), He), oe = I("CloseCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -546,7 +546,7 @@ const pe = (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)]))), se = D("CheckCircleFill", k(r("svg", {
+}, null)]))), ie = I("CheckCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -561,7 +561,7 @@ const pe = (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)]))), ie = D("ExclamationCircleFill", k(r("svg", {
+}, null)]))), se = I("ExclamationCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -576,7 +576,7 @@ const pe = (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)]))), ue = D("InfoCircleFill", k(r("svg", {
+}, null)]))), ce = I("InfoCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -591,7 +591,7 @@ const pe = (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)]))), ce = D("MinusCircleFill", k(r("svg", {
+}, null)]))), ue = I("MinusCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -607,14 +607,14 @@ const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   fill: "currentColor",
   stroke: "none"
 }, null)])));
-D("LogoSimple", k(r("svg", {
+I("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, [A("Created with Pixso.")]), r("defs", null, null), r("path", {
+}, [r("desc", null, [F("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,7 +633,7 @@ D("LogoSimple", k(r("svg", {
   "fill-opacity": "1.000000",
   "fill-rule": "nonzero"
 }, null)])));
-const Vt = /* @__PURE__ */ P({
+const jt = /* @__PURE__ */ E({
   name: S("Message"),
   props: {
     id: {
@@ -687,26 +687,26 @@ const Vt = /* @__PURE__ */ P({
     emit: t,
     slots: l
   }) {
-    const n = j("message"), a = E(!1), o = E(null), u = g(() => [n.block, n.modifier(e.type), e.center && n.modifier("center"), e.showClose && !e.center && n.element("show-close"), e.popupClass]), {
-      zIndex: s
+    const n = A("message"), a = z(!1), o = z(null), c = v(() => [n.block, n.modifier(e.type), e.center && n.modifier("center"), e.showClose && !e.center && n.element("show-close"), e.popupClass]), {
+      zIndex: i
     } = re("message", {
       runOnMounted: !0
-    }), d = g(() => ({
+    }), d = v(() => ({
       top: `${e.offset}px`,
-      zIndex: s.value
-    })), i = () => {
+      zIndex: i.value
+    })), s = () => {
       if (l.icon) return l.icon();
       switch (e.type) {
         case "success":
-          return r(se, null, null);
-        case "warning":
           return r(ie, null, null);
+        case "warning":
+          return r(se, null, null);
         case "strong":
-          return r(ce, null, null);
+          return r(ue, null, null);
         case "error":
           return r(oe, null, null);
         case "info":
-          return r(ue, null, null);
+          return r(ce, null, null);
         default:
           return null;
       }
@@ -714,17 +714,17 @@ const Vt = /* @__PURE__ */ P({
       e.duration > 0 && (o.value = setTimeout(() => {
         a.value = !1;
       }, e.duration));
-    }, c = () => {
+    }, u = () => {
       o.value && (clearTimeout(o.value), o.value = null);
     };
-    W(() => {
+    R(() => {
       a.value = !0, h();
     }), ne(() => {
-      c();
+      u();
     });
     const f = () => {
       var m;
-      a.value = !1, c(), (m = e.onClose) == null || m.call(e);
+      a.value = !1, u(), (m = e.onClose) == null || m.call(e);
     };
     return () => r(U, {
       name: "x-message-slide-top",
@@ -732,11 +732,11 @@ const Vt = /* @__PURE__ */ P({
       onAfterLeave: () => t("destroy")
     }, {
       default: () => [a.value && r("div", {
-        class: u.value,
+        class: c.value,
         style: d.value
       }, [r("span", {
         class: [n.element("icon"), n.modifier(`icon-${e.type}`)]
-      }, [i()]), r("div", null, [l.default ? l.default() : e.useHTML ? r("span", {
+      }, [s()]), r("div", null, [l.default ? l.default() : e.useHTML ? r("span", {
         innerHTML: e.message
       }, null) : r("span", null, [e.message]), e.showClose && r("span", {
         class: n.element("close-icon"),
@@ -744,7 +744,7 @@ const Vt = /* @__PURE__ */ P({
       }, null)])])]
     });
   }
-}), Xt = I(S("Message"), Vt), It = /* @__PURE__ */ P({
+}), Vt = X(S("Message"), jt), Xt = /* @__PURE__ */ E({
   name: "Space",
   props: {
     direction: {
@@ -767,11 +767,11 @@ const Vt = /* @__PURE__ */ P({
   setup(e, {
     slots: t
   }) {
-    const l = j("space"), n = g(() => [l.block, l.element(e.direction), e.fill && "is-fill", l.element(`${e.direction}-${e.align}`)]);
-    function a(u) {
-      if (dt(u))
-        return u;
-      switch (u) {
+    const l = A("space"), n = v(() => [l.block, l.element(e.direction), e.fill && "is-fill", l.element(`${e.direction}-${e.align}`)]);
+    function a(c) {
+      if (dt(c))
+        return c;
+      switch (c) {
         case "mini":
           return 4;
         case "small":
@@ -784,39 +784,39 @@ const Vt = /* @__PURE__ */ P({
           return 8;
       }
     }
-    const o = (u) => {
-      const s = {};
-      if (u) return s;
-      const d = `${a(e.size)}px`, i = `${a(e.size)}px`;
-      return e.direction === "horizontal" && (s.marginRight = d), e.direction === "vertical" && (s.marginBottom = i), s;
+    const o = (c) => {
+      const i = {};
+      if (c) return i;
+      const d = `${a(e.size)}px`, s = `${a(e.size)}px`;
+      return e.direction === "horizontal" && (i.marginRight = d), e.direction === "vertical" && (i.marginBottom = s), i;
     };
     return () => {
-      var s;
-      const u = te((s = t.default) == null ? void 0 : s.call(t), !0).filter((d) => d.type !== et);
+      var i;
+      const c = te((i = t.default) == null ? void 0 : i.call(t), !0).filter((d) => d.type !== et);
       return r("div", {
         class: [n.value]
-      }, [u.map((d, i) => {
-        var c;
-        const h = t.split && i > 0;
-        return r(Y, {
-          key: `space-item-${i}`
+      }, [c.map((d, s) => {
+        var u;
+        const h = t.split && s > 0;
+        return r(H, {
+          key: `space-item-${s}`
         }, [h && r("div", {
           className: l.element("split"),
           style: o(!1)
-        }, [(c = t.split) == null ? void 0 : c.call(t)]), r("div", {
+        }, [(u = t.split) == null ? void 0 : u.call(t)]), r("div", {
           className: l.element("item"),
-          style: o(i === u.length - 1)
+          style: o(s === c.length - 1)
         }, [d])]);
       })]);
     };
   }
-}), we = I(S("Space"), It), Dt = ["info", "success", "warning", "strong", "error"];
+}), we = X(S("Space"), Xt), It = ["info", "success", "warning", "strong", "error"];
 function Te(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !N(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !L(e);
 }
-const ve = j("message-box"), xe = (e) => {
+const ge = A("message-box"), xe = (e) => {
   const t = document.createElement("div"), l = () => {
-    X(null, t);
+    V(null, t);
   }, n = (f) => {
     if (f === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
@@ -828,13 +828,13 @@ const ve = j("message-box"), xe = (e) => {
     let m;
     switch (f) {
       case "warning":
-        m = r(ie, {
+        m = r(se, {
           size: "22px",
           color: "#f6c64b"
         }, null);
         break;
       case "strong":
-        m = r(ce, {
+        m = r(ue, {
           size: "22px",
           color: "#ff7125"
         }, null);
@@ -846,65 +846,65 @@ const ve = j("message-box"), xe = (e) => {
         }, null);
         break;
       case "success":
-        m = r(se, {
+        m = r(ie, {
           size: "22px",
           color: "#68d1ab"
         }, null);
         break;
       case "info":
-        m = r(ue, {
+        m = r(ce, {
           size: "22px",
           color: "#2355f5"
         }, null);
         break;
     }
     return r("div", {
-      class: ve.element("icon")
+      class: ge.element("icon")
     }, [m]);
-  }, u = (f) => {
-    if (N(f)) return f;
+  }, c = (f) => {
+    if (L(f)) return f;
     if (O(f)) {
       const m = f();
-      return N(m) ? m : null;
+      return L(m) ? m : null;
     }
     return r("div", {
-      class: ve.element("title")
-    }, [A(" "), f, A(" ")]);
-  }, s = (f) => {
-    if (N(f)) return f;
+      class: ge.element("title")
+    }, [F(" "), f, F(" ")]);
+  }, i = (f) => {
+    if (L(f)) return f;
     if (O(f)) {
       const m = f();
-      return N(m) ? m : null;
+      return L(m) ? m : null;
     }
     return r("div", {
-      class: ve.element("content")
-    }, [A(" "), e.content, A(" ")]);
-  }, d = () => () => r(Y, null, [o(e.type || "success"), e.title && u(e.title)]), i = () => () => r(Y, null, [e.content && s(e.content)]), h = () => {
-    if (N(e.footer) || O(e.footer))
+      class: ge.element("content")
+    }, [F(" "), e.content, F(" ")]);
+  }, d = () => () => r(H, null, [o(e.type || "success"), e.title && c(e.title)]), s = () => () => r(H, null, [e.content && i(e.content)]), h = () => {
+    if (L(e.footer) || O(e.footer))
       return e.footer;
     const f = (e == null ? void 0 : e.cancelText) || "取消", m = (e == null ? void 0 : e.okText) || "确认";
     return (C) => r(we, {
       size: 12
     }, {
       default: () => {
-        var v, L;
+        var g, B;
         return [!e.hideCancel && r(G, {
           size: "small",
           onClick: C.cancel,
-          loading: (v = C.loadingObj) == null ? void 0 : v.cancel
+          loading: (g = C.loadingObj) == null ? void 0 : g.cancel
         }, Te(f) ? f : {
           default: () => [f]
         }), !e.hideOk && r(G, {
           type: "primary",
           size: "small",
           onClick: C.ok,
-          loading: (L = C.loadingObj) == null ? void 0 : L.ok
+          loading: (B = C.loadingObj) == null ? void 0 : B.ok
         }, Te(m) ? m : {
           default: () => [m]
         })];
       }
     });
-  }, c = r(We, {
+  }, u = r(Re, {
     messageBox: !0,
     width: (e == null ? void 0 : e.width) ?? 358,
     height: (e == null ? void 0 : e.height) ?? "auto",
@@ -918,7 +918,7 @@ const ve = j("message-box"), xe = (e) => {
     onClose: a,
     onBeforeCancel: n,
     "onUpdate:modelValue": () => {
-      c.component.props.modelValue = !1;
+      u.component.props.modelValue = !1;
     },
     // 等待动画完全结束后销毁vm
     onClosed: l,
@@ -926,42 +926,42 @@ const ve = j("message-box"), xe = (e) => {
     }
   }, {
     title: d(),
-    default: i(),
+    default: s(),
     footer: h()
   });
-  X(c, t);
-}, pt = () => {
-  Dt.forEach((e) => {
+  V(u, t);
+}, Dt = () => {
+  It.forEach((e) => {
     xe[e] = (t, l) => {
       const n = [], a = [];
-      let o = () => !0, u = () => !0;
+      let o = () => !0, c = () => !0;
       return setTimeout(() => {
         xe({
           title: t,
           content: l,
           type: e,
-          beforeOnCancel: u,
+          beforeOnCancel: c,
           beforeOnOk: o,
           onOk: () => {
-            n.forEach((s) => O(s) && s());
+            n.forEach((i) => O(i) && i());
           },
           onCancel: () => {
-            a.forEach((s) => O(s) && s());
+            a.forEach((i) => O(i) && i());
           }
         });
       }, 0), {
-        ok(...s) {
-          return s.length === 1 && n.push(s[0]), s.length === 2 && (o = s[0], n.push(s[1])), this;
+        ok(...i) {
+          return i.length === 1 && n.push(i[0]), i.length === 2 && (o = i[0], n.push(i[1])), this;
         },
-        cancel(...s) {
-          return s.length === 1 && a.push(s[0]), s.length === 2 && (u = s[0], a.push(s[1])), this;
+        cancel(...i) {
+          return i.length === 1 && a.push(i[0]), i.length === 2 && (c = i[0], a.push(i[1])), this;
         }
       };
     };
   });
 };
-pt();
-const Ht = I(S("MessageBox"), xe), Yt = {
+Dt();
+const Wt = X(S("MessageBox"), xe), Ht = {
   position: {
     type: String,
     default: "top-right"
@@ -999,50 +999,50 @@ const Ht = I(S("MessageBox"), xe), Yt = {
     type: Boolean,
     default: !1
   }
-}, _e = /* @__PURE__ */ P({
+}, Ye = /* @__PURE__ */ E({
   name: S("Notification"),
-  props: Yt,
+  props: Ht,
   emits: ["close", "destroy"],
   setup(e, {
     emit: t,
     slots: l
   }) {
-    const n = j("notification"), a = n.block, o = g(() => [a, n.modifier(s.value.ver)]), {
-      zIndex: u
+    const n = A("notification"), a = n.block, o = v(() => [a, n.modifier(i.value.ver)]), {
+      zIndex: c
     } = re("message", {
       runOnMounted: !0
-    }), s = 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]
       };
-    }), d = g(() => `x-notification-slide-${s.value.hor}`), i = g(() => {
-      const v = {};
-      return v.position = e.renderToBody ? "fixed" : "absolute", v.zIndex = u.value, v[s.value.hor] = "20px", v[s.value.ver] = `${e.offset}px`, v;
-    }), h = E(!1);
-    let c = 0;
+    }), d = v(() => `x-notification-slide-${i.value.hor}`), s = v(() => {
+      const g = {};
+      return g.position = e.renderToBody ? "fixed" : "absolute", g.zIndex = c.value, g[i.value.hor] = "20px", g[i.value.ver] = `${e.offset}px`, g;
+    }), h = z(!1);
+    let u = 0;
     const f = () => {
-      c = setTimeout(() => {
+      u = setTimeout(() => {
         h.value = !1;
       }, e.duration);
-    }, m = g(() => e.type === "info" ? ue : e.type === "warning" ? ie : e.type === "strong" ? ce : e.type === "success" ? se : e.type === "error" ? oe : ""), C = () => {
+    }, m = v(() => e.type === "info" ? ce : e.type === "warning" ? se : e.type === "strong" ? ue : e.type === "success" ? ie : e.type === "error" ? oe : ""), C = () => {
       h.value = !1;
     };
-    return W(() => {
+    return R(() => {
       e.duration !== 0 && f(), h.value = !0;
     }), ne(() => {
-      clearTimeout(c);
+      clearTimeout(u);
     }), () => r(U, {
       name: d.value,
       onBeforeLeave: () => t("close"),
       onAfterLeave: () => t("destroy")
     }, {
       default: () => {
-        var v;
+        var g;
         return [h.value && r("div", {
           class: o.value,
-          style: i.value
+          style: s.value
         }, [r("div", {
           class: [n.element("header")]
         }, [r("div", {
@@ -1051,14 +1051,14 @@ const Ht = I(S("MessageBox"), xe), Yt = {
           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)])];
       }
     });
   }
-}), Wt = I(S("Notification"), _e), _t = (e) => {
+}), Rt = X(S("Notification"), Ye), Yt = (e) => {
   const t = e.split(" ").filter((n) => n !== "").map((n) => parseInt(n));
   let l = {};
   switch (t.length) {
@@ -1075,24 +1075,24 @@ const Ht = I(S("MessageBox"), xe), Yt = {
       l = { top: t[0], right: t[0], bottom: t[0], left: t[0] };
   }
   return l;
-}, Zt = (e) => {
+}, _t = (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);
-}, Rt = {
+}, Zt = {
   // 数据集
   datasets: {
     required: !0,
-    type: B(Array)
+    type: N(Array)
   },
   // 网格属性
   grid: {
     default: null,
-    type: B(Object)
+    type: N(Object)
   },
   // 标签属性
   labels: {
     default: null,
-    type: B(Object)
+    type: N(Object)
   },
   // 最大值，默认数据集最大值
   max: {
@@ -1107,7 +1107,7 @@ const Ht = I(S("MessageBox"), xe), Yt = {
     default: "5",
     type: String,
     validator(e) {
-      return Zt(e);
+      return _t(e);
     }
   },
   // 开启交互，开启后启用onmousemove事件
@@ -1117,7 +1117,7 @@ const Ht = I(S("MessageBox"), xe), Yt = {
   },
   // 主题
   theme: {
-    type: B(Object),
+    type: N(Object),
     default: () => ({
       activeLineColor: "#CCC"
     })
@@ -1125,7 +1125,7 @@ const Ht = I(S("MessageBox"), xe), Yt = {
 }, qt = {
   boundary: {
     required: !0,
-    type: B(Object),
+    type: N(Object),
     default: () => {
     }
   },
@@ -1146,7 +1146,7 @@ const Ht = I(S("MessageBox"), xe), Yt = {
   },
   data: {
     required: !0,
-    type: B(Array),
+    type: N(Array),
     default: () => []
   },
   className: {
@@ -1169,15 +1169,15 @@ const Ht = I(S("MessageBox"), xe), Yt = {
     type: Boolean
   },
   theme: {
-    type: B(Object)
+    type: N(Object)
   },
   mainTheme: {
-    type: B(Object)
+    type: N(Object)
   }
 }, Ut = {
   boundary: {
     required: !0,
-    type: B(Object),
+    type: N(Object),
     default: () => {
     }
   },
@@ -1200,7 +1200,7 @@ const Ht = I(S("MessageBox"), xe), Yt = {
 }, Gt = {
   boundary: {
     required: !0,
-    type: B(Object),
+    type: N(Object),
     default: () => {
     }
   },
@@ -1223,49 +1223,49 @@ const Ht = I(S("MessageBox"), xe), Yt = {
     default: (e) => e,
     type: Function
   }
-}, Me = P({
+}, Me = E({
   name: S("TrendChartGrid"),
   props: Ut,
   setup(e) {
     const t = (o) => {
-      const u = e.verticalLinesNumber > 1 ? (e.boundary.maxX - e.boundary.minX) / (e.verticalLinesNumber - 1) : 0, s = e.boundary.minX + u * (o - 1), d = e.boundary.minY, i = e.boundary.maxY;
+      const c = e.verticalLinesNumber > 1 ? (e.boundary.maxX - e.boundary.minX) / (e.verticalLinesNumber - 1) : 0, i = e.boundary.minX + c * (o - 1), d = e.boundary.minY, s = e.boundary.maxY;
       return {
-        x1: s,
-        x2: s,
+        x1: i,
+        x2: i,
         y1: d,
-        y2: i,
+        y2: s,
         stroke: "rgba(0,0,0,0.1)"
       };
     }, l = (o) => {
-      const u = e.horizontalLinesNumber > 1 ? (e.boundary.maxY - e.boundary.minY) / (e.horizontalLinesNumber - 1) : 0, s = e.boundary.maxY - u * (o - 1), d = e.boundary.minX, i = e.boundary.maxX;
+      const c = e.horizontalLinesNumber > 1 ? (e.boundary.maxY - e.boundary.minY) / (e.horizontalLinesNumber - 1) : 0, i = e.boundary.maxY - c * (o - 1), d = e.boundary.minX, s = e.boundary.maxX;
       return {
         x1: d,
-        x2: i,
-        y1: s,
-        y2: s,
+        x2: s,
+        y1: i,
+        y2: i,
         stroke: "rgba(0,0,0,0.1)"
       };
-    }, n = g(() => {
+    }, n = v(() => {
       if (e.verticalLines && e.verticalLinesNumber > 0) {
         const o = [];
-        for (let u = 1; u <= e.verticalLinesNumber; u++)
+        for (let c = 1; c <= e.verticalLinesNumber; c++)
           o.push(
             k("line", {
               class: "line",
-              ...t(u)
+              ...t(c)
             })
           );
         return k("g", { class: "vertical" }, o);
       }
       return null;
-    }), a = g(() => {
+    }), a = v(() => {
       if (e.horizontalLines && e.horizontalLinesNumber > 0) {
         const o = [];
-        for (let u = 1; u <= e.horizontalLinesNumber; u++)
+        for (let c = 1; c <= e.horizontalLinesNumber; c++)
           o.push(
             k("line", {
               class: "line",
-              ...l(u)
+              ...l(c)
             })
           );
         return k("g", { class: "horizontal" }, o);
@@ -1277,29 +1277,29 @@ const Ht = I(S("MessageBox"), xe), Yt = {
       return n.value && o.push(n.value), a.value && o.push(a.value), o.length === 0 ? null : k("g", null, o);
     };
   }
-}), ze = P({
+}), pe = E({
   name: S("TrendChartLabels"),
   props: Gt,
   setup(e) {
     const t = le({
       xLabelHeight: 0,
       yLabelHeight: 0
-    }), l = E(null), n = E(null), a = (d) => {
-      const i = (e.boundary.maxX - e.boundary.minX) / (e.xLabels.length - 1), h = e.boundary.minX + i * d, c = e.boundary.maxY;
-      return { transform: `translate(${h}, ${c})` };
+    }), l = z(null), n = z(null), a = (d) => {
+      const s = (e.boundary.maxX - e.boundary.minX) / (e.xLabels.length - 1), h = e.boundary.minX + s * d, u = e.boundary.maxY;
+      return { transform: `translate(${h}, ${u})` };
     }, o = (d) => {
-      const i = (e.boundary.maxY - e.boundary.minY) / (e.yLabels - 1), h = e.boundary.minX, c = e.boundary.maxY - i * d;
-      return { transform: `translate(${h}, ${c})` };
+      const s = (e.boundary.maxY - e.boundary.minY) / (e.yLabels - 1), h = e.boundary.minX, u = e.boundary.maxY - s * d;
+      return { transform: `translate(${h}, ${u})` };
     };
-    W(() => {
-      var d, i;
-      l.value && e.xLabels && e.xLabels.length && (t.xLabelHeight = ((d = l.value.querySelector("text")) == null ? void 0 : d.getBoundingClientRect().height) || 0), n.value && e.yLabels && e.yLabels > 0 && (t.yLabelHeight = ((i = n.value.querySelector("text")) == null ? void 0 : i.getBoundingClientRect().height) || 0);
+    R(() => {
+      var d, s;
+      l.value && e.xLabels && e.xLabels.length && (t.xLabelHeight = ((d = l.value.querySelector("text")) == null ? void 0 : d.getBoundingClientRect().height) || 0), n.value && e.yLabels && e.yLabels > 0 && (t.yLabelHeight = ((s = n.value.querySelector("text")) == null ? void 0 : s.getBoundingClientRect().height) || 0);
     });
-    const u = g(() => e.xLabels && e.xLabels.length ? k(
+    const c = v(() => e.xLabels && e.xLabels.length ? k(
       "g",
       { class: "x-labels", ref: l },
       e.xLabels.map(
-        (d, i) => k("g", { class: "label", ...a(i) }, [
+        (d, s) => k("g", { class: "label", ...a(s) }, [
           k(
             "text",
             {
@@ -1311,12 +1311,12 @@ const Ht = I(S("MessageBox"), xe), Yt = {
           k("line", { stroke: "rgba(0,0,0,0.1)", y2: 5 })
         ])
       )
-    ) : null), s = g(() => {
+    ) : null), i = v(() => {
       if (e.yLabels && e.yLabels > 0) {
         const d = [];
-        for (let i = 0; i < e.yLabels; i++)
+        for (let s = 0; s < e.yLabels; s++)
           d.push(
-            k("g", { class: "label", ...o(i) }, [
+            k("g", { class: "label", ...o(s) }, [
               k(
                 "text",
                 {
@@ -1325,7 +1325,7 @@ const Ht = I(S("MessageBox"), xe), Yt = {
                   "text-anchor": "end"
                 },
                 e.yLabelsTextFormatter(
-                  e.minValue + (e.maxValue - e.minValue) / (e.yLabels - 1) * i
+                  e.minValue + (e.maxValue - e.minValue) / (e.yLabels - 1) * s
                 )
               ),
               k("line", { stroke: "rgba(0,0,0,0.1)", x1: 0, x2: -5 })
@@ -1337,52 +1337,52 @@ const Ht = I(S("MessageBox"), xe), Yt = {
     });
     return () => {
       const d = [];
-      return u.value && d.push(u.value), s.value && d.push(s.value), k("g", d);
+      return c.value && d.push(c.value), i.value && d.push(i.value), k("g", d);
     };
   }
 }), Kt = (e, t, l, n, a) => {
   e = e.map((d) => typeof d == "number" ? d : d.value);
-  const o = n - 1e-3, u = (t.maxX - t.minX) / (a - 1), s = (t.maxY - t.minY) / (l + 1e-3 - o);
-  return e.map((d, i) => ({
-    x: i * u + t.minX,
-    y: t.maxY - (d - o) * s + +(i === a - 1) * 1e-5 - +(i === 0) * 1e-5
+  const o = n - 1e-3, c = (t.maxX - t.minX) / (a - 1), i = (t.maxY - t.minY) / (l + 1e-3 - o);
+  return e.map((d, s) => ({
+    x: s * c + t.minX,
+    y: t.maxY - (d - o) * i + +(s === a - 1) * 1e-5 - +(s === 0) * 1e-5
   }));
 }, Jt = (e, t, { maxY: l }) => {
-  const n = e.shift(), a = e[e.length - 1], u = (e[0].x - n.x) / 2;
-  let s = `M ${n.x},${n.y}`;
-  e.forEach((i, h) => {
-    if (!t) s += ` L${i.x},${i.y}`;
+  const n = e.shift(), a = e[e.length - 1], c = (e[0].x - n.x) / 2;
+  let i = `M ${n.x},${n.y}`;
+  e.forEach((s, h) => {
+    if (!t) i += ` L${s.x},${s.y}`;
     else {
-      const c = e[h - 1] || n;
-      s += ` C ${u + c.x},${c.y} ${u + c.x},${i.y} ${i.x},${i.y}`;
+      const u = e[h - 1] || n;
+      i += ` C ${c + u.x},${u.y} ${c + u.x},${s.y} ${s.x},${s.y}`;
     }
   });
-  let d = s;
-  return a.y !== l && (d += ` L${a.x},${l}`), n.y !== l && (d += ` L${n.x},${l}`), d += " Z", { linePath: s, fillPath: d };
-}, Ee = /* @__PURE__ */ P({
+  let d = i;
+  return a.y !== l && (d += ` L${a.x},${l}`), n.y !== l && (d += ` L${n.x},${l}`), d += " Z", { linePath: i, fillPath: d };
+}, ze = /* @__PURE__ */ E({
   name: S("TrendChartCurve"),
   props: qt,
   setup(e) {
-    const t = g(() => Kt(e.data, e.boundary, e.maxValue, e.minValue, e.maxAmount)), l = g(() => Jt([...t.value], e.smooth, e.boundary)), n = g(() => {
-      var u, s, d, i, h, c, f, m, C, v, L, y;
+    const t = v(() => Kt(e.data, e.boundary, e.maxValue, e.minValue, e.maxAmount)), l = v(() => Jt([...t.value], e.smooth, e.boundary)), n = v(() => {
+      var c, i, d, s, h, u, f, m, C, g, B, y;
       const a = [];
-      console.log("世间自有公道----", e.mainTheme), e.fill && ((u = l.value) != null && u.fillPath) && a.push(r("path", {
+      console.log("世间自有公道----", e.mainTheme), e.fill && ((c = l.value) != null && c.fillPath) && a.push(r("path", {
         class: "x-trend-chart-fill",
         d: l.value.fillPath,
         fill: "none",
         style: {
-          fill: ((d = (s = e.theme) == null ? void 0 : s.fill) == null ? void 0 : d.color) || "#585858",
-          opacity: ((h = (i = e.theme) == null ? void 0 : i.fill) == null ? void 0 : h.opacity) || 0.1
+          fill: ((d = (i = e.theme) == null ? void 0 : i.fill) == null ? void 0 : d.color) || "#585858",
+          opacity: ((h = (s = e.theme) == null ? void 0 : s.fill) == null ? void 0 : h.opacity) || 0.1
         }
-      }, null)), e.stroke && ((c = l.value) != null && c.linePath) && (console.log("props.theme?.stroke?.color", e.theme), a.push(r("path", {
+      }, null)), e.stroke && ((u = l.value) != null && u.linePath) && (console.log("props.theme?.stroke?.color", e.theme), a.push(r("path", {
         class: "x-trend-chart-stroke",
         d: l.value.linePath,
         fill: "none",
         stroke: "none",
         style: {
           stroke: ((m = (f = e.theme) == null ? void 0 : f.stroke) == null ? void 0 : m.color) || "#585858",
-          strokeWidth: ((v = (C = e.theme) == null ? void 0 : C.stroke) == null ? void 0 : v.width) || 2,
-          opacity: ((y = (L = e.theme) == null ? void 0 : L.stroke) == null ? void 0 : y.opacity) || 1
+          strokeWidth: ((g = (C = e.theme) == null ? void 0 : C.stroke) == null ? void 0 : g.width) || 2,
+          opacity: ((y = (B = e.theme) == null ? void 0 : B.stroke) == null ? void 0 : y.opacity) || 1
         }
       }, null)));
       const o = (b) => b ? {
@@ -1392,11 +1392,11 @@ const Ht = I(S("MessageBox"), xe), Yt = {
       } : {};
       if (e.showPoints && t.value) {
         const b = t.value.map((w, M) => {
-          var F, T;
+          var $, T;
           return r("circle", {
             class: {
               point: !0,
-              "x-trend-chart-point-active": ((F = e.activeLineParams) == null ? void 0 : F.index) === M
+              "x-trend-chart-point-active": (($ = e.activeLineParams) == null ? void 0 : $.index) === M
             },
             cx: w.x,
             cy: w.y,
@@ -1413,14 +1413,14 @@ const Ht = I(S("MessageBox"), xe), Yt = {
       class: e.className
     }, [n.value]);
   }
-}), Qt = /* @__PURE__ */ P({
+}), Qt = /* @__PURE__ */ E({
   name: S("TrendChart"),
   components: {
     TrendChartGrid: Me,
-    TrendChartLabels: ze,
-    TrendChartCurve: Ee
+    TrendChartLabels: pe,
+    TrendChartCurve: ze
   },
-  props: Rt,
+  props: Zt,
   emits: {
     "mouse-move": (e) => !0
   },
@@ -1438,41 +1438,41 @@ const Ht = I(S("MessageBox"), xe), Yt = {
       },
       activeLine: null,
       activeLineParams: null
-    }), n = g(() => _t(e.padding || "0")), a = g(() => ({
+    }), n = v(() => Yt(e.padding || "0")), a = v(() => ({
       minX: Number(n.value.left) + Number(l.labelsOverflowObject.left),
       minY: Number(n.value.top) + Number(l.labelsOverflowObject.top),
       maxX: (l.width ?? 0) - Number(n.value.right) - Number(l.labelsOverflowObject.right),
       maxY: (l.height ?? 0) - Number(n.value.bottom) - Number(l.labelsOverflowObject.bottom)
-    })), o = g(() => {
+    })), o = v(() => {
       var M;
       let y = -1 / 0, b = 1 / 0, w = 0;
-      return (M = e == null ? void 0 : e.datasets) == null || M.forEach((F) => {
-        const T = F.data.map((z) => typeof z == "number" ? z : z.value);
+      return (M = e == null ? void 0 : e.datasets) == null || M.forEach(($) => {
+        const T = $.data.map((p) => typeof p == "number" ? p : p.value);
         y = Math.max(y, ...T), b = Math.min(b, ...T), w = Math.max(w, T.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: w
       };
-    }), u = g(() => ({
+    }), c = 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
-    })), s = g(() => {
+    })), i = v(() => {
       const y = (a.value.maxX - a.value.minX) / (o.value.maxAmount - 1);
       return Array.from({
         length: o.value.maxAmount
       }, (b, w) => Math.round(a.value.minX + y * w));
-    }), d = E(null), i = E(null), h = () => {
+    }), d = z(null), s = z(null), h = () => {
       if (d.value) {
         const y = d.value.getBoundingClientRect();
         l.width = y.width, l.height = y.height;
       }
-    }, c = () => {
-      if (i.value) {
-        const y = d.value.getBoundingClientRect(), b = i.value.$el.getBoundingClientRect();
+    }, u = () => {
+      if (s.value) {
+        const y = d.value.getBoundingClientRect(), b = s.value.$el.getBoundingClientRect();
         l.labelsOverflowObject = {
           top: Math.max(0, Number(y.top) - Number(b.top) + Number(n.value.top)),
           right: Math.max(0, Number(b.right) - Number(y.right) + Number(n.value.right)),
@@ -1487,25 +1487,25 @@ const Ht = I(S("MessageBox"), xe), Yt = {
           left: 0
         };
     }, f = () => {
-      h(), Be(c);
-    }, m = (y) => s.value.reduce((b, w) => Math.abs(b - y) > Math.abs(w - y) ? w : b, 1 / 0), C = (y) => {
+      h(), Ne(u);
+    }, m = (y) => i.value.reduce((b, w) => Math.abs(b - y) > Math.abs(w - y) ? w : b, 1 / 0), C = (y) => {
       if (d.value) {
         const b = d.value.getBoundingClientRect();
         l.activeLine = m(y.clientX - b.left);
       }
-    }, v = () => {
+    }, g = () => {
       l.activeLine = null, l.activeLineParams = null;
-    }, L = () => {
+    }, B = () => {
       h();
     };
-    return W(() => {
-      f(), window.addEventListener("resize", L);
+    return R(() => {
+      f(), window.addEventListener("resize", B);
     }), ne(() => {
-      window.removeEventListener("resize", L);
+      window.removeEventListener("resize", B);
     }), q(() => l.activeLine, (y) => {
       var b;
       if (y !== null) {
-        const w = s.value.indexOf(y);
+        const w = i.value.indexOf(y);
         l.activeLineParams = {
           index: w
         }, t("mouse-move", {
@@ -1520,11 +1520,11 @@ const Ht = I(S("MessageBox"), xe), Yt = {
         right: 0,
         bottom: 0,
         left: 0
-      }, Be(c);
+      }, Ne(u);
     }, {
       deep: !0
     }), () => {
-      var y, b, w, M, F, T, z, J;
+      var y, b, w, M, $, T, p, J;
       return r("svg", {
         class: "x-trend-chart",
         ref: d,
@@ -1538,14 +1538,14 @@ const Ht = I(S("MessageBox"), xe), Yt = {
         horizontalLines: e.grid.horizontalLines,
         horizontalLinesNumber: e.grid.horizontalLinesNumber || (((y = e.labels) == null ? void 0 : y.yLabels) ?? 0),
         boundary: a.value
-      }, null), e.labels && r(ze, me({
-        ref: i,
+      }, null), e.labels && r(pe, me({
+        ref: s,
         class: "labels"
       }, e.labels, {
         boundary: a.value,
         minValue: o.value.minValue,
         maxValue: o.value.maxValue
-      }), null), (b = e.datasets) == null ? void 0 : b.map((de) => r(Ee, me({
+      }), null), (b = e.datasets) == null ? void 0 : b.map((de) => r(ze, me({
         class: "curve"
       }, de, {
         boundary: a.value,
@@ -1554,7 +1554,7 @@ const Ht = I(S("MessageBox"), xe), Yt = {
         maxAmount: o.value.maxAmount,
         activeLineParams: l.activeLineParams,
         mainTheme: e.theme
-      }), null)), e.interactive && r(Y, null, [r("line", {
+      }), null)), e.interactive && r(H, null, [r("line", {
         class: "x-trend-chart-active-line",
         x1: l.activeLine ?? a.value.minX,
         x2: l.activeLine ?? a.value.minX,
@@ -1563,82 +1563,82 @@ const Ht = I(S("MessageBox"), xe), Yt = {
         visibility: l.activeLine ? "visible" : "hidden",
         style: {
           stroke: ((M = (w = e.theme) == null ? void 0 : w.axisLine) == null ? void 0 : M.color) || "#CCC",
-          strokeWidth: ((T = (F = e.theme) == null ? void 0 : F.axisLine) == null ? void 0 : T.width) || 1,
-          strokeOpacity: ((J = (z = e.theme) == null ? void 0 : z.axisLine) == null ? void 0 : J.opacity) || 1
+          strokeWidth: ((T = ($ = e.theme) == null ? void 0 : $.axisLine) == null ? void 0 : T.width) || 1,
+          strokeOpacity: ((J = (p = e.theme) == null ? void 0 : p.axisLine) == null ? void 0 : J.opacity) || 1
         }
-      }, null), r("rect", me(u.value, {
+      }, null), r("rect", me(c.value, {
         onMousemove: C,
-        onMouseout: v
+        onMouseout: g
       }), null)])]);
     };
   }
-}), el = I(S("TrendChart"), Qt), Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), el = X(S("TrendChart"), Qt), Ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   XButton: G,
-  XDialog: We,
-  XMessage: Xt,
-  XMessageBox: Ht,
-  XNotification: Wt,
+  XDialog: Re,
+  XMessage: Vt,
+  XMessageBox: Wt,
+  XNotification: Rt,
   XSpace: we,
   XTrendChart: el
 }, Symbol.toStringTag, { value: "Module" }));
-function $e(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !N(e);
+function Pe(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !L(e);
 }
-const Fe = j("dialog"), dl = (e) => {
+const $e = A("dialog"), dl = (e) => {
   const t = document.createElement("div"), l = () => {
-    X(null, t);
-  }, n = (c) => {
-    if (c === "cancel")
+    V(null, t);
+  }, n = (u) => {
+    if (u === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
-    if (c === "ok")
+    if (u === "ok")
       return e.beforeOnOk ? e.beforeOnOk() : !0;
-  }, a = (c, f) => {
-    c === "cancel" && e.onCancel && e.onCancel(f), c === "ok" && e.onOk && e.onOk(f);
-  }, o = (c) => {
-    if (N(c)) return c;
-    if (O(c)) {
-      const f = c();
-      return N(f) ? f : null;
+  }, a = (u, f) => {
+    u === "cancel" && e.onCancel && e.onCancel(f), u === "ok" && e.onOk && e.onOk(f);
+  }, o = (u) => {
+    if (L(u)) return u;
+    if (O(u)) {
+      const f = u();
+      return L(f) ? f : null;
     }
     return r("div", {
-      class: Fe.element("header-title")
-    }, [A(" "), c, A(" ")]);
-  }, u = (c) => {
-    if (N(c)) return c;
-    if (O(c)) {
-      const f = c();
-      return N(f) ? f : null;
+      class: $e.element("header-title")
+    }, [F(" "), u, F(" ")]);
+  }, c = (u) => {
+    if (L(u)) return u;
+    if (O(u)) {
+      const f = u();
+      return L(f) ? f : null;
     }
     return r("div", {
-      class: Fe.element("content")
-    }, [A(" "), e.content, A(" ")]);
-  }, s = () => () => r(Y, null, [e.title && o(e.title)]), d = () => () => r(Y, null, [e.content && u(e.content)]), i = () => {
-    if (N(e.footer) || O(e.footer))
+      class: $e.element("content")
+    }, [F(" "), e.content, F(" ")]);
+  }, i = () => () => r(H, null, [e.title && o(e.title)]), d = () => () => r(H, null, [e.content && c(e.content)]), s = () => {
+    if (L(e.footer) || O(e.footer))
       return e.footer;
-    const c = (e == null ? void 0 : e.cancelText) || "取消", f = (e == null ? void 0 : e.okText) || "确认";
+    const u = (e == null ? void 0 : e.cancelText) || "取消", f = (e == null ? void 0 : e.okText) || "确认";
     return (m) => r(we, {
       size: 12
     }, {
       default: () => {
-        var C, v;
+        var C, g;
         return [!e.hideCancel && r(G, {
           size: "small",
           onClick: m.cancel,
           loading: (C = m.loadingObj) == null ? void 0 : C.cancel
-        }, $e(c) ? c : {
-          default: () => [c]
+        }, Pe(u) ? u : {
+          default: () => [u]
         }), !e.hideOk && r(G, {
           type: "primary",
           size: "small",
           onClick: m.ok,
-          loading: (v = m.loadingObj) == null ? void 0 : v.ok
-        }, $e(f) ? f : {
+          loading: (g = m.loadingObj) == null ? void 0 : g.ok
+        }, Pe(f) ? f : {
           default: () => [f]
         })];
       }
     });
-  }, h = r(Ye, {
+  }, h = r(He, {
     width: (e == null ? void 0 : e.width) ?? 368,
     height: (e == null ? void 0 : e.height) ?? "auto",
     modelValue: !0,
@@ -1658,19 +1658,19 @@ const Fe = j("dialog"), dl = (e) => {
     onOpened: () => {
     }
   }, {
-    title: s(),
+    title: i(),
     default: d(),
-    footer: i()
+    footer: s()
   });
-  X(h, t);
-}, tl = ["success", "warning", "error", "strong", "info"], ll = P({
+  V(h, t);
+}, tl = ["success", "warning", "error", "strong", "info"], ll = E({
   name: S("Message"),
   components: {
     CloseCircleFill: oe,
-    CheckCircleFill: se,
-    ExclamationCircleFill: ie,
-    InfoCircleFill: ue,
-    MinusCircleFill: ce
+    CheckCircleFill: ie,
+    ExclamationCircleFill: se,
+    InfoCircleFill: ce,
+    MinusCircleFill: ue
   },
   props: {
     id: {
@@ -1718,32 +1718,32 @@ const Fe = j("dialog"), dl = (e) => {
   },
   emits: ["destroy"],
   setup(e) {
-    const t = j("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 = E(!1);
+    ]), n = z(!1);
     let a = null;
     const o = () => {
       a = setTimeout(() => {
         n.value = !1;
       }, e.duration);
     };
-    W(() => {
+    R(() => {
       n.value = !0, e.duration !== 0 && o();
     }), ne(() => {
       clearTimeout(a);
     });
-    const { zIndex: u } = re("message", { runOnMounted: !0 }), s = g(() => ({
+    const { zIndex: c } = re("message", { runOnMounted: !0 }), i = v(() => ({
       top: `${e.offset}px`,
-      zIndex: u.value
+      zIndex: c.value
     }));
     return {
       cn: t,
       cls: l,
-      styles: s,
+      styles: i,
       visible: n,
       handleClose: () => {
         n.value = !1;
@@ -1757,34 +1757,34 @@ const Fe = j("dialog"), dl = (e) => {
   return l;
 }, al = ["innerHTML"], rl = { key: 1 };
 function ol(e, t, l, n, a, o) {
-  const u = _("CheckCircleFill"), s = _("ExclamationCircleFill"), d = _("MinusCircleFill"), i = _("CloseCircleFill"), h = _("InfoCircleFill");
-  return $(), H(U, {
+  const c = Y("CheckCircleFill"), i = Y("ExclamationCircleFill"), d = Y("MinusCircleFill"), s = Y("CloseCircleFill"), h = Y("InfoCircleFill");
+  return P(), W(U, {
     name: "x-message-slide-top",
     onBeforeLeave: e.onClose,
-    onAfterLeave: t[1] || (t[1] = (c) => e.$emit("destroy"))
+    onAfterLeave: t[1] || (t[1] = (u) => e.$emit("destroy"))
   }, {
     default: tt(() => [
       lt(nt("div", {
         class: he(e.cls),
         style: at(e.styles)
       }, [
-        e.$slots.icon ? ye("", !0) : ($(), ee("span", {
+        e.$slots.icon ? ye("", !0) : (P(), ee("span", {
           key: 0,
           class: he([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
         }, [
           Oe(e.$slots, "icon", {}, () => [
-            e.type === "success" ? ($(), H(u, { key: 0 })) : e.type === "warning" ? ($(), H(s, { key: 1 })) : e.type === "strong" ? ($(), H(d, { key: 2 })) : e.type === "error" ? ($(), H(i, { key: 3 })) : e.type === "info" ? ($(), H(h, { key: 4 })) : ye("", !0)
+            e.type === "success" ? (P(), W(c, { key: 0 })) : e.type === "warning" ? (P(), W(i, { key: 1 })) : e.type === "strong" ? (P(), W(d, { key: 2 })) : e.type === "error" ? (P(), W(s, { key: 3 })) : e.type === "info" ? (P(), W(h, { key: 4 })) : ye("", !0)
           ])
         ], 2)),
         Oe(e.$slots, "default", {}, () => [
-          e.useHTML ? ($(), ee("span", {
+          e.useHTML ? (P(), ee("span", {
             key: 0,
             innerHTML: e.message
-          }, null, 8, al)) : ($(), ee("span", rl, rt(e.message), 1)),
-          e.showClose ? ($(), ee("span", {
+          }, null, 8, al)) : (P(), ee("span", rl, rt(e.message), 1)),
+          e.showClose ? (P(), ee("span", {
             key: 2,
             class: he([e.cn.element("close-icon")]),
-            onClick: t[0] || (t[0] = (...c) => e.handleClose && e.handleClose(...c))
+            onClick: t[0] || (t[0] = (...u) => e.handleClose && e.handleClose(...u))
           }, null, 2)) : ye("", !0)
         ])
       ], 6), [
@@ -1794,48 +1794,48 @@ function ol(e, t, l, n, a, o) {
     _: 3
   }, 8, ["onBeforeLeave"]);
 }
-const sl = /* @__PURE__ */ nl(ll, [["render", ol]]), be = /* @__PURE__ */ new WeakMap(), Ce = (e) => {
-  (typeof e == "string" || N(e)) && (e = {
+const il = /* @__PURE__ */ nl(ll, [["render", ol]]), be = /* @__PURE__ */ new WeakMap(), Ce = (e) => {
+  (typeof e == "string" || L(e)) && (e = {
     message: e
   });
   const t = ke(e.renderTo || "body"), l = document.createElement("div");
   be.has(t) || be.set(t, []);
   const n = be.get(t);
   let a = e.offset || 20;
-  n.forEach((c) => {
+  n.forEach((u) => {
     var f;
-    a += ((f = c.el) == null ? void 0 : f.offsetHeight) + 20;
+    a += ((f = u.el) == null ? void 0 : f.offsetHeight) + 20;
   });
   const o = e.onClose;
-  let u = {};
-  u = { ...e, onClose: () => {
+  let c = {};
+  c = { ...e, onClose: () => {
     var m;
-    const c = n.findIndex((C) => C === i);
-    if (c < 0) return;
-    const f = ((m = i.el) == null ? void 0 : m.offsetHeight) + 20;
-    n.slice(c + 1).forEach((C) => {
-      var L;
-      const v = (L = C.component) == null ? void 0 : L.props.offset;
-      C.component.props.offset = v - f;
-    }), n.splice(c, 1), o && o(i);
+    const u = n.findIndex((C) => C === s);
+    if (u < 0) return;
+    const f = ((m = s.el) == null ? void 0 : m.offsetHeight) + 20;
+    n.slice(u + 1).forEach((C) => {
+      var B;
+      const g = (B = C.component) == null ? void 0 : B.props.offset;
+      C.component.props.offset = g - f;
+    }), n.splice(u, 1), o && o(s);
   }, onDestroy: () => {
-    X(null, l);
+    V(null, l);
   }, offset: a };
-  const i = r(
-    sl,
-    u,
-    O(u.message) || N(u.message) ? {
-      default: O(u.message) ? u.message : () => u.message
+  const s = r(
+    il,
+    c,
+    O(c.message) || L(c.message) ? {
+      default: O(c.message) ? c.message : () => c.message
     } : null
   );
-  return X(i, l), t.tagName === "BODY" ? i.el.style.position = "fixed" : (t.style.position = "relative", i.el.style.position = "absolute"), t.appendChild(l.firstElementChild), n.push(i), {
+  return V(s, l), t.tagName === "BODY" ? s.el.style.position = "fixed" : (t.style.position = "relative", s.el.style.position = "absolute"), t.appendChild(l.firstElementChild), n.push(s), {
     close: () => {
-      i.component.proxy.handleClose();
+      s.component.proxy.handleClose();
     }
   };
-}, il = () => {
+}, sl = () => {
   tl.forEach((e) => {
-    Ce[e] = (t) => Xe(t) ? Ce({
+    Ce[e] = (t) => Ve(t) ? Ce({
       type: e,
       ...t
     }) : Ce({
@@ -1844,32 +1844,32 @@ const sl = /* @__PURE__ */ nl(ll, [["render", ol]]), be = /* @__PURE__ */ new We
     });
   });
 };
-il();
-const Z = /* @__PURE__ */ new WeakMap(), fl = (e) => {
+sl();
+const _ = /* @__PURE__ */ new WeakMap(), fl = (e) => {
   const t = ke(e.renderTo || "body"), l = document.createElement("div");
-  Z.get(t) || Z.set(t, {}), Z.get(t)[e.position] || (Z.get(t)[e.position] = []);
-  const n = Z.get(t)[e.position];
+  _.get(t) || _.set(t, {}), _.get(t)[e.position] || (_.get(t)[e.position] = []);
+  const n = _.get(t)[e.position];
   let a = e.offset || 20;
   n.forEach((h) => {
-    var c;
-    a += ((c = h.el) == null ? void 0 : c.offsetHeight) + 20;
+    var u;
+    a += ((u = h.el) == null ? void 0 : u.offsetHeight) + 20;
   });
   const o = t.tagName === "BODY";
   o || (t.style.position = "relative", t.style.overflowX = "hidden");
-  const u = e.onClose, s = () => {
+  const c = e.onClose, i = () => {
     var f;
-    const h = n.findIndex((m) => m === i);
+    const h = n.findIndex((m) => m === s);
     if (h < 0) return;
-    const c = ((f = i.el) == null ? void 0 : f.offsetHeight) + 20;
+    const u = ((f = s.el) == null ? void 0 : f.offsetHeight) + 20;
     n.slice(h + 1).forEach((m) => {
-      var v;
-      const C = (v = m.component) == null ? void 0 : v.props.offset;
-      m.component.props.offset = C - c;
-    }), n.splice(h, 1), u && u(i);
+      var g;
+      const C = (g = m.component) == null ? void 0 : g.props.offset;
+      m.component.props.offset = C - u;
+    }), n.splice(h, 1), c && c(s);
   }, d = () => {
-    X(null, l);
-  }, i = r(
-    _e,
+    V(null, l);
+  }, s = r(
+    Ye,
     {
       message: e.message,
       title: e.title,
@@ -1879,18 +1879,181 @@ const Z = /* @__PURE__ */ new WeakMap(), fl = (e) => {
       position: e.position,
       duration: e.duration ?? 3e3,
       showClose: e.showClose ?? !0,
-      onClose: s,
+      onClose: i,
       onDestroy: d
     },
-    O(e.message) || N(e.message) ? {
+    O(e.message) || L(e.message) ? {
       default: O(e.message) ? e.message : () => e.message
     } : null
   );
-  X(i, l), n.push(i), t == null || t.appendChild(l.firstChild);
+  V(s, l), n.push(s), t == null || t.appendChild(l.firstChild);
 }, ml = {
+  danger: {
+    // 主题色
+    color: "#f00",
+    // 点
+    point: {
+      radius: 4,
+      borderWidth: 2,
+      borderColor: "#f00",
+      backgroundColor: "#f00",
+      opacity: 0.5,
+      hoverRadius: 6,
+      hoverColor: "#f00",
+      hoverBorderWidth: 2,
+      hoverBorderColor: "#f00",
+      hoverBackgroundColor: "#f00",
+      hoverOpacity: 0.1
+    },
+    stroke: {
+      width: 2,
+      color: "#f00",
+      opacity: 0.5
+    },
+    fill: {
+      color: "#ffa8a8",
+      opacity: 0.2
+    }
+  },
+  strong: {
+    // 主题色
+    color: "#f00",
+    // 点
+    point: {
+      radius: 4,
+      borderWidth: 2,
+      borderColor: "#f00",
+      backgroundColor: "#f00",
+      opacity: 0.5,
+      hoverRadius: 6,
+      hoverColor: "#f00",
+      hoverBorderWidth: 2,
+      hoverBorderColor: "#f00",
+      hoverBackgroundColor: "#f00",
+      hoverOpacity: 0.5
+    },
+    stroke: {
+      width: 2,
+      color: "#ff7126",
+      opacity: 0.8
+    },
+    fill: {
+      color: "#ffdecc",
+      opacity: 0.5
+    }
+  },
+  warning: {
+    // 主题色
+    color: "#f00",
+    // 点
+    point: {
+      radius: 4,
+      borderWidth: 2,
+      borderColor: "#f00",
+      backgroundColor: "#f00",
+      opacity: 0.5,
+      hoverRadius: 6,
+      hoverColor: "#f00",
+      hoverBorderWidth: 2,
+      hoverBorderColor: "#f00",
+      hoverBackgroundColor: "#f00",
+      hoverOpacity: 0.1
+    },
+    stroke: {
+      width: 2,
+      color: "#ffc703",
+      opacity: 0.9
+    },
+    fill: {
+      color: "#fff5d3",
+      opacity: 0.8
+    }
+  },
+  success: {
+    // 主题色
+    color: "#f00",
+    // 点
+    point: {
+      radius: 4,
+      borderWidth: 2,
+      borderColor: "#f00",
+      backgroundColor: "#f00",
+      opacity: 0.5,
+      hoverRadius: 6,
+      hoverColor: "#f00",
+      hoverBorderWidth: 2,
+      hoverBorderColor: "#f00",
+      hoverBackgroundColor: "#f00",
+      hoverOpacity: 0.5
+    },
+    stroke: {
+      width: 2,
+      color: "#25c341",
+      opacity: 0.9
+    },
+    fill: {
+      color: "#c4e5dc",
+      opacity: 0.5
+    }
+  },
+  info: {
+    // 主题色
+    color: "#f00",
+    // 点
+    point: {
+      radius: 4,
+      borderWidth: 2,
+      borderColor: "#f00",
+      backgroundColor: "#f00",
+      opacity: 0.5,
+      hoverRadius: 6,
+      hoverColor: "#f00",
+      hoverBorderWidth: 2,
+      hoverBorderColor: "#f00",
+      hoverBackgroundColor: "#f00",
+      hoverOpacity: 0.5
+    },
+    stroke: {
+      width: 2,
+      color: "#363636",
+      opacity: 0.8
+    },
+    fill: {
+      color: "#686868",
+      opacity: 0.1
+    }
+  },
+  primary: {
+    // 主题色
+    color: "#f00",
+    // 点
+    point: {
+      radius: 4,
+      borderWidth: 2,
+      borderColor: "#f00",
+      backgroundColor: "#f00",
+      opacity: 0.5,
+      hoverRadius: 6,
+      hoverColor: "#f00",
+      hoverBorderWidth: 2,
+      hoverBorderColor: "#f00",
+      hoverBackgroundColor: "#f00",
+      hoverOpacity: 0.5
+    },
+    stroke: {
+      width: 2,
+      color: "#0056ff",
+      opacity: 0.8
+    },
+    fill: {
+      color: "#dae0ed",
+      opacity: 0.5
+    }
+  }
+}, hl = {
   install: function(e) {
-    Object.keys(Pe).forEach((t) => {
-      const l = Pe[t];
+    Object.keys(Ee).forEach((t) => {
+      const l = Ee[t];
       l.install && e.use(l);
     });
   }
@@ -1901,11 +2064,12 @@ export {
   xe as MessageBox,
   fl as Notification,
   G as XButton,
-  We as XDialog,
-  Xt as XMessage,
-  Ht as XMessageBox,
-  Wt as XNotification,
+  Re as XDialog,
+  Vt as XMessage,
+  Wt as XMessageBox,
+  Rt as XNotification,
   we as XSpace,
   el as XTrendChart,
-  ml as default
+  hl as default,
+  ml as trendChartTheme
 };