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

package/dist/index.es.js

@@ -1,46 +1,46 @@
-var Ze = Object.defineProperty;
-var Xe = (e, t, n) => t in e ? Ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var M = (e, t, n) => Xe(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as E, computed as C, createVNode as r, h as A, reactive as xe, getCurrentInstance as Ue, ref as T, watch as de, onMounted as K, onBeforeUnmount as Oe, readonly as Re, Teleport as Ke, Transition as H, onUnmounted as fe, Comment as Ye, Fragment as _, render as N, isVNode as k, createTextVNode as O, resolveComponent as I, openBlock as B, createBlock as F, withCtx as Ge, withDirectives as qe, createElementVNode as Je, normalizeClass as re, normalizeStyle as Qe, createElementBlock as U, renderSlot as ke, createCommentVNode as oe, toDisplayString as et, vShow as tt } from "vue";
-const nt = "X", lt = "x", Ne = (e) => e ? lt + "-" + e : e || "", S = (e) => nt + e, p = (e) => {
-  const t = Ne(e);
+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);
   return {
     block: t,
-    element: (s) => `${t}--${s}`,
-    modifier: (s) => `${t}-${s}`,
-    is: (s) => `${t}-is-${s}`
+    element: (o) => `${t}--${o}`,
+    modifier: (o) => `${t}-${o}`,
+    is: (o) => `${t}-is-${o}`
   };
-}, W = Object.prototype.toString;
-function Te(e) {
-  return W.call(e) === "[object Array]";
+}, K = Object.prototype.toString;
+function Ve(e) {
+  return K.call(e) === "[object Array]";
 }
