x-next 0.0.0-alpha.3 → 0.0.0-alpha.31

package/dist/index.es.js

@@ -0,0 +1,2064 @@
+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: (a) => `${t}--${a}`,
+    modifier: (a) => `${t}-${a}`,
+    is: (a) => `${t}-is-${a}`
+  };
+}, ne = Object.prototype.toString;
+function Re(e) {
+  return ne.call(e) === "[object Array]";
+}
+function Ye(e) {
+  return ne.call(e) === "[object Object]";
+}
+const We = (e) => ne.call(e) === "[object Promise]", gt = (e) => S(e) && e.constructor.name === "AsyncFunction", vt = (e) => We(e) || gt(e);
+function _e(e) {
+  return ne.call(e) === "[object String]";
+}
+function bt(e) {
+  return ne.call(e) === "[object Number]" && e === e;
+}
+function S(e) {
+  return typeof e == "function";
+}
+function de() {
+  return typeof window < "u";
+}
+const L = (e) => e, Ct = (e) => !!(e && e.shapeFlag & 1), xt = (e, t) => !!(e && e.shapeFlag & 6), wt = (e, t) => !!(e && e.shapeFlag & 8), kt = (e, t) => !!(e && e.shapeFlag & 16), Lt = (e, t) => !!(e && e.shapeFlag & 32), se = (e, t = !1) => {
+  var n, o;
+  const l = [];
+  for (const a of e ?? [])
+    Ct(a) || xt(a) || t && wt(a, a.children) ? l.push(a) : kt(a, a.children) ? l.push(...se(a.children, t)) : Lt(a, a.children) ? l.push(...se((o = (n = a.children).default) == null ? void 0 : o.call(n), t)) : Re(a) && l.push(...se(a, t));
+  return l;
+}, V = (e, t) => Object.assign(t, {
+  install(l) {
+    l.component(e) || l.component(e, t);
+  }
+}), Nt = {
+  disabled: Boolean,
+  block: Boolean,
+  loading: Boolean,
+  loadingFill: {
+    type: Boolean,
+    default: !1
+  },
+  debounce: {
+    type: Number,
+    default: 0
+  },
+  shape: {
+    type: L(String),
+    default: void 0
+  },
+  link: {
+    type: Boolean,
+    default: !1
+  },
+  type: {
+    type: L(String),
+    default: void 0
+  },
+  status: {
+    type: L(String),
+    default: void 0
+  },
+  plain: {
+    type: Boolean,
+    default: !1
+  },
+  size: {
+    type: L(String),
+    default: "medium"
+  },
+  border: {
+    type: Boolean,
+    default: !0
+  }
+}, Ot = (e) => _e(e) ? e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") : "", St = (e, t = "px") => {
+  if (e === void 0) return "";
+  const l = typeof e == "number" ? `${e}` : e;
+  return ["px", "%", "vh", "vw", "calc"].some((o) => l.includes(o)) ? l : l + t;
+};
+function X(e, t) {
+  return /* @__PURE__ */ E({
+    name: He(`Icon${Ot(e)}`),
+    props: {
+      size: {
+        type: [Number, String],
+        default: void 0
+      },
+      rotate: {
+        type: Number,
+        default: void 0
+      },
+      spin: {
+        type: Boolean,
+        default: !1
+      },
+      color: {
+        type: String,
+        default: void 0
+      },
+      fillColor: {
+        type: Array,
+        default: void 0
+      }
+    },
+    setup(l) {
+      const n = "x-icon", o = g(() => {
+        const s = {};
+        return l.size && (s.fontSize = St(l.size)), l.rotate && (s.transform = `rotate(${l.rotate}deg)`), l.color && (s.color = l.color), s;
+      }), a = g(() => [n, {
+        [`${n}-loading`]: l.spin
+      }]);
+      return () => r("div", {
+        class: a.value,
+        style: o.value
+      }, [t]);
+    }
+  });
+}
+const Bt = X("InfoCircleFill", w(r("svg", {
+  viewBox: "0 0 50 50",
+  class: "x-icon-loading-svg"
+}, [r("circle", {
+  cx: "25",
+  cy: "25",
+  r: "20",
+  class: "path",
+  fill: "none",
+  stroke: "currentColor"
+}, null)]))), Tt = /* @__PURE__ */ E({
+  name: "Button",
+  props: Nt,
+  emits: ["click"],
+  // 显式导入插槽
+  $slots: ["prefix", "suffix"],
+  setup(e, {
+    slots: t,
+    emit: l
+  }) {
+    const n = ce({
+      clicked: !1,
+      isDebounce: !1
+    }), 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 = 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;
+      }));
+    }, y = (u) => {
+      var m, C, v, N;
+      if (u.stopPropagation(), (C = (m = u.target).blur) == null || C.call(m), i.value) return;
+      s();
+      const d = (N = (v = f == null ? void 0 : f.vnode) == null ? void 0 : v.props) == null ? void 0 : N.onClick;
+      if (Re(d))
+        d.forEach((A) => c(A, u));
+      else if (S(d)) {
+        c(d, u);
+        return;
+      }
+    };
+    return () => {
+      var u;
+      return r("button", {
+        class: a.value,
+        type: "button",
+        disabled: e.disabled,
+        onClick: y
+      }, [r("span", {
+        style: {
+          display: i.value ? "flex" : "none",
+          marginRight: i.value ? "4px" : "0px"
+        },
+        class: o.element("loading")
+      }, [r(Bt, null, null)]), t.prefix && r("span", {
+        class: o.element("prefix")
+      }, [t.prefix()]), r("span", {
+        class: o.element("content")
+      }, [(u = t.default) == null ? void 0 : u.call(t)]), t.suffix && r("span", {
+        class: o.element("suffix")
+      }, [t.suffix()])]);
+    };
+  }
+}), le = V(B("Button"), Tt), Mt = ["px", "%", "vh", "vw", "calc"], Ae = (e, t = "px") => {
+  if (e === void 0) return "";
+  const l = String(e);
+  return Mt.some((n) => l.includes(n)) ? l : l + t;
+}, Et = 1e3, zt = 3e3, Pt = 1;
+class At {
+  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() || 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;
+    });
+    D(this, "delete", (t, l) => {
+      this.popupStack[l].delete(t), l === "dialog" && this.popupStack.popup.delete(t);
+    });
+    D(this, "isLastDialog", (t) => this.popupStack.dialog.size > 1 ? t === Array.from(this.popupStack.dialog).pop() : !0);
+  }
+}
+const we = new At();
+function fe(e, {
+  visible: t,
+  runOnMounted: l
+} = {}) {
+  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 ? o() : a();
+    },
+    {
+      immediate: !0
+    }
+  ), l && (W(o), De(a)), {
+    zIndex: rt(n),
+    open: o,
+    close: a,
+    isLastDialog: s
+  };
+}
+const Ze = (e) => e.replace(/^./, (t) => t.toLowerCase()).replace(/-(\w)/g, (t, l) => (l == null ? void 0 : l.toUpperCase()) ?? ""), qe = () => {
+}, pt = (e, t) => {
+  if (de)
+    return (t ?? document).querySelector(e) ?? void 0;
+}, $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);
+}, Ft = (e) => e.tagName === "BODY" ? document.documentElement.scrollHeight > window.innerHeight : e.scrollHeight > e.offsetHeight, jt = (e, t) => {
+  var n;
+  if (!de || !e || !t) return "";
+  let l = Ze(t);
+  l === "float" && (l = "cssFloat");
+  try {
+    const o = e.style[l];
+    if (o) return o;
+    const a = (n = document.defaultView) == null ? void 0 : n.getComputedStyle(e, "");
+    return a ? a[l] : "";
+  } catch {
+    return e.style[l];
+  }
+}, Q = (e, t, l) => {
+  if (!(!e || !t))
+    if (Ye(t))
+      Object.entries(t).forEach(
+        ([n, o]) => Q(e, n, o)
+      );
+    else {
+      const n = Ze(t);
+      e.style[n] = l;
+    }
+}, Se = (e, t) => {
+  if (_e(e)) {
+    const l = e[0] === "#" ? `[id='${e.slice(1)}']` : e;
+    return pt(l, t);
+  }
+  return e;
+}, It = de ? (e, t, l, n = !1) => {
+  e.addEventListener(t, l, n);
+} : qe, Vt = de ? (e, t, l, n = !1) => {
+  e.removeEventListener(t, l, n);
+} : qe, Xt = (e, t) => {
+  let l = !1;
+  const n = {
+    overflow: "",
+    width: ""
+  }, o = (i) => i.tagName === "BODY", a = () => {
+    if (e.value) {
+      const i = e.value;
+      if (!l && i.style.overflow !== "hidden") {
+        const f = $t(i);
+        if (f > 0 || Ft(i)) {
+          n.overflow = i.style.overflow, n.width = i.style.width;
+          let c = 0;
+          o(i) && (c = i.getBoundingClientRect().left || 0), Q(i, {
+            width: `calc(100% - ${Math.ceil(f - c)}px)`,
+            overflow: "hidden"
+          }), l = !0;
+        }
+      }
+    }
+  }, s = () => {
+    if (e.value && l) {
+      const i = e.value;
+      Q(i, {
+        overflow: n.overflow,
+        width: n.width
+      }), l = !1;
+    }
+  };
+  return ee(
+    () => t == null ? void 0 : t.value,
+    (i) => {
+      e.value && !o(e.value) && (i && Q(i, {
+        position: "absolute"
+      }), jt(e.value, "position") === "static" && Q(e.value, { position: "relative" }));
+    }
+  ), {
+    setOverflowHidden: a,
+    resetOverflow: s
+  };
+}, Dt = {
+  ENTER: "Enter",
+  ESC: "Escape",
+  BACKSPACE: "Backspace",
+  TAB: "Tab",
+  SPACE: " ",
+  ARROW_UP: "ArrowUp",
+  ARROW_DOWN: "ArrowDown",
+  ARROW_LEFT: "ArrowLeft",
+  ARROW_RIGHT: "ArrowRight"
+}, Ht = {
+  renderTo: {
+    type: L([String, Object]),
+    default: "body"
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  top: {
+    type: [String, Number],
+    default: "3vh"
+  },
+  center: {
+    type: Boolean,
+    default: !1
+  },
+  width: {
+    type: [String, Number],
+    default: 0
+  },
+  height: {
+    type: [String, Number],
+    default: 0
+  },
+  minWidth: {
+    type: [String, Number],
+    default: 0
+  },
+  minHeight: {
+    type: [String, Number],
+    default: 0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  mask: {
+    type: Boolean,
+    default: !0
+  },
+  // 关闭时卸载
+  destroyOnClosed: {
+    type: Boolean,
+    default: !0
+  },
+  // 关闭前回调检查是否可以关闭
+  onBeforeCancel: {
+    type: Function
+  },
+  // 是否点击遮罩层关闭
+  maskToClose: {
+    type: Boolean,
+    default: !0
+  },
+  // esc键关闭
+  escToClose: {
+    type: Boolean,
+    default: !0
+  },
+  // 全屏
+  fullscreen: {
+    type: Boolean,
+    default: !1
+  },
+  // 是否是messageBox
+  messageBox: {
+    type: Boolean,
+    default: !1
+  },
+  popupClass: {
+    type: String,
+    default: void 0
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  showHeaderBottomLine: {
+    type: Boolean,
+    default: !1
+  }
+}, Rt = ["width", "minWidth", "height", "minHeight"], Ue = /* @__PURE__ */ E({
+  name: B("Dialog"),
+  inheritAttrs: !1,
+  props: Ht,
+  emits: ["closed", "close", "open", "opened", "update:modelValue"],
+  setup(e, {
+    emit: t,
+    slots: l
+  }) {
+    const n = $("dialog"), o = n.block, a = $("message-box");
+    a.block;
+    const s = g(() => [o, e.messageBox && "is-message-box", e.popupClass && e.popupClass]), i = g(() => Se(e.renderTo)), f = M(), c = g(() => e.disabled || !i.value), y = g(() => ({
+      zIndex: v.value
+    })), u = g(() => {
+      const x = {};
+      return e.fullscreen || (!e.center && e.top && (x.top = Ae(e.top)), Rt.forEach((j) => {
+        e[j] && (x[j] = Ae(e[j]));
+      })), x;
+    }), d = M(!1), m = g(() => e.modelValue), C = g(() => m.value || d.value), {
+      zIndex: v,
+      isLastDialog: N
+    } = fe("dialog", {
+      visible: m
+    }), {
+      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);
+    }, k = () => {
+      d.value = !1, h(), t("closed");
+    }, z = () => {
+      t("opened");
+    }, T = ce({
+      ok: !1,
+      cancel: !1
+    }), F = (x, j) => {
+      let re = !0;
+      if (T[x] = !0, S(e.onBeforeCancel) && (re = e.onBeforeCancel(x) ?? !1), We(re)) {
+        re.then((tt) => {
+          T[x] = !1, tt && b(x, j);
+        });
+        return;
+      }
+      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 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 De(() => {
+      h(), Me();
+    }), ee(() => m.value, (x) => {
+      x ? (t("open"), A(), d.value = !0, et()) : Me();
+    }, {
+      immediate: !0
+    }), () => r(ot, {
+      to: i.value,
+      disabled: c.value
+    }, {
+      default: () => [C.value && r("div", {
+        ref: f,
+        class: s.value,
+        style: y.value
+      }, [r(te, {
+        name: "x-fade-in-standard",
+        appear: !0
+      }, {
+        default: () => [e.mask && m.value && r("div", {
+          class: n.element("mask")
+        }, null)]
+      }), r("div", {
+        class: [n.element("wrapper"), {
+          "is-center": e.center
+        }],
+        onClick: (x) => x.target === x.currentTarget && ae()
+      }, [r(te, {
+        name: "x-zoom-in",
+        appear: !0,
+        onAfterEnter: z,
+        onAfterLeave: k
+      }, {
+        default: () => [m.value && r("div", {
+          class: [n.element("container"), {
+            "is-fullscreen": e.fullscreen
+          }],
+          style: u.value
+        }, [r("div", {
+          class: [e.messageBox ? a.element("header") : n.element("header"), e.showHeaderBottomLine && "is-bottom-line"]
+        }, [l.title ? l.title() : r("div", {
+          class: [n.element("header-title")]
+        }, [e.title])]), r("div", {
+          class: [e.messageBox ? a.element("body") : n.element("body")]
+        }, [l.default && l.default()]), r("div", {
+          class: [e.messageBox ? a.element("footer") : n.element("footer")]
+        }, [l.footer && l.footer({
+          cancel: Je,
+          ok: Qe,
+          "loading-obj": T
+        })]), e.showClose && r("span", {
+          class: [n.element("close-icon"), e.messageBox && a.element("close-icon")],
+          onClick: () => F("cancel")
+        }, null)])]
+      })])])]
+    });
+  }
+}), 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",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm4.955-27.771-4.95 4.95-4.95-4.95a1 1 0 0 0-1.414 0l-1.414 1.414a1 1 0 0 0 0 1.414l4.95 4.95-4.95 4.95a1 1 0 0 0 0 1.414l1.414 1.414a1 1 0 0 0 1.414 0l4.95-4.95 4.95 4.95a1 1 0 0 0 1.414 0l1.414-1.414a1 1 0 0 0 0-1.414l-4.95-4.95 4.95-4.95a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), he = X("CheckCircleFill", w(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm10.207-24.379a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0L22 26.172l-4.878-4.88a1 1 0 0 0-1.415 0l-1.414 1.415a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414 0l11.5-11.5Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), ye = X("ExclamationCircleFill", w(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), ge = X("InfoCircleFill", w(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)]))), ve = X("MinusCircleFill", w(r("svg", {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  stroke: "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "butt",
+  "stroke-linejoin": "miter",
+  filter: ""
+}, [r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-7-22a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H17Z",
+  fill: "currentColor",
+  stroke: "none"
+}, null)])));
+X("LogoSimple", w(r("svg", {
+  width: "61.000000",
+  height: "41.000000",
+  viewBox: "0 0 61 41",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+}, [r("desc", null, [p("Created with Pixso.")]), r("defs", null, null), r("path", {
+  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 Yt = /* @__PURE__ */ E({
+  name: B("Message"),
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    message: {
+      type: [String, Number, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "success"
+    },
+    duration: {
+      type: Number,
+      default: 1500
+    },
+    center: {
+      type: Boolean,
+      default: !1
+    },
+    onClose: {
+      type: Function,
+      default: () => {
+      }
+    },
+    offset: {
+      type: Number,
+      default: 20
+    },
+    zIndex: {
+      type: Number,
+      default: 0
+    },
+    showClose: {
+      type: Boolean,
+      default: !1
+    },
+    useHTML: {
+      type: Boolean,
+      default: !1
+    },
+    popupClass: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["destroy"],
+  setup(e, {
+    emit: t,
+    slots: l
+  }) {
+    const n = $("message"), o = M(!1), a = M(null), s = g(() => [n.block, n.modifier(e.type), e.center && n.modifier("center"), e.showClose && !e.center && n.element("show-close"), e.popupClass]), {
+      zIndex: i
+    } = fe("message", {
+      runOnMounted: !0
+    }), f = g(() => ({
+      top: `${e.offset}px`,
+      zIndex: i.value
+    })), c = () => {
+      if (l.icon) return l.icon();
+      switch (e.type) {
+        case "success":
+          return r(he, null, null);
+        case "warning":
+          return r(ye, null, null);
+        case "strong":
+          return r(ve, null, null);
+        case "error":
+          return r(me, null, null);
+        case "info":
+          return r(ge, null, null);
+        default:
+          return null;
+      }
+    }, y = () => {
+      e.duration > 0 && (a.value = setTimeout(() => {
+        o.value = !1;
+      }, e.duration));
+    }, u = () => {
+      a.value && (clearTimeout(a.value), a.value = null);
+    };
+    W(() => {
+      o.value = !0, y();
+    }), ue(() => {
+      u();
+    });
+    const d = () => {
+      var m;
+      o.value = !1, u(), (m = e.onClose) == null || m.call(e);
+    };
+    return () => r(te, {
+      name: "x-message-slide-top",
+      onBeforeLeave: e.onClose,
+      onAfterLeave: () => t("destroy")
+    }, {
+      default: () => [o.value && r("div", {
+        class: s.value,
+        style: f.value
+      }, [r("span", {
+        class: [n.element("icon"), n.modifier(`icon-${e.type}`)]
+      }, [c()]), r("div", null, [l.default ? l.default() : e.useHTML ? r("span", {
+        innerHTML: e.message
+      }, null) : r("span", null, [e.message]), e.showClose && r("span", {
+        class: n.element("close-icon"),
+        onClick: d
+      }, null)])])]
+    });
+  }
+}), Wt = V(B("Message"), Yt), _t = /* @__PURE__ */ E({
+  name: "Space",
+  props: {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    size: {
+      type: [Number, String],
+      default: "small"
+    },
+    align: {
+      type: String,
+      default: "center"
+    },
+    fill: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const l = $("space"), n = g(() => [l.block, l.element(e.direction), e.fill && "is-fill", l.element(`${e.direction}-${e.align}`)]);
+    function o(s) {
+      if (bt(s))
+        return s;
+      switch (s) {
+        case "mini":
+          return 4;
+        case "small":
+          return 8;
+        case "medium":
+          return 16;
+        case "large":
+          return 24;
+        default:
+          return 8;
+      }
+    }
+    const a = (s) => {
+      const i = {};
+      if (s) return i;
+      const f = `${o(e.size)}px`, c = `${o(e.size)}px`;
+      return e.direction === "horizontal" && (i.marginRight = f), e.direction === "vertical" && (i.marginBottom = c), i;
+    };
+    return () => {
+      var i;
+      const s = se((i = t.default) == null ? void 0 : i.call(t), !0).filter((f) => f.type !== it);
+      return r("div", {
+        class: [n.value]
+      }, [s.map((f, c) => {
+        var u;
+        const y = t.split && c > 0;
+        return r(Y, {
+          key: `space-item-${c}`
+        }, [y && r("div", {
+          className: l.element("split"),
+          style: a(!1)
+        }, [(u = t.split) == null ? void 0 : u.call(t)]), r("div", {
+          className: l.element("item"),
+          style: a(c === s.length - 1)
+        }, [f])]);
+      })]);
+    };
+  }
+}), 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 ke = $("message-box"), Oe = (e) => {
+  const t = document.createElement("div"), l = () => {
+    I(null, t);
+  }, n = (d) => {
+    if (d === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (d === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, o = (d, m) => {
+    d === "cancel" && e.onCancel && e.onCancel(m), d === "ok" && e.onOk && e.onOk(m);
+  }, a = (d) => {
+    let m;
+    switch (d) {
+      case "warning":
+        m = r(ye, {
+          size: "22px",
+          color: "#f6c64b"
+        }, null);
+        break;
+      case "strong":
+        m = r(ve, {
+          size: "22px",
+          color: "#ff7125"
+        }, null);
+        break;
+      case "error":
+        m = r(me, {
+          size: "22px",
+          color: "#e24f48"
+        }, null);
+        break;
+      case "success":
+        m = r(he, {
+          size: "22px",
+          color: "#68d1ab"
+        }, null);
+        break;
+      case "info":
+        m = r(ge, {
+          size: "22px",
+          color: "#2355f5"
+        }, null);
+        break;
+    }
+    return r("div", {
+      class: ke.element("icon")
+    }, [m]);
+  }, s = (d) => {
+    if (O(d)) return d;
+    if (S(d)) {
+      const m = d();
+      return O(m) ? m : null;
+    }
+    return r("div", {
+      class: ke.element("title")
+    }, [p(" "), d, p(" ")]);
+  }, i = (d) => {
+    if (O(d)) return d;
+    if (S(d)) {
+      const m = d();
+      return O(m) ? m : null;
+    }
+    return r("div", {
+      class: ke.element("content")
+    }, [p(" "), e.content, p(" ")]);
+  }, f = () => () => r(Y, null, [a(e.type || "success"), e.title && s(e.title)]), c = () => () => r(Y, null, [e.content && i(e.content)]), y = () => {
+    if (O(e.footer) || S(e.footer))
+      return e.footer;
+    const d = (e == null ? void 0 : e.cancelText) || "取消", m = (e == null ? void 0 : e.okText) || "确认";
+    return (C) => r(Be, {
+      size: 12
+    }, {
+      default: () => {
+        var v, N;
+        return [!e.hideCancel && r(le, {
+          size: "small",
+          onClick: C.cancel,
+          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: (N = C.loadingObj) == null ? void 0 : N.ok
+        }, pe(m) ? m : {
+          default: () => [m]
+        })];
+      }
+    });
+  }, u = r(Ge, {
+    messageBox: !0,
+    width: (e == null ? void 0 : e.width) ?? 358,
+    height: (e == null ? void 0 : e.height) ?? "auto",
+    modelValue: !0,
+    renderTo: e == null ? void 0 : e.renderTo,
+    center: e != null && e.top ? !1 : (e == null ? void 0 : e.center) ?? !0,
+    top: (e == null ? void 0 : e.top) ?? 0,
+    mask: (e == null ? void 0 : e.mask) ?? !0,
+    maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
+    popupClass: e.popupClass,
+    onClose: o,
+    onBeforeCancel: n,
+    "onUpdate:modelValue": () => {
+      u.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: l,
+    onOpened: () => {
+    }
+  }, {
+    title: f(),
+    default: c(),
+    footer: y()
+  });
+  I(u, t);
+}, qt = () => {
+  Zt.forEach((e) => {
+    Oe[e] = (t, l) => {
+      const n = [], o = [];
+      let a = () => !0, s = () => !0;
+      return setTimeout(() => {
+        Oe({
+          title: t,
+          content: l,
+          type: e,
+          beforeOnCancel: s,
+          beforeOnOk: a,
+          onOk: () => {
+            n.forEach((i) => S(i) && i());
+          },
+          onCancel: () => {
+            o.forEach((i) => S(i) && i());
+          }
+        });
+      }, 0), {
+        ok(...i) {
+          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 && o.push(i[0]), i.length === 2 && (s = i[0], o.push(i[1])), this;
+        }
+      };
+    };
+  });
+};
+qt();
+const Ut = V(B("MessageBox"), Oe), Gt = {
+  position: {
+    type: String,
+    default: "top-right"
+  },
+  offset: {
+    type: Number,
+    default: 0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "info"
+  },
+  message: {
+    type: String,
+    default: void 0
+  },
+  duration: {
+    type: Number,
+    default: 3e3
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  onClose: {
+    type: Function,
+    default: () => {
+    }
+  },
+  renderToBody: {
+    type: Boolean,
+    default: !1
+  }
+}, Ke = /* @__PURE__ */ E({
+  name: B("Notification"),
+  props: Gt,
+  emits: ["close", "destroy"],
+  setup(e, {
+    emit: t,
+    slots: l
+  }) {
+    const n = $("notification"), o = n.block, a = g(() => [o, n.modifier(i.value.ver)]), {
+      zIndex: s
+    } = fe("message", {
+      runOnMounted: !0
+    }), i = g(() => {
+      const v = e.position.split("-");
+      return {
+        hor: v[1],
+        ver: v[0]
+      };
+    }), f = g(() => `x-notification-slide-${i.value.hor}`), c = g(() => {
+      const v = {};
+      return v.position = e.renderToBody ? "fixed" : "absolute", v.zIndex = s.value, v[i.value.hor] = "20px", v[i.value.ver] = `${e.offset}px`, v;
+    }), y = M(!1);
+    let u = 0;
+    const d = () => {
+      u = setTimeout(() => {
+        y.value = !1;
+      }, e.duration);
+    }, m = g(() => e.type === "info" ? ge : e.type === "warning" ? ye : e.type === "strong" ? ve : e.type === "success" ? he : e.type === "error" ? me : ""), C = () => {
+      y.value = !1;
+    };
+    return W(() => {
+      e.duration !== 0 && d(), y.value = !0;
+    }), ue(() => {
+      clearTimeout(u);
+    }), () => r(te, {
+      name: f.value,
+      onBeforeLeave: () => t("close"),
+      onAfterLeave: () => t("destroy")
+    }, {
+      default: () => {
+        var v;
+        return [y.value && r("div", {
+          class: a.value,
+          style: c.value
+        }, [r("div", {
+          class: [n.element("header")]
+        }, [r("div", {
+          class: [n.element("icon"), n.modifier(`icon-${e.type}`)]
+        }, [m.value && r(m.value, null, null)]), r("div", null, [r("div", {
+          class: [n.element("title")]
+        }, [e.title]), r("div", {
+          class: [n.element("message")]
+        }, [((v = l.default) == null ? void 0 : v.call(l)) || e.message])])]), e.showClose && r("span", {
+          class: [n.element("close-icon")],
+          onClick: C
+        }, null)])];
+      }
+    });
+  }
+}), Kt = V(B("Notification"), Ke), Jt = (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;
+}, Qt = (e) => {
+  const t = e.split(" ").filter((l) => l !== "").map((l) => parseInt(l));
+  return t.length < 1 || t.length > 4 ? !1 : t.every((l) => typeof l == "number" && l >= 0);
+}, el = {
+  // 数据集
+  dataset: {
+    required: !0,
+    type: L(Array),
+    default: () => []
+  },
+  status: {
+    type: L(String),
+    default: void 0
+  },
+  // 网格属性
+  grid: {
+    default: null,
+    type: L(Object)
+  },
+  // 标签属性
+  labels: {
+    default: null,
+    type: L(Object)
+  },
+  // 最大值，默认数据集最大值
+  max: {
+    type: Number
+  },
+  // 最小值，默认数据集最小值
+  min: {
+    type: Number
+  },
+  // 绘制边距
+  padding: {
+    default: "5",
+    type: String,
+    validator(e) {
+      return Qt(e);
+    }
+  },
+  // 开启交互，开启后启用onmousemove事件
+  interactive: {
+    default: !1,
+    type: Boolean
+  },
+  // 主题
+  theme: {
+    type: L(Object),
+    default: () => ({
+      activeLineColor: "#CCC"
+    })
+  }
+}, tl = {
+  boundary: {
+    required: !0,
+    type: L(Object),
+    default: () => {
+    }
+  },
+  minValue: {
+    required: !0,
+    type: Number
+  },
+  maxValue: {
+    required: !0,
+    type: Number
+  },
+  maxAmount: {
+    required: !0,
+    type: Number
+  },
+  activeLineParams: {
+    type: Object
+  },
+  data: {
+    required: !0,
+    type: L(Array),
+    default: () => []
+  },
+  className: {
+    type: String
+  },
+  // 平滑
+  smooth: {
+    default: !0,
+    type: Boolean
+  },
+  stroke: {
+    default: !0,
+    type: Boolean
+  },
+  // 填充
+  fill: {
+    default: !0,
+    type: Boolean
+  },
+  // 鼠标
+  showPoints: {
+    default: !0,
+    type: Boolean
+  },
+  theme: {
+    type: L(Object)
+  },
+  mainTheme: {
+    type: L(Object)
+  }
+}, ll = {
+  boundary: {
+    required: !0,
+    type: L(Object),
+    default: () => {
+    }
+  },
+  verticalLines: {
+    default: !1,
+    type: Boolean
+  },
+  verticalLinesNumber: {
+    default: 0,
+    type: Number
+  },
+  horizontalLines: {
+    default: !1,
+    type: Boolean
+  },
+  horizontalLinesNumber: {
+    default: 0,
+    type: Number
+  }
+}, nl = {
+  boundary: {
+    required: !0,
+    type: L(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
+  }
+}, $e = E({
+  name: B("TrendChartGrid"),
+  props: ll,
+  setup(e) {
+    const t = (a) => {
+      const s = e.verticalLinesNumber > 1 ? (e.boundary.maxX - e.boundary.minX) / (e.verticalLinesNumber - 1) : 0, i = e.boundary.minX + s * (a - 1), f = e.boundary.minY, c = e.boundary.maxY;
+      return {
+        x1: i,
+        x2: i,
+        y1: f,
+        y2: c,
+        stroke: "rgba(0,0,0,0.1)"
+      };
+    }, l = (a) => {
+      const s = e.horizontalLinesNumber > 1 ? (e.boundary.maxY - e.boundary.minY) / (e.horizontalLinesNumber - 1) : 0, i = e.boundary.maxY - s * (a - 1), f = e.boundary.minX, c = e.boundary.maxX;
+      return {
+        x1: f,
+        x2: c,
+        y1: i,
+        y2: i,
+        stroke: "rgba(0,0,0,0.1)"
+      };
+    }, n = g(() => {
+      if (e.verticalLines && e.verticalLinesNumber > 0) {
+        const a = [];
+        for (let s = 1; s <= e.verticalLinesNumber; s++)
+          a.push(
+            w("line", {
+              class: "line",
+              ...t(s)
+            })
+          );
+        return w("g", { class: "vertical" }, a);
+      }
+      return null;
+    }), o = g(() => {
+      if (e.horizontalLines && e.horizontalLinesNumber > 0) {
+        const a = [];
+        for (let s = 1; s <= e.horizontalLinesNumber; s++)
+          a.push(
+            w("line", {
+              class: "line",
+              ...l(s)
+            })
+          );
+        return w("g", { class: "horizontal" }, a);
+      }
+      return null;
+    });
+    return () => {
+      const a = [];
+      return n.value && a.push(n.value), o.value && a.push(o.value), a.length === 0 ? null : w("g", null, a);
+    };
+  }
+}), Fe = E({
+  name: B("TrendChartLabels"),
+  props: nl,
+  setup(e) {
+    const t = ce({
+      xLabelHeight: 0,
+      yLabelHeight: 0
+    }), l = M(null), n = M(null), o = (f) => {
+      const c = (e.boundary.maxX - e.boundary.minX) / (e.xLabels.length - 1), y = e.boundary.minX + c * f, u = e.boundary.maxY;
+      return { transform: `translate(${y}, ${u})` };
+    }, a = (f) => {
+      const c = (e.boundary.maxY - e.boundary.minY) / (e.yLabels - 1), y = e.boundary.minX, u = e.boundary.maxY - c * f;
+      return { transform: `translate(${y}, ${u})` };
+    };
+    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 s = g(() => e.xLabels && e.xLabels.length ? w(
+      "g",
+      { class: "x-labels", ref: l },
+      e.xLabels.map(
+        (f, c) => w("g", { class: "label", ...o(c) }, [
+          w(
+            "text",
+            {
+              dy: t.xLabelHeight + 5,
+              "text-anchor": "middle"
+            },
+            f
+          ),
+          w("line", { stroke: "rgba(0,0,0,0.1)", y2: 5 })
+        ])
+      )
+    ) : null), i = g(() => {
+      if (e.yLabels && e.yLabels > 0) {
+        const f = [];
+        for (let c = 0; c < e.yLabels; c++)
+          f.push(
+            w("g", { class: "label", ...a(c) }, [
+              w(
+                "text",
+                {
+                  dx: -10,
+                  dy: t.yLabelHeight / 4,
+                  "text-anchor": "end"
+                },
+                e.yLabelsTextFormatter(
+                  e.minValue + (e.maxValue - e.minValue) / (e.yLabels - 1) * c
+                )
+              ),
+              w("line", { stroke: "rgba(0,0,0,0.1)", x1: 0, x2: -5 })
+            ])
+          );
+        return w("g", { class: "y-labels", ref: n }, f);
+      }
+      return null;
+    });
+    return () => {
+      const f = [];
+      return s.value && f.push(s.value), i.value && f.push(i.value), w("g", f);
+    };
+  }
+}), 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
+  }));
+}, rl = (e, t, { maxY: l }) => {
+  const n = e.shift(), o = e[e.length - 1], s = (e[0].x - n.x) / 2;
+  let i = `M ${n.x},${n.y}`;
+  e.forEach((c, y) => {
+    if (!t) i += ` L${c.x},${c.y}`;
+    else {
+      const u = e[y - 1] || n;
+      i += ` C ${s + u.x},${u.y} ${s + u.x},${c.y} ${c.x},${c.y}`;
+    }
+  });
+  let f = i;
+  return o.y !== l && (f += ` L${o.x},${l}`), n.y !== l && (f += ` L${n.x},${l}`), f += " Z", { linePath: i, fillPath: f };
+}, je = /* @__PURE__ */ E({
+  name: B("TrendChartCurve"),
+  props: tl,
+  setup(e) {
+    const t = g(() => al(e.data, e.boundary, e.maxValue, e.minValue, e.maxAmount)), l = g(() => rl([...t.value], e.smooth, e.boundary)), n = g(() => {
+      var s, i, f, c, y, u, d, m, C, v, N, A;
+      const o = [];
+      e.fill && ((s = l.value) != null && s.fillPath) && o.push(r("path", {
+        class: "x-trend-chart-fill",
+        d: l.value.fillPath,
+        fill: "none",
+        style: {
+          fill: ((f = (i = e.theme) == null ? void 0 : i.fill) == null ? void 0 : f.color) || "#585858",
+          opacity: ((y = (c = e.theme) == null ? void 0 : c.fill) == null ? void 0 : y.opacity) || 0.1
+        }
+      }, 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 = (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 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 h = t.value.map((b, k) => {
+          var z, T;
+          return r("circle", {
+            class: {
+              point: !0,
+              "x-trend-chart-point-active": ((z = e.activeLineParams) == null ? void 0 : z.index) === k
+            },
+            cx: b.x,
+            cy: b.y,
+            style: a(((T = e.activeLineParams) == null ? void 0 : T.index) === k)
+          }, null);
+        });
+        o.push(r("g", {
+          class: "x-trend-chart-points"
+        }, [h]));
+      }
+      return o;
+    });
+    return () => r("g", {
+      class: e.className
+    }, [n.value]);
+  }
+}), 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: $e,
+    TrendChartLabels: Fe,
+    TrendChartCurve: je
+  },
+  props: el,
+  emits: {
+    "mouse-move": (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const l = ce({
+      width: null,
+      height: null,
+      labelsOverflowObject: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      },
+      activeLine: null,
+      activeLineParams: null
+    }), n = g(() => {
+      let h = R.INFO;
+      return e.status === "primary" ? h = R.PRIMARY : e.status === "success" ? h = R.SUCCESS : e.status === "danger" ? h = R.DANGER : e.status === "warning" ? h = R.WARNING : e.status === "strong" && (h = R.STRONG), {
+        ...h,
+        ...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: k
+      };
+    }), i = g(() => ({
+      x: a.value.minX,
+      y: a.value.minY,
+      width: Math.max(0, a.value.maxX - a.value.minX),
+      height: Math.max(0, a.value.maxY - a.value.minY),
+      opacity: 0
+    })), f = g(() => {
+      const h = (a.value.maxX - a.value.minX) / (s.value.maxAmount - 1);
+      return Array.from({
+        length: s.value.maxAmount
+      }, (b, k) => Math.round(a.value.minX + h * k));
+    }), c = M(null), y = M(null), u = () => {
+      if (c.value) {
+        const h = c.value.getBoundingClientRect();
+        l.width = h.width, l.height = h.height;
+      }
+    }, d = () => {
+      if (y.value) {
+        const h = c.value.getBoundingClientRect(), b = y.value.$el.getBoundingClientRect();
+        l.labelsOverflowObject = {
+          top: Math.max(0, Number(h.top) - Number(b.top) + Number(o.value.top)),
+          right: Math.max(0, Number(b.right) - Number(h.right) + Number(o.value.right)),
+          bottom: Math.max(0, Number(b.bottom) - Number(h.bottom) + Number(o.value.bottom)),
+          left: Math.max(0, Number(o.value.left) - Number(b.left) + Number(h.left))
+        };
+      } else
+        l.labelsOverflowObject = {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0
+        };
+    }, m = () => {
+      u(), Ee(d);
+    }, C = (h) => f.value.reduce((b, k) => Math.abs(b - h) > Math.abs(k - h) ? k : b, 1 / 0), v = (h) => {
+      if (c.value) {
+        const b = c.value.getBoundingClientRect();
+        l.activeLine = C(h.clientX - b.left);
+      }
+    }, N = () => {
+      l.activeLine = null, l.activeLineParams = null;
+    }, A = () => {
+      u();
+    };
+    return W(() => {
+      m(), window.addEventListener("resize", A);
+    }), ue(() => {
+      window.removeEventListener("resize", A);
+    }), ee(() => l.activeLine, (h) => {
+      if (h !== null) {
+        const b = f.value.indexOf(h);
+        l.activeLineParams = {
+          index: b
+        }, t("mouse-move", {
+          ...l.activeLineParams,
+          data: e.dataset[b]
+        });
+      } else
+        t("mouse-move", null);
+    }), ee(() => e.labels, () => {
+      l.labelsOverflowObject = {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      }, Ee(d);
+    }, {
+      deep: !0
+    }), () => {
+      var h, b, k, z, T, F, ae;
+      return r("svg", {
+        class: "x-trend-chart",
+        ref: c,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "100%",
+        height: "100%"
+      }, [e.grid && r($e, {
+        class: "grid",
+        verticalLines: e.grid.verticalLines,
+        verticalLinesNumber: e.grid.verticalLinesNumber || s.value.maxAmount,
+        horizontalLines: e.grid.horizontalLines,
+        horizontalLinesNumber: e.grid.horizontalLinesNumber || (((h = e.labels) == null ? void 0 : h.yLabels) ?? 0),
+        boundary: a.value
+      }, null), e.labels && r(Fe, ze({
+        ref: y,
+        class: "labels"
+      }, e.labels, {
+        boundary: a.value,
+        minValue: s.value.minValue,
+        maxValue: s.value.maxValue
+      }), null), r(je, {
+        class: "curve",
+        data: e.dataset,
+        boundary: a.value,
+        minValue: s.value.minValue,
+        maxValue: s.value.maxValue,
+        maxAmount: s.value.maxAmount,
+        activeLineParams: l.activeLineParams,
+        theme: n.value
+      }, null), e.interactive && r(Y, null, [r("line", {
+        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: (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", ze(i.value, {
+        onMousemove: v,
+        onMouseout: N
+      }), null)])]);
+    };
+  }
+}), il = V(B("TrendChart"), ol), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  XButton: le,
+  XDialog: Ge,
+  XMessage: Wt,
+  XMessageBox: Ut,
+  XNotification: Kt,
+  XSpace: Be,
+  XTrendChart: il
+}, Symbol.toStringTag, { value: "Module" }));
+function Ve(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !O(e);
+}
+const Xe = $("dialog"), bl = (e) => {
+  const t = document.createElement("div"), l = () => {
+    I(null, t);
+  }, n = (u) => {
+    if (u === "cancel")
+      return e.beforeOnCancel ? e.beforeOnCancel() : !0;
+    if (u === "ok")
+      return e.beforeOnOk ? e.beforeOnOk() : !0;
+  }, o = (u, d) => {
+    u === "cancel" && e.onCancel && e.onCancel(d), u === "ok" && e.onOk && e.onOk(d);
+  }, a = (u) => {
+    if (O(u)) return u;
+    if (S(u)) {
+      const d = u();
+      return O(d) ? d : null;
+    }
+    return r("div", {
+      class: Xe.element("header-title")
+    }, [p(" "), u, p(" ")]);
+  }, s = (u) => {
+    if (O(u)) return u;
+    if (S(u)) {
+      const d = u();
+      return O(d) ? d : null;
+    }
+    return r("div", {
+      class: Xe.element("content")
+    }, [p(" "), e.content, p(" ")]);
+  }, i = () => () => r(Y, null, [e.title && a(e.title)]), f = () => () => r(Y, null, [e.content && s(e.content)]), c = () => {
+    if (O(e.footer) || S(e.footer))
+      return e.footer;
+    const u = (e == null ? void 0 : e.cancelText) || "取消", d = (e == null ? void 0 : e.okText) || "确认";
+    return (m) => r(Be, {
+      size: 12
+    }, {
+      default: () => {
+        var C, v;
+        return [!e.hideCancel && r(le, {
+          size: "small",
+          onClick: m.cancel,
+          loading: (C = m.loadingObj) == null ? void 0 : C.cancel
+        }, Ve(u) ? u : {
+          default: () => [u]
+        }), !e.hideOk && r(le, {
+          type: "primary",
+          size: "small",
+          onClick: m.ok,
+          loading: (v = m.loadingObj) == null ? void 0 : v.ok
+        }, Ve(d) ? d : {
+          default: () => [d]
+        })];
+      }
+    });
+  }, y = r(Ue, {
+    width: (e == null ? void 0 : e.width) ?? 368,
+    height: (e == null ? void 0 : e.height) ?? "auto",
+    modelValue: !0,
+    renderTo: e == null ? void 0 : e.renderTo,
+    center: e != null && e.top ? !1 : (e == null ? void 0 : e.center) ?? !0,
+    top: (e == null ? void 0 : e.top) ?? 0,
+    mask: (e == null ? void 0 : e.mask) ?? !0,
+    maskToClose: (e == null ? void 0 : e.maskToClose) ?? !0,
+    popupClass: e.popupClass,
+    onClose: o,
+    onBeforeCancel: n,
+    "onUpdate:modelValue": () => {
+      y.component.props.modelValue = !1;
+    },
+    // 等待动画完全结束后销毁vm
+    onClosed: l,
+    onOpened: () => {
+    }
+  }, {
+    title: i(),
+    default: f(),
+    footer: c()
+  });
+  I(y, t);
+}, sl = ["success", "warning", "error", "strong", "info"], cl = E({
+  name: B("Message"),
+  components: {
+    CloseCircleFill: me,
+    CheckCircleFill: he,
+    ExclamationCircleFill: ye,
+    InfoCircleFill: ge,
+    MinusCircleFill: ve
+  },
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    message: {
+      type: [String, Number, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "success"
+    },
+    duration: {
+      type: Number,
+      default: 1500
+    },
+    center: {
+      type: Boolean,
+      default: !1
+    },
+    onClose: {
+      type: Function,
+      default: () => {
+      }
+    },
+    offset: {
+      type: Number,
+      default: 20
+    },
+    zIndex: {
+      type: Number,
+      default: 0
+    },
+    showClose: {
+      type: Boolean,
+      default: !1
+    },
+    useHTML: Boolean,
+    popupClass: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["destroy"],
+  setup(e) {
+    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 = M(!1);
+    let o = null;
+    const a = () => {
+      o = setTimeout(() => {
+        n.value = !1;
+      }, e.duration);
+    };
+    W(() => {
+      n.value = !0, e.duration !== 0 && a();
+    }), ue(() => {
+      clearTimeout(o);
+    });
+    const { zIndex: s } = fe("message", { runOnMounted: !0 }), i = g(() => ({
+      top: `${e.offset}px`,
+      zIndex: s.value
+    }));
+    return {
+      cn: t,
+      cls: l,
+      styles: i,
+      visible: n,
+      handleClose: () => {
+        n.value = !1;
+      }
+    };
+  }
+}), ul = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [n, o] of t)
+    l[n] = o;
+  return l;
+}, dl = ["innerHTML"], fl = { key: 1 };
+function ml(e, t, l, n, o, a) {
+  const s = _("CheckCircleFill"), i = _("ExclamationCircleFill"), f = _("MinusCircleFill"), c = _("CloseCircleFill"), y = _("InfoCircleFill");
+  return P(), H(te, {
+    name: "x-message-slide-top",
+    onBeforeLeave: e.onClose,
+    onAfterLeave: t[1] || (t[1] = (u) => e.$emit("destroy"))
+  }, {
+    default: st(() => [
+      ct(ut("div", {
+        class: Ce(e.cls),
+        style: dt(e.styles)
+      }, [
+        e.$slots.icon ? xe("", !0) : (P(), oe("span", {
+          key: 0,
+          class: Ce([e.cn.element("icon"), e.cn.modifier(`icon-${e.type}`)])
+        }, [
+          Pe(e.$slots, "icon", {}, () => [
+            e.type === "success" ? (P(), H(s, { key: 0 })) : e.type === "warning" ? (P(), H(i, { key: 1 })) : e.type === "strong" ? (P(), H(f, { key: 2 })) : e.type === "error" ? (P(), H(c, { key: 3 })) : e.type === "info" ? (P(), H(y, { key: 4 })) : xe("", !0)
+          ])
+        ], 2)),
+        Pe(e.$slots, "default", {}, () => [
+          e.useHTML ? (P(), oe("span", {
+            key: 0,
+            innerHTML: e.message
+          }, null, 8, dl)) : (P(), oe("span", fl, ft(e.message), 1)),
+          e.showClose ? (P(), oe("span", {
+            key: 2,
+            class: Ce([e.cn.element("close-icon")]),
+            onClick: t[0] || (t[0] = (...u) => e.handleClose && e.handleClose(...u))
+          }, null, 2)) : xe("", !0)
+        ])
+      ], 6), [
+        [mt, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onBeforeLeave"]);
+}
+const hl = /* @__PURE__ */ ul(cl, [["render", ml]]), Le = /* @__PURE__ */ new WeakMap(), Ne = (e) => {
+  (typeof e == "string" || O(e)) && (e = {
+    message: e
+  });
+  const t = Se(e.renderTo || "body"), l = document.createElement("div");
+  Le.has(t) || Le.set(t, []);
+  const n = Le.get(t);
+  let o = e.offset || 20;
+  n.forEach((u) => {
+    var d;
+    o += ((d = u.el) == null ? void 0 : d.offsetHeight) + 20;
+  });
+  const a = e.onClose;
+  let s = {};
+  s = { ...e, onClose: () => {
+    var m;
+    const u = n.findIndex((C) => C === c);
+    if (u < 0) return;
+    const d = ((m = c.el) == null ? void 0 : m.offsetHeight) + 20;
+    n.slice(u + 1).forEach((C) => {
+      var N;
+      const v = (N = C.component) == null ? void 0 : N.props.offset;
+      C.component.props.offset = v - d;
+    }), n.splice(u, 1), a && a(c);
+  }, onDestroy: () => {
+    I(null, l);
+  }, offset: o };
+  const c = r(
+    hl,
+    s,
+    S(s.message) || O(s.message) ? {
+      default: S(s.message) ? s.message : () => s.message
+    } : null
+  );
+  return I(c, l), t.tagName === "BODY" ? c.el.style.position = "fixed" : (t.style.position = "relative", c.el.style.position = "absolute"), t.appendChild(l.firstElementChild), n.push(c), {
+    close: () => {
+      c.component.proxy.handleClose();
+    }
+  };
+}, yl = () => {
+  sl.forEach((e) => {
+    Ne[e] = (t) => Ye(t) ? Ne({
+      type: e,
+      ...t
+    }) : Ne({
+      message: t,
+      type: e
+    });
+  });
+};
+yl();
+const J = /* @__PURE__ */ new WeakMap(), Cl = (e) => {
+  const t = Se(e.renderTo || "body"), l = document.createElement("div");
+  J.get(t) || J.set(t, {}), J.get(t)[e.position] || (J.get(t)[e.position] = []);
+  const n = J.get(t)[e.position];
+  let o = e.offset || 20;
+  n.forEach((y) => {
+    var u;
+    o += ((u = y.el) == null ? void 0 : u.offsetHeight) + 20;
+  });
+  const a = t.tagName === "BODY";
+  a || (t.style.position = "relative", t.style.overflowX = "hidden");
+  const s = e.onClose, i = () => {
+    var d;
+    const y = n.findIndex((m) => m === c);
+    if (y < 0) return;
+    const u = ((d = c.el) == null ? void 0 : d.offsetHeight) + 20;
+    n.slice(y + 1).forEach((m) => {
+      var v;
+      const C = (v = m.component) == null ? void 0 : v.props.offset;
+      m.component.props.offset = C - u;
+    }), n.splice(y, 1), s && s(c);
+  }, f = () => {
+    I(null, l);
+  }, c = r(
+    Ke,
+    {
+      message: e.message,
+      title: e.title,
+      type: e.type,
+      offset: o,
+      renderToBody: a,
+      position: e.position,
+      duration: e.duration ?? 3e3,
+      showClose: e.showClose ?? !0,
+      onClose: i,
+      onDestroy: f
+    },
+    S(e.message) || O(e.message) ? {
+      default: S(e.message) ? e.message : () => e.message
+    } : null
+  );
+  I(c, l), n.push(c), t == null || t.appendChild(l.firstChild);
+}, xl = {
+  install: function(e) {
+    Object.keys(Ie).forEach((t) => {
+      const l = Ie[t];
+      l.install && e.use(l);
+    });
+  }
+};
+export {
+  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
+};