@king-one/antdv 1.0.22 → 1.0.23

package/dist/es/components/scroll-bar/src/scroll-bar.js

@@ -0,0 +1,169 @@
+import { defineComponent as ae, onMounted as ce, ref as a, computed as c } from "vue";
+import { VResizeObserver as j } from "vueuc";
+import { off as g, on as z } from "evtd";
+import { defaultNamespace as u } from "../../../hooks/use-namespace/index.js";
+import { scrollbarProps as ie } from "./types.js";
+const ve = ae({
+  name: "KScrollbar",
+  props: ie,
+  inheritAttrs: !1,
+  setup(l) {
+    ce(() => {
+      l.container || d();
+    });
+    const y = () => {
+      d();
+    }, M = () => {
+      d();
+    }, w = a(null), h = a(null), T = a(null), v = a(null), s = a(null), R = a(null), f = a(null), m = a(null), P = a(null), b = a(null), k = c(() => {
+      var e;
+      return ((e = l.content) == null ? void 0 : e.call(l)) || w.value;
+    }), x = c(() => {
+      var e;
+      return ((e = l.container) == null ? void 0 : e.call(l)) || h.value;
+    }), X = a(0), Y = a(0), q = c(() => {
+      const { value: e } = f, { value: t } = s;
+      return e !== null && t !== null && t > e;
+    }), C = c(() => {
+      const { value: e } = f, { value: t } = s, { value: n } = P;
+      return e === null || t === null || n === null ? 0 : Math.min(e, n * e / t + 5 * 1.5);
+    }), F = c(() => `${C.value}px`), G = c(() => {
+      const { value: e } = f, { value: t } = X, { value: n } = s, { value: r } = P;
+      if (e === null || n === null || r === null)
+        return 0;
+      {
+        const o = n - e;
+        return o ? t / o * (r - C.value) : 0;
+      }
+    }), J = c(() => `${G.value}px`);
+    let E = !1, D = 0, U = 0, B, p;
+    const _ = (e) => {
+      if (!E)
+        return;
+      p !== void 0 && window.clearTimeout(p), B !== void 0 && window.clearTimeout(B);
+      const { value: t } = f, { value: n } = s, { value: r } = C;
+      if (t === null || n === null)
+        return;
+      const W = (e.clientY - U) * (n - t) / (t - r), $ = n - t;
+      let i = D + W;
+      i = Math.min($, i), i = Math.max(i, 0);
+      const { value: S } = x;
+      S && (S.scrollTop = i);
+    }, N = (e) => {
+      e.preventDefault(), e.stopPropagation(), g("mousemove", window, _, !0), g("mouseup", window, N, !0), E = !1, d();
+    }, Q = (e) => {
+      e.preventDefault(), e.stopPropagation(), z("mousemove", window, _, !0), z("mouseup", window, N, !0), D = X.value, U = e.clientY, E = !0;
+    };
+    function Z(e) {
+      const { onScroll: t } = l;
+      t && t(e), O();
+    }
+    const ee = c(() => {
+      const { value: e } = m, { value: t } = R;
+      return e !== null && t !== null && t > e;
+    }), H = c(() => {
+      const { value: e } = m, { value: t } = R, { value: n } = b;
+      return e === null || t === null || n === null ? 0 : n * e / t + 5 * 1.5;
+    }), te = c(() => `${H.value}px`), ne = c(() => {
+      const { value: e } = m, { value: t } = Y, { value: n } = R, { value: r } = b;
+      if (e === null || n === null || r === null)
+        return 0;
+      {
+        const o = n - e;
+        return o ? t / o * (r - H.value) : 0;
+      }
+    }), le = c(() => `${ne.value}px`);
+    let L = !1, V = 0, I = 0;
+    const A = (e) => {
+      if (!L)
+        return;
+      p !== void 0 && window.clearTimeout(p), B !== void 0 && window.clearTimeout(B);
+      const { value: t } = m, { value: n } = R, { value: r } = H;
+      if (t === null || n === null)
+        return;
+      const W = (e.clientX - I) * (n - t) / (t - r), $ = n - t;
+      let i = V + W;
+      i = Math.min($, i), i = Math.max(i, 0);
+      const { value: S } = x;
+      S && (S.scrollLeft = i);
+    }, K = (e) => {
+      e.preventDefault(), e.stopPropagation(), g("mousemove", window, A, !0), g("mouseup", window, K, !0), L = !1, d();
+    };
+    function oe(e) {
+      e.preventDefault(), e.stopPropagation(), L = !0, z("mousemove", window, A, !0), z("mouseup", window, K, !0), V = Y.value, I = e.clientX;
+    }
+    function O() {
+      const { value: e } = x;
+      e && (X.value = e.scrollTop, Y.value = e.scrollLeft);
+    }
+    const re = () => {
+      const { value: e } = k;
+      if (e) {
+        const o = e.getBoundingClientRect();
+        s.value = o.height, R.value = o.width;
+      }
+      const { value: t } = x;
+      if (t) {
+        const o = t.getBoundingClientRect();
+        f.value = o.height, m.value = o.width;
+      }
+      const { value: n } = T;
+      n && (P.value = n.offsetHeight);
+      const { value: r } = v;
+      r && (b.value = r.offsetWidth);
+    };
+    function d() {
+      re(), O();
+    }
+    return {
+      sync: d,
+      handleContentResize: y,
+      handleContainerResize: M,
+      contentRef: w,
+      yRailRef: T,
+      xRailRef: v,
+      containerRef: h,
+      contentHeightRef: s,
+      containerHeightRef: f,
+      needYBarRef: q,
+      needXBarRef: ee,
+      yBarSizePxRef: F,
+      handleYScrollMouseDown: Q,
+      handleXScrollMouseDown: oe,
+      yBarTopPxRef: J,
+      handleScroll: Z,
+      xBarSizePxRef: te,
+      xBarLeftPxRef: le
+    };
+  },
+  render() {
+    const { $slots: l, xScrollable: y } = this, M = () => /* @__PURE__ */ React.createElement("div", { class: `${u}-scrollbar-rail ${u}-scrollbar-rail--horizontal`, ref: "xRailRef" }, this.needXBarRef && /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        class: `${u}-scrollbar-rail__scrollbar--horizontal`,
+        style: {
+          width: this.xBarSizePxRef,
+          left: this.xBarLeftPxRef
+        },
+        onMousedown: this.handleXScrollMouseDown
+      }
+    )), w = () => /* @__PURE__ */ React.createElement("div", { class: `${u}-scrollbar-rail ${u}-scrollbar-rail--vertical`, ref: "yRailRef" }, this.needYBarRef && /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        class: `${u}-scrollbar-rail__scrollbar--vertical`,
+        style: {
+          height: this.yBarSizePxRef,
+          top: this.yBarTopPxRef
+        },
+        onMousedown: this.handleYScrollMouseDown
+      }
+    )), h = () => {
+      var v, s;
+      return /* @__PURE__ */ React.createElement("div", { class: `${u}-scrollbar`, ...this.$attrs }, this.container ? (v = l.default) == null ? void 0 : v.call(l) : /* @__PURE__ */ React.createElement("div", { class: `${u}-scrollbar-container`, onScroll: this.handleScroll, ref: "containerRef" }, /* @__PURE__ */ React.createElement(j, { onResize: this.handleContentResize }, /* @__PURE__ */ React.createElement("div", { ref: "contentRef", class: `${u}-scrollbar-content` }, (s = l.default) == null ? void 0 : s.call(l)))), w(), y && M());
+    };
+    return this.container ? h() : /* @__PURE__ */ React.createElement(j, { onResize: this.handleContainerResize }, h());
+  }
+});
+export {
+  ve as default
+};