-function Ee(e) {
-  return W.call(e) === "[object Object]";
+function Xe(e) {
+  return K.call(e) === "[object Object]";
 }
-const Me = (e) => W.call(e) === "[object Promise]", rt = (e) => b(e) && e.constructor.name === "AsyncFunction", ot = (e) => Me(e) || rt(e);
-function Fe(e) {
-  return W.call(e) === "[object String]";
+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) {
+  return K.call(e) === "[object String]";
 }
-function at(e) {
-  return W.call(e) === "[object Number]" && e === e;
+function dt(e) {
+  return K.call(e) === "[object Number]" && e === e;
 }
-function b(e) {
+function O(e) {
   return typeof e == "function";
 }
-function Y() {
+function ae() {
   return typeof window < "u";
 }
-const j = (e) => e, st = (e) => !!(e && e.shapeFlag & 1), ct = (e, t) => !!(e && e.shapeFlag & 6), it = (e, t) => !!(e && e.shapeFlag & 8), ut = (e, t) => !!(e && e.shapeFlag & 16), dt = (e, t) => !!(e && e.shapeFlag & 32), R = (e, t = !1) => {
-  var l, a;
-  const n = [];
-  for (const s of e ?? [])
-    st(s) || ct(s) || t && it(s, s.children) ? n.push(s) : ut(s, s.children) ? n.push(...R(s.children, t)) : dt(s, s.children) ? n.push(...R((a = (l = s.children).default) == null ? void 0 : a.call(l), t)) : Te(s) && n.push(...R(s, t));
-  return n;
-}, $ = (e, t) => Object.assign(t, {
-  install(n) {
-    n.component(e) || n.component(e, t);
+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) => {
+  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));
+  return l;
+}, I = (e, t) => Object.assign(t, {
+  install(l) {
+    l.component(e) || l.component(e, t);
   }
-}), ft = {
+}), vt = {
   disabled: Boolean,
   block: Boolean,
   loading: Boolean,
@@ -53,7 +53,7 @@ const j = (e) => e, st = (e) => !!(e && e.shapeFlag & 1), ct = (e, t) => !!(e &&
     default: 0
   },
   shape: {
-    type: j(String),
+    type: B(String),
     default: void 0
   },
   link: {
@@ -61,11 +61,11 @@ const j = (e) => e, st = (e) => !!(e && e.shapeFlag & 1), ct = (e, t) => !!(e &&
     default: !1
   },
   type: {
-    type: j(String),
+    type: B(String),
     default: void 0
   },
   status: {
-    type: j(String),
+    type: B(String),
     default: void 0
   },
   plain: {
@@ -73,21 +73,21 @@ const j = (e) => e, st = (e) => !!(e && e.shapeFlag & 1), ct = (e, t) => !!(e &&
     default: !1
   },
   size: {
-    type: j(String),
+    type: B(String),
     default: "medium"
   },
   border: {
     type: Boolean,
     default: !0
   }
-}, mt = (e) => Fe(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", gt = (e, t = "px") => {
+}, bt = (e) => De(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", Ct = (e, t = "px") => {
   if (e === void 0) return "";
-  const n = typeof e == "number" ? `${e}` : e;
-  return ["px", "%", "vh", "vw", "calc"].some((a) => n.includes(a)) ? n : n + t;
+  const l = typeof e == "number" ? `${e}` : e;
+  return ["px", "%", "vh", "vw", "calc"].some((a) => l.includes(a)) ? l : l + t;
 };
-function z(e, t) {
-  return /* @__PURE__ */ E({
-    name: Ne(`Icon${mt(e)}`),
+function D(e, t) {
+  return /* @__PURE__ */ P({
+    name: je(`Icon${bt(e)}`),
     props: {
       size: {
         type: [Number, String],
@@ -110,21 +110,21 @@ function z(e, t) {
         default: void 0
       }
     },
-    setup(n) {
-      const l = "x-icon", a = C(() => {
-        const d = {};
-        return n.size && (d.fontSize = gt(n.size)), n.rotate && (d.transform = `rotate(${n.rotate}deg)`), n.color && (d.color = n.color), d;
-      }), s = C(() => [l, {
-        [`${l}-loading`]: n.spin
+    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, {
+        [`${n}-loading`]: l.spin
       }]);
       return () => r("div", {
-        class: s.value,
+        class: o.value,
         style: a.value
       }, [t]);
     }
   });
 }
-const yt = z("InfoCircleFill", A(r("svg", {
+const xt = D("InfoCircleFill", k(r("svg", {
   viewBox: "0 0 50 50",
   class: "x-icon-loading-svg"
 }, [r("circle", {
@@ -134,54 +134,54 @@ const yt = z("InfoCircleFill", A(r("svg", {
   class: "path",
   fill: "none",
   stroke: "currentColor"
-}, null)]))), ht = /* @__PURE__ */ E({
+}, null)]))), kt = /* @__PURE__ */ P({
   name: "Button",
-  props: ft,
+  props: vt,
   emits: ["click"],
   // 显式导入插槽
   $slots: ["prefix", "suffix"],
   setup(e, {
     slots: t,
-    emit: n
+    emit: l
   }) {
-    const l = xe({
+    const n = le({
       clicked: !1,
       isDebounce: !1
-    }), a = p("button"), s = C(() => [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"), o.value && a.modifier("is-loading")]), d = () => {
-      e.debounce > 0 && !l.isDebounce && (l.isDebounce = !0, setTimeout(() => {
-        l.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 = () => {
+      e.debounce > 0 && !n.isDebounce && (n.isDebounce = !0, setTimeout(() => {
+        n.isDebounce = !1;
       }, e.debounce));
-    }, o = C(() => e.loading || l.clicked || l.isDebounce), m = Ue(), f = (c, i) => {
-      const u = c(i);
-      ot(u) && (l.clicked = !0, u.finally(() => {
-        l.clicked = !1;
+    }, s = g(() => e.loading || n.clicked || n.isDebounce), d = Ke(), i = (c, f) => {
+      const m = c(f);
+      ct(m) && (n.clicked = !0, m.finally(() => {
+        n.clicked = !1;
       }));
-    }, y = (c) => {
-      var u, v, g, w;
-      if (c.stopPropagation(), (v = (u = c.target).blur) == null || v.call(u), o.value) return;
-      d();
-      const i = (w = (g = m == null ? void 0 : m.vnode) == null ? void 0 : g.props) == null ? void 0 : w.onClick;
-      if (Te(i))
-        i.forEach((ne) => f(ne, c));
-      else if (b(i)) {
-        f(i, c);
+    }, 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));
+      else if (O(f)) {
+        i(f, c);
         return;
       }
     };
     return () => {
       var c;
       return r("button", {
-        class: s.value,
+        class: o.value,
         type: "button",
         disabled: e.disabled,
-        onClick: y
+        onClick: h
       }, [r("span", {
         style: {
-          display: o.value ? "flex" : "none",
-          marginRight: o.value ? "4px" : "0px"
+          display: s.value ? "flex" : "none",
+          marginRight: s.value ? "4px" : "0px"
         },
         class: a.element("loading")
-      }, [r(yt, null, null)]), t.prefix && r("span", {
+      }, [r(xt, null, null)]), t.prefix && r("span", {
         class: a.element("prefix")
       }, [t.prefix()]), r("span", {
         class: a.element("content")
@@ -190,137 +190,137 @@ const yt = z("InfoCircleFill", A(r("svg", {
       }, [t.suffix()])]);
     };
   }
-}), V = $(S("Button"), ht), vt = ["px", "%", "vh", "vw", "calc"], be = (e, t = "px") => {
+}), G = I(S("Button"), kt), wt = ["px", "%", "vh", "vw", "calc"], Se = (e, t = "px") => {
   if (e === void 0) return "";
-  const n = String(e);
-  return vt.some((l) => n.includes(l)) ? n : n + t;
-}, Ct = 1e3, kt = 3e3, bt = 1;
-class wt {
+  const l = String(e);
+  return wt.some((n) => l.includes(n)) ? l : l + t;
+}, Lt = 1e3, Nt = 3e3, Bt = 1;
+class Ot {
   constructor() {
-    M(this, "popupStack", {
+    p(this, "popupStack", {
       popup: /* @__PURE__ */ new Set(),
       dialog: /* @__PURE__ */ new Set(),
       message: /* @__PURE__ */ new Set()
     });
-    M(this, "getNextZIndex", (t) => (t === "message" ? Array.from(this.popupStack.message).pop() || kt : Array.from(this.popupStack.popup).pop() || Ct) + bt);
-    M(this, "add", (t) => {
-      const n = this.getNextZIndex(t);
-      return this.popupStack[t].add(n), t === "dialog" && this.popupStack.popup.add(n), n;
+    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) => {
+      const l = this.getNextZIndex(t);
+      return this.popupStack[t].add(l), t === "dialog" && this.popupStack.popup.add(l), l;
     });
-    M(this, "delete", (t, n) => {
-      this.popupStack[n].delete(t), n === "dialog" && this.popupStack.popup.delete(t);
+    p(this, "delete", (t, l) => {
+      this.popupStack[l].delete(t), l === "dialog" && this.popupStack.popup.delete(t);
     });
-    M(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+    p(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
   }
 }
-const ae = new wt();
-function G(e, {
+const ge = new Ot();
+function re(e, {
   visible: t,
-  runOnMounted: n
+  runOnMounted: l
 } = {}) {
-  const l = T(0), a = () => {
-    l.value = ae.add(e);
-  }, s = () => {
-    ae.delete(l.value, e);
-  }, d = () => e === "dialog" ? ae.isLastDialog(l.value) : !1;
-  return de(
+  const n = E(0), a = () => {
+    n.value = ge.add(e);
+  }, o = () => {
+    ge.delete(n.value, e);
+  }, u = () => e === "dialog" ? ge.isLastDialog(n.value) : !1;
+  return q(
     () => t == null ? void 0 : t.value,
-    (o) => {
-      o ? a() : s();
+    (s) => {
+      s ? a() : o();
     },
     {
       immediate: !0
     }
-  ), n && (K(a), Oe(s)), {
-    zIndex: Re(l),
+  ), l && (W(a), Ae(o)), {
+    zIndex: Je(n),
     open: a,
-    close: s,
-    isLastDialog: d
+    close: o,
+    isLastDialog: u
   };
 }
-const Ae = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, n) => (n == null ? void 0 : n.toUpperCase()) ?? ""), $e = () => {
-}, Bt = (e, t) => {
-  if (Y)
+const pe = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, l) => (l == null ? void 0 : l.toUpperCase()) ?? ""), He = () => {
+}, St = (e, t) => {
+  if (ae)
     return (t ?? document).querySelector(e) ?? void 0;
-}, St = (e) => {
+}, Tt = (e) => {
   if (e.tagName === "BODY")
     return window.innerWidth - (document.documentElement.offsetWidth || document.body.offsetWidth);
-  const { borderLeftWidth: t, borderRightWidth: n } = window.getComputedStyle(e), l = Number(t.replace("px", "")) + Number(n.replace("px", ""));
-  return e.offsetWidth - (e.clientWidth + l);
-}, pt = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, xt = (e, t) => {
-  var l;
-  if (!Y || !e || !t) return "";
-  let n = Ae(t);
-  n === "float" && (n = "cssFloat");
+  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) => {
+  var n;
+  if (!ae || !e || !t) return "";
+  let l = pe(t);
+  l === "float" && (l = "cssFloat");
   try {
-    const a = e.style[n];
+    const a = e.style[l];
     if (a) return a;
-    const s = (l = document.defaultView) == null ? void 0 : l.getComputedStyle(e, "");
-    return s ? s[n] : "";
+    const o = (n = document.defaultView) == null ? void 0 : n.getComputedStyle(e, "");
+    return o ? o[l] : "";
   } catch {
-    return e.style[n];
+    return e.style[l];
   }
-}, P = (e, t, n) => {
+}, R = (e, t, l) => {
   if (!(!e || !t))
-    if (Ee(t))
+    if (Xe(t))
       Object.entries(t).forEach(
-        ([l, a]) => P(e, l, a)
+        ([n, a]) => R(e, n, a)
       );
     else {
-      const l = Ae(t);
-      e.style[l] = n;
+      const n = pe(t);
+      e.style[n] = l;
     }
-}, me = (e, t) => {
-  if (Fe(e)) {
-    const n = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
-    return Bt(n, t);
+}, ke = (e, t) => {
+  if (De(e)) {
+    const l = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
+    return St(l, t);
   }
   return e;
-}, Ot = Y ? (e, t, n, l = !1) => {
-  e.addEventListener(t, n, l);
-} : $e, Nt = Y ? (e, t, n, l = !1) => {
-  e.removeEventListener(t, n, l);
-} : $e, Tt = (e, t) => {
-  let n = !1;
-  const l = {
+}, Et = ae ? (e, t, l, n = !1) => {
+  e.addEventListener(t, l, n);
+} : He, Pt = ae ? (e, t, l, n = !1) => {
+  e.removeEventListener(t, l, n);
+} : He, $t = (e, t) => {
+  let l = !1;
+  const n = {
     overflow: "",
     width: ""
-  }, a = (o) => o.tagName === "BODY", s = () => {
+  }, a = (s) => s.tagName === "BODY", o = () => {
     if (e.value) {
-      const o = e.value;
-      if (!n && o.style.overflow !== "hidden") {
-        const m = St(o);
-        if (m > 0 || pt(o)) {
-          l.overflow = o.style.overflow, l.width = o.style.width;
-          let f = 0;
-          a(o) && (f = o.getBoundingClientRect().left || 0), P(o, {
-            width: `calc(100% - ${Math.ceil(m - f)}px)`,
+      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)`,
             overflow: "hidden"
-          }), n = !0;
+          }), l = !0;
         }
       }
     }
-  }, d = () => {
-    if (e.value && n) {
-      const o = e.value;
-      P(o, {
-        overflow: l.overflow,
-        width: l.width
-      }), n = !1;
+  }, u = () => {
+    if (e.value && l) {
+      const s = e.value;
+      R(s, {
+        overflow: n.overflow,
+        width: n.width
+      }), l = !1;
     }
   };
-  return de(
+  return q(
     () => t == null ? void 0 : t.value,
-    (o) => {
-      e.value && !a(e.value) && (o && P(o, {
+    (s) => {
+      e.value && !a(e.value) && (s && R(s, {
         position: "absolute"
-      }), xt(e.value, "position") === "static" && P(e.value, { position: "relative" }));
+      }), zt(e.value, "position") === "static" && R(e.value, { position: "relative" }));
     }
   ), {
-    setOverflowHidden: s,
-    resetOverflow: d
+    setOverflowHidden: o,
+    resetOverflow: u
   };
-}, Et = {
+}, Ft = {
   ENTER: "Enter",
   ESC: "Escape",
   BACKSPACE: "Backspace",
@@ -330,9 +330,9 @@ const Ae = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   ARROW_DOWN: "ArrowDown",
   ARROW_LEFT: "ArrowLeft",
   ARROW_RIGHT: "ArrowRight"
-}, Mt = {
+}, At = {
   renderTo: {
-    type: j([String, Object]),
+    type: B([String, Object]),
     default: "body"
   },
   disabled: {
@@ -416,122 +416,122 @@ const Ae = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
     type: Boolean,
     default: !1
   }
-}, Ft = ["width", "minWidth", "height", "minHeight"], ze = /* @__PURE__ */ E({
+}, jt = ["width", "minWidth", "height", "minHeight"], Ye = /* @__PURE__ */ P({
   name: S("Dialog"),
   inheritAttrs: !1,
-  props: Mt,
+  props: At,
   emits: ["closed", "close", "open", "opened", "update:modelValue"],
   setup(e, {
     emit: t,
-    slots: n
+    slots: l
   }) {
-    const l = p("dialog"), a = l.block, s = p("message-box");
-    s.block;
-    const d = C(() => [a, e.messageBox && "is-message-box", e.popupClass && e.popupClass]), o = C(() => me(e.renderTo)), m = T(), f = C(() => e.disabled || !o.value), y = C(() => ({
-      zIndex: g.value
-    })), c = C(() => {
-      const h = {};
-      return e.fullscreen || (!e.center && e.top && (h.top = be(e.top)), Ft.forEach((x) => {
-        e[x] && (h[x] = be(e[x]));
-      })), h;
-    }), i = T(!1), u = C(() => e.modelValue), v = C(() => u.value || i.value), {
-      zIndex: g,
-      isLastDialog: w
-    } = G("dialog", {
-      visible: u
+    const n = j("dialog"), a = n.block, o = j("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 x = {};
+      return e.fullscreen || (!e.center && e.top && (x.top = Se(e.top)), jt.forEach((V) => {
+        e[V] && (x[V] = Se(e[V]));
+      })), x;
+    }), f = E(!1), m = g(() => e.modelValue), C = g(() => m.value || f.value), {
+      zIndex: v,
+      isLastDialog: L
+    } = re("dialog", {
+      visible: m
     }), {
-      setOverflowHidden: ne,
-      resetOverflow: ye
-    } = Tt(o, m), he = (h, x) => {
-      t("update:modelValue", !1), t("close", e.messageBox ? h : void 0, e.messageBox ? x : void 0);
-    }, Le = () => {
-      i.value = !1, ye(), t("closed");
-    }, je = () => {
+      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);
+    }, M = () => {
+      f.value = !1, b(), t("closed");
+    }, F = () => {
       t("opened");
-    }, Z = xe({
+    }, T = le({
       ok: !1,
       cancel: !1
-    }), D = (h, x) => {
-      let X = !0;
-      if (Z[h] = !0, b(e.onBeforeCancel) && (X = e.onBeforeCancel(h) ?? !1), Me(X)) {
-        X.then((We) => {
-          Z[h] = !1, We && he(h, x);
+    }), z = (x, V) => {
+      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, V);
         });
         return;
       }
-      Z[h] = !1, X && he(h, x);
-    }, Pe = () => {
-      e.maskToClose && e.mask && D("cancel");
-    }, He = (h) => {
-      D("cancel", h);
-    }, _e = (h) => {
-      D("ok", h);
+      T[x] = !1, Q && w(x, V);
+    }, J = () => {
+      e.maskToClose && e.mask && z("cancel");
+    }, de = (x) => {
+      z("cancel", x);
+    }, Ze = (x) => {
+      z("ok", x);
     };
-    let le = !1;
-    const ve = (h) => {
-      e.escToClose && h.key === Et.ESC && w() && D("cancel");
-    }, Ve = () => {
-      e.escToClose && !le && (le = !0, Ot(document.documentElement, "keydown", ve));
-    }, Ce = () => {
-      le = !1, Nt(document.documentElement, "keydown", ve);
+    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);
     };
-    return Oe(() => {
-      ye(), Ce();
-    }), de(() => u.value, (h) => {
-      h ? (t("open"), ne(), i.value = !0, Ve()) : Ce();
+    return Ae(() => {
+      b(), Ne();
+    }), q(() => m.value, (x) => {
+      x ? (t("open"), y(), f.value = !0, Re()) : Ne();
     }, {
       immediate: !0
-    }), () => r(Ke, {
-      to: o.value,
-      disabled: f.value
+    }), () => r(Qe, {
+      to: s.value,
+      disabled: i.value
     }, {
-      default: () => [v.value && r("div", {
-        ref: m,
-        class: d.value,
-        style: y.value
-      }, [r(H, {
+      default: () => [C.value && r("div", {
+        ref: d,
+        class: u.value,
+        style: h.value
+      }, [r(U, {
         name: "x-fade-in-standard",
         appear: !0
       }, {
-        default: () => [e.mask && u.value && r("div", {
-          class: l.element("mask")
+        default: () => [e.mask && m.value && r("div", {
+          class: n.element("mask")
         }, null)]
       }), r("div", {
-        class: [l.element("wrapper"), {
+        class: [n.element("wrapper"), {
           "is-center": e.center
         }],
-        onClick: (h) => h.target === h.currentTarget && Pe()
-      }, [r(H, {
+        onClick: (x) => x.target === x.currentTarget && J()
+      }, [r(U, {
         name: "x-zoom-in",
         appear: !0,
-        onAfterEnter: je,
-        onAfterLeave: Le
+        onAfterEnter: F,
+        onAfterLeave: M
       }, {
-        default: () => [u.value && r("div", {
-          class: [l.element("container"), {
+        default: () => [m.value && r("div", {
+          class: [n.element("container"), {
             "is-fullscreen": e.fullscreen
           }],
           style: c.value
         }, [r("div", {
-          class: [e.messageBox ? s.element("header") : l.element("header"), e.showHeaderBottomLine && "is-bottom-line"]
-        }, [n.title ? n.title() : r("div", {
-          class: [l.element("header-title")]
+          class: [e.messageBox ? o.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 ? s.element("body") : l.element("body")]
-        }, [n.default && n.default()]), r("div", {
-          class: [e.messageBox ? s.element("footer") : l.element("footer")]
-        }, [n.footer && n.footer({
-          cancel: He,
-          ok: _e,
-          "loading-obj": Z
+          class: [e.messageBox ? o.element("body") : n.element("body")]
+        }, [l.default && l.default()]), r("div", {
+          class: [e.messageBox ? o.element("footer") : n.element("footer")]
+        }, [l.footer && l.footer({
+          cancel: de,
+          ok: Ze,
+          "loading-obj": T
         })]), e.showClose && r("span", {
-          class: [l.element("close-icon"), e.messageBox && s.element("close-icon")],
-          onClick: () => D("cancel")
+          class: [n.element("close-icon"), e.messageBox && o.element("close-icon")],
+          onClick: () => z("cancel")
         }, null)])]
       })])])]
     });
   }
-}), De = $(S("Dialog"), ze), q = z("CloseCircleFill", A(r("svg", {
+}), We = I(S("Dialog"), Ye), oe = D("CloseCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -546,7 +546,7 @@ const Ae = (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)]))), J = z("CheckCircleFill", A(r("svg", {
+}, null)]))), se = D("CheckCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -561,7 +561,7 @@ const Ae = (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)]))), Q = z("ExclamationCircleFill", A(r("svg", {
+}, null)]))), ie = D("ExclamationCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -576,7 +576,7 @@ const Ae = (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)]))), ee = z("InfoCircleFill", A(r("svg", {
+}, null)]))), ue = D("InfoCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -591,7 +591,7 @@ const Ae = (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)]))), te = z("MinusCircleFill", A(r("svg", {
+}, null)]))), ce = D("MinusCircleFill", k(r("svg", {
   viewBox: "0 0 48 48",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
@@ -606,7 +606,34 @@ const Ae = (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 20Zm-7-22a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H17Z",
   fill: "currentColor",
   stroke: "none"
-}, null)]))), At = /* @__PURE__ */ E({
+}, null)])));
+D("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", {
+  id: "path",
+  d: "M32 29.5L32 41L49.4 41C55.8 41 61 35.85 61 29.5C61 23.14 55.8 18 49.4 18C42.99 18 37.79 23.14 37.79 29.5L32 29.5Z",
+  fill: "#00C1FF",
+  "fill-opacity": "1.000000",
+  "fill-rule": "nonzero"
+}, null), r("path", {
+  id: "path",
+  d: "M10 20.5C10 27.14 13.15 33.04 18.05 36.79L18.05 41L30.5 41C41.82 41 51 31.82 51 20.5C51 9.17 41.82 0 30.5 0C19.17 0 10 9.17 10 20.5Z",
+  fill: "#1C99FF",
+  "fill-opacity": "1.000000",
+  "fill-rule": "nonzero"
+}, null), r("path", {
+  id: "path",
+  d: "M32 25C32 25.52 31.97 26.04 31.92 26.56C31.87 27.08 31.79 27.6 31.69 28.12C31.59 28.63 31.46 29.14 31.31 29.64C31.15 30.14 30.98 30.63 30.78 31.12C30.58 31.6 30.35 32.08 30.11 32.54C29.86 33 29.59 33.45 29.3 33.88C29.01 34.32 28.7 34.74 28.36 35.15C28.03 35.55 27.68 35.94 27.31 36.31C26.94 36.68 26.55 37.03 26.15 37.36C25.74 37.7 25.32 38.01 24.88 38.3C24.45 38.59 24 38.86 23.54 39.11C23.08 39.35 22.6 39.58 22.12 39.78C21.63 39.98 21.14 40.15 20.64 40.31C20.14 40.46 19.63 40.59 19.12 40.69C18.6 40.79 18.08 40.87 17.56 40.92C17.04 40.97 16.52 41 16 41C15.47 41 14.95 40.97 14.43 40.92C13.91 40.87 13.39 40.79 12.87 40.69C12.36 40.59 11.85 40.46 11.35 40.31C10.85 40.15 10.36 39.98 9.87 39.78C9.39 39.58 8.91 39.35 8.45 39.11C7.99 38.86 7.54 38.59 7.11 38.3C6.67 38.01 6.25 37.7 5.84 37.36C5.44 37.03 5.05 36.68 4.68 36.31C4.31 35.94 3.96 35.55 3.63 35.15C3.29 34.74 2.98 34.32 2.69 33.88C2.4 33.45 2.13 33 1.88 32.54C1.64 32.08 1.41 31.6 1.21 31.12C1.01 30.63 0.84 30.14 0.68 29.64C0.53 29.14 0.4 28.63 0.3 28.12C0.2 27.6 0.12 27.08 0.07 26.56C0.02 26.04 0 25.52 0 25C0 24.47 0.02 23.95 0.07 23.43C0.12 22.91 0.2 22.39 0.3 21.87C0.4 21.36 0.53 20.85 0.68 20.35C0.84 19.85 1.01 19.36 1.21 18.87C1.41 18.39 1.64 17.91 1.88 17.45C2.13 16.99 2.4 16.54 2.69 16.11C2.98 15.67 3.29 15.25 3.63 14.84C3.96 14.44 4.31 14.05 4.68 13.68C5.05 13.31 5.44 12.96 5.84 12.63C6.25 12.29 6.67 11.98 7.11 11.69C7.54 11.4 7.99 11.13 8.45 10.88C8.91 10.64 9.39 10.41 9.87 10.21C10.36 10.01 10.85 9.84 11.35 9.68C11.85 9.53 12.36 9.4 12.87 9.3C13.39 9.2 13.91 9.12 14.43 9.07C14.95 9.02 15.47 9 16 9C16.52 9 17.04 9.02 17.56 9.07C18.08 9.12 18.6 9.2 19.12 9.3C19.63 9.4 20.14 9.53 20.64 9.68C21.14 9.84 21.63 10.01 22.12 10.21C22.6 10.41 23.08 10.64 23.54 10.88C24 11.13 24.45 11.4 24.88 11.69C25.32 11.98 25.74 12.29 26.15 12.63C26.55 12.96 26.94 13.31 27.31 13.68C27.68 14.05 28.03 14.44 28.36 14.84C28.7 15.25 29.01 15.67 29.3 16.11C29.59 16.54 29.86 16.99 30.11 17.45C30.35 17.91 30.58 18.39 30.78 18.87C30.98 19.36 31.15 19.85 31.31 20.35C31.46 20.85 31.59 21.36 31.69 21.87C31.79 22.39 31.87 22.91 31.92 23.43C31.97 23.95 32 24.47 32 25Z",
+  fill: "#1666FF",
+  "fill-opacity": "1.000000",
+  "fill-rule": "nonzero"
+}, null)])));
+const Vt = /* @__PURE__ */ P({
   name: S("Message"),
   props: {
     id: {
@@ -658,66 +685,66 @@ const Ae = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   emits: ["destroy"],
   setup(e, {
     emit: t,
-    slots: n
+    slots: l
   }) {
-    const l = p("message"), a = T(!1), s = T(null), d = C(() => [l.block, l.modifier(e.type), e.center && l.modifier("center"), e.showClose && !e.center && l.element("show-close"), e.popupClass]), {
-      zIndex: o
-    } = G("message", {
+    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
+    } = re("message", {
       runOnMounted: !0
-    }), m = C(() => ({
+    }), d = g(() => ({
       top: `${e.offset}px`,
-      zIndex: o.value
-    })), f = () => {
-      if (n.icon) return n.icon();
+      zIndex: s.value
+    })), i = () => {
+      if (l.icon) return l.icon();
       switch (e.type) {
         case "success":
-          return r(J, null, null);
+          return r(se, null, null);
         case "warning":
-          return r(Q, null, null);
+          return r(ie, null, null);
         case "strong":
-          return r(te, null, null);
+          return r(ce, null, null);
         case "error":
-          return r(q, null, null);
+          return r(oe, null, null);
         case "info":
-          return r(ee, null, null);
+          return r(ue, null, null);
         default:
           return null;
       }
-    }, y = () => {
-      e.duration > 0 && (s.value = setTimeout(() => {
+    }, h = () => {
+      e.duration > 0 && (o.value = setTimeout(() => {
         a.value = !1;
       }, e.duration));
     }, c = () => {
-      s.value && (clearTimeout(s.value), s.value = null);
+      o.value && (clearTimeout(o.value), o.value = null);
     };
-    K(() => {
-      a.value = !0, y();
-    }), fe(() => {
+    W(() => {
+      a.value = !0, h();
+    }), ne(() => {
       c();
     });
-    const i = () => {
-      var u;
-      a.value = !1, c(), (u = e.onClose) == null || u.call(e);
+    const f = () => {
+      var m;
+      a.value = !1, c(), (m = e.onClose) == null || m.call(e);
     };
-    return () => r(H, {
+    return () => r(U, {
       name: "x-message-slide-top",
       onBeforeLeave: e.onClose,
       onAfterLeave: () => t("destroy")
     }, {
       default: () => [a.value && r("div", {
-        class: d.value,
-        style: m.value
+        class: u.value,
+        style: d.value
       }, [r("span", {
-        class: [l.element("icon"), l.modifier(`icon-${e.type}`)]
-      }, [f()]), r("div", null, [n.default ? n.default() : e.useHTML ? r("span", {
+        class: [n.element("icon"), n.modifier(`icon-${e.type}`)]
+      }, [i()]), 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: l.element("close-icon"),
-        onClick: i
+        class: n.element("close-icon"),
+        onClick: f
       }, null)])])]
     });
   }
-}), $t = $(S("Message"), At), zt = /* @__PURE__ */ E({
+}), Xt = I(S("Message"), Vt), It = /* @__PURE__ */ P({
   name: "Space",
   props: {
     direction: {
@@ -740,11 +767,11 @@ const Ae = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
   setup(e, {
     slots: t
   }) {
-    const n = p("space"), l = C(() => [n.block, n.element(e.direction), e.fill && "is-fill", n.element(`${e.direction}-${e.align}`)]);
-    function a(d) {
-      if (at(d))
-        return d;
-      switch (d) {
+    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) {
         case "mini":
           return 4;
         case "small":
@@ -757,127 +784,127 @@ const Ae = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t,
           return 8;
       }
     }
-    const s = (d) => {
-      const o = {};
-      if (d) return o;
-      const m = `${a(e.size)}px`, f = `${a(e.size)}px`;
-      return e.direction === "horizontal" && (o.marginRight = m), e.direction === "vertical" && (o.marginBottom = f), o;
+    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;
     };
     return () => {
-      var o;
-      const d = R((o = t.default) == null ? void 0 : o.call(t), !0).filter((m) => m.type !== Ye);
+      var s;
+      const u = te((s = t.default) == null ? void 0 : s.call(t), !0).filter((d) => d.type !== et);
       return r("div", {
-        class: [l.value]
-      }, [d.map((m, f) => {
+        class: [n.value]
+      }, [u.map((d, i) => {
         var c;
-        const y = t.split && f > 0;
-        return r(_, {
-          key: `space-item-${f}`
-        }, [y && r("div", {
-          className: n.element("split"),
-          style: s(!1)
+        const h = t.split && i > 0;
+        return r(Y, {
+          key: `space-item-${i}`
+        }, [h && r("div", {
+          className: l.element("split"),
+          style: o(!1)
         }, [(c = t.split) == null ? void 0 : c.call(t)]), r("div", {
-          className: n.element("item"),
-          style: s(f === d.length - 1)
-        }, [m])]);
+          className: l.element("item"),
+          style: o(i === u.length - 1)
+        }, [d])]);
       })]);
     };
   }
-}), ge = $(S("Space"), zt), Dt = ["info", "success", "warning", "strong", "error"];
-function we(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !k(e);
+}), we = I(S("Space"), It), Dt = ["info", "success", "warning", "strong", "error"];
+function Te(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !N(e);
 }
-const se = p("message-box"), ue = (e) => {
-  const t = document.createElement("div"), n = () => {
-    N(null, t);
-  }, l = (i) => {
-    if (i === "cancel")
+const ve = j("message-box"), xe = (e) => {
+  const t = document.createElement("div"), l = () => {
+    X(null, t);
+  }, n = (f) => {
+    if (f === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
-    if (i === "ok")
+    if (f === "ok")
       return e.beforeOnOk ? e.beforeOnOk() : !0;
-  }, a = (i, u) => {
-    i === "cancel" && e.onCancel && e.onCancel(u), i === "ok" && e.onOk && e.onOk(u);
-  }, s = (i) => {
-    let u;
-    switch (i) {
+  }, a = (f, m) => {
+    f === "cancel" && e.onCancel && e.onCancel(m), f === "ok" && e.onOk && e.onOk(m);
+  }, o = (f) => {
+    let m;
+    switch (f) {
       case "warning":
-        u = r(Q, {
+        m = r(ie, {
           size: "22px",
           color: "#f6c64b"
         }, null);
         break;
       case "strong":
-        u = r(te, {
+        m = r(ce, {
           size: "22px",
           color: "#ff7125"
         }, null);
         break;
       case "error":
-        u = r(q, {
+        m = r(oe, {
           size: "22px",
           color: "#e24f48"
         }, null);
         break;
       case "success":
-        u = r(J, {
+        m = r(se, {
           size: "22px",
           color: "#68d1ab"
         }, null);
         break;
       case "info":
-        u = r(ee, {
+        m = r(ue, {
           size: "22px",
           color: "#2355f5"
         }, null);
         break;
     }
     return r("div", {
-      class: se.element("icon")
-    }, [u]);
-  }, d = (i) => {
-    if (k(i)) return i;
-    if (b(i)) {
-      const u = i();
-      return k(u) ? u : null;
+      class: ve.element("icon")
+    }, [m]);
+  }, u = (f) => {
+    if (N(f)) return f;
+    if (O(f)) {
+      const m = f();
+      return N(m) ? m : null;
     }
     return r("div", {
-      class: se.element("title")
-    }, [O(" "), i, O(" ")]);
-  }, o = (i) => {
-    if (k(i)) return i;
-    if (b(i)) {
-      const u = i();
-      return k(u) ? u : null;
+      class: ve.element("title")
+    }, [A(" "), f, A(" ")]);
+  }, s = (f) => {
+    if (N(f)) return f;
+    if (O(f)) {
+      const m = f();
+      return N(m) ? m : null;
     }
     return r("div", {
-      class: se.element("content")
-    }, [O(" "), e.content, O(" ")]);
-  }, m = () => () => r(_, null, [s(e.type || "success"), e.title && d(e.title)]), f = () => () => r(_, null, [e.content && o(e.content)]), y = () => {
-    if (k(e.footer) || b(e.footer))
+      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))
       return e.footer;
-    const i = (e == null ? void 0 : e.cancelText) || "取消", u = (e == null ? void 0 : e.okText) || "确认";
-    return (v) => r(ge, {
+    const f = (e == null ? void 0 : e.cancelText) || "取消", m = (e == null ? void 0 : e.okText) || "确认";
+    return (C) => r(we, {
       size: 12
     }, {
       default: () => {
-        var g, w;
-        return [!e.hideCancel && r(V, {
+        var v, L;
+        return [!e.hideCancel && r(G, {
           size: "small",
-          onClick: v.cancel,
-          loading: (g = v.loadingObj) == null ? void 0 : g.cancel
-        }, we(i) ? i : {
-          default: () => [i]
-        }), !e.hideOk && r(V, {
+          onClick: C.cancel,
+          loading: (v = C.loadingObj) == null ? void 0 : v.cancel
+        }, Te(f) ? f : {
+          default: () => [f]
+        }), !e.hideOk && r(G, {
           type: "primary",
           size: "small",
-          onClick: v.ok,
-          loading: (w = v.loadingObj) == null ? void 0 : w.ok
-        }, we(u) ? u : {
-          default: () => [u]
+          onClick: C.ok,
+          loading: (L = C.loadingObj) == null ? void 0 : L.ok
+        }, Te(m) ? m : {
+          default: () => [m]
         })];
       }
     });
-  }, c = r(De, {
+  }, c = r(We, {
     messageBox: !0,
     width: (e == null ? void 0 : e.width) ?? 358,
     height: (e == null ? void 0 : e.height) ?? "auto",
@@ -889,52 +916,52 @@ const se = p("message-box"), ue = (e) => {
     maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
     popupClass: e.popupClass,
     onClose: a,
-    onBeforeCancel: l,
+    onBeforeCancel: n,
     "onUpdate:modelValue": () => {
       c.component.props.modelValue = !1;
     },
     // 等待动画完全结束后销毁vm
-    onClosed: n,
+    onClosed: l,
     onOpened: () => {
     }
   }, {
-    title: m(),
-    default: f(),
-    footer: y()
+    title: d(),
+    default: i(),
+    footer: h()
   });
-  N(c, t);
-}, It = () => {
+  X(c, t);
+}, pt = () => {
   Dt.forEach((e) => {
-    ue[e] = (t, n) => {
-      const l = [], a = [];
-      let s = () => !0, d = () => !0;
+    xe[e] = (t, l) => {
+      const n = [], a = [];
+      let o = () => !0, u = () => !0;
       return setTimeout(() => {
-        ue({
+        xe({
           title: t,
-          content: n,
+          content: l,
           type: e,
-          beforeOnCancel: d,
-          beforeOnOk: s,
+          beforeOnCancel: u,
+          beforeOnOk: o,
           onOk: () => {
-            l.forEach((o) => b(o) && o());
+            n.forEach((s) => O(s) && s());
           },
           onCancel: () => {
-            a.forEach((o) => b(o) && o());
+            a.forEach((s) => O(s) && s());
           }
         });
       }, 0), {
-        ok(...o) {
-          return o.length === 1 && l.push(o[0]), o.length === 2 && (s = o[0], l.push(o[1])), this;
+        ok(...s) {
+          return s.length === 1 && n.push(s[0]), s.length === 2 && (o = s[0], n.push(s[1])), this;
         },
-        cancel(...o) {
-          return o.length === 1 && a.push(o[0]), o.length === 2 && (d = o[0], a.push(o[1])), this;
+        cancel(...s) {
+          return s.length === 1 && a.push(s[0]), s.length === 2 && (u = s[0], a.push(s[1])), this;
         }
       };
     };
   });
 };
-It();
-const Lt = $(S("MessageBox"), ue), jt = {
+pt();
+const Ht = I(S("MessageBox"), xe), Yt = {
   position: {
     type: String,
     default: "top-right"
@@ -972,131 +999,646 @@ const Lt = $(S("MessageBox"), ue), jt = {
     type: Boolean,
     default: !1
   }
-}, Ie = /* @__PURE__ */ E({
+}, _e = /* @__PURE__ */ P({
   name: S("Notification"),
-  props: jt,
+  props: Yt,
   emits: ["close", "destroy"],
   setup(e, {
     emit: t,
-    slots: n
+    slots: l
   }) {
-    const l = p("notification"), a = l.block, s = C(() => [a, l.modifier(o.value.ver)]), {
-      zIndex: d
-    } = G("message", {
+    const n = j("notification"), a = n.block, o = g(() => [a, n.modifier(s.value.ver)]), {
+      zIndex: u
+    } = re("message", {
       runOnMounted: !0
-    }), o = C(() => {
-      const g = e.position.split("-");
+    }), s = g(() => {
+      const v = e.position.split("-");
       return {
-        hor: g[1],
-        ver: g[0]
+        hor: v[1],
+        ver: v[0]
       };
-    }), m = C(() => `x-notification-slide-${o.value.hor}`), f = C(() => {
-      const g = {};
-      return g.position = e.renderToBody ? "fixed" : "absolute", g.zIndex = d.value, g[o.value.hor] = "20px", g[o.value.ver] = `${e.offset}px`, g;
-    }), y = T(!1);
+    }), 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;
-    const i = () => {
+    const f = () => {
       c = setTimeout(() => {
-        y.value = !1;
+        h.value = !1;
       }, e.duration);
-    }, u = C(() => e.type === "info" ? ee : e.type === "warning" ? Q : e.type === "strong" ? te : e.type === "success" ? J : e.type === "error" ? q : ""), v = () => {
-      y.value = !1;
+    }, m = g(() => e.type === "info" ? ue : e.type === "warning" ? ie : e.type === "strong" ? ce : e.type === "success" ? se : e.type === "error" ? oe : ""), C = () => {
+      h.value = !1;
     };
-    return K(() => {
-      e.duration !== 0 && i(), y.value = !0;
-    }), fe(() => {
+    return W(() => {
+      e.duration !== 0 && f(), h.value = !0;
+    }), ne(() => {
       clearTimeout(c);
-    }), () => r(H, {
-      name: m.value,
+    }), () => r(U, {
+      name: d.value,
       onBeforeLeave: () => t("close"),
       onAfterLeave: () => t("destroy")
     }, {
       default: () => {
-        var g;
-        return [y.value && r("div", {
-          class: s.value,
-          style: f.value
+        var v;
+        return [h.value && r("div", {
+          class: o.value,
+          style: i.value
         }, [r("div", {
-          class: [l.element("header")]
+          class: [n.element("header")]
         }, [r("div", {
-          class: [l.element("icon"), l.modifier(`icon-${e.type}`)]
-        }, [u.value && r(u.value, null, null)]), r("div", null, [r("div", {
-          class: [l.element("title")]
+          class: [n.element("icon"), n.modifier(`icon-${e.type}`)]
+        }, [m.value && r(m.value, null, null)]), r("div", null, [r("div", {
+          class: [n.element("title")]
         }, [e.title]), r("div", {
-          class: [l.element("message")]
-        }, [((g = n.default) == null ? void 0 : g.call(n)) || e.message])])]), e.showClose && r("span", {
-          class: [l.element("close-icon")],
-          onClick: v
+          class: [n.element("message")]
+        }, [((v = l.default) == null ? void 0 : v.call(l)) || e.message])])]), e.showClose && r("span", {
+          class: [n.element("close-icon")],
+          onClick: C
         }, null)])];
       }
     });
   }
-}), Pt = $(S("Notification"), Ie), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Wt = I(S("Notification"), _e), _t = (e) => {
+  const t = e.split(" ").filter((n) => n !== "").map((n) => parseInt(n));
+  let l = {};
+  switch (t.length) {
+    case 4:
+      l = { top: t[0], right: t[1], bottom: t[2], left: t[3] };
+      break;
+    case 3:
+      l = { top: t[0], right: t[1], bottom: t[2], left: t[1] };
+      break;
+    case 2:
+      l = { top: t[0], right: t[1], bottom: t[0], left: t[1] };
+      break;
+    default:
+      l = { top: t[0], right: t[0], bottom: t[0], left: t[0] };
+  }
+  return l;
+}, Zt = (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 = {
+  // 数据集
+  datasets: {
+    required: !0,
+    type: B(Array)
+  },
+  // 网格属性
+  grid: {
+    default: null,
+    type: B(Object)
+  },
+  // 标签属性
+  labels: {
+    default: null,
+    type: B(Object)
+  },
+  // 最大值，默认数据集最大值
+  max: {
+    type: Number
+  },
+  // 最小值，默认数据集最小值
+  min: {
+    type: Number
+  },
+  // 绘制边距
+  padding: {
+    default: "5",
+    type: String,
+    validator(e) {
+      return Zt(e);
+    }
+  },
+  // 开启交互，开启后启用onmousemove事件
+  interactive: {
+    default: !1,
+    type: Boolean
+  },
+  // 主题
+  theme: {
+    type: B(Object),
+    default: () => ({
+      activeLineColor: "#CCC"
+    })
+  }
+}, qt = {
+  boundary: {
+    required: !0,
+    type: B(Object),
+    default: () => {
+    }
+  },
+  minValue: {
+    required: !0,
+    type: Number
+  },
+  maxValue: {
+    required: !0,
+    type: Number
+  },
+  maxAmount: {
+    required: !0,
+    type: Number
+  },
+  activeLineParams: {
+    type: Object
+  },
+  data: {
+    required: !0,
+    type: B(Array),
+    default: () => []
+  },
+  className: {
+    type: String
+  },
+  smooth: {
+    default: !1,
+    type: Boolean
+  },
+  stroke: {
+    default: !0,
+    type: Boolean
+  },
+  fill: {
+    default: !1,
+    type: Boolean
+  },
+  showPoints: {
+    default: !1,
+    type: Boolean
+  },
+  theme: {
+    type: B(Object)
+  },
+  mainTheme: {
+    type: B(Object)
+  }
+}, Ut = {
+  boundary: {
+    required: !0,
+    type: B(Object),
+    default: () => {
+    }
+  },
+  verticalLines: {
+    default: !1,
+    type: Boolean
+  },
+  verticalLinesNumber: {
+    default: 0,
+    type: Number
+  },
+  horizontalLines: {
+    default: !1,
+    type: Boolean
+  },
+  horizontalLinesNumber: {
+    default: 0,
+    type: Number
+  }
+}, Gt = {
+  boundary: {
+    required: !0,
+    type: B(Object),
+    default: () => {
+    }
+  },
+  minValue: {
+    type: Number,
+    required: !0
+  },
+  maxValue: {
+    type: Number,
+    required: !0
+  },
+  xLabels: {
+    type: Array
+  },
+  yLabels: {
+    type: Number,
+    required: !0
+  },
+  yLabelsTextFormatter: {
+    default: (e) => e,
+    type: Function
+  }
+}, Me = P({
+  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;
+      return {
+        x1: s,
+        x2: s,
+        y1: d,
+        y2: i,
+        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;
+      return {
+        x1: d,
+        x2: i,
+        y1: s,
+        y2: s,
+        stroke: "rgba(0,0,0,0.1)"
+      };
+    }, n = g(() => {
+      if (e.verticalLines && e.verticalLinesNumber > 0) {
+        const o = [];
+        for (let u = 1; u <= e.verticalLinesNumber; u++)
+          o.push(
+            k("line", {
+              class: "line",
+              ...t(u)
+            })
+          );
+        return k("g", { class: "vertical" }, o);
+      }
+      return null;
+    }), a = g(() => {
+      if (e.horizontalLines && e.horizontalLinesNumber > 0) {
+        const o = [];
+        for (let u = 1; u <= e.horizontalLinesNumber; u++)
+          o.push(
+            k("line", {
+              class: "line",
+              ...l(u)
+            })
+          );
+        return k("g", { class: "horizontal" }, o);
+      }
+      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);
+    };
+  }
+}), ze = P({
+  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})` };
+    }, 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})` };
+    };
+    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);
+    });
+    const u = g(() => e.xLabels && e.xLabels.length ? k(
+      "g",
+      { class: "x-labels", ref: l },
+      e.xLabels.map(
+        (d, i) => k("g", { class: "label", ...a(i) }, [
+          k(
+            "text",
+            {
+              dy: t.xLabelHeight + 5,
+              "text-anchor": "middle"
+            },
+            d
+          ),
+          k("line", { stroke: "rgba(0,0,0,0.1)", y2: 5 })
+        ])
+      )
+    ) : null), s = g(() => {
+      if (e.yLabels && e.yLabels > 0) {
+        const d = [];
+        for (let i = 0; i < e.yLabels; i++)
+          d.push(
+            k("g", { class: "label", ...o(i) }, [
+              k(
+                "text",
+                {
+                  dx: -10,
+                  dy: t.yLabelHeight / 4,
+                  "text-anchor": "end"
+                },
+                e.yLabelsTextFormatter(
+                  e.minValue + (e.maxValue - e.minValue) / (e.yLabels - 1) * i
+                )
+              ),
+              k("line", { stroke: "rgba(0,0,0,0.1)", x1: 0, x2: -5 })
+            ])
+          );
+        return k("g", { class: "y-labels", ref: n }, d);
+      }
+      return null;
+    });
+    return () => {
+      const d = [];
+      return u.value && d.push(u.value), s.value && d.push(s.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
+  }));
+}, 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}`;
+    else {
+      const c = e[h - 1] || n;
+      s += ` C ${u + c.x},${c.y} ${u + c.x},${i.y} ${i.x},${i.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({
+  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 a = [];
+      console.log("世间自有公道----", e.mainTheme), e.fill && ((u = l.value) != null && u.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
+        }
+      }, null)), e.stroke && ((c = l.value) != null && c.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
+        }
+      }, null)));
+      const o = (b) => b ? {
+        stroke: "#2f00a6",
+        strokeWidth: 2,
+        r: 2
+      } : {};
+      if (e.showPoints && t.value) {
+        const b = t.value.map((w, M) => {
+          var F, T;
+          return r("circle", {
+            class: {
+              point: !0,
+              "x-trend-chart-point-active": ((F = e.activeLineParams) == null ? void 0 : F.index) === M
+            },
+            cx: w.x,
+            cy: w.y,
+            style: o(((T = e.activeLineParams) == null ? void 0 : T.index) === M)
+          }, null);
+        });
+        a.push(r("g", {
+          class: "x-trend-chart-points"
+        }, [b]));
+      }
+      return a;
+    });
+    return () => r("g", {
+      class: e.className
+    }, [n.value]);
+  }
+}), Qt = /* @__PURE__ */ P({
+  name: S("TrendChart"),
+  components: {
+    TrendChartGrid: Me,
+    TrendChartLabels: ze,
+    TrendChartCurve: Ee
+  },
+  props: Rt,
+  emits: {
+    "mouse-move": (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const l = le({
+      width: null,
+      height: null,
+      labelsOverflowObject: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      },
+      activeLine: null,
+      activeLineParams: null
+    }), n = g(() => _t(e.padding || "0")), a = g(() => ({
+      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(() => {
+      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);
+        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(() => ({
+      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(() => {
+      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 = () => {
+      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();
+        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))
+        };
+      } else
+        l.labelsOverflowObject = {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          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) => {
+      if (d.value) {
+        const b = d.value.getBoundingClientRect();
+        l.activeLine = m(y.clientX - b.left);
+      }
+    }, v = () => {
+      l.activeLine = null, l.activeLineParams = null;
+    }, L = () => {
+      h();
+    };
+    return W(() => {
+      f(), window.addEventListener("resize", L);
+    }), ne(() => {
+      window.removeEventListener("resize", L);
+    }), q(() => l.activeLine, (y) => {
+      var b;
+      if (y !== null) {
+        const w = s.value.indexOf(y);
+        l.activeLineParams = {
+          index: w
+        }, t("mouse-move", {
+          ...l.activeLineParams,
+          data: ((b = e.datasets) == null ? void 0 : b.map((M) => M.data[w])) || []
+        });
+      } else
+        t("mouse-move", null);
+    }), q(() => e.labels, () => {
+      l.labelsOverflowObject = {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      }, Be(c);
+    }, {
+      deep: !0
+    }), () => {
+      var y, b, w, M, F, T, z, J;
+      return r("svg", {
+        class: "x-trend-chart",
+        ref: d,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "100%",
+        height: "100%"
+      }, [e.grid && r(Me, {
+        class: "grid",
+        verticalLines: e.grid.verticalLines,
+        verticalLinesNumber: e.grid.verticalLinesNumber || o.value.maxAmount,
+        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,
+        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, {
+        boundary: a.value,
+        minValue: o.value.minValue,
+        maxValue: o.value.maxValue,
+        maxAmount: o.value.maxAmount,
+        activeLineParams: l.activeLineParams,
+        mainTheme: e.theme
+      }), 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,
+        y1: a.value.minY,
+        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 = (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
+        }
+      }, null), r("rect", me(u.value, {
+        onMousemove: C,
+        onMouseout: v
+      }), null)])]);
+    };
+  }
+}), el = I(S("TrendChart"), Qt), Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  XButton: V,
-  XDialog: De,
-  XMessage: $t,
-  XMessageBox: Lt,
-  XNotification: Pt,
-  XSpace: ge
+  XButton: G,
+  XDialog: We,
+  XMessage: Xt,
+  XMessageBox: Ht,
+  XNotification: Wt,
+  XSpace: we,
+  XTrendChart: el
 }, Symbol.toStringTag, { value: "Module" }));
-function Se(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !k(e);
+function $e(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !N(e);
 }
-const pe = p("dialog"), Gt = (e) => {
-  const t = document.createElement("div"), n = () => {
-    N(null, t);
-  }, l = (c) => {
+const Fe = j("dialog"), dl = (e) => {
+  const t = document.createElement("div"), l = () => {
+    X(null, t);
+  }, n = (c) => {
     if (c === "cancel")
       return e.beforeOnCancel ? e.beforeOnCancel() : !0;
     if (c === "ok")
       return e.beforeOnOk ? e.beforeOnOk() : !0;
-  }, a = (c, i) => {
-    c === "cancel" && e.onCancel && e.onCancel(i), c === "ok" && e.onOk && e.onOk(i);
-  }, s = (c) => {
-    if (k(c)) return c;
-    if (b(c)) {
-      const i = c();
-      return k(i) ? i : null;
+  }, 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;
     }
     return r("div", {
-      class: pe.element("header-title")
-    }, [O(" "), c, O(" ")]);
-  }, d = (c) => {
-    if (k(c)) return c;
-    if (b(c)) {
-      const i = c();
-      return k(i) ? i : null;
+      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;
     }
     return r("div", {
-      class: pe.element("content")
-    }, [O(" "), e.content, O(" ")]);
-  }, o = () => () => r(_, null, [e.title && s(e.title)]), m = () => () => r(_, null, [e.content && d(e.content)]), f = () => {
-    if (k(e.footer) || b(e.footer))
+      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))
       return e.footer;
-    const c = (e == null ? void 0 : e.cancelText) || "取消", i = (e == null ? void 0 : e.okText) || "确认";
-    return (u) => r(ge, {
+    const c = (e == null ? void 0 : e.cancelText) || "取消", f = (e == null ? void 0 : e.okText) || "确认";
+    return (m) => r(we, {
       size: 12
     }, {
       default: () => {
-        var v, g;
-        return [!e.hideCancel && r(V, {
+        var C, v;
+        return [!e.hideCancel && r(G, {
           size: "small",
-          onClick: u.cancel,
-          loading: (v = u.loadingObj) == null ? void 0 : v.cancel
-        }, Se(c) ? c : {
+          onClick: m.cancel,
+          loading: (C = m.loadingObj) == null ? void 0 : C.cancel
+        }, $e(c) ? c : {
           default: () => [c]
-        }), !e.hideOk && r(V, {
+        }), !e.hideOk && r(G, {
           type: "primary",
           size: "small",
-          onClick: u.ok,
-          loading: (g = u.loadingObj) == null ? void 0 : g.ok
-        }, Se(i) ? i : {
-          default: () => [i]
+          onClick: m.ok,
+          loading: (v = m.loadingObj) == null ? void 0 : v.ok
+        }, $e(f) ? f : {
+          default: () => [f]
         })];
       }
     });
-  }, y = r(ze, {
+  }, h = r(Ye, {
     width: (e == null ? void 0 : e.width) ?? 368,
     height: (e == null ? void 0 : e.height) ?? "auto",
     modelValue: !0,
@@ -1107,28 +1649,28 @@ const pe = p("dialog"), Gt = (e) => {
     maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
     popupClass: e.popupClass,
     onClose: a,
-    onBeforeCancel: l,
+    onBeforeCancel: n,
     "onUpdate:modelValue": () => {
-      y.component.props.modelValue = !1;
+      h.component.props.modelValue = !1;
     },
     // 等待动画完全结束后销毁vm
-    onClosed: n,
+    onClosed: l,
     onOpened: () => {
     }
   }, {
-    title: o(),
-    default: m(),
-    footer: f()
+    title: s(),
+    default: d(),
+    footer: i()
   });
-  N(y, t);
-}, Ht = ["success", "warning", "error", "strong", "info"], _t = E({
+  X(h, t);
+}, tl = ["success", "warning", "error", "strong", "info"], ll = P({
   name: S("Message"),
   components: {
-    CloseCircleFill: q,
-    CheckCircleFill: J,
-    ExclamationCircleFill: Q,
-    InfoCircleFill: ee,
-    MinusCircleFill: te
+    CloseCircleFill: oe,
+    CheckCircleFill: se,
+    ExclamationCircleFill: ie,
+    InfoCircleFill: ue,
+    MinusCircleFill: ce
   },
   props: {
     id: {
@@ -1176,193 +1718,194 @@ const pe = p("dialog"), Gt = (e) => {
   },
   emits: ["destroy"],
   setup(e) {
-    const t = p("message"), n = C(() => [
+    const t = j("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
-    ]), l = T(!1);
+    ]), n = E(!1);
     let a = null;
-    const s = () => {
+    const o = () => {
       a = setTimeout(() => {
-        l.value = !1;
+        n.value = !1;
       }, e.duration);
     };
-    K(() => {
-      l.value = !0, e.duration !== 0 && s();
-    }), fe(() => {
+    W(() => {
+      n.value = !0, e.duration !== 0 && o();
+    }), ne(() => {
       clearTimeout(a);
     });
-    const { zIndex: d } = G("message", { runOnMounted: !0 }), o = C(() => ({
+    const { zIndex: u } = re("message", { runOnMounted: !0 }), s = g(() => ({
       top: `${e.offset}px`,
-      zIndex: d.value
+      zIndex: u.value
     }));
     return {
       cn: t,
-      cls: n,
-      styles: o,
-      visible: l,
+      cls: l,
+      styles: s,
+      visible: n,
       handleClose: () => {
-        l.value = !1;
+        n.value = !1;
       }
     };
   }
-}), Vt = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [l, a] of t)
-    n[l] = a;
-  return n;
-}, Wt = ["innerHTML"], Zt = { key: 1 };
-function Xt(e, t, n, l, a, s) {
-  const d = I("CheckCircleFill"), o = I("ExclamationCircleFill"), m = I("MinusCircleFill"), f = I("CloseCircleFill"), y = I("InfoCircleFill");
-  return B(), F(H, {
+}), nl = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [n, a] of t)
+    l[n] = a;
+  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, {
     name: "x-message-slide-top",
     onBeforeLeave: e.onClose,
     onAfterLeave: t[1] || (t[1] = (c) => e.$emit("destroy"))
   }, {
-    default: Ge(() => [
-      qe(Je("div", {
-        class: re(e.cls),
-        style: Qe(e.styles)
+    default: tt(() => [
+      lt(nt("div", {
+        class: he(e.cls),
+        style: at(e.styles)
       }, [
-        e.$slots.icon ? oe("", !0) : (B(), U("span", {
+        e.$slots.icon ? ye("", !0) : ($(), ee("span", {
           key: 0,
-          class: re([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+          class: he([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
         }, [
-          ke(e.$slots, "icon", {}, () => [
-            e.type === "success" ? (B(), F(d, { key: 0 })) : e.type === "warning" ? (B(), F(o, { key: 1 })) : e.type === "strong" ? (B(), F(m, { key: 2 })) : e.type === "error" ? (B(), F(f, { key: 3 })) : e.type === "info" ? (B(), F(y, { key: 4 })) : oe("", !0)
+          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)
           ])
         ], 2)),
-        ke(e.$slots, "default", {}, () => [
-          e.useHTML ? (B(), U("span", {
+        Oe(e.$slots, "default", {}, () => [
+          e.useHTML ? ($(), ee("span", {
             key: 0,
             innerHTML: e.message
-          }, null, 8, Wt)) : (B(), U("span", Zt, et(e.message), 1)),
-          e.showClose ? (B(), U("span", {
+          }, null, 8, al)) : ($(), ee("span", rl, rt(e.message), 1)),
+          e.showClose ? ($(), ee("span", {
             key: 2,
-            class: re([e.cn.element("close-icon")]),
+            class: he([e.cn.element("close-icon")]),
             onClick: t[0] || (t[0] = (...c) => e.handleClose && e.handleClose(...c))
-          }, null, 2)) : oe("", !0)
+          }, null, 2)) : ye("", !0)
         ])
       ], 6), [
-        [tt, e.visible]
+        [ot, e.visible]
       ])
     ]),
     _: 3
   }, 8, ["onBeforeLeave"]);
 }
-const Ut = /* @__PURE__ */ Vt(_t, [["render", Xt]]), ce = /* @__PURE__ */ new WeakMap(), ie = (e) => {
-  (typeof e == "string" || k(e)) && (e = {
+const sl = /* @__PURE__ */ nl(ll, [["render", ol]]), be = /* @__PURE__ */ new WeakMap(), Ce = (e) => {
+  (typeof e == "string" || N(e)) && (e = {
     message: e
   });
-  const t = me(e.renderTo || "body"), n = document.createElement("div");
-  ce.has(t) || ce.set(t, []);
-  const l = ce.get(t);
+  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;
-  l.forEach((c) => {
-    var i;
-    a += ((i = c.el) == null ? void 0 : i.offsetHeight) + 20;
+  n.forEach((c) => {
+    var f;
+    a += ((f = c.el) == null ? void 0 : f.offsetHeight) + 20;
   });
-  const s = e.onClose;
-  let d = {};
-  d = { ...e, onClose: () => {
-    var u;
-    const c = l.findIndex((v) => v === f);
+  const o = e.onClose;
+  let u = {};
+  u = { ...e, onClose: () => {
+    var m;
+    const c = n.findIndex((C) => C === i);
     if (c < 0) return;
-    const i = ((u = f.el) == null ? void 0 : u.offsetHeight) + 20;
-    l.slice(c + 1).forEach((v) => {
-      var w;
-      const g = (w = v.component) == null ? void 0 : w.props.offset;
-      v.component.props.offset = g - i;
-    }), l.splice(c, 1), s && s(f);
+    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);
   }, onDestroy: () => {
-    N(null, n);
+    X(null, l);
   }, offset: a };
-  const f = r(
-    Ut,
-    d,
-    b(d.message) || k(d.message) ? {
-      default: b(d.message) ? d.message : () => d.message
+  const i = r(
+    sl,
+    u,
+    O(u.message) || N(u.message) ? {
+      default: O(u.message) ? u.message : () => u.message
     } : null
   );
-  return N(f, n), t.tagName === "BODY" ? f.el.style.position = "fixed" : (t.style.position = "relative", f.el.style.position = "absolute"), t.appendChild(n.firstElementChild), l.push(f), {
+  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), {
     close: () => {
-      f.component.proxy.handleClose();
+      i.component.proxy.handleClose();
     }
   };
-}, Rt = () => {
-  Ht.forEach((e) => {
-    ie[e] = (t) => Ee(t) ? ie({
+}, il = () => {
+  tl.forEach((e) => {
+    Ce[e] = (t) => Xe(t) ? Ce({
       type: e,
       ...t
-    }) : ie({
+    }) : Ce({
       message: t,
       type: e
     });
   });
 };
-Rt();
-const L = /* @__PURE__ */ new WeakMap(), qt = (e) => {
-  const t = me(e.renderTo || "body"), n = document.createElement("div");
-  L.get(t) || L.set(t, {}), L.get(t)[e.position] || (L.get(t)[e.position] = []);
-  const l = L.get(t)[e.position];
+il();
+const Z = /* @__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];
   let a = e.offset || 20;
-  l.forEach((y) => {
+  n.forEach((h) => {
     var c;
-    a += ((c = y.el) == null ? void 0 : c.offsetHeight) + 20;
+    a += ((c = h.el) == null ? void 0 : c.offsetHeight) + 20;
   });
-  const s = t.tagName === "BODY";
-  s || (t.style.position = "relative", t.style.overflowX = "hidden");
-  const d = e.onClose, o = () => {
-    var i;
-    const y = l.findIndex((u) => u === f);
-    if (y < 0) return;
-    const c = ((i = f.el) == null ? void 0 : i.offsetHeight) + 20;
-    l.slice(y + 1).forEach((u) => {
-      var g;
-      const v = (g = u.component) == null ? void 0 : g.props.offset;
-      u.component.props.offset = v - c;
-    }), l.splice(y, 1), d && d(f);
-  }, m = () => {
-    N(null, n);
-  }, f = r(
-    Ie,
+  const o = t.tagName === "BODY";
+  o || (t.style.position = "relative", t.style.overflowX = "hidden");
+  const u = e.onClose, s = () => {
+    var f;
+    const h = n.findIndex((m) => m === i);
+    if (h < 0) return;
+    const c = ((f = i.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);
+  }, d = () => {
+    X(null, l);
+  }, i = r(
+    _e,
     {
       message: e.message,
       title: e.title,
       type: e.type,
       offset: a,
-      renderToBody: s,
+      renderToBody: o,
       position: e.position,
       duration: e.duration ?? 3e3,
       showClose: e.showClose ?? !0,
-      onClose: o,
-      onDestroy: m
+      onClose: s,
+      onDestroy: d
     },
-    b(e.message) || k(e.message) ? {
-      default: b(e.message) ? e.message : () => e.message
+    O(e.message) || N(e.message) ? {
+      default: O(e.message) ? e.message : () => e.message
     } : null
   );
-  N(f, n), l.push(f), t == null || t.appendChild(n.firstChild);
-}, Jt = {
+  X(i, l), n.push(i), t == null || t.appendChild(l.firstChild);
+}, ml = {
   install: function(e) {
-    Object.keys(Be).forEach((t) => {
-      const n = Be[t];
-      n.install && e.use(n);
+    Object.keys(Pe).forEach((t) => {
+      const l = Pe[t];
+      l.install && e.use(l);
     });
   }
 };
 export {
-  Gt as Dialog,
-  ie as Message,
-  ue as MessageBox,
-  qt as Notification,
-  V as XButton,
-  De as XDialog,
-  $t as XMessage,
-  Lt as XMessageBox,
-  Pt as XNotification,
-  ge as XSpace,
-  Jt as default
+  dl as Dialog,
+  Ce as Message,
+  xe as MessageBox,
+  fl as Notification,
+  G as XButton,
+  We as XDialog,
+  Xt as XMessage,
+  Ht as XMessageBox,
+  Wt as XNotification,
+  we as XSpace,
+  el as XTrendChart,
+  ml as default
 };