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

fix debounce on onScrollEnd callback on ItemGridList

Browse Source
This commit is contained in:
jeffvli
2025-12-14 01:07:26 -08:00
parent 7ed847fecb
commit 8b0632495b
1 changed files with 18 additions and 1 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
+18 -1
View File
@@ -99,6 +99,7 @@ const VirtualizedGridList = React.memo(
width,
}: VirtualizedGridListProps) => {
const tableMeta = tableMetaRef.current;
const scrollEndTimeoutRef = useRef<NodeJS.Timeout | null>(null);
const itemData: GridItemProps = useMemo(() => {
return {
@@ -130,11 +131,27 @@ const VirtualizedGridList = React.memo(
const handleOnScroll = useCallback(
({ scrollDirection, scrollOffset }: ListOnScrollProps) => {
onScroll?.(scrollOffset, scrollDirection === 'forward' ? 'down' : 'up');
onScrollEnd?.(scrollOffset, scrollDirection === 'forward' ? 'down' : 'up');
if (scrollEndTimeoutRef.current) {
clearTimeout(scrollEndTimeoutRef.current);
}
scrollEndTimeoutRef.current = setTimeout(() => {
onScrollEnd?.(scrollOffset, scrollDirection === 'forward' ? 'down' : 'up');
scrollEndTimeoutRef.current = null;
}, 150);
},
[onScroll, onScrollEnd],
);
useEffect(() => {
return () => {
if (scrollEndTimeoutRef.current) {
clearTimeout(scrollEndTimeoutRef.current);
}
};
}, []);
const handleOnItemsRendered = useCallback(
(items: ListOnItemsRenderedProps) => {
const columnCount = tableMetaRef.current?.columnCount || 0;