@shival99/z-ui 2.0.75 → 2.0.76

package/fesm2022/shival99-z-ui-components-z-table.mjs

@@ -6725,6 +6725,7 @@ class ZTableComponent {
                 elementScroll(offset, options, instance);
             },
             measureElement: (element) => element.getBoundingClientRect().height,
+            useAnimationFrameWithResizeObserver: true,
             overscan: virtualConfig.overscan ?? Z_DEFAULT_VIRTUAL_OVERSCAN,
             initialOffset: virtualConfig.initialOffset ?? 0,
             ...pickDefined(virtualConfig, [
@@ -6737,14 +6738,22 @@ class ZTableComponent {
             ]),
         };
     });
-    _measureVirtualItems = effect(() => {
-        if (!this.dynamicSize() || this.virtualizer.isScrolling()) {
+    _measureVirtualItems = effect(onCleanup => {
+        if (!this.dynamicSize()) {
             return;
         }
         const elements = this.virtualRowElements();
-        for (const el of elements) {
-            this.virtualizer.measureElement(el.nativeElement);
+        const view = this._document.defaultView;
+        if (!view) {
+            return;
         }
+        // Gom phép đo vào frame kế tiếp để tránh cập nhật vị trí nhiều lần trong cùng một frame scroll.
+        const frameId = view.requestAnimationFrame(() => {
+            for (const el of elements) {
+                this.virtualizer.measureElement(el.nativeElement);
+            }
+        });
+        onCleanup(() => view.cancelAnimationFrame(frameId));
     }, ...(ngDevMode ? [{ debugName: "_measureVirtualItems" }] : []));
     _rowDragAutoScroll = effect(onCleanup => {
         const scrollbar = this.tbodyScrollbar();