@momo-kits/carousel 0.80.4-beta.2 → 0.80.8-beta.6

package/animation.ts

@@ -31,23 +31,24 @@ export function defaultAnimatedStyles(
 ) {
   let animatedOpacity = {};
   let animatedScale = {};
+  const {inactiveSlideOpacity = 1, inactiveSlideScale = 1} = carouselProps;
 
-  if (carouselProps.inactiveSlideOpacity < 1) {
+  if (inactiveSlideOpacity < 1) {
     animatedOpacity = {
       opacity: animatedValue.interpolate({
         inputRange: [0, 1],
-        outputRange: [carouselProps.inactiveSlideOpacity, 1],
+        outputRange: [inactiveSlideOpacity, 1],
       }),
     };
   }
 
-  if (carouselProps.inactiveSlideScale < 1) {
+  if (inactiveSlideScale < 1) {
     animatedScale = {
       transform: [
         {
           scaleY: animatedValue.interpolate({
             inputRange: [0, 1],
-            outputRange: [carouselProps.inactiveSlideScale, 1],
+            outputRange: [inactiveSlideScale, 1],
           }),
         },
       ],

package/index.tsx

@@ -77,7 +77,7 @@ export default class Carousel extends React.PureComponent<
       itemWidth: screenWidth - Spacing.L * 2,
     };
 
-    const initialActiveItem = this._getFirstItem(props.firstItem);
+    const initialActiveItem = this._getFirstItem(props.firstItem || 0);
     this._activeItem = initialActiveItem;
     this._onScrollActiveItem = initialActiveItem;
     this._previousFirstItem = initialActiveItem;
@@ -132,7 +132,7 @@ export default class Carousel extends React.PureComponent<
 
   componentDidUpdate(prevProps: CarouselProps) {
     const {interpolators} = this.state;
-    const {firstItem, scrollEnabled} = this.props;
+    const {firstItem = 0, scrollEnabled} = this.props;
     const itemsLength = this._getCustomDataLength(this.props);
 
     if (!itemsLength) {
@@ -211,12 +211,12 @@ export default class Carousel extends React.PureComponent<
   }
 
   _shouldAnimateSlides(props = this.props) {
-    const {inactiveSlideOpacity, inactiveSlideScale} = props;
+    const {inactiveSlideOpacity = 1, inactiveSlideScale = 1} = props;
     return inactiveSlideOpacity < 1 || inactiveSlideScale < 1;
   }
 
   _shouldRepositionScroll(index: number) {
-    const {data, enableSnap, loopClonesPerSide} = this.props;
+    const {data, enableSnap, loopClonesPerSide = 3} = this.props;
     const dataLength = data && data.length;
     return !(
       !enableSnap ||
@@ -231,7 +231,7 @@ export default class Carousel extends React.PureComponent<
   }
 
   _getCustomData(props = this.props) {
-    const {data, loopClonesPerSide} = props;
+    const {data, loopClonesPerSide = 3} = props;
     const dataLength = data && data.length;
 
     if (!dataLength) {
@@ -265,7 +265,7 @@ export default class Carousel extends React.PureComponent<
   }
 
   _getCustomDataLength(props = this.props) {
-    const {data, loopClonesPerSide} = props;
+    const {data, loopClonesPerSide = 3} = props;
     const dataLength = data && data.length;
 
     if (!dataLength) {
@@ -286,7 +286,7 @@ export default class Carousel extends React.PureComponent<
   }
 
   _getDataIndex(index: number) {
-    const {data, loopClonesPerSide} = this.props;
+    const {data, loopClonesPerSide = 3} = this.props;
     const dataLength = data && data.length;
     if (!this._enableLoop() || !dataLength) {
       return index;
@@ -322,7 +322,7 @@ export default class Carousel extends React.PureComponent<
   }
 
   _getFirstItem(index: number, props = this.props) {
-    const {loopClonesPerSide} = props;
+    const {loopClonesPerSide = 3} = props;
     const itemsLength = this._getCustomDataLength(props);
 
     if (!itemsLength || index > itemsLength - 1 || index < 0) {
@@ -373,7 +373,7 @@ export default class Carousel extends React.PureComponent<
   }
 
   _getActiveSlideOffset() {
-    const {activeSlideOffset} = this.props;
+    const {activeSlideOffset = 0} = this.props;
     const itemMainDimension = this._getItemMainDimension();
     const minOffset = 10;
     return itemMainDimension / 2 - activeSlideOffset >= minOffset
@@ -413,10 +413,6 @@ export default class Carousel extends React.PureComponent<
     return itemIndex || 0;
   }
 
-  _getSlideInterpolatedStyle(index: number, animatedValue: Animated.Value) {
-    return defaultAnimatedStyles(animatedValue, this.props);
-  }
-
   _initPositionsAndInterpolators(props = this.props) {
     const {data} = props;
     const itemMainDimension = this._getItemMainDimension();
@@ -458,7 +454,7 @@ export default class Carousel extends React.PureComponent<
   }
 
   _repositionScroll(index: number, animated = false) {
-    const {data, loopClonesPerSide} = this.props;
+    const {data, loopClonesPerSide = 3} = this.props;
     const dataLength = data && data.length;
 
     if (typeof index === 'undefined' || !this._shouldRepositionScroll(index)) {
@@ -564,7 +560,7 @@ export default class Carousel extends React.PureComponent<
   }
 
   _onLayout(event: LayoutChangeEvent) {
-    const {onLayout, visibleItem} = this.props;
+    const {onLayout, visibleItem = 1} = this.props;
 
     if (this._onLayoutInitDone) {
       this._initPositionsAndInterpolators();
@@ -587,7 +583,7 @@ export default class Carousel extends React.PureComponent<
   }
 
   _getPositionIndex(index: number) {
-    const {loop, loopClonesPerSide} = this.props;
+    const {loop, loopClonesPerSide = 3} = this.props;
     return loop ? index + loopClonesPerSide : index;
   }
 
@@ -750,9 +746,9 @@ export default class Carousel extends React.PureComponent<
 
   render() {
     const {
-      loopClonesPerSide,
-      visibleItem,
-      firstItem,
+      loopClonesPerSide = 3,
+      visibleItem = 1,
+      firstItem = 0,
       getItemLayout,
       keyExtractor,
       style,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/carousel",
-    "version": "0.80.4-beta.2",
+    "version": "0.80.8-beta.6",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {
@@ -14,4 +14,4 @@
     "dependencies": {
         "moment": "^2.24.0"
     }
-}
+}