x-next 1.0.0 → 1.1.0

package/dist/components/trend-chart/themes.d.ts

@@ -1,3 +1,5 @@
+/** 网格与坐标轴辅助线颜色 */
+export declare const TrendChartAxisColor = "var(--x-color-border-subtle)";
 export declare const TrendChartTheme: {
     DANGER: {
         color: string;

package/dist/es/_container/client-only.js

@@ -0,0 +1,16 @@
+import { defineComponent as u, ref as r, onMounted as a } from "vue";
+const o = /* @__PURE__ */ u({
+  name: "ClientOnly",
+  setup(f, {
+    slots: e
+  }) {
+    const n = r(!1);
+    return a(() => n.value = !0), () => {
+      var t;
+      return n.value ? (t = e.default) == null ? void 0 : t.call(e) : null;
+    };
+  }
+});
+export {
+  o as default
+};

package/dist/es/_container/render-function.js

@@ -0,0 +1,16 @@
+import { defineComponent as e } from "vue";
+const r = e({
+  name: "RenderFunction",
+  props: {
+    renderFunc: {
+      type: Function,
+      required: !0
+    }
+  },
+  render() {
+    return this.renderFunc(this.$attrs);
+  }
+});
+export {
+  r as default
+};

package/dist/es/_container/resize-observer-v2.js

@@ -0,0 +1,45 @@
+import { defineComponent as p, watch as u, onBeforeUnmount as a } from "vue";
+import d from "../node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import { useFirstElement as v } from "../_hooks/use-first-element.js";
+const R = /* @__PURE__ */ p({
+  name: "ResizeObserver",
+  props: {
+    watchOnUpdated: Boolean
+  },
+  emits: [
+    /**
+     * resize 事件
+     * @property {ResizeObserverEntry} entry 触发 resize 的 dom 元素
+     */
+    "resize"
+  ],
+  setup(z, {
+    emit: o,
+    slots: n
+  }) {
+    const {
+      children: t,
+      firstElement: s
+    } = v();
+    let r;
+    const f = (e) => {
+      e && (r = new d((c) => {
+        const m = c[0];
+        o("resize", m);
+      }), r.observe(e));
+    }, i = () => {
+      r && (r.disconnect(), r = null);
+    };
+    return u(s, (e) => {
+      r && i(), e && f(e);
+    }), a(() => {
+      r && i();
+    }), () => {
+      var e;
+      return t.value = (e = n.default) == null ? void 0 : e.call(n), t.value;
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/es/_container/resize-observer.js

@@ -0,0 +1,36 @@
+import { defineComponent as u, watch as a, onBeforeUnmount as p } from "vue";
+import v from "../node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import { useFirstElement as d } from "../_hooks/use-first-element.js";
+const R = /* @__PURE__ */ u({
+  name: "ResizeObserver",
+  emits: ["resize"],
+  setup(z, {
+    emit: s,
+    slots: n
+  }) {
+    const {
+      children: t,
+      firstElement: o
+    } = d();
+    let e;
+    const f = (r) => {
+      e = new v((m) => {
+        const c = m[0];
+        s("resize", c);
+      }), e.observe(r);
+    }, i = () => {
+      e && (e.disconnect(), e = null);
+    };
+    return a(o, (r) => {
+      e && i(), r && f(r);
+    }), p(() => {
+      e && i();
+    }), () => {
+      var r;
+      return t.value = (r = n.default) == null ? void 0 : r.call(n), t.value;
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/es/_container/resize-trigger.vue.js

@@ -0,0 +1,39 @@
+import t from "./resize-trigger.vue2.js";
+import { resolveComponent as p, openBlock as l, createBlock as d, withCtx as m, createElementVNode as r, mergeProps as f, renderSlot as i, normalizeClass as n, createElementBlock as u, Fragment as w, renderList as $ } from "vue";
+import z from "../_virtual/_plugin-vue_export-helper.js";
+function C(e, s, y, R, v, g) {
+  const a = p("ResizeObserver");
+  return l(), d(a, { onResize: e.onResize }, {
+    default: m(() => [
+      r("div", f(e.wrapperAttrs, {
+        class: e.classNames,
+        style: e.attrStyle,
+        onMousedown: s[0] || (s[0] = (...o) => e.onMousedown && e.onMousedown(...o)),
+        onKeydown: s[1] || (s[1] = (...o) => e.onKeydown && e.onKeydown(...o))
+      }), [
+        i(e.$slots, "default", {}, () => [
+          r("div", {
+            class: n(`${e.prefixCls}-icon-wrapper`)
+          }, [
+            i(e.$slots, "icon", {}, () => [
+              r("span", {
+                class: n([`${e.prefixCls}-icon`, e.iconClassName]),
+                "aria-hidden": "true"
+              }, [
+                (l(), u(w, null, $(3, (o) => r("span", {
+                  key: o,
+                  class: n(`${e.prefixCls}-dot`)
+                }, null, 2)), 64))
+              ], 2)
+            ])
+          ], 2)
+        ])
+      ], 16)
+    ]),
+    _: 3
+  }, 8, ["onResize"]);
+}
+const K = /* @__PURE__ */ z(t, [["render", C]]);
+export {
+  K as default
+};

package/dist/es/_container/resize-trigger.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as v, toRefs as m, computed as s } from "vue";
+import z from "./resize-observer.js";
+const g = /* @__PURE__ */ v({
+  name: "ResizeTrigger",
+  inheritAttrs: !1,
+  components: {
+    ResizeObserver: z
+  },
+  props: {
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  emits: ["resize", "mousedown", "keydown"],
+  setup(a, {
+    attrs: n,
+    emit: r
+  }) {
+    const {
+      direction: l,
+      prefixCls: e
+    } = m(a), t = s(() => (l == null ? void 0 : l.value) === "horizontal"), i = s(() => {
+      const {
+        class: o,
+        style: $,
+        ...p
+      } = n;
+      return p;
+    }), u = s(() => n.style), c = s(() => [e.value, n.class, {
+      [`${e.value}-horizontal`]: t.value,
+      [`${e.value}-vertical`]: !t.value
+    }]), d = s(() => t.value ? `${e.value}-dots ${e.value}-dots-horizontal` : `${e.value}-dots ${e.value}-dots-vertical`);
+    return {
+      attrStyle: u,
+      wrapperAttrs: i,
+      classNames: c,
+      iconClassName: d,
+      onMousedown: (o) => {
+        r("mousedown", o);
+      },
+      onKeydown: (o) => {
+        r("keydown", o);
+      },
+      onResize: (o) => {
+        r("resize", o);
+      },
+      isHorizontal: t
+    };
+  }
+});
+export {
+  g as default
+};

package/dist/es/_hooks/use-children-components.js

@@ -0,0 +1,17 @@
+import { ref as s, onMounted as l, onUpdated as m } from "vue";
+import { getComponentsFromChildren as i } from "../_utils/vue-eco.js";
+const u = (r) => {
+  const o = {}, n = s([]), e = () => {
+    if (o.value) {
+      const t = i(o.value, r);
+      (t.length !== n.value.length || t.toString() !== n.value.toString()) && (n.value = t);
+    }
+  };
+  return l(() => e()), m(() => e()), {
+    children: o,
+    components: n
+  };
+};
+export {
+  u as useChildrenComponents
+};

package/dist/es/_hooks/use-component-ref.js

@@ -0,0 +1,16 @@
+import { ref as o, onMounted as u, watch as m } from "vue";
+import { isComponentInstance as f } from "../_utils/is.js";
+const c = (r) => {
+  const e = o(), t = () => f(e.value) ? e.value.$refs[r] : e.value, n = o();
+  return u(() => {
+    n.value = t();
+  }), m([e], () => {
+    n.value = t();
+  }), {
+    componentRef: e,
+    elementRef: n
+  };
+};
+export {
+  c as useComponentRef
+};

package/dist/es/_hooks/use-cursor.js

@@ -0,0 +1,36 @@
+import { ref as i } from "vue";
+function h(l) {
+  const o = i();
+  function u() {
+    if (!l.value) return;
+    const { selectionStart: e, selectionEnd: t, value: n } = l.value;
+    if (e == null || t == null) return;
+    const s = n.slice(0, Math.max(0, e)), r = n.slice(Math.max(0, t));
+    o.value = {
+      selectionStart: e,
+      selectionEnd: t,
+      value: n,
+      beforeTxt: s,
+      afterTxt: r
+    };
+  }
+  function c() {
+    if (!l.value || !o.value) return;
+    const { value: e } = l.value, { beforeTxt: t, afterTxt: n, selectionStart: s } = o.value;
+    if (!t || !n || !s) return;
+    let r = e.length;
+    if (e.endsWith(n))
+      r = e.length - n.length;
+    else if (e.startsWith(t))
+      r = t.length;
+    else {
+      const f = t[s - 1], a = e.indexOf(f, s - 1);
+      a !== -1 && (r = a + 1);
+    }
+    l.value.setSelectionRange(r, r);
+  }
+  return [u, c];
+}
+export {
+  h as useCursor
+};

package/dist/es/_hooks/use-first-element.js

@@ -0,0 +1,15 @@
+import { ref as o, onMounted as l, onUpdated as m } from "vue";
+import { getFirstElementFromChildren as s } from "../_utils/vue-eco.js";
+const u = () => {
+  const t = {}, e = o(), n = () => {
+    const r = s(t.value);
+    r !== e.value && (e.value = r);
+  };
+  return l(() => n()), m(() => n()), {
+    children: t,
+    firstElement: e
+  };
+};
+export {
+  u as useFirstElement
+};

package/dist/es/_hooks/use-form-item.js

@@ -0,0 +1,16 @@
+import { inject as p, computed as m, toRef as c } from "vue";
+import { formItemInjectionKey as I } from "../components/form/context.js";
+const l = ({ size: t, disabled: o, error: n, uninject: r } = {}) => {
+  const e = r ? {} : p(I, {}), f = m(() => (t == null ? void 0 : t.value) ?? e.size), u = m(() => (o == null ? void 0 : o.value) || e.disabled), a = m(() => (n == null ? void 0 : n.value) || e.error), s = c(e, "feedback"), v = c(e, "eventHandlers");
+  return {
+    formItemCtx: e,
+    mergedSize: f,
+    mergedDisabled: u,
+    mergedError: a,
+    feedback: s,
+    eventHandlers: v
+  };
+};
+export {
+  l as useFormItem
+};

package/dist/es/_hooks/use-index.js

@@ -0,0 +1,32 @@
+import { ref as c, computed as d, watch as f, onMounted as i, onUpdated as m } from "vue";
+import { isUndefined as I } from "../_utils/is.js";
+const w = ({
+  itemRef: l,
+  selector: s,
+  index: a,
+  parentClassName: n
+}) => {
+  const t = c(-1), p = d(() => (a == null ? void 0 : a.value) ?? t.value), u = c(), o = () => {
+    var v;
+    let e = ((v = l.value) == null ? void 0 : v.parentElement) ?? void 0;
+    if (n)
+      for (; e && !e.className.includes(n); )
+        e = e.parentElement ?? void 0;
+    return e;
+  }, r = () => {
+    if (I(a == null ? void 0 : a.value) && u.value && l.value) {
+      const e = Array.from(u.value.querySelectorAll(s)).indexOf(l.value);
+      e !== t.value && (t.value = e);
+    }
+  };
+  return f(l, () => {
+    l.value && !u.value && (u.value = o());
+  }), i(() => {
+    l.value && (u.value = o()), r();
+  }), m(() => r()), {
+    innerIndex: p
+  };
+};
+export {
+  w as useIndex
+};

package/dist/es/_hooks/use-input.js

@@ -0,0 +1,59 @@
+import { ref as n, computed as b, watch as m, nextTick as w } from "vue";
+import { Enter as K } from "../_utils/keycode.js";
+const T = ({
+  defaultValue: p,
+  modelValue: e,
+  emit: s,
+  eventName: g = "input",
+  updateEventName: I = "update:modelValue",
+  eventHandlers: t
+}) => {
+  const a = n(), f = n((p == null ? void 0 : p.value) ?? ""), v = n(!1), i = n(!1), h = n("");
+  let r;
+  const l = b(() => (e == null ? void 0 : e.value) ?? f.value), y = (u, o) => {
+    f.value = u, s(I, u), s(g, u, o);
+  }, x = (u) => {
+    var c, C;
+    const { value: o } = u.target;
+    i.value || (y(o, u), (C = (c = t == null ? void 0 : t.value) == null ? void 0 : c.onInput) == null || C.call(c, u), w(() => {
+      a.value && l.value !== a.value.value && (a.value.value = l.value);
+    }));
+  }, k = (u) => {
+    g === "input" && l.value !== r && (r = l.value, s("change", l.value, u));
+  }, B = (u) => {
+    const { value: o } = u.target;
+    u.type === "compositionend" ? (i.value = !1, h.value = "", y(o, u), w(() => {
+      a.value && l.value !== a.value.value && (a.value.value = l.value);
+    })) : (i.value = !0, h.value = l.value + (u.data ?? ""));
+  }, D = (u) => {
+    var o, c;
+    v.value = !0, r = l.value, s("focus", u), (c = (o = t == null ? void 0 : t.value) == null ? void 0 : o.onFocus) == null || c.call(o, u);
+  }, E = (u) => {
+    var o, c;
+    v.value = !1, s("blur", u), (c = (o = t == null ? void 0 : t.value) == null ? void 0 : o.onBlur) == null || c.call(o, u), k(u);
+  }, F = (u) => {
+    const o = u.key || u.code;
+    !i.value && o === K.key && (s("pressEnter", u), k(u));
+  }, _ = (u) => {
+    a.value && u.target !== a.value && (u.preventDefault(), a.value.focus());
+  };
+  return m(l, (u) => {
+    a.value && u !== a.value.value && (a.value.value = u);
+  }), {
+    inputRef: a,
+    _value: f,
+    _focused: v,
+    isComposition: i,
+    compositionValue: h,
+    computedValue: l,
+    handleInput: x,
+    handleComposition: B,
+    handleFocus: D,
+    handleBlur: E,
+    handleKeyDown: F,
+    handleMousedown: _
+  };
+};
+export {
+  T as useInput
+};

package/dist/es/_hooks/use-merge-state.js

@@ -0,0 +1,16 @@
+import { toRefs as m, watch as s, computed as c } from "vue";
+import { isUndefined as t } from "../_utils/is.js";
+import n from "./use-state.js";
+function p(u, l) {
+  const { value: e } = m(l), [a, o] = n(
+    t(e.value) ? u : e.value
+  );
+  return s(e, (r) => {
+    t(r) && o(void 0);
+  }), [c(
+    () => t(e.value) ? a.value : e.value
+  ), o, a];
+}
+export {
+  p as default
+};

package/dist/es/_hooks/use-overflow.js

@@ -0,0 +1,46 @@
+import { watch as u } from "vue";
+import { setStyle as i, getStyle as h, getScrollBarWidth as c, isScroll as a } from "../_utils/dom.js";
+const y = (o, s) => {
+  let t = !1;
+  const e = {
+    overflow: "",
+    width: ""
+  }, w = (l) => l.tagName === "BODY", r = () => {
+    if (o.value) {
+      const l = o.value;
+      if (!t && l.style.overflow !== "hidden") {
+        const v = c(l);
+        if (v > 0 || a(l)) {
+          e.overflow = l.style.overflow, e.width = l.style.width;
+          let d = 0;
+          w(l) && (d = l.getBoundingClientRect().left || 0), i(l, {
+            width: `calc(100% - ${Math.ceil(v - d)}px)`,
+            overflow: "hidden"
+          }), t = !0;
+        }
+      }
+    }
+  }, f = () => {
+    if (o.value && t) {
+      const l = o.value;
+      i(l, {
+        overflow: e.overflow,
+        width: e.width
+      }), t = !1;
+    }
+  };
+  return u(
+    () => s == null ? void 0 : s.value,
+    (l) => {
+      o.value && !w(o.value) && (l && i(l, {
+        position: "absolute"
+      }), h(o.value, "position") === "static" && i(o.value, { position: "relative" }));
+    }
+  ), {
+    setOverflowHidden: r,
+    resetOverflow: f
+  };
+};
+export {
+  y as useOverflow
+};

package/dist/es/_hooks/use-pick-slots.js

@@ -0,0 +1,11 @@
+import { ref as r, onUpdated as u } from "vue";
+function a(e, o) {
+  const t = r(e[o]);
+  return u(() => {
+    const n = e[o];
+    t.value !== n && (t.value = n);
+  }), t;
+}
+export {
+  a as default
+};

package/dist/es/_hooks/use-popup-container.js

@@ -0,0 +1,12 @@
+import { toRefs as r, computed as n } from "vue";
+import { querySelector as u } from "../_utils/dom.js";
+import { isString as i } from "../_utils/is.js";
+function f(t, e) {
+  const { popupContainer: o } = r(e);
+  return n(
+    () => (i(o.value) ? u(o.value) : o.value) || t
+  );
+}
+export {
+  f as default
+};

package/dist/es/_hooks/use-popup-manager.js

@@ -0,0 +1,51 @@
+var c = Object.defineProperty;
+var i = (o, e, t) => e in o ? c(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var p = (o, e, t) => i(o, typeof e != "symbol" ? e + "" : e, t);
+import { ref as l, watch as g, onMounted as S, onBeforeUnmount as f, readonly as m } from "vue";
+const h = 1e3, k = 3e3, E = 1;
+class _ {
+  constructor() {
+    p(this, "popupStack", {
+      popup: /* @__PURE__ */ new Set(),
+      dialog: /* @__PURE__ */ new Set(),
+      message: /* @__PURE__ */ new Set()
+    });
+    p(this, "getNextZIndex", (e) => (e === "message" ? Array.from(this.popupStack.message).pop() || k : Array.from(this.popupStack.popup).pop() || h) + E);
+    p(this, "add", (e) => {
+      const t = this.getNextZIndex(e);
+      return this.popupStack[e].add(t), e === "dialog" && this.popupStack.popup.add(t), t;
+    });
+    p(this, "delete", (e, t) => {
+      this.popupStack[t].delete(e), t === "dialog" && this.popupStack.popup.delete(e);
+    });
+    p(this, "isLastDialog", (e) => this.popupStack.dialog.size > 1 ? e === Array.from(this.popupStack.dialog).pop() : !0);
+  }
+}
+const u = new _();
+function A(o, {
+  visible: e,
+  runOnMounted: t
+} = {}) {
+  const a = l(0), n = () => {
+    a.value = u.add(o);
+  }, r = () => {
+    u.delete(a.value, o);
+  }, s = () => o === "dialog" ? u.isLastDialog(a.value) : !1;
+  return g(
+    () => e == null ? void 0 : e.value,
+    (d) => {
+      d ? n() : r();
+    },
+    {
+      immediate: !0
+    }
+  ), t && (S(n), f(r)), {
+    zIndex: m(a),
+    open: n,
+    close: r,
+    isLastDialog: s
+  };
+}
+export {
+  A as default
+};

package/dist/es/_hooks/use-popup-overflow-hidden.js

@@ -0,0 +1,29 @@
+import { toRefs as s, watchEffect as u } from "vue";
+function h(a) {
+  const { container: t, hidden: d } = s(a);
+  let n = !1, l = {};
+  const c = (e) => e.tagName === "BODY" ? window.innerWidth - (document.body.clientWidth || document.documentElement.clientWidth) : e.offsetWidth - e.clientWidth, r = () => {
+    if (t.value && t.value.style.overflow !== "hidden") {
+      const e = t.value.style;
+      n = !0;
+      const o = c(t.value);
+      o && (l.width = e.width, t.value.style.width = `calc(${t.value.style.width || "100%"} - ${o}px)`), l.overflow = e.overflow, t.value.style.overflow = "hidden";
+    }
+  }, i = () => {
+    if (t.value && n) {
+      const e = l;
+      Object.keys(e).forEach((o) => {
+        t.value.style[o] = e[o];
+      });
+    }
+    n = !1, l = {};
+  };
+  return u((e) => {
+    d.value ? r() : i(), e(() => {
+      i();
+    });
+  }), [i, r];
+}
+export {
+  h as default
+};

package/dist/es/_hooks/use-pure-prop.js

@@ -0,0 +1,11 @@
+import { toRef as u, shallowRef as s, watch as f } from "vue";
+import { isEqual as i } from "../_utils/is-equal.js";
+const p = (r, a) => {
+  const o = u(r, a), e = s(o.value);
+  return f(o, (t, l) => {
+    i(t, l) || (e.value = t);
+  }), e;
+};
+export {
+  p as usePureProp
+};

package/dist/es/_hooks/use-resize-observer.js

@@ -0,0 +1,22 @@
+import o from "../node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import { isFunction as n } from "../_utils/is.js";
+const O = ({
+  elementRef: r,
+  onResize: s
+}) => {
+  let e;
+  return {
+    createResizeObserver: () => {
+      r.value && (e = new o((t) => {
+        const i = t[0];
+        n(s) && s(i);
+      }), e.observe(r.value));
+    },
+    destroyResizeObserver: () => {
+      e && (e.disconnect(), e = null);
+    }
+  };
+};
+export {
+  O as useResizeObserver
+};

package/dist/es/_hooks/use-responsive.js

@@ -0,0 +1,20 @@
+import { computed as t, isRef as f, onMounted as v, onUnmounted as l } from "vue";
+import n from "../_utils/responsive-observe.js";
+function b(e, r) {
+  const s = t(
+    () => f(e) ? e.value : e
+  );
+  let u = "";
+  v(() => {
+    u = n.subscribe(
+      (i, o) => {
+        s.value && (!o || o === s.value) && r(!!i[s.value]);
+      }
+    );
+  }), l(() => {
+    u && n.unsubscribe(u);
+  });
+}
+export {
+  b as useResponsive
+};

package/dist/es/_hooks/use-scrollbar.js

@@ -0,0 +1,18 @@
+import { computed as e } from "vue";
+import { isBoolean as u } from "../_utils/is.js";
+const i = (o) => {
+  const r = e(() => !!o.value), t = e(() => {
+    if (o.value)
+      return {
+        type: "embed",
+        ...u(o.value) ? void 0 : o.value
+      };
+  });
+  return {
+    displayScrollbar: r,
+    scrollbarProps: t
+  };
+};
+export {
+  i as useScrollbar
+};