@king-one/antdv 1.0.22 → 1.0.24

package/dist/es/components/scale-virtual-list/component/scale-virtual-list.vue2.mjs

@@ -0,0 +1,63 @@
+import { defineComponent as x, openBlock as t, createElementBlock as s, mergeProps as a, unref as e, createElementVNode as n, normalizeClass as _, Fragment as $, renderList as k, renderSlot as P } from "vue";
+import { defaultNamespace as l } from "../../../hooks/use-namespace/index.mjs";
+import { useVirtualList as g } from "../hooks/useVirtualList.mjs";
+const L = /* @__PURE__ */ x({
+  __name: "scale-virtual-list",
+  props: {
+    list: {},
+    option: {}
+  },
+  setup(i, { expose: c }) {
+    const o = i, { list: p, containerProps: u, wrapperProps: d, scrollTo: m, scaleTo: f } = g(o.list, o.option);
+    return c({
+      scrollTo: m,
+      scaleTo: f
+    }), (v, w) => (t(), s(
+      "div",
+      a({
+        class: `${e(l)}-scale-virtual-list`
+      }, e(u)),
+      [
+        n(
+          "div",
+          {
+            class: _(`${e(l)}-scale-virtual-list-container`)
+          },
+          [
+            n(
+              "div",
+              a({
+                class: `${e(l)}-scale-vittual-wrapper`
+              }, e(d)),
+              [
+                (t(!0), s(
+                  $,
+                  null,
+                  k(e(p), (r) => (t(), s("div", {
+                    key: r.index
+                  }, [
+                    P(v.$slots, "default", {
+                      item: r,
+                      index: r.index
+                    })
+                  ]))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              16
+              /* FULL_PROPS */
+            )
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      16
+      /* FULL_PROPS */
+    ));
+  }
+});
+export {
+  L as default
+};

package/dist/es/components/scale-virtual-list/component/types.mjs

@@ -0,0 +1 @@
+

package/dist/es/components/scale-virtual-list/hooks/useVirtualList.mjs

@@ -0,0 +1,156 @@
+import { ref as b, shallowRef as k, watch as E, computed as y } from "vue-demi";
+import { useElementSize as F } from "@vueuse/core";
+function q(n, t) {
+  const { containerStyle: c, wrapperProps: e, scrollTo: r, calculateRange: a, currentList: u, containerRef: o, scaleTo: s, state: l } = "itemHeight" in t ? K(t, n) : X(t, n);
+  return {
+    state: l,
+    scaleTo: s,
+    list: u,
+    scrollTo: r,
+    containerProps: {
+      ref: o,
+      onScroll: () => {
+        a();
+      },
+      style: c
+    },
+    wrapperProps: e
+  };
+}
+function C(n) {
+  const t = b(null), c = F(t), e = b([]), r = k(n);
+  return { state: b({ start: 0, end: 10, current: 0, scale: 1 }), source: r, currentList: e, size: c, containerRef: t };
+}
+function $(n, t, c) {
+  return (e) => {
+    const { start: r = 0, scale: a = 1 } = n.value;
+    if (typeof c == "number")
+      return Math.ceil(e / (c * a));
+    let u = 0, o = 0;
+    for (let s = r; s < t.value.length; s++) {
+      const l = c(s) * a;
+      if (u += l, o = s, u > e)
+        break;
+    }
+    return o - r;
+  };
+}
+function H(n, t, c) {
+  return (e) => {
+    const { scale: r = 1 } = c.value;
+    if (typeof t == "number")
+      return Math.floor(e / (t * r)) + 1;
+    let a = 0, u = 0;
+    for (let o = 0; o < n.value.length; o++) {
+      const s = t(o) * r;
+      if (a += s, a >= e) {
+        u = o;
+        break;
+      }
+    }
+    return u + 1;
+  };
+}
+function O(n, t, c, e, { containerRef: r, state: a, currentList: u, source: o }) {
+  return () => {
+    const s = r.value;
+    if (s) {
+      const l = c(n === "vertical" ? s.scrollTop : s.scrollLeft), h = e(n === "vertical" ? s.clientHeight : s.clientWidth), v = l - t, p = l + h + t;
+      a.value = {
+        start: v < 0 ? 0 : v,
+        end: p > o.value.length ? o.value.length : p,
+        current: l - 1,
+        scale: a.value.scale
+      }, u.value = o.value.slice(a.value.start, a.value.end).map((i, f) => ({
+        data: i,
+        index: f + a.value.start
+      }));
+    }
+  };
+}
+function P(n, t, c) {
+  return (e) => {
+    const { scale: r = 1 } = c.value;
+    return typeof n == "number" ? e * (n * r) : t.value.slice(0, e).reduce((u, o, s) => u + n(s) * r, 0);
+  };
+}
+function W(n, t, c, e) {
+  E([n.width, n.height, t, c], () => {
+    e();
+  });
+}
+function D(n, t, c) {
+  return y(() => {
+    const { scale: e = 1 } = c.value;
+    return typeof n == "number" ? t.value.length * n * e : t.value.reduce((r, a, u) => r + n(u) * e, 0);
+  });
+}
+const M = {
+  horizontal: "scrollLeft",
+  vertical: "scrollTop"
+};
+function G(n, t, c, e) {
+  return (r) => {
+    e.value && (e.value[M[n]] = c(r), t());
+  };
+}
+function X(n, t) {
+  const c = C(t), { state: e, source: r, currentList: a, size: u, containerRef: o } = c, s = { overflowX: "auto" }, { itemWidth: l, overscan: h = 5 } = n, v = $(e, r, l), p = H(r, l, e), i = O("horizontal", h, p, v, c), f = P(l, r, e), g = y(() => f(e.value.start)), w = D(l, r, e);
+  W(u, t, o, i);
+  const L = G("horizontal", i, f, o), R = (m) => {
+    e.value.scale = m;
+  }, V = y(() => ({
+    style: {
+      height: "100%",
+      width: `${w.value - g.value}px`,
+      marginLeft: `${g.value}px`,
+      display: "flex",
+      transform: `scale(${e.value.scale})`,
+      transformOrigin: "50% 0%"
+      // position: 'absolute',
+      // left: '50%'
+    }
+  }));
+  return {
+    state: e,
+    scaleTo: R,
+    scrollTo: L,
+    calculateRange: i,
+    wrapperProps: V,
+    containerStyle: s,
+    currentList: a,
+    containerRef: o
+  };
+}
+function K(n, t) {
+  const c = C(t), { state: e, source: r, currentList: a, size: u, containerRef: o } = c, s = { overflowY: "auto" }, { itemHeight: l, overscan: h = 5 } = n, v = $(e, r, l), p = H(r, l, e), i = O("vertical", h, p, v, c), f = P(l, r, e), g = y(() => f(e.value.start)), w = D(l, r, e);
+  W(u, t, o, i);
+  const L = G("vertical", i, f, o), R = (m) => {
+    const T = o.value;
+    if (T) {
+      const { current: x } = e.value;
+      let d = 0;
+      typeof l == "number" ? d = x * (m * l - e.value.scale * l) : d = r.value.slice(0, x).reduce((_, S, z) => _ + m * l(z) - e.value.scale * l(z), 0), T.scrollTop = T.scrollTop + d >= 0 ? T.scrollTop + d : 0, e.value.scale = m;
+    }
+  }, V = y(() => ({
+    style: {
+      height: `${w.value - g.value}px`,
+      marginTop: `${g.value}px`,
+      transform: `translateX(-50%) scale(${e.value.scale})`,
+      transformOrigin: "50% 0%"
+    }
+  }));
+  return {
+    state: e,
+    scaleTo: R,
+    calculateRange: i,
+    scrollTo: L,
+    containerStyle: s,
+    wrapperProps: V,
+    currentList: a,
+    containerRef: o
+  };
+}
+export {
+  q as useVirtualList
+};

package/dist/es/components/scale-virtual-list/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall as t } from "../utils/install.mjs";
+import "./component/scale-virtual-list.vue.mjs";
+import "./style/index.mjs";
+import "./component/types.mjs";
+import i from "./component/scale-virtual-list.vue2.mjs";
+const l = t(i);
+export {
+  l as KScaleVirtualList,
+  l as default
+};

package/dist/es/components/scale-virtual-list/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../base/style/index.mjs";
+import "@king-one/antdv/dist/theme-chalk/scale-virtual-list.css";

package/dist/es/components/scroll-bar/index.mjs

@@ -1,9 +1,9 @@
-import { withInstall } from '../utils/install.mjs';
-import ScrollBar from './src/scroll-bar.mjs';
-import './style/index.mjs';
-export { scrollbarProps } from './src/types.mjs';
-
-const KScrollBar = withInstall(ScrollBar);
-
-export { KScrollBar, KScrollBar as default };
-//# sourceMappingURL=index.mjs.map
+import { withInstall as r } from "../utils/install.mjs";
+import o from "./src/scroll-bar.mjs";
+import { scrollbarProps as s } from "./src/types.mjs";
+const a = r(o);
+export {
+  a as KScrollBar,
+  a as default,
+  s as scrollbarProps
+};