@momo-kits/date-picker 0.80.3 → 0.80.4-beta.2

package/WheelPicker.tsx

@@ -36,10 +36,13 @@ const WheelPicker: FC<WheelPickerProps> = ({
     return () => {
       debouncedScrollEnd.cancel();
     };
-  }, []);
+  }, [data.length]);
 
   const debouncedScrollEnd = debounce(() => {
     let selectedIndex = data.findIndex(item => item === selectedData);
+    if (selectedIndex === -1) {
+      selectedIndex = data.length - 3;
+    }
 
     if (selectedIndex < 2) {
       selectedIndex = 2;
@@ -47,14 +50,17 @@ const WheelPicker: FC<WheelPickerProps> = ({
     if (selectedIndex > data.length - 3) {
       selectedIndex = data.length - 3;
     }
-    if (selectedIndex >= 2) {
-      flatListRef.current?.scrollToIndex({
-        index: selectedIndex - 2,
-        animated: true,
-      });
-    }
+    flatListRef.current?.scrollToIndex({
+      index: selectedIndex - 2,
+      animated: true,
+    });
   }, 100);
 
+  const onMomentumScrollEnd = () => {
+    let index = Math.round(active.current / itemSize);
+    onChange?.(name, data[index + 2]);
+  };
+
   const ItemComponent: FC<any> = React.memo(props => {
     const {item, opacity, scale} = props;
 
@@ -170,10 +176,7 @@ const WheelPicker: FC<WheelPickerProps> = ({
             useNativeDriver: true,
           },
         )}
-        onMomentumScrollEnd={() => {
-          const index = Math.round(active.current / itemSize);
-          onChange?.(name, data[index + 2]);
-        }}
+        onMomentumScrollEnd={onMomentumScrollEnd}
         ref={flatListRef}
         keyExtractor={(item, index) => `Wheel picker item ${item}-${index}`}
         showsVerticalScrollIndicator={false}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/date-picker",
-    "version": "0.80.3",
+    "version": "0.80.4-beta.2",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {
@@ -12,4 +12,4 @@
     "devDependencies": {},
     "license": "MoMo",
     "dependencies": {}
-}
+}