package/dist/es/components/scroll-bar/src/{types.mjs → types.js}

@@ -1,9 +1,9 @@
-const scrollbarProps = {
+const o = {
   container: Function,
   content: Function,
   onScroll: Function,
   xScrollable: Boolean
 };
-
-export { scrollbarProps };
-//# sourceMappingURL=types.mjs.map
+export {
+  o as scrollbarProps
+};

package/dist/es/components/utils/install.js

@@ -0,0 +1,19 @@
+const i = "K";
+function c(t) {
+  return t.install = (n) => {
+    const e = t;
+    n.component(i + e.name, e);
+  }, t;
+}
+function l(t, n) {
+  return {
+    install: (e) => {
+      e.directive(n, t);
+    },
+    directive: t
+  };
+}
+export {
+  c as withInstall,
+  l as withInstallDirectives
+};

package/dist/es/components/virtual-list/index.js

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../utils/install.js";
+import "./src/virtual-list.vue.js";
+import { virtualListProps as f } from "./src/types.js";
+import r from "./src/virtual-list.vue2.js";
+const s = t(r);
+export {
+  s as KVirtualList,
+  s as default,
+  f as virtualListProps
+};

package/dist/es/components/virtual-list/src/{types.mjs → types.js}

@@ -1,11 +1,11 @@
-const virtualListProps = {
+const e = {
   items: {
     type: Array,
     default: () => []
   },
   itemSize: {
     type: Number,
-    required: true
+    required: !0
   },
   itemResizable: Boolean,
   paddingTop: {
@@ -25,6 +25,6 @@ const virtualListProps = {
   onWheel: Function,
   onResize: Function
 };
-
-export { virtualListProps };
-//# sourceMappingURL=types.mjs.map
+export {
+  e as virtualListProps
+};

package/dist/es/components/virtual-list/src/virtual-list.vue.js

@@ -0,0 +1,4 @@
+import f from "./virtual-list.vue2.js";
+export {
+  f as default
+};

package/dist/es/components/virtual-list/src/virtual-list.vue2.js

@@ -0,0 +1,87 @@
+import { defineComponent as h, ref as u, toRaw as S, onMounted as z, openBlock as y, createBlock as I, unref as f, withCtx as m, createVNode as T, renderSlot as w } from "vue";
+import { VVirtualList as L } from "vueuc";
+import { debounce as k } from "lodash-es";
+import { KScrollBar as B } from "../../scroll-bar/index.js";
+import { virtualListProps as C } from "./types.js";
+const M = /* @__PURE__ */ h({
+  __name: "virtual-list",
+  props: C,
+  setup(p, { expose: d }) {
+    const n = p, t = u(null), s = u(null);
+    function a() {
+      var e;
+      return (e = t.value) == null ? void 0 : e.listElRef;
+    }
+    function c() {
+      var e;
+      return (e = t.value) == null ? void 0 : e.itemsElRef;
+    }
+    const i = () => {
+      var e;
+      return (e = s.value) == null ? void 0 : e.sync();
+    }, b = k(() => {
+      var e;
+      if (t.value) {
+        const r = t.value.listElRef.scrollTop, o = t.value.viewportItems.map((l) => S(l));
+        (e = n.onScroll) == null || e.call(n, { viewportItems: o, scrollTop: r });
+      }
+    }, 100);
+    function v() {
+      b(), i();
+    }
+    z(() => {
+      setTimeout(() => {
+        i();
+      }, 100);
+    });
+    function g() {
+      i();
+    }
+    function R(e, r) {
+      var o, l;
+      typeof e == "number" ? (o = t.value) == null || o.scrollTo(e, r ?? 0) : (l = t.value) == null || l.scrollTo(e);
+    }
+    return d({
+      getScrollContainer: a,
+      getScrollContent: c,
+      scrollTo: R
+    }), (e, r) => (y(), I(f(B), {
+      ref_key: "scrollbarInstRef",
+      ref: s,
+      style: { "max-height": "300px" },
+      "x-scrollable": e.xScrollable,
+      container: a,
+      content: c
+    }, {
+      default: m(() => [
+        T(f(L), {
+          ref_key: "virtualListInstRef",
+          ref: t,
+          items: e.items,
+          style: { height: "100%" },
+          "item-size": e.itemSize,
+          "item-resizable": e.itemResizable,
+          "show-scrollbar": !1,
+          "padding-bottom": e.paddingBottom,
+          "padding-top": e.paddingTop,
+          "on-scroll": v,
+          "on-resize": g
+        }, {
+          default: m(({ item: o, index: l }) => [
+            w(e.$slots, "default", {
+              item: o,
+              index: l
+            })
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["items", "item-size", "item-resizable", "padding-bottom", "padding-top"])
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["x-scrollable"]));
+  }
+});
+export {
+  M as default
+};

package/dist/es/hooks/use-namespace/index.js

@@ -0,0 +1,49 @@
+import { getCurrentInstance as p, inject as N, ref as v, computed as V, unref as y } from "vue";
+const m = "king", i = "is-";
+function c(t, r, n, o, $) {
+  let u = `${t}-${r}`;
+  return n && (u += `-${n}`), o && (u += `__${o}`), $ && (u += `--${$}`), u;
+}
+const l = Symbol("namespaceContextKey");
+function B(t) {
+  const r = t || (p() ? N(l, v(m)) : v(m));
+  return V(() => y(r) || m);
+}
+function d(t, r) {
+  const n = B(r);
+  return {
+    namespace: n,
+    b: (s = "") => c(n.value, t, s, "", ""),
+    e: (s) => s ? c(n.value, t, "", s, "") : "",
+    m: (s) => s ? c(n.value, t, "", "", s) : "",
+    be: (s, e) => s && e ? c(n.value, t, s, e, "") : "",
+    em: (s, e) => s && e ? c(n.value, t, "", s, e) : "",
+    bm: (s, e) => s && e ? c(n.value, t, s, "", e) : "",
+    bem: (s, e, a) => s && e && a ? c(n.value, t, s, e, a) : "",
+    is: (s, ...e) => {
+      const a = e.length >= 1 ? e[0] : !0;
+      return s && a ? `${i}${s}` : "";
+    },
+    // css
+    cssVar: (s) => {
+      const e = {};
+      for (const a in s)
+        s[a] && (e[`--${n.value}-${a}`] = s[a]);
+      return e;
+    },
+    cssVarName: (s) => `--${n.value}-${s}`,
+    cssVarBlock: (s) => {
+      const e = {};
+      for (const a in s)
+        s[a] && (e[`--${n.value}-${t}-${a}`] = s[a]);
+      return e;
+    },
+    cssVarBlockName: (s) => `--${n.value}-${t}-${s}`
+  };
+}
+export {
+  m as defaultNamespace,
+  l as namespaceContextKey,
+  B as useGetDerivedNamespace,
+  d as useNamespace
+};

package/dist/es/index.js

@@ -0,0 +1,30 @@
+import r from "./installer.js";
+import "./components/index.js";
+import { formType as l } from "./components/form/component/form.js";
+import { KForm as a } from "./components/form/index.js";
+import { virtualListProps as i } from "./components/virtual-list/src/types.js";
+import { KVirtualList as x } from "./components/virtual-list/index.js";
+import { collapseProps as P } from "./components/collapse-transtion/src/types.js";
+import { KCollapseTranstion as g } from "./components/collapse-transtion/index.js";
+import { useProDialog as n, useProDialogInit as D } from "./components/pro-dialog/hooks/useProDialog.js";
+import { proDialogProps as S } from "./components/pro-dialog/src/types.js";
+import { KProDialog as V } from "./components/pro-dialog/index.js";
+import { scrollbarProps as d } from "./components/scroll-bar/src/types.js";
+import { KScrollBar as y } from "./components/scroll-bar/index.js";
+import { KScaleVirtualList as C } from "./components/scale-virtual-list/index.js";
+export {
+  g as KCollapseTranstion,
+  a as KForm,
+  V as KProDialog,
+  C as KScaleVirtualList,
+  y as KScrollBar,
+  x as KVirtualList,
+  P as collapseProps,
+  r as default,
+  l as formType,
+  S as proDialogProps,
+  d as scrollbarProps,
+  n as useProDialog,
+  D as useProDialogInit,
+  i as virtualListProps
+};

package/dist/es/installer.js

@@ -0,0 +1,14 @@
+import "./components/index.js";
+import { KForm as r } from "./components/form/index.js";
+import { KVirtualList as i } from "./components/virtual-list/index.js";
+const n = [r, i];
+function m(o) {
+  n.forEach((t) => o.use(t));
+}
+const c = {
+  install: m
+};
+export {
+  c as default,
+  m as install
+};