vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-10 04:30:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

debounce grid loader

Browse Source
This commit is contained in:
jeffvli
2025-11-01 01:28:14 -07:00
parent 64e84b092f
commit 1368c2bd50
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/item-list/item-grid-list/item-grid-list.tsx
+10 -11
View File
@@ -130,16 +130,6 @@ const VirtualizedGridList = React.memo(
}; };
}, [enableSelection, enableExpansion, internalState, tableMeta, data, itemType, gap]); }, [enableSelection, enableExpansion, internalState, tableMeta, data, itemType, gap]);
const handleOnRangeChanged = useCallback(
({ visibleStartIndex, visibleStopIndex }: ListOnItemsRenderedProps) => {
onRangeChanged?.({
startIndex: visibleStartIndex * (tableMeta?.columnCount || 0),
stopIndex: visibleStopIndex * (tableMeta?.columnCount || 0),
});
},
[tableMeta?.columnCount, onRangeChanged],
);
const debouncedOnScrollEnd = useMemo( const debouncedOnScrollEnd = useMemo(
() => () =>
onScrollEnd onScrollEnd
@@ -164,6 +154,15 @@ const VirtualizedGridList = React.memo(
[onScroll, debouncedOnScrollEnd], [onScroll, debouncedOnScrollEnd],
); );
const debouncedOnItemsRendered = useMemo(() => {
return debounce((items: ListOnItemsRenderedProps) => {
onRangeChanged?.({
startIndex: items.visibleStartIndex * (tableMeta?.columnCount || 0),
stopIndex: items.visibleStopIndex * (tableMeta?.columnCount || 0),
});
}, 50);
}, [onRangeChanged, tableMeta?.columnCount]);
if (!tableMeta) { if (!tableMeta) {
return null; return null;
} }
@@ -179,7 +178,7 @@ const VirtualizedGridList = React.memo(
itemCount={itemData.tableMeta?.rowCount || 0} itemCount={itemData.tableMeta?.rowCount || 0}
itemData={itemData} itemData={itemData}
itemSize={itemData.tableMeta?.itemHeight || 0} itemSize={itemData.tableMeta?.itemHeight || 0}
onItemsRendered={handleOnRangeChanged} onItemsRendered={debouncedOnItemsRendered}
onScroll={handleOnScroll} onScroll={handleOnScroll}
outerRef={outerRef} outerRef={outerRef}
ref={ref} ref={ref}