x-next 0.0.0-alpha.29 → 0.0.0-alpha.30

package/dist/index.es.js

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