@momo-kits/carousel 0.160.1-beta.10-test.1 → 0.160.1-beta.12

package/index.tsx

@@ -361,6 +361,10 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
       const realIndex = getRealIndex(index);
 
       if (realIndex !== currentIndexRef.current) {
+        // eslint-disable-next-line no-console
+        console.log(
+          `[Carousel] SCROLL idx=${index} real=${realIndex} offsetX=${offsetX.toFixed(1)} layoutW=${layoutWidth.toFixed(1)} contentW=${contentWidth.toFixed(1)} itemWidth=${itemWidth.toFixed(1)} count=${dataWithClones.length}`
+        );
         currentIndexRef.current = realIndex;
         setCurrentIndex(realIndex);
 
@@ -369,7 +373,7 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
         }
       }
     },
-    [resolveIndex, getRealIndex, onScrollIndexChanged]
+    [resolveIndex, getRealIndex, onScrollIndexChanged, itemWidth, dataWithClones.length]
   );
 
   const handleMomentumScrollEnd = useCallback(
@@ -384,6 +388,11 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
       );
       const realIndex = getRealIndex(index);
 
+      // eslint-disable-next-line no-console
+      console.log(
+        `[Carousel] MOMENTUM_END idx=${index} real=${realIndex} offsetX=${offsetX.toFixed(1)} layoutW=${layoutMeasurement.width.toFixed(1)} contentW=${contentSize.width.toFixed(1)} itemWidth=${itemWidth.toFixed(1)} count=${dataWithClones.length}`
+      );
+
       // Report the final resting index here as well. The reanimated scroll
       // handler isn't guaranteed to deliver the last momentum frame to JS in
       // every runtime (e.g. miniapp hosts), so relying on handleScroll alone
@@ -407,7 +416,7 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
         onMomentumScrollEndProp(event);
       }
     },
-    [resolveIndex, getRealIndex, onScrollIndexChanged, onSnapToItem, handleLoopReposition, onMomentumScrollEndProp]
+    [resolveIndex, getRealIndex, onScrollIndexChanged, onSnapToItem, handleLoopReposition, onMomentumScrollEndProp, itemWidth, dataWithClones.length]
   );
 
   const handleScrollEndDrag = useCallback(
@@ -424,6 +433,11 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
       );
       const realIndex = getRealIndex(index);
 
+      // eslint-disable-next-line no-console
+      console.log(
+        `[Carousel] DRAG_END idx=${index} real=${realIndex} offsetX=${contentOffset.x.toFixed(1)} layoutW=${layoutMeasurement.width.toFixed(1)} contentW=${contentSize.width.toFixed(1)} itemWidth=${itemWidth.toFixed(1)} count=${dataWithClones.length}`
+      );
+
       if (realIndex !== currentIndexRef.current) {
         currentIndexRef.current = realIndex;
         setCurrentIndex(realIndex);
@@ -433,7 +447,7 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
         }
       }
     },
-    [resolveIndex, getRealIndex, onScrollIndexChanged]
+    [resolveIndex, getRealIndex, onScrollIndexChanged, itemWidth, dataWithClones.length]
   );
 
   const handleTouchStart = useCallback(
@@ -463,6 +477,10 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
   const handleLayout = useCallback(
     (event: LayoutChangeEvent) => {
       const { width } = event.nativeEvent.layout;
+      // eslint-disable-next-line no-console
+      console.log(
+        `[Carousel] LAYOUT width=${width.toFixed(1)} window=${viewportWidth.toFixed(1)} full=${full}`
+      );
       containerWidthRef.current = width;
       setContainerWidth(width);
       setIsLayoutReady(true);
@@ -471,7 +489,7 @@ const Carousel = forwardRef<CarouselRef, CarouselProps>((props, ref) => {
         onLayoutProp(event);
       }
     },
-    [onLayoutProp]
+    [onLayoutProp, full]
   );
 
   const getItemLayout = useCallback(

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/carousel",
-    "version": "0.160.1-beta.10-test.1",
+    "version": "0.160.1-beta.12",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {