@vtable-guild/vtable-guild 2.7.1 → 2.8.1

package/dist/core/src/components/VirtualList/VirtualList.mjs

@@ -1,43 +1,44 @@
-import Re from "./Filler.mjs";
-import ze from "./hooks/useChildren.mjs";
-import Be from "./hooks/useFrameWheel.mjs";
-import { useGetSize as Ce } from "./hooks/useGetSize.mjs";
-import we from "./hooks/useHeights.mjs";
-import Te from "./hooks/useMobileTouchMove.mjs";
-import Ve from "./hooks/useScrollDrag.mjs";
-import Ie from "./hooks/useScrollTo.mjs";
-import oe from "./VirtualScrollBar.mjs";
-import { getSpinSize as ue } from "./utils/scrollbarUtil.mjs";
-import { PrefixSums as Ae } from "./utils/PrefixSums.mjs";
-import { defineComponent as We, computed as y, watch as H, shallowRef as _, ref as u, unref as ke, toRaw as Fe, onBeforeUnmount as Oe, createVNode as D } from "vue";
-const re = [], De = {
+import Be from "./Filler.mjs";
+import Ce from "./hooks/useChildren.mjs";
+import Te from "./hooks/useFrameWheel.mjs";
+import { useGetSize as we } from "./hooks/useGetSize.mjs";
+import Ie from "./hooks/useHeights.mjs";
+import Ve from "./hooks/useMobileTouchMove.mjs";
+import Ae from "./hooks/useScrollDrag.mjs";
+import We from "./hooks/useScrollTo.mjs";
+import re from "./VirtualScrollBar.mjs";
+import { getSpinSize as ce } from "./utils/scrollbarUtil.mjs";
+import { PrefixSums as ke } from "./utils/PrefixSums.mjs";
+import { defineComponent as Fe, computed as H, watch as x, shallowRef as q, ref as u, unref as De, toRaw as Ke, onBeforeUnmount as Oe, createVNode as P } from "vue";
+const se = [], Pe = {
   overflowY: "auto",
   overflowAnchor: "none"
 };
-function Ke(t) {
+function je(t) {
   const m = {};
   for (const h of Object.keys(t))
     h.startsWith("on") || (m[h] = t[h]);
   return m;
 }
-function Pe(t, m, h, L) {
-  let R = t.findIndex(h);
-  R >= m && (R = 0);
-  let x = t.findIndex(h + L + 1);
-  return x >= m && (x = m - 1), x = Math.min(x + 1, m - 1), {
+function Le(t, m, h, $) {
+  let z = t.findIndex(h);
+  z >= m && (z = 0);
+  let M = t.findIndex(h + $ + 1);
+  return M >= m && (M = m - 1), M = Math.min(M + 1, m - 1), {
     scrollHeight: t.total,
-    start: R,
-    end: x,
-    offset: t.offsetOf(R)
+    start: z,
+    end: M,
+    offset: t.offsetOf(z)
   };
 }
-const Qe = /* @__PURE__ */ We({
+const pe = /* @__PURE__ */ Fe({
   name: "VirtualList",
   props: {
     prefixCls: {
       type: String,
       default: "vtg-virtual-list"
     },
+    holderClass: String,
     data: {
       type: Array
     },
@@ -82,276 +83,282 @@ const Qe = /* @__PURE__ */ We({
   setup(t, {
     expose: m,
     attrs: h,
-    slots: L
+    slots: $
   }) {
-    const R = y(() => t.itemHeight);
-    let x = t.itemKey;
-    H(() => t.itemKey, (e) => {
-      x = e;
+    const z = H(() => t.itemHeight);
+    let M = t.itemKey;
+    x(() => t.itemKey, (e) => {
+      M = e;
     });
-    const V = (e) => {
-      const l = x;
-      return typeof l == "function" ? l(e) : e?.[l];
-    }, [ce, q, z, se] = we(V, void 0, void 0, () => t.disableHeightMeasure), r = _(t?.data || re);
-    H(() => t.data, () => {
-      r.value = t?.data || re;
+    const I = (e, l) => {
+      const a = M;
+      return typeof a == "function" ? a(e, l) : e?.[a];
+    }, [ve, G, B, fe] = Ie(I, void 0, void 0, () => t.disableHeightMeasure), c = q(t?.data || se);
+    x(() => t.data, () => {
+      c.value = t?.data || se;
     });
-    const A = y(() => !!(t.virtual !== !1 && t.height && t.itemHeight)), c = y(() => {
-      const e = r.value;
-      return A.value && e && (t.itemHeight * e.length > t.height || !!t.scrollWidth);
-    }), M = u(), G = u(), J = u(), K = u(!1), Q = _(), Z = _(), s = u(0), i = u(0), N = u(!1), p = u(0), ee = u(0), d = u(t.scrollWidth || 0), o = u(0), f = u(0), S = u(0), B = u(void 0);
-    function C(e) {
+    const W = H(() => !!(t.virtual !== !1 && t.height && t.itemHeight)), s = H(() => {
+      const e = c.value;
+      return W.value && e && (t.itemHeight * e.length > t.height || !!t.scrollWidth);
+    }), b = u(), J = u(), Q = u(), j = u(!1), Z = q(), p = q(), r = u(0), n = u(0), E = u(!1), ee = u(0), te = u(0), d = u(t.scrollWidth || 0), o = u(0), v = u(0), S = u(0), C = u(void 0);
+    function le(e) {
+      const l = o.value - t.height;
+      return Math.max(0, Math.min(e, l || 0));
+    }
+    function T(e) {
       let l;
-      typeof e == "function" ? l = e(s.value) : l = e;
-      const a = o.value - t.height, n = Math.max(0, Math.min(l, a || 0));
-      M.value && (M.value.scrollTop = n), s.value = n;
+      typeof e == "function" ? l = e(r.value) : l = e;
+      const a = le(l);
+      b.value && (b.value.scrollTop = a), r.value = a;
     }
-    const W = new Ae();
-    H([c, A, s, r, se, () => t.height], ([, , , e, l], a) => {
-      if (!a)
-        W.markAllDirty();
+    const V = new ke();
+    x([s, W, r, c, fe, () => t.height, () => t.itemHeight], ([, , , e, l, , a], i) => {
+      if (!i)
+        V.markAllDirty();
       else {
-        const [, , , b, X] = a;
-        e !== b ? W.markAllDirty() : l !== X && W.markDirtyFrom(f.value);
+        const [, , , y, U, , O] = i;
+        e !== y || a !== O ? V.markAllDirty() : l !== U && V.markDirtyFrom(v.value);
       }
-      if (!A.value) {
-        o.value = 0, f.value = 0, S.value = r.value.length - 1, B.value = void 0;
+      if (!W.value) {
+        o.value = 0, v.value = 0, S.value = c.value.length - 1, C.value = void 0;
         return;
       }
-      if (!c.value) {
-        o.value = G.value?.offsetHeight || 0, f.value = 0, S.value = r.value.length - 1, B.value = void 0;
+      if (!s.value) {
+        o.value = J.value?.offsetHeight || 0, v.value = 0, S.value = c.value.length - 1, C.value = void 0;
         return;
       }
       const {
-        itemHeight: n,
-        height: P
-      } = t, T = r.value.length;
-      if (!T) {
-        o.value = 0, f.value = 0, S.value = -1, B.value = 0;
+        itemHeight: R,
+        height: L
+      } = t, K = c.value.length;
+      if (!K) {
+        o.value = 0, v.value = 0, S.value = -1, C.value = 0;
         return;
       }
-      if (ke(z.id) === 0) {
-        const b = n, X = P, Y = Math.max(0, Math.floor(s.value / b)), be = Y * b;
-        let U = Y + Math.ceil(X / b);
-        U = Math.min(U + 1, T - 1), o.value = T * b, f.value = Y, S.value = U, B.value = be;
+      if (De(B.id) === 0) {
+        const y = R, U = L, O = Math.max(0, Math.floor(r.value / y)), ze = O * y;
+        let _ = O + Math.ceil(U / y);
+        _ = Math.min(_ + 1, K - 1), o.value = K * y, v.value = O, S.value = _, C.value = ze;
         return;
       }
-      const Me = Fe(r.value);
-      W.sync(T, (b) => z.get(V(Me[b])), n);
-      const j = Pe(W, T, s.value, P);
-      o.value = j.scrollHeight, f.value = j.start, S.value = j.end, B.value = j.offset;
+      const Re = Ke(c.value);
+      V.sync(K, (y) => B.get(I(Re[y], y)), R);
+      const N = Le(V, K, r.value, L);
+      o.value = N.scrollHeight, v.value = N.start, S.value = N.end, C.value = N.offset;
     }, {
       immediate: !0
-    }), H(o, () => {
-      const e = z.getRecord();
+    }), x(o, () => {
+      const e = B.getRecord();
       if (e.size === 1) {
-        const l = Array.from(e.keys())[0], a = e.get(l), n = r.value[f.value];
-        if (n && a === void 0 && V(n) === l) {
-          const P = z.get(l) - t.itemHeight;
-          C((T) => T + P);
+        const l = Array.from(e.keys())[0], a = e.get(l), i = c.value[v.value];
+        if (i && a === void 0 && I(i, v.value) === l) {
+          const R = B.get(l) - t.itemHeight;
+          T((L) => L + R);
         }
       }
-      if (A.value && t.height) {
+      if (W.value && t.height) {
         const l = Math.max(0, o.value - t.height);
-        s.value > l && C(l);
+        r.value > l && T(l);
       }
-      z.resetRecord();
+      B.resetRecord();
     });
     const g = u({
       width: 0,
       height: t.height || 0
     });
     let w = null, k = null;
-    const ve = (e) => {
+    const he = (e) => {
       k !== e && (w && k && w.unobserve(k), k = e, e && (w || (w = new ResizeObserver((l) => {
         const a = l[0];
         if (a) {
-          const n = a.target;
+          const i = a.target;
           g.value = {
-            width: n.offsetWidth,
-            height: n.offsetHeight
-          }, d.value = t.scrollWidth ?? n.offsetWidth;
+            width: i.offsetWidth,
+            height: i.offsetHeight
+          }, d.value = t.scrollWidth ?? i.offsetWidth;
         }
       })), w.observe(e)));
     };
     Oe(() => {
       w?.disconnect(), w = null, k = null;
     });
-    const v = y(() => t.direction === "rtl"), $ = () => ({
-      x: v.value ? -i.value : i.value,
-      y: s.value
-    }), E = u($()), F = (e, l = !1) => {
+    const f = H(() => t.direction === "rtl"), X = () => ({
+      x: f.value ? -n.value : n.value,
+      y: r.value
+    }), Y = u(X()), F = (e, l = !1) => {
       if (t.onVirtualScroll) {
         const a = {
-          ...$(),
+          ...X(),
           ...e
         };
-        (l || E.value.x !== a.x || E.value.y !== a.y) && (t.onVirtualScroll(a), E.value = a);
+        (l || Y.value.x !== a.x || Y.value.y !== a.y) && (t.onVirtualScroll(a), Y.value = a);
       }
-    }, I = y(() => Math.max(0, (d.value || 0) - g.value.width)), fe = y(() => s.value === 0), he = y(() => s.value + t.height >= o.value), de = y(() => i.value === 0), ge = y(() => i.value >= I.value), O = (e) => Math.max(0, Math.min(e, I.value));
-    H(I, () => {
-      i.value = O(i.value), F(void 0, !0);
+    }, A = H(() => Math.max(0, (d.value || 0) - g.value.width)), de = H(() => r.value === 0), ge = H(() => r.value + t.height >= o.value), me = H(() => n.value === 0), Se = H(() => n.value >= A.value), D = (e) => Math.max(0, Math.min(e, A.value));
+    x(A, () => {
+      n.value = D(n.value), F(void 0, !0);
     }, {
       flush: "post"
     });
-    const te = () => {
-      Q.value?.delayHidden(), Z.value?.delayHidden();
-    }, [me] = Be(c, fe, he, de, ge, I.value > 0, (e, l) => {
+    const ae = () => {
+      Z.value?.delayHidden(), p.value?.delayHidden();
+    }, [ye] = Te(s, de, ge, me, Se, A.value > 0, (e, l) => {
       if (l) {
-        const a = O(v.value ? i.value - e : i.value + e);
-        i.value = a, F({
-          x: v.value ? -a : a
+        const a = D(f.value ? n.value - e : n.value + e);
+        n.value = a, F({
+          x: f.value ? -a : a
         });
       } else
-        C((a) => a + e);
+        T((a) => a + e);
     });
-    Te(c, M, (e, l) => {
+    Ve(s, b, (e, l, a) => {
       if (e) {
-        const a = O(v.value ? i.value - l : i.value + l);
-        return i.value = a, F({
-          x: v.value ? -a : a
-        }), !0;
-      } else
-        return C((a) => a + l), !0;
-    }), Ve(c, M, (e) => {
-      C((l) => l + e);
+        const i = D(f.value ? n.value - l : n.value + l), R = i !== n.value;
+        return n.value = i, F({
+          x: f.value ? -i : i
+        }), a ? R : !0;
+      } else {
+        const i = le(r.value + l) !== r.value;
+        return T((R) => R + l), a ? i : !0;
+      }
+    }), Ae(s, b, (e) => {
+      T((l) => l + e);
     });
-    const le = (e, l) => {
-      l ? (i.value = e, F({
-        x: v.value ? -e : e
-      })) : C(e);
-    }, ae = () => {
-      N.value = !0;
-    }, ie = () => {
-      N.value = !1;
+    const ie = (e, l) => {
+      l ? (n.value = e, F({
+        x: f.value ? -e : e
+      })) : T(e);
+    }, ne = () => {
+      E.value = !0;
+    }, oe = () => {
+      E.value = !1;
     };
-    H([() => t.height, o, c, () => g.value.height], () => {
-      c.value && t.height && o.value && (p.value = ue(g.value.height, o.value));
+    x([() => t.height, o, s, () => g.value.height], () => {
+      s.value && t.height && o.value && (ee.value = ce(g.value.height, o.value));
     }, {
       immediate: !0
-    }), H([() => g.value.width, d], () => {
-      c.value && d.value && (ee.value = ue(g.value.width, d.value));
+    }), x([() => g.value.width, d], () => {
+      s.value && d.value && (te.value = ce(g.value.width, d.value));
     }, {
       immediate: !0
-    }), H(() => t.scrollWidth, (e) => {
-      d.value = e ?? g.value.width, i.value = O(i.value);
+    }), x(() => t.scrollWidth, (e) => {
+      d.value = e ?? g.value.width, n.value = D(n.value);
     }, {
       immediate: !0
     });
-    function Se(e) {
+    function He(e) {
       const l = e.currentTarget.scrollTop;
-      !A.value || !c.value ? s.value = l : l !== s.value && C(l), t.onScroll?.(e), F();
+      !W.value || !s.value ? r.value = l : l !== r.value && T(l), t.onScroll?.(e), F();
     }
-    const [ne, ye] = Ie(M, r, z, R, V, () => q(!0), (e) => {
-      const l = ye(), a = Math.max(o.value, l) - t.height, n = Math.max(0, Math.min(e, a || 0));
-      M.value && (M.value.scrollTop = n), s.value = n;
-    }, te, () => t.disableHeightMeasure);
+    const [ue, xe] = We(b, c, B, z, I, () => G(!0), (e) => {
+      const l = xe(), a = Math.max(o.value, l) - t.height, i = Math.max(0, Math.min(e, a || 0));
+      b.value && (b.value.scrollTop = i), r.value = i;
+    }, ae, () => t.disableHeightMeasure);
     m({
-      nativeElement: J,
-      getScrollInfo: $,
-      getHorizontalRange: () => I.value,
+      nativeElement: Q,
+      getScrollInfo: X,
+      getHorizontalRange: () => A.value,
       scrollTo: (e) => {
         function l(a) {
           return a && typeof a == "object" && ("left" in a || "top" in a);
         }
-        l(e) ? (e.left !== void 0 && (i.value = O(e.left)), ne(e.top)) : ne(e);
+        l(e) ? (e.left !== void 0 && (n.value = D(e.left)), ue(e.top)) : ue(e);
       }
-    }), H([f, S, r], () => {
+    }), x([v, S, c], () => {
       if (t.onVisibleChange) {
-        const e = r.value.slice(f.value, S.value + 1);
-        t.onVisibleChange(e, r.value);
+        const e = c.value.slice(v.value, S.value + 1);
+        t.onVisibleChange(e, c.value);
       }
     }, {
       flush: "post"
     });
-    const He = Ce(r, V, z, R), xe = ze(r, f, S, d, i, ce, (e, l, a) => L.default?.({
+    const Me = we(c, I, B, z), be = Ce(c, v, S, d, n, ve, (e, l, a) => $.default?.({
       item: e,
       index: l,
       ...a
     }), {
-      getKey: V
+      getKey: I
     });
     return () => {
       const e = {};
-      t.height && (e[t.fullHeight ? "height" : "maxHeight"] = `${t.height}px`, Object.assign(e, De), c.value && (e.overflowY = "hidden", I.value > 0 && (e.overflowX = "hidden"), N.value && (e.pointerEvents = "none")));
+      t.height && (e[t.fullHeight ? "height" : "maxHeight"] = `${t.height}px`, Object.assign(e, Pe), s.value && (e.overflowY = "hidden", A.value > 0 && (e.overflowX = "hidden"), E.value && (e.pointerEvents = "none")));
       const l = t.extraRender?.({
-        start: f.value,
+        start: v.value,
         end: S.value,
-        virtual: c.value,
-        offsetX: i.value,
-        offsetY: B.value || 0,
-        rtl: v.value,
-        getSize: He
+        virtual: s.value,
+        offsetX: n.value,
+        offsetY: C.value || 0,
+        rtl: f.value,
+        getSize: Me
       }), a = t.component;
-      return D("div", {
-        ref: J,
-        ...Ke(h),
+      return P("div", {
+        ref: Q,
+        ...je(h),
         style: {
           position: "relative",
           ...h.style
         },
-        dir: v.value ? "rtl" : void 0,
+        dir: f.value ? "rtl" : void 0,
         class: [t.prefixCls, {
-          [`${t.prefixCls}-rtl`]: v.value
+          [`${t.prefixCls}-rtl`]: f.value
         }, h.class],
         onMouseenter: () => {
-          K.value = !0;
+          j.value = !0;
         },
         onMouseleave: () => {
-          K.value = !1;
+          j.value = !1;
         }
-      }, [D(a, {
-        class: `${t.prefixCls}-holder`,
+      }, [P(a, {
+        class: [`${t.prefixCls}-holder`, t.holderClass],
         style: e,
-        ref: (n) => {
-          M.value = n?.$el ?? n, ve(n?.$el ?? n);
+        ref: (i) => {
+          b.value = i?.$el ?? i, he(i?.$el ?? i);
         },
-        onScroll: Se,
-        onWheel: me,
-        onMouseenter: te
+        onScroll: He,
+        onWheel: ye,
+        onMouseenter: ae
       }, {
-        default: () => [D(Re, {
+        default: () => [P(Be, {
           prefixCls: t.prefixCls,
           height: o.value,
-          offsetX: i.value,
-          offsetY: B.value,
+          offsetX: n.value,
+          offsetY: C.value,
           scrollWidth: d.value,
-          onInnerResize: q,
-          ref: G,
+          onInnerResize: G,
+          ref: J,
           innerProps: t.innerProps,
-          rtl: v.value,
+          rtl: f.value,
           extra: l
         }, {
-          default: () => [xe.value]
+          default: () => [be.value]
         })]
-      }), c.value && o.value > (t.height || 0) && D(oe, {
-        ref: Q,
+      }), s.value && o.value > (t.height || 0) && P(re, {
+        ref: Z,
         prefixCls: t.prefixCls,
-        scrollOffset: s.value,
+        scrollOffset: r.value,
         scrollRange: o.value,
-        rtl: v.value,
-        onScroll: le,
-        onStartMove: ae,
-        onStopMove: ie,
-        spinSize: p.value,
+        rtl: f.value,
+        onScroll: ie,
+        onStartMove: ne,
+        onStopMove: oe,
+        spinSize: ee.value,
         containerSize: g.value.height,
-        active: K.value,
+        active: j.value,
         showScrollBar: t.showScrollBar,
         style: t.styles?.verticalScrollBar,
         thumbStyle: t.styles?.verticalScrollBarThumb
-      }), c.value && d.value > g.value.width && D(oe, {
-        ref: Z,
+      }), s.value && d.value > g.value.width && P(re, {
+        ref: p,
         prefixCls: t.prefixCls,
-        scrollOffset: i.value,
+        scrollOffset: n.value,
         scrollRange: d.value,
-        rtl: v.value,
-        onScroll: le,
-        onStartMove: ae,
-        onStopMove: ie,
-        spinSize: ee.value,
+        rtl: f.value,
+        onScroll: ie,
+        onStartMove: ne,
+        onStopMove: oe,
+        spinSize: te.value,
         containerSize: g.value.width,
         horizontal: !0,
-        active: K.value,
+        active: j.value,
         showScrollBar: t.showScrollBar,
         style: t.styles?.horizontalScrollBar,
         thumbStyle: t.styles?.horizontalScrollBarThumb
@@ -360,5 +367,5 @@ const Qe = /* @__PURE__ */ We({
   }
 });
 export {
-  Qe as default
+  pe as default
 };

package/dist/core/src/components/VirtualList/VirtualScrollBar.d.ts

@@ -120,9 +120,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    active: boolean;
     style: CSSProperties;
     horizontal: boolean;
-    active: boolean;
     thumbStyle: CSSProperties;
     showScrollBar: boolean | "optional" | "hover";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/core/src/components/VirtualList/hooks/useChildren.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, Ref, VNode } from 'vue';
 import { Key } from '../interface';
-export default function useChildren(list: Ref<any[]>, startIndex: Ref<number>, endIndex: Ref<number>, scrollWidth: Ref<number>, offsetX: Ref<number>, setNodeRef: (item: any, ele: HTMLElement | null) => void, renderFunc: (item: any, index: number, props: {
+export default function useChildren(list: Ref<any[]>, startIndex: Ref<number>, endIndex: Ref<number>, scrollWidth: Ref<number>, offsetX: Ref<number>, setNodeRef: (item: any, ele: HTMLElement | null, index?: number) => void, renderFunc: (item: any, index: number, props: {
     style: CSSProperties;
     offsetX: number;
 }) => VNode[] | undefined, { getKey }: {
-    getKey: (item: any) => Key;
+    getKey: (item: any, index?: number) => Key;
 }): import('vue').ComputedRef<VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>[]>;

package/dist/core/src/components/VirtualList/hooks/useChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChildren.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useChildren.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AASvC,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,EAChB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,EACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EACrB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EACpB,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,EACxD,UAAU,EAAE,CACV,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,KAC7C,KAAK,EAAE,GAAG,SAAS,EACxB,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAA;CAAE;;MAwB3C"}
+{"version":3,"file":"useChildren.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useChildren.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AASvC,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,EAChB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,EACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EACrB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAGpB,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,EACxE,UAAU,EAAE,CACV,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,KAC7C,KAAK,EAAE,GAAG,SAAS,EACxB,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,GAAG,CAAA;CAAE;;MAyB3D"}

package/dist/core/src/components/VirtualList/hooks/useChildren.mjs

@@ -1,17 +1,17 @@
-import s from "../Item.mjs";
-import { computed as v, createVNode as m, isVNode as y } from "vue";
-function b(e) {
+import v from "../Item.mjs";
+import { computed as m, createVNode as b, isVNode as y } from "vue";
+function j(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !y(e);
 }
-function N(e, u, r, l, n, c, a, { getKey: f }) {
-  return v(() => e.value.slice(u.value, r.value + 1).map((t, i) => {
-    const o = a(t, u.value + i, {
+function N(e, n, r, l, c, a, f, { getKey: i }) {
+  return m(() => e.value.slice(n.value, r.value + 1).map((t, p) => {
+    const o = n.value + p, u = f(t, o, {
       style: { width: `${l.value}px` },
-      offsetX: n.value
-    }), p = f(t);
-    return m(
-      s,
-      { key: p, setRef: (d) => c(t, d) },
+      offsetX: c.value
+    }), s = i(t, o);
+    return b(
+      v,
+      { key: s, setRef: (d) => a(t, d, o) },
       // `renderFunc` 返回的已经是 VNode[]，这里**不能再包一层数组**。
       // 包成 [[VNode]] 之后 Vue 的 normalizeSlotValue 会把内层数组转成 Fragment，
       // Item 的 cloneVNode(child, { ref }) 于是把 ref 挂到 Fragment 上——
@@ -19,7 +19,7 @@ function N(e, u, r, l, n, c, a, { getKey: f }) {
       // useHeights.getElement() 拿到 Text 就返回 null，行高**永远测不到**：
       // heights.id 恒为 0，可视区计算一直走估算分支，scrollHeight 恒等于
       // 行数 × itemHeight。行实际比估算高时，末尾几行落在可滚动范围之外。
-      b(o) ? o : { default: () => o ?? [] }
+      j(u) ? u : { default: () => u ?? [] }
     );
   }));
 }

package/dist/core/src/components/VirtualList/hooks/useGetSize.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef, Ref } from 'vue';
 import { default as CacheMap } from '../utils/CacheMap';
 import { GetSize, Key } from '../interface';
-export declare function useGetSize(mergedData: Ref<any[]>, getKey: (item: any) => Key, heights: CacheMap, itemHeight: ComputedRef<number | undefined>): GetSize;
+export declare function useGetSize(mergedData: Ref<any[]>, getKey: (item: any, index?: number) => Key, heights: CacheMap, itemHeight: ComputedRef<number | undefined>): GetSize;
 //# sourceMappingURL=useGetSize.d.ts.map

package/dist/core/src/components/VirtualList/hooks/useGetSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetSize.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useGetSize.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAEhD,wBAAgB,UAAU,CACxB,UAAU,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,EACtB,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,EAC1B,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,GAC1C,OAAO,CAqCT"}
+{"version":3,"file":"useGetSize.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useGetSize.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAEhD,wBAAgB,UAAU,CACxB,UAAU,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,EACtB,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,GAAG,EAC1C,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,GAC1C,OAAO,CAqCT"}

package/dist/core/src/components/VirtualList/hooks/useGetSize.mjs

@@ -8,7 +8,7 @@ function k(c, a, v, d) {
     if (n === void 0 || i === void 0) {
       const r = c.value.length;
       for (let e = t.length; e < r; e += 1) {
-        const s = c.value[e], l = a(s);
+        const s = c.value[e], l = a(s, e);
         o.set(l, e);
         const p = v.get(l) ?? d.value ?? 0;
         if (t[e] = (t[e - 1] || 0) + p, l === u && (n = e), l === f && (i = e), n !== void 0 && i !== void 0) break;

package/dist/core/src/components/VirtualList/hooks/useHeights.d.ts

@@ -7,8 +7,8 @@ import { ref } from 'vue';
  *   于是 `heights.id` 恒为 0，VirtualList 的可视区计算永远走 O(1) 的估算分支，
  *   不再每次滚动重建整表前缀和。代价是行高必须真的等于声明值（调用方负责校验）。
  */
-export default function useHeights(getKey: (item: any) => Key, onItemAdd?: (item: any) => void, onItemRemove?: (item: any) => void, disabled?: () => boolean): [
-    setInstanceRef: (item: any, instance: HTMLElement | null) => void,
+export default function useHeights(getKey: (item: any, index?: number) => Key, onItemAdd?: (item: any) => void, onItemRemove?: (item: any) => void, disabled?: () => boolean): [
+    setInstanceRef: (item: any, instance: HTMLElement | null, index?: number) => void,
     collectHeight: (sync?: boolean) => void,
     heights: CacheMap,
     updatedMark: ReturnType<typeof ref<number>>

package/dist/core/src/components/VirtualList/hooks/useHeights.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeights.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useHeights.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAwB,GAAG,EAAE,MAAM,KAAK,CAAA;AA+B/C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,EAC1B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAClC,QAAQ,CAAC,EAAE,MAAM,OAAO,GACvB;IACD,cAAc,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI;IACjE,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI;IACvC,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,UAAU,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;CAC5C,CAoGA"}
+{"version":3,"file":"useHeights.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useHeights.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAwB,GAAG,EAAE,MAAM,KAAK,CAAA;AA+B/C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,GAAG,EAC1C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAClC,QAAQ,CAAC,EAAE,MAAM,OAAO,GACvB;IACD,cAAc,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI;IACjF,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI;IACvC,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,UAAU,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;CAC5C,CAoGA"}