@momo-kits/date-picker 0.102.1-beta.2 → 0.102.3-beta.1

package/WheelPicker.tsx

@@ -6,12 +6,12 @@ import React, {
   useEffect,
   useRef,
 } from 'react';
-import {Animated, View} from 'react-native';
-import {FlatList} from 'react-native-gesture-handler';
+import { Animated, View } from 'react-native';
+import { FlatList } from 'react-native-gesture-handler';
 import styles from './styles';
-import {ApplicationContext, scaleSize} from '@momo-kits/foundation';
-import {WheelPickerProps} from './types';
-import {debounce} from './utils';
+import { ApplicationContext, scaleSize } from '@momo-kits/foundation';
+import { WheelPickerProps } from './types';
+import { debounce } from './utils';
 
 const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
 const WheelPicker: FC<WheelPickerProps> = ({
@@ -21,7 +21,7 @@ const WheelPicker: FC<WheelPickerProps> = ({
   onChange,
   selectedData,
 }) => {
-  const {theme} = useContext(ApplicationContext);
+  const { theme } = useContext(ApplicationContext);
   const flatListRef = useRef<any>(null);
   const scrollAnimatedValue = useRef(new Animated.Value(0)).current;
   const active = useRef(0);
@@ -31,7 +31,7 @@ const WheelPicker: FC<WheelPickerProps> = ({
   useEffect(() => {
     scrollListener.current && clearInterval(Number(scrollListener.current));
     scrollListener.current = scrollAnimatedValue.addListener(
-      ({value}) => (active.current = value)
+      ({ value }) => (active.current = value)
     );
 
     return () => {
@@ -74,6 +74,9 @@ const WheelPicker: FC<WheelPickerProps> = ({
     if (selectedIndex > data.length - 3) {
       selectedIndex = data.length - 3;
     }
+    if (selectedIndex === 2) {
+      onMomentumScrollEnd()
+    }
     flatListRef.current?.scrollToIndex({
       index: selectedIndex - 2,
       animated: true,
@@ -86,7 +89,7 @@ const WheelPicker: FC<WheelPickerProps> = ({
   };
 
   const ItemComponent: FC<any> = React.memo(props => {
-    const {item, opacity, scale} = props;
+    const { item, opacity, scale } = props;
 
     return (
       <Animated.View
@@ -99,7 +102,7 @@ const WheelPicker: FC<WheelPickerProps> = ({
         <Animated.Text
           style={{
             fontFamily: `${theme.font}-Semibold`,
-            transform: [{scale}],
+            transform: [{ scale }],
             fontSize: scaleSize(16),
             lineHeight: scaleSize(22),
           }}>
@@ -109,7 +112,7 @@ const WheelPicker: FC<WheelPickerProps> = ({
     );
   });
 
-  const renderItem = useCallback(({item, index}) => {
+  const renderItem = useCallback(({ item, index }) => {
     const opacityAnimated = (a: number, b: number, c: number) => {
       return {
         inputRange: [...data.map((_: any, i: number) => i * itemSize)],
@@ -195,7 +198,7 @@ const WheelPicker: FC<WheelPickerProps> = ({
         getItemLayout={getItemLayout}
         onScrollToIndexFailed={onScrollToIndexFailed}
         onScroll={Animated.event(
-          [{nativeEvent: {contentOffset: {y: scrollAnimatedValue}}}],
+          [{ nativeEvent: { contentOffset: { y: scrollAnimatedValue } } }],
           {
             useNativeDriver: true,
           }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/date-picker",
-    "version": "0.102.1-beta.2",
+    "version": "0.102.3-beta.1",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {

package/publish.sh

@@ -7,7 +7,7 @@ rsync -r --exclude=/dist ./* dist
 cd dist
 
 if [ "$1" == "stable" ]; then
-  npm version $(npm view @momo-kits/date-picker@stable version)
+  npm version $(npm view @momo-kits/foundation@stable version)
   npm version patch
   npm publish --tag stable --access=public
 elif [ "$1" == "latest" ]; then