react-native-reanimated-carousel 0.4.1 → 0.4.5

package/README.md

@@ -52,20 +52,21 @@ import Carousel from "react-native-reanimated-carousel";
 
 ## Props
 
-| name                    | required | default | types                                       | description                                                                    |
-| ----------------------- | -------- | ------- | ------------------------------------------- | ------------------------------------------------------------------------------ |
-| data                    | true     |         | T[]                                         | Carousel items data set                                                        |
-| width                   | true     |         | number                                      | Specified carousel container width                                             |
-| renderItem              | true     |         | (data: T, index: number) => React.ReactNode | Render carousel item                                                           |
-| autoPlay                | false    | false   | boolean                                     | Auto play                                                                      |
-| autoPlayReverse         | false    | false   | boolean                                     | Auto play reverse playback                                                     |
-| autoPlayInterval        | false    | 1000    | autoPlayInterval                            | Auto play playback interval                                                    |
-| mode                    | false    | defalut | 'default'\|'parallax'                       | Carousel Animated transitions                                                  |
-| loop                    | false    | true    | boolean                                     | Carousel loop playback                                                         |
-| parallaxScrollingOffset | false    | 100     | number                                      | When use 'default' Layout props,this prop can be control prev/next item offset |
-| parallaxScrollingScale  | false    | 0.8     | number                                      | When use 'default' Layout props,this prop can be control prev/next item scale  |
-| style                   | false    | {}      | ViewStyle                                   | Carousel container style                                                       |
-| height                  | false    | '100%'  | undefined \| string \| number               | Specified carousel container height                                            |
+| name                    | required | default         | types                                       | description                                                                    |
+| ----------------------- | -------- | --------------- | ------------------------------------------- | ------------------------------------------------------------------------------ |
+| data                    | true     |                 | T[]                                         | Carousel items data set                                                        |
+| width                   | true     |                 | number                                      | Specified carousel container width                                             |
+| renderItem              | true     |                 | (data: T, index: number) => React.ReactNode | Render carousel item                                                           |
+| autoPlay                | false    | false           | boolean                                     | Auto play                                                                      |
+| autoPlayReverse         | false    | false           | boolean                                     | Auto play reverse playback                                                     |
+| autoPlayInterval        | false    | 1000            | autoPlayInterval                            | Auto play playback interval                                                    |
+| mode                    | false    | defalut         | 'default'\|'parallax'                       | Carousel Animated transitions                                                  |
+| loop                    | false    | true            | boolean                                     | Carousel loop playback                                                         |
+| parallaxScrollingOffset | false    | 100             | number                                      | When use 'default' Layout props,this prop can be control prev/next item offset |
+| parallaxScrollingScale  | false    | 0.8             | number                                      | When use 'default' Layout props,this prop can be control prev/next item scale  |
+| style                   | false    | {}              | ViewStyle                                   | Carousel container style                                                       |
+| height                  | false    | '100%'          | undefined \| string \| number               | Specified carousel container height                                            |
+| timingConfig            | false    | {duration: 250} | Animated.WithTimingConfig                   | Timing config of translation animated                                          |
 
 ## Ref
 

package/lib/commonjs/Carousel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports._withTiming = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,36 +13,28 @@ var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reani
 
 var _CarouselItem = require("./CarouselItem");
 
-var _fillNum = require("./fillNum");
-
 var _index = require("./layouts/index");
 
 var _useCarouselController = require("./useCarouselController");
 
 var _useComputedAnim = require("./useComputedAnim");
 
-var _useLoop = require("./useLoop");
+var _useAutoPlay = require("./useAutoPlay");
 
 var _useComputedIndex = require("./useComputedIndex");
 
+var _useLock = require("./useLock");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const _withTiming = (num, callback) => {
-  'worklet';
-
-  return (0, _reactNativeReanimated.withTiming)(num, {
-    duration: 250
-  }, isFinished => {
-    !!callback && (0, _reactNativeReanimated.runOnJS)(callback)(isFinished);
-  });
+const defaultTimingConfig = {
+  duration: 250
 };
 
-exports._withTiming = _withTiming;
-
 function Carousel(props, ref) {
   const {
     height = '100%',
@@ -57,8 +49,10 @@ function Carousel(props, ref) {
     parallaxScrollingOffset,
     parallaxScrollingScale,
     onSnapToItem,
-    style
+    style,
+    timingConfig = defaultTimingConfig
   } = props;
+  const lockController = (0, _useLock.useLockController)();
   const handlerOffsetX = (0, _reactNativeReanimated.useSharedValue)(0);
 
   const data = _react.default.useMemo(() => {
@@ -79,13 +73,18 @@ function Carousel(props, ref) {
   const carouselController = (0, _useCarouselController.useCarouselController)({
     width,
     handlerOffsetX,
-    disable: !data.length
+    lockController,
+    timingConfig,
+    disable: !data.length,
+    onNext: isFinished => isFinished && callComputedIndex(),
+    onPrev: isFinished => isFinished && callComputedIndex()
   });
-  (0, _useLoop.useLoop)({
+  (0, _useAutoPlay.useAutoPlay)({
     autoPlay,
     autoPlayInterval,
     autoPlayReverse,
-    carouselController
+    carouselController,
+    lockController
   });
   const {
     index,
@@ -115,15 +114,15 @@ function Carousel(props, ref) {
     }
   }, [onSnapToItem, loop, _data]);
 
-  const callComputedIndex = _react.default.useCallback(isFinished => isFinished && (computedIndex === null || computedIndex === void 0 ? void 0 : computedIndex()), [computedIndex]);
+  const callComputedIndex = _react.default.useCallback(() => computedIndex === null || computedIndex === void 0 ? void 0 : computedIndex(), [computedIndex]);
 
   const next = _react.default.useCallback(() => {
-    return carouselController.next(callComputedIndex);
-  }, [carouselController, callComputedIndex]);
+    return carouselController.next();
+  }, [carouselController]);
 
   const prev = _react.default.useCallback(() => {
-    return carouselController.prev(callComputedIndex);
-  }, [carouselController, callComputedIndex]);
+    return carouselController.prev();
+  }, [carouselController]);
 
   const getCurrentIndex = _react.default.useCallback(() => {
     return index.value;
@@ -131,53 +130,79 @@ function Carousel(props, ref) {
 
   const animatedListScrollHandler = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
     onStart: (_, ctx) => {
+      if (lockController.isLock()) return;
       ctx.startContentOffsetX = handlerOffsetX.value;
+      ctx.currentContentOffsetX = handlerOffsetX.value;
+      ctx.start = true;
     },
     onActive: (e, ctx) => {
+      if (lockController.isLock() || !ctx.start) return;
+      /**
+       * `onActive` and `onEnd` return different values of translationX！So that creates a bias！TAT
+       * */
+
+      ctx.translationX = e.translationX;
+
       if (loop) {
-        handlerOffsetX.value = ctx.startContentOffsetX + Math.round(e.translationX);
+        handlerOffsetX.value = ctx.currentContentOffsetX + e.translationX;
         return;
       }
 
-      handlerOffsetX.value = Math.max(Math.min(ctx.startContentOffsetX + Math.round(e.translationX), 0), -(data.length - 1) * width);
+      handlerOffsetX.value = Math.max(Math.min(ctx.currentContentOffsetX + e.translationX, 0), -(data.length - 1) * width);
     },
-    onEnd: e => {
-      const intTranslationX = Math.round(e.translationX);
-      const sub = Math.abs(intTranslationX);
+    onEnd: (e, ctx) => {
+      if (lockController.isLock() || !ctx.start) return;
+      const translationX = ctx.translationX;
 
       function _withTimingCallback(num) {
-        return _withTiming(num, callComputedIndex);
+        return (0, _reactNativeReanimated.withTiming)(num, timingConfig, isFinished => {
+          if (isFinished) {
+            ctx.start = false;
+            lockController.unLock();
+            (0, _reactNativeReanimated.runOnJS)(callComputedIndex)();
+          }
+        });
       }
 
-      if (intTranslationX > 0) {
+      if (translationX > 0) {
+        /**
+         * If not loop no , longer scroll when sliding to the start.
+         * */
         if (!loop && handlerOffsetX.value >= 0) {
           return;
         }
 
-        if (sub > width / 2) {
-          handlerOffsetX.value = _withTimingCallback((0, _fillNum.fillNum)(width, handlerOffsetX.value + (width - sub)));
+        lockController.lock();
+
+        if (Math.abs(translationX) + Math.abs(e.velocityX) > width / 2) {
+          handlerOffsetX.value = _withTimingCallback(handlerOffsetX.value + width - translationX);
         } else {
-          handlerOffsetX.value = _withTimingCallback((0, _fillNum.fillNum)(width, handlerOffsetX.value - sub));
+          handlerOffsetX.value = _withTimingCallback(handlerOffsetX.value - translationX);
         }
 
         return;
       }
 
-      if (intTranslationX < 0) {
+      if (translationX < 0) {
+        /**
+         * If not loop , no longer scroll when sliding to the end.
+         * */
         if (!loop && handlerOffsetX.value <= -(data.length - 1) * width) {
           return;
         }
 
-        if (sub > width / 2) {
-          handlerOffsetX.value = _withTimingCallback((0, _fillNum.fillNum)(width, handlerOffsetX.value - (width - sub)));
+        lockController.lock();
+
+        if (Math.abs(translationX) + Math.abs(e.velocityX) > width / 2) {
+          handlerOffsetX.value = _withTimingCallback(handlerOffsetX.value - width - translationX);
         } else {
-          handlerOffsetX.value = _withTimingCallback((0, _fillNum.fillNum)(width, handlerOffsetX.value + sub));
+          handlerOffsetX.value = _withTimingCallback(handlerOffsetX.value - translationX);
         }
 
         return;
       }
     }
-  }, [loop, data]);
+  }, [loop, data, lockController]);
 
   _react.default.useImperativeHandle(ref, () => {
     return {
@@ -191,7 +216,7 @@ function Carousel(props, ref) {
     switch (mode) {
       case 'parallax':
         return ({
-          index,
+          index: i,
           children
         }) => /*#__PURE__*/_react.default.createElement(_index.ParallaxLayout, {
           parallaxScrollingOffset: parallaxScrollingOffset,
@@ -199,22 +224,22 @@ function Carousel(props, ref) {
           computedAnimResult: computedAnimResult,
           width: width,
           handlerOffsetX: offsetX,
-          index: index,
-          key: index,
+          index: i,
+          key: i,
           loop: loop
         }, children);
 
       default:
         return ({
-          index,
+          index: i,
           children
         }) => /*#__PURE__*/_react.default.createElement(_CarouselItem.CarouselItem, {
           computedAnimResult: computedAnimResult,
           width: width,
           height: height,
           handlerOffsetX: offsetX,
-          index: index,
-          key: index,
+          index: i,
+          key: i,
           loop: loop
         }, children);
     }
@@ -230,11 +255,11 @@ function Carousel(props, ref) {
       flexDirection: 'row',
       position: 'relative'
     }, style]
-  }, data.map((item, index) => {
+  }, data.map((item, i) => {
     return /*#__PURE__*/_react.default.createElement(Layouts, {
-      index: index,
-      key: index
-    }, renderItem(item, index));
+      index: i,
+      key: i
+    }, renderItem(item, i));
   })));
 }
 

package/lib/commonjs/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Carousel.tsx"],"names":["_withTiming","num","callback","duration","isFinished","Carousel","props","ref","height","data","_data","width","loop","mode","renderItem","autoPlay","autoPlayReverse","autoPlayInterval","parallaxScrollingOffset","parallaxScrollingScale","onSnapToItem","style","handlerOffsetX","React","useMemo","length","computedAnimResult","carouselController","disable","index","computedIndex","offsetX","x","value","WL","isNaN","i","callComputedIndex","useCallback","next","prev","getCurrentIndex","animatedListScrollHandler","onStart","_","ctx","startContentOffsetX","onActive","e","Math","round","translationX","max","min","onEnd","intTranslationX","sub","abs","_withTimingCallback","useImperativeHandle","Layouts","children","flexDirection","position","map","item","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewStyle } from 'react-native';\nimport {\n    PanGestureHandler,\n    PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n    runOnJS,\n    useAnimatedGestureHandler,\n    useAnimatedReaction,\n    useDerivedValue,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { CarouselItem } from './CarouselItem';\nimport { fillNum } from './fillNum';\nimport type { TMode } from './layouts';\nimport { ParallaxLayout } from './layouts/index';\nimport { useCarouselController } from './useCarouselController';\nimport { useComputedAnim } from './useComputedAnim';\nimport { useLoop } from './useLoop';\nimport { useComputedIndex } from './useComputedIndex';\n\nexport const _withTiming = (\n    num: number,\n    callback?: (isFinished: boolean) => void\n) => {\n    'worklet';\n    return withTiming(\n        num,\n        {\n            duration: 250,\n        },\n        (isFinished) => {\n            !!callback && runOnJS(callback)(isFinished);\n        }\n    );\n};\n\nexport interface ICarouselProps<T extends unknown> {\n    ref?: React.Ref<ICarouselInstance>;\n    /**\n     * Carousel loop playback.\n     * @default true\n     */\n    loop?: boolean;\n    /**\n     * Carousel Animated transitions.\n     * @default 'default'\n     */\n    mode?: TMode;\n    /**\n     * Render carousel item.\n     */\n    renderItem: (data: T, index: number) => React.ReactNode;\n    /**\n     * Specified carousel container width.\n     */\n    width: number;\n    /**\n     * Specified carousel container height.\n     * @default '100%'\n     */\n    height?: FlexStyle['height'];\n    /**\n     * Carousel items data set.\n     */\n    data: T[];\n    /**\n     * Auto play\n     */\n    autoPlay?: boolean;\n    /**\n     * Auto play\n     * @description reverse playback\n     */\n    autoPlayReverse?: boolean;\n    /**\n     * Auto play\n     * @description playback interval\n     */\n    autoPlayInterval?: number;\n    /**\n     * Carousel container style\n     */\n    style?: ViewStyle;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 100\n     */\n    parallaxScrollingOffset?: number;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 0.8\n     */\n    parallaxScrollingScale?: number;\n    /**\n     * Callback fired when navigating to an item\n     */\n    onSnapToItem?: (index: number) => void;\n}\n\nexport interface ICarouselInstance {\n    /**\n     * Play the last one\n     */\n    prev: () => void;\n    /**\n     * Play the next one\n     */\n    next: () => void;\n    /**\n     * Get current item index\n     */\n    getCurrentIndex: () => number;\n}\n\nfunction Carousel<T extends unknown = any>(\n    props: ICarouselProps<T>,\n    ref: React.Ref<ICarouselInstance>\n) {\n    const {\n        height = '100%',\n        data: _data = [],\n        width,\n        loop = true,\n        mode = 'default',\n        renderItem,\n        autoPlay,\n        autoPlayReverse,\n        autoPlayInterval,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        onSnapToItem,\n        style,\n    } = props;\n    const handlerOffsetX = useSharedValue<number>(0);\n    const data = React.useMemo<T[]>(() => {\n        if (!loop) return _data;\n\n        if (_data.length === 1) {\n            return [_data[0], _data[0], _data[0]];\n        }\n\n        if (_data.length === 2) {\n            return [_data[0], _data[1], _data[0], _data[1]];\n        }\n\n        return _data;\n    }, [_data, loop]);\n\n    const computedAnimResult = useComputedAnim(width, data.length);\n    const carouselController = useCarouselController({\n        width,\n        handlerOffsetX,\n        disable: !data.length,\n    });\n    useLoop({\n        autoPlay,\n        autoPlayInterval,\n        autoPlayReverse,\n        carouselController,\n    });\n    const { index, computedIndex } = useComputedIndex({\n        length: data.length,\n        handlerOffsetX,\n        width,\n    });\n\n    const offsetX = useDerivedValue(() => {\n        const x = handlerOffsetX.value % computedAnimResult.WL;\n        return isNaN(x) ? 0 : x;\n    }, [computedAnimResult]);\n\n    useAnimatedReaction(\n        () => index.value,\n        (i) => {\n            if (loop) {\n                switch (_data.length) {\n                    case 1:\n                        i = 0;\n                        break;\n                    case 2:\n                        i = i % 2;\n                        break;\n                }\n                onSnapToItem && runOnJS(onSnapToItem)(i);\n            }\n        },\n        [onSnapToItem, loop, _data]\n    );\n\n    const callComputedIndex = React.useCallback(\n        (isFinished: boolean) => isFinished && computedIndex?.(),\n        [computedIndex]\n    );\n\n    const next = React.useCallback(() => {\n        return carouselController.next(callComputedIndex);\n    }, [carouselController, callComputedIndex]);\n\n    const prev = React.useCallback(() => {\n        return carouselController.prev(callComputedIndex);\n    }, [carouselController, callComputedIndex]);\n\n    const getCurrentIndex = React.useCallback(() => {\n        return index.value;\n    }, [index]);\n\n    const animatedListScrollHandler =\n        useAnimatedGestureHandler<PanGestureHandlerGestureEvent>(\n            {\n                onStart: (_, ctx: any) => {\n                    ctx.startContentOffsetX = handlerOffsetX.value;\n                },\n                onActive: (e, ctx: any) => {\n                    if (loop) {\n                        handlerOffsetX.value =\n                            ctx.startContentOffsetX +\n                            Math.round(e.translationX);\n                        return;\n                    }\n                    handlerOffsetX.value = Math.max(\n                        Math.min(\n                            ctx.startContentOffsetX +\n                                Math.round(e.translationX),\n                            0\n                        ),\n                        -(data.length - 1) * width\n                    );\n                },\n                onEnd: (e) => {\n                    const intTranslationX = Math.round(e.translationX);\n                    const sub = Math.abs(intTranslationX);\n\n                    function _withTimingCallback(num: number) {\n                        return _withTiming(num, callComputedIndex);\n                    }\n\n                    if (intTranslationX > 0) {\n                        if (!loop && handlerOffsetX.value >= 0) {\n                            return;\n                        }\n\n                        if (sub > width / 2) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                fillNum(\n                                    width,\n                                    handlerOffsetX.value + (width - sub)\n                                )\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                fillNum(width, handlerOffsetX.value - sub)\n                            );\n                        }\n                        return;\n                    }\n\n                    if (intTranslationX < 0) {\n                        if (\n                            !loop &&\n                            handlerOffsetX.value <= -(data.length - 1) * width\n                        ) {\n                            return;\n                        }\n\n                        if (sub > width / 2) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                fillNum(\n                                    width,\n                                    handlerOffsetX.value - (width - sub)\n                                )\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                fillNum(width, handlerOffsetX.value + sub)\n                            );\n                        }\n                        return;\n                    }\n                },\n            },\n            [loop, data]\n        );\n\n    React.useImperativeHandle(ref, () => {\n        return {\n            next,\n            prev,\n            getCurrentIndex,\n        };\n    });\n\n    const Layouts = React.useMemo<React.FC<{ index: number }>>(() => {\n        switch (mode) {\n            case 'parallax':\n                return ({ index, children }) => (\n                    <ParallaxLayout\n                        parallaxScrollingOffset={parallaxScrollingOffset}\n                        parallaxScrollingScale={parallaxScrollingScale}\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        handlerOffsetX={offsetX}\n                        index={index}\n                        key={index}\n                        loop={loop}\n                    >\n                        {children}\n                    </ParallaxLayout>\n                );\n            default:\n                return ({ index, children }) => (\n                    <CarouselItem\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        height={height}\n                        handlerOffsetX={offsetX}\n                        index={index}\n                        key={index}\n                        loop={loop}\n                    >\n                        {children}\n                    </CarouselItem>\n                );\n        }\n    }, [\n        loop,\n        mode,\n        computedAnimResult,\n        height,\n        offsetX,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        width,\n    ]);\n\n    return (\n        <PanGestureHandler onHandlerStateChange={animatedListScrollHandler}>\n            <Animated.View\n                style={[\n                    // eslint-disable-next-line react-native/no-inline-styles\n                    {\n                        width,\n                        height,\n                        flexDirection: 'row',\n                        position: 'relative',\n                    },\n                    style,\n                ]}\n            >\n                {data.map((item, index) => {\n                    return (\n                        <Layouts index={index} key={index}>\n                            {renderItem(item, index)}\n                        </Layouts>\n                    );\n                })}\n            </Animated.View>\n        </PanGestureHandler>\n    );\n}\n\nexport default React.forwardRef(Carousel) as typeof Carousel;\n"]}
+{"version":3,"sources":["Carousel.tsx"],"names":["defaultTimingConfig","duration","Carousel","props","ref","height","data","_data","width","loop","mode","renderItem","autoPlay","autoPlayReverse","autoPlayInterval","parallaxScrollingOffset","parallaxScrollingScale","onSnapToItem","style","timingConfig","lockController","handlerOffsetX","React","useMemo","length","computedAnimResult","carouselController","disable","onNext","isFinished","callComputedIndex","onPrev","index","computedIndex","offsetX","x","value","WL","isNaN","i","useCallback","next","prev","getCurrentIndex","animatedListScrollHandler","onStart","_","ctx","isLock","startContentOffsetX","currentContentOffsetX","start","onActive","e","translationX","Math","max","min","onEnd","_withTimingCallback","num","unLock","lock","abs","velocityX","useImperativeHandle","Layouts","children","flexDirection","position","map","item","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { FlexStyle, ViewStyle } from 'react-native';\nimport {\n    PanGestureHandler,\n    PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n    runOnJS,\n    useAnimatedGestureHandler,\n    useAnimatedReaction,\n    useDerivedValue,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { CarouselItem } from './CarouselItem';\nimport type { TMode } from './layouts';\nimport { ParallaxLayout } from './layouts/index';\nimport { useCarouselController } from './useCarouselController';\nimport { useComputedAnim } from './useComputedAnim';\nimport { useAutoPlay } from './useAutoPlay';\nimport { useComputedIndex } from './useComputedIndex';\nimport { useLockController } from './useLock';\n\nconst defaultTimingConfig: Animated.WithTimingConfig = {\n    duration: 250,\n};\n\nexport interface ICarouselProps<T extends unknown> {\n    ref?: React.Ref<ICarouselInstance>;\n    /**\n     * Carousel loop playback.\n     * @default true\n     */\n    loop?: boolean;\n    /**\n     * Carousel Animated transitions.\n     * @default 'default'\n     */\n    mode?: TMode;\n    /**\n     * Render carousel item.\n     */\n    renderItem: (data: T, index: number) => React.ReactNode;\n    /**\n     * Specified carousel container width.\n     */\n    width: number;\n    /**\n     * Specified carousel container height.\n     * @default '100%'\n     */\n    height?: FlexStyle['height'];\n    /**\n     * Carousel items data set.\n     */\n    data: T[];\n    /**\n     * Auto play\n     */\n    autoPlay?: boolean;\n    /**\n     * Auto play\n     * @description reverse playback\n     */\n    autoPlayReverse?: boolean;\n    /**\n     * Auto play\n     * @description playback interval\n     */\n    autoPlayInterval?: number;\n    /**\n     * Carousel container style\n     */\n    style?: ViewStyle;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 100\n     */\n    parallaxScrollingOffset?: number;\n    /**\n     * When use 'default' Layout props,this prop can be control prev/next item offset.\n     * @default 0.8\n     */\n    parallaxScrollingScale?: number;\n    /**\n     * Callback fired when navigating to an item\n     */\n    onSnapToItem?: (index: number) => void;\n    /**\n     * Timing config of translation animated\n     */\n    timingConfig?: Animated.WithTimingConfig;\n}\n\nexport interface ICarouselInstance {\n    /**\n     * Play the last one\n     */\n    prev: () => void;\n    /**\n     * Play the next one\n     */\n    next: () => void;\n    /**\n     * Get current item index\n     */\n    getCurrentIndex: () => number;\n}\n\nfunction Carousel<T extends unknown = any>(\n    props: ICarouselProps<T>,\n    ref: React.Ref<ICarouselInstance>\n) {\n    const {\n        height = '100%',\n        data: _data = [],\n        width,\n        loop = true,\n        mode = 'default',\n        renderItem,\n        autoPlay,\n        autoPlayReverse,\n        autoPlayInterval,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        onSnapToItem,\n        style,\n        timingConfig = defaultTimingConfig,\n    } = props;\n    const lockController = useLockController();\n    const handlerOffsetX = useSharedValue<number>(0);\n    const data = React.useMemo<T[]>(() => {\n        if (!loop) return _data;\n\n        if (_data.length === 1) {\n            return [_data[0], _data[0], _data[0]];\n        }\n\n        if (_data.length === 2) {\n            return [_data[0], _data[1], _data[0], _data[1]];\n        }\n\n        return _data;\n    }, [_data, loop]);\n\n    const computedAnimResult = useComputedAnim(width, data.length);\n    const carouselController = useCarouselController({\n        width,\n        handlerOffsetX,\n        lockController,\n        timingConfig,\n        disable: !data.length,\n        onNext: (isFinished) => isFinished && callComputedIndex(),\n        onPrev: (isFinished) => isFinished && callComputedIndex(),\n    });\n    useAutoPlay({\n        autoPlay,\n        autoPlayInterval,\n        autoPlayReverse,\n        carouselController,\n        lockController,\n    });\n    const { index, computedIndex } = useComputedIndex({\n        length: data.length,\n        handlerOffsetX,\n        width,\n    });\n\n    const offsetX = useDerivedValue(() => {\n        const x = handlerOffsetX.value % computedAnimResult.WL;\n        return isNaN(x) ? 0 : x;\n    }, [computedAnimResult]);\n\n    useAnimatedReaction(\n        () => index.value,\n        (i) => {\n            if (loop) {\n                switch (_data.length) {\n                    case 1:\n                        i = 0;\n                        break;\n                    case 2:\n                        i = i % 2;\n                        break;\n                }\n                onSnapToItem && runOnJS(onSnapToItem)(i);\n            }\n        },\n        [onSnapToItem, loop, _data]\n    );\n\n    const callComputedIndex = React.useCallback(\n        () => computedIndex?.(),\n        [computedIndex]\n    );\n\n    const next = React.useCallback(() => {\n        return carouselController.next();\n    }, [carouselController]);\n\n    const prev = React.useCallback(() => {\n        return carouselController.prev();\n    }, [carouselController]);\n\n    const getCurrentIndex = React.useCallback(() => {\n        return index.value;\n    }, [index]);\n\n    const animatedListScrollHandler =\n        useAnimatedGestureHandler<PanGestureHandlerGestureEvent>(\n            {\n                onStart: (_, ctx: any) => {\n                    if (lockController.isLock()) return;\n                    ctx.startContentOffsetX = handlerOffsetX.value;\n                    ctx.currentContentOffsetX = handlerOffsetX.value;\n                    ctx.start = true;\n                },\n                onActive: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    /**\n                     * `onActive` and `onEnd` return different values of translationX！So that creates a bias！TAT\n                     * */\n                    ctx.translationX = e.translationX;\n                    if (loop) {\n                        handlerOffsetX.value =\n                            ctx.currentContentOffsetX + e.translationX;\n                        return;\n                    }\n                    handlerOffsetX.value = Math.max(\n                        Math.min(ctx.currentContentOffsetX + e.translationX, 0),\n                        -(data.length - 1) * width\n                    );\n                },\n                onEnd: (e, ctx: any) => {\n                    if (lockController.isLock() || !ctx.start) return;\n                    const translationX = ctx.translationX;\n                    function _withTimingCallback(num: number) {\n                        return withTiming(num, timingConfig, (isFinished) => {\n                            if (isFinished) {\n                                ctx.start = false;\n                                lockController.unLock();\n                                runOnJS(callComputedIndex)();\n                            }\n                        });\n                    }\n\n                    if (translationX > 0) {\n                        /**\n                         * If not loop no , longer scroll when sliding to the start.\n                         * */\n                        if (!loop && handlerOffsetX.value >= 0) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value + width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n\n                    if (translationX < 0) {\n                        /**\n                         * If not loop , no longer scroll when sliding to the end.\n                         * */\n                        if (\n                            !loop &&\n                            handlerOffsetX.value <= -(data.length - 1) * width\n                        ) {\n                            return;\n                        }\n                        lockController.lock();\n                        if (\n                            Math.abs(translationX) + Math.abs(e.velocityX) >\n                            width / 2\n                        ) {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - width - translationX\n                            );\n                        } else {\n                            handlerOffsetX.value = _withTimingCallback(\n                                handlerOffsetX.value - translationX\n                            );\n                        }\n                        return;\n                    }\n                },\n            },\n            [loop, data, lockController]\n        );\n\n    React.useImperativeHandle(ref, () => {\n        return {\n            next,\n            prev,\n            getCurrentIndex,\n        };\n    });\n\n    const Layouts = React.useMemo<React.FC<{ index: number }>>(() => {\n        switch (mode) {\n            case 'parallax':\n                return ({ index: i, children }) => (\n                    <ParallaxLayout\n                        parallaxScrollingOffset={parallaxScrollingOffset}\n                        parallaxScrollingScale={parallaxScrollingScale}\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </ParallaxLayout>\n                );\n            default:\n                return ({ index: i, children }) => (\n                    <CarouselItem\n                        computedAnimResult={computedAnimResult}\n                        width={width}\n                        height={height}\n                        handlerOffsetX={offsetX}\n                        index={i}\n                        key={i}\n                        loop={loop}\n                    >\n                        {children}\n                    </CarouselItem>\n                );\n        }\n    }, [\n        loop,\n        mode,\n        computedAnimResult,\n        height,\n        offsetX,\n        parallaxScrollingOffset,\n        parallaxScrollingScale,\n        width,\n    ]);\n\n    return (\n        <PanGestureHandler onHandlerStateChange={animatedListScrollHandler}>\n            <Animated.View\n                style={[\n                    // eslint-disable-next-line react-native/no-inline-styles\n                    {\n                        width,\n                        height,\n                        flexDirection: 'row',\n                        position: 'relative',\n                    },\n                    style,\n                ]}\n            >\n                {data.map((item, i) => {\n                    return (\n                        <Layouts index={i} key={i}>\n                            {renderItem(item, i)}\n                        </Layouts>\n                    );\n                })}\n            </Animated.View>\n        </PanGestureHandler>\n    );\n}\n\nexport default React.forwardRef(Carousel) as typeof Carousel;\n"]}

package/lib/commonjs/{useLoop.js → useAutoPlay.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useLoop = useLoop;
+exports.useAutoPlay = useAutoPlay;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -11,12 +11,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function useLoop(opts) {
+function useAutoPlay(opts) {
   const {
     autoPlay = false,
     autoPlayReverse = false,
     autoPlayInterval = 1000,
-    carouselController
+    carouselController,
+    lockController
   } = opts;
   const timer = React.useRef();
   React.useEffect(() => {
@@ -24,7 +25,7 @@ function useLoop(opts) {
       clearInterval(timer.current);
     }
 
-    if (autoPlay) {
+    if (autoPlay && !lockController.isLock()) {
       timer.current = setInterval(() => {
         autoPlayReverse ? carouselController.prev() : carouselController.next();
       }, autoPlayInterval);
@@ -33,6 +34,6 @@ function useLoop(opts) {
     return () => {
       !!timer.current && clearInterval(timer.current);
     };
-  }, [autoPlay, autoPlayReverse, autoPlayInterval, carouselController]);
+  }, [autoPlay, autoPlayReverse, autoPlayInterval, carouselController, lockController]);
 }
-//# sourceMappingURL=useLoop.js.map
+//# sourceMappingURL=useAutoPlay.js.map

package/lib/commonjs/useAutoPlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAutoPlay.ts"],"names":["useAutoPlay","opts","autoPlay","autoPlayReverse","autoPlayInterval","carouselController","lockController","timer","React","useRef","useEffect","current","clearInterval","isLock","setInterval","prev","next"],"mappings":";;;;;;;AAAA;;;;;;AAIO,SAASA,WAAT,CAAqBC,IAArB,EAMJ;AACC,QAAM;AACFC,IAAAA,QAAQ,GAAG,KADT;AAEFC,IAAAA,eAAe,GAAG,KAFhB;AAGFC,IAAAA,gBAAgB,GAAG,IAHjB;AAIFC,IAAAA,kBAJE;AAKFC,IAAAA;AALE,MAMFL,IANJ;AAOA,QAAMM,KAAK,GAAGC,KAAK,CAACC,MAAN,EAAd;AACAD,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIH,KAAK,CAACI,OAAV,EAAmB;AACfC,MAAAA,aAAa,CAACL,KAAK,CAACI,OAAP,CAAb;AACH;;AACD,QAAIT,QAAQ,IAAI,CAACI,cAAc,CAACO,MAAf,EAAjB,EAA0C;AACtCN,MAAAA,KAAK,CAACI,OAAN,GAAgBG,WAAW,CAAC,MAAM;AAC9BX,QAAAA,eAAe,GACTE,kBAAkB,CAACU,IAAnB,EADS,GAETV,kBAAkB,CAACW,IAAnB,EAFN;AAGH,OAJ0B,EAIxBZ,gBAJwB,CAA3B;AAKH;;AACD,WAAO,MAAM;AACT,OAAC,CAACG,KAAK,CAACI,OAAR,IAAmBC,aAAa,CAACL,KAAK,CAACI,OAAP,CAAhC;AACH,KAFD;AAGH,GAdD,EAcG,CACCT,QADD,EAECC,eAFD,EAGCC,gBAHD,EAICC,kBAJD,EAKCC,cALD,CAdH;AAqBH","sourcesContent":["import * as React from 'react';\nimport type { ICarouselController } from './useCarouselController';\nimport type { ILockController } from './useLock';\n\nexport function useAutoPlay(opts: {\n    autoPlay?: boolean;\n    autoPlayInterval?: number;\n    autoPlayReverse?: boolean;\n    carouselController: ICarouselController;\n    lockController: ILockController;\n}) {\n    const {\n        autoPlay = false,\n        autoPlayReverse = false,\n        autoPlayInterval = 1000,\n        carouselController,\n        lockController,\n    } = opts;\n    const timer = React.useRef<NodeJS.Timer>();\n    React.useEffect(() => {\n        if (timer.current) {\n            clearInterval(timer.current);\n        }\n        if (autoPlay && !lockController.isLock()) {\n            timer.current = setInterval(() => {\n                autoPlayReverse\n                    ? carouselController.prev()\n                    : carouselController.next();\n            }, autoPlayInterval);\n        }\n        return () => {\n            !!timer.current && clearInterval(timer.current);\n        };\n    }, [\n        autoPlay,\n        autoPlayReverse,\n        autoPlayInterval,\n        carouselController,\n        lockController,\n    ]);\n}\n"]}

package/lib/commonjs/useCarouselController.js

@@ -7,49 +7,46 @@ exports.useCarouselController = useCarouselController;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Carousel = require("./Carousel");
-
 var _reactNativeReanimated = require("react-native-reanimated");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function useCarouselController(opts) {
-  const lock = (0, _reactNativeReanimated.useSharedValue)(false);
   const {
     width,
     handlerOffsetX,
-    disable = false
+    timingConfig,
+    lockController,
+    disable = false,
+    onPrev,
+    onNext
   } = opts;
 
   const closeLock = _react.default.useCallback(isFinished => {
     if (isFinished) {
-      lock.value = false;
+      lockController.unLock();
     }
-  }, [lock]);
-
-  const openLock = _react.default.useCallback(() => {
-    lock.value = true;
-  }, [lock]);
+  }, [lockController]);
 
-  const next = _react.default.useCallback(callback => {
+  const next = _react.default.useCallback(() => {
     if (disable) return;
-    if (lock.value) return;
-    openLock();
-    handlerOffsetX.value = (0, _Carousel._withTiming)(handlerOffsetX.value - width, isFinished => {
-      callback === null || callback === void 0 ? void 0 : callback(isFinished);
-      closeLock(isFinished);
+    if (lockController.isLock()) return;
+    lockController.lock();
+    handlerOffsetX.value = (0, _reactNativeReanimated.withTiming)(handlerOffsetX.value - width, timingConfig, isFinished => {
+      !!onNext && (0, _reactNativeReanimated.runOnJS)(onNext)(isFinished);
+      (0, _reactNativeReanimated.runOnJS)(closeLock)(isFinished);
     });
-  }, [width, openLock, closeLock, lock, handlerOffsetX, disable]);
+  }, [onNext, width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
 
-  const prev = _react.default.useCallback(callback => {
+  const prev = _react.default.useCallback(() => {
     if (disable) return;
-    if (lock.value) return;
-    openLock();
-    handlerOffsetX.value = (0, _Carousel._withTiming)(handlerOffsetX.value + width, isFinished => {
-      callback === null || callback === void 0 ? void 0 : callback(isFinished);
-      closeLock(isFinished);
+    if (lockController.isLock()) return;
+    lockController.lock();
+    handlerOffsetX.value = (0, _reactNativeReanimated.withTiming)(handlerOffsetX.value + width, timingConfig, isFinished => {
+      !!onPrev && (0, _reactNativeReanimated.runOnJS)(onPrev)(isFinished);
+      (0, _reactNativeReanimated.runOnJS)(closeLock)(isFinished);
     });
-  }, [width, openLock, closeLock, lock, handlerOffsetX, disable]);
+  }, [onPrev, width, lockController, timingConfig, closeLock, handlerOffsetX, disable]);
 
   return {
     next,

package/lib/commonjs/useCarouselController.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCarouselController.tsx"],"names":["useCarouselController","opts","lock","width","handlerOffsetX","disable","closeLock","React","useCallback","isFinished","value","openLock","next","callback","prev"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAaO,SAASA,qBAAT,CAA+BC,IAA/B,EAAiE;AACpE,QAAMC,IAAI,GAAG,2CAAwB,KAAxB,CAAb;AACA,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,cAAT;AAAyBC,IAAAA,OAAO,GAAG;AAAnC,MAA6CJ,IAAnD;;AAEA,QAAMK,SAAS,GAAGC,eAAMC,WAAN,CACbC,UAAD,IAAyB;AACrB,QAAIA,UAAJ,EAAgB;AACZP,MAAAA,IAAI,CAACQ,KAAL,GAAa,KAAb;AACH;AACJ,GALa,EAMd,CAACR,IAAD,CANc,CAAlB;;AAQA,QAAMS,QAAQ,GAAGJ,eAAMC,WAAN,CAAkB,MAAM;AACrCN,IAAAA,IAAI,CAACQ,KAAL,GAAa,IAAb;AACH,GAFgB,EAEd,CAACR,IAAD,CAFc,CAAjB;;AAIA,QAAMU,IAAI,GAAGL,eAAMC,WAAN,CACRK,QAAD,IAA8C;AAC1C,QAAIR,OAAJ,EAAa;AACb,QAAIH,IAAI,CAACQ,KAAT,EAAgB;AAChBC,IAAAA,QAAQ;AACRP,IAAAA,cAAc,CAACM,KAAf,GAAuB,2BACnBN,cAAc,CAACM,KAAf,GAAuBP,KADJ,EAElBM,UAAD,IAAyB;AACrBI,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGJ,UAAH,CAAR;AACAH,MAAAA,SAAS,CAACG,UAAD,CAAT;AACH,KALkB,CAAvB;AAOH,GAZQ,EAaT,CAACN,KAAD,EAAQQ,QAAR,EAAkBL,SAAlB,EAA6BJ,IAA7B,EAAmCE,cAAnC,EAAmDC,OAAnD,CAbS,CAAb;;AAgBA,QAAMS,IAAI,GAAGP,eAAMC,WAAN,CACRK,QAAD,IAA8C;AAC1C,QAAIR,OAAJ,EAAa;AACb,QAAIH,IAAI,CAACQ,KAAT,EAAgB;AAChBC,IAAAA,QAAQ;AACRP,IAAAA,cAAc,CAACM,KAAf,GAAuB,2BACnBN,cAAc,CAACM,KAAf,GAAuBP,KADJ,EAElBM,UAAD,IAAyB;AACrBI,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGJ,UAAH,CAAR;AACAH,MAAAA,SAAS,CAACG,UAAD,CAAT;AACH,KALkB,CAAvB;AAOH,GAZQ,EAaT,CAACN,KAAD,EAAQQ,QAAR,EAAkBL,SAAlB,EAA6BJ,IAA7B,EAAmCE,cAAnC,EAAmDC,OAAnD,CAbS,CAAb;;AAgBA,SAAO;AACHO,IAAAA,IADG;AAEHE,IAAAA;AAFG,GAAP;AAIH","sourcesContent":["import React from 'react';\nimport { _withTiming } from './Carousel';\nimport type Animated from 'react-native-reanimated';\nimport { useSharedValue } from 'react-native-reanimated';\n\ninterface IOpts {\n    width: number;\n    handlerOffsetX: Animated.SharedValue<number>;\n    disable?: boolean;\n}\n\nexport interface ICarouselController {\n    prev: (callback?: (isFinished: boolean) => void) => void;\n    next: (callback?: (isFinished: boolean) => void) => void;\n}\n\nexport function useCarouselController(opts: IOpts): ICarouselController {\n    const lock = useSharedValue<boolean>(false);\n    const { width, handlerOffsetX, disable = false } = opts;\n\n    const closeLock = React.useCallback(\n        (isFinished: boolean) => {\n            if (isFinished) {\n                lock.value = false;\n            }\n        },\n        [lock]\n    );\n    const openLock = React.useCallback(() => {\n        lock.value = true;\n    }, [lock]);\n\n    const next = React.useCallback(\n        (callback?: (isFinished: boolean) => void) => {\n            if (disable) return;\n            if (lock.value) return;\n            openLock();\n            handlerOffsetX.value = _withTiming(\n                handlerOffsetX.value - width,\n                (isFinished: boolean) => {\n                    callback?.(isFinished);\n                    closeLock(isFinished);\n                }\n            );\n        },\n        [width, openLock, closeLock, lock, handlerOffsetX, disable]\n    );\n\n    const prev = React.useCallback(\n        (callback?: (isFinished: boolean) => void) => {\n            if (disable) return;\n            if (lock.value) return;\n            openLock();\n            handlerOffsetX.value = _withTiming(\n                handlerOffsetX.value + width,\n                (isFinished: boolean) => {\n                    callback?.(isFinished);\n                    closeLock(isFinished);\n                }\n            );\n        },\n        [width, openLock, closeLock, lock, handlerOffsetX, disable]\n    );\n\n    return {\n        next,\n        prev,\n    };\n}\n"]}
+{"version":3,"sources":["useCarouselController.tsx"],"names":["useCarouselController","opts","width","handlerOffsetX","timingConfig","lockController","disable","onPrev","onNext","closeLock","React","useCallback","isFinished","unLock","next","isLock","lock","value","prev"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAkBO,SAASA,qBAAT,CAA+BC,IAA/B,EAAiE;AACpE,QAAM;AACFC,IAAAA,KADE;AAEFC,IAAAA,cAFE;AAGFC,IAAAA,YAHE;AAIFC,IAAAA,cAJE;AAKFC,IAAAA,OAAO,GAAG,KALR;AAMFC,IAAAA,MANE;AAOFC,IAAAA;AAPE,MAQFP,IARJ;;AAUA,QAAMQ,SAAS,GAAGC,eAAMC,WAAN,CACbC,UAAD,IAAyB;AACrB,QAAIA,UAAJ,EAAgB;AACZP,MAAAA,cAAc,CAACQ,MAAf;AACH;AACJ,GALa,EAMd,CAACR,cAAD,CANc,CAAlB;;AASA,QAAMS,IAAI,GAAGJ,eAAMC,WAAN,CAAkB,MAAM;AACjC,QAAIL,OAAJ,EAAa;AACb,QAAID,cAAc,CAACU,MAAf,EAAJ,EAA6B;AAC7BV,IAAAA,cAAc,CAACW,IAAf;AACAb,IAAAA,cAAc,CAACc,KAAf,GAAuB,uCACnBd,cAAc,CAACc,KAAf,GAAuBf,KADJ,EAEnBE,YAFmB,EAGlBQ,UAAD,IAAyB;AACrB,OAAC,CAACJ,MAAF,IAAY,oCAAQA,MAAR,EAAgBI,UAAhB,CAAZ;AACA,0CAAQH,SAAR,EAAmBG,UAAnB;AACH,KANkB,CAAvB;AAQH,GAZY,EAYV,CACCJ,MADD,EAECN,KAFD,EAGCG,cAHD,EAICD,YAJD,EAKCK,SALD,EAMCN,cAND,EAOCG,OAPD,CAZU,CAAb;;AAsBA,QAAMY,IAAI,GAAGR,eAAMC,WAAN,CAAkB,MAAM;AACjC,QAAIL,OAAJ,EAAa;AACb,QAAID,cAAc,CAACU,MAAf,EAAJ,EAA6B;AAC7BV,IAAAA,cAAc,CAACW,IAAf;AACAb,IAAAA,cAAc,CAACc,KAAf,GAAuB,uCACnBd,cAAc,CAACc,KAAf,GAAuBf,KADJ,EAEnBE,YAFmB,EAGlBQ,UAAD,IAAyB;AACrB,OAAC,CAACL,MAAF,IAAY,oCAAQA,MAAR,EAAgBK,UAAhB,CAAZ;AACA,0CAAQH,SAAR,EAAmBG,UAAnB;AACH,KANkB,CAAvB;AAQH,GAZY,EAYV,CACCL,MADD,EAECL,KAFD,EAGCG,cAHD,EAICD,YAJD,EAKCK,SALD,EAMCN,cAND,EAOCG,OAPD,CAZU,CAAb;;AAsBA,SAAO;AACHQ,IAAAA,IADG;AAEHI,IAAAA;AAFG,GAAP;AAIH","sourcesContent":["import React from 'react';\nimport type Animated from 'react-native-reanimated';\nimport { runOnJS, withTiming } from 'react-native-reanimated';\nimport type { ILockController } from './useLock';\n\ninterface IOpts {\n    width: number;\n    handlerOffsetX: Animated.SharedValue<number>;\n    lockController: ILockController;\n    timingConfig: Animated.WithTimingConfig;\n    disable?: boolean;\n    onPrev?: (isFinished: boolean) => void;\n    onNext?: (isFinished: boolean) => void;\n}\n\nexport interface ICarouselController {\n    prev: () => void;\n    next: () => void;\n}\n\nexport function useCarouselController(opts: IOpts): ICarouselController {\n    const {\n        width,\n        handlerOffsetX,\n        timingConfig,\n        lockController,\n        disable = false,\n        onPrev,\n        onNext,\n    } = opts;\n\n    const closeLock = React.useCallback(\n        (isFinished: boolean) => {\n            if (isFinished) {\n                lockController.unLock();\n            }\n        },\n        [lockController]\n    );\n\n    const next = React.useCallback(() => {\n        if (disable) return;\n        if (lockController.isLock()) return;\n        lockController.lock();\n        handlerOffsetX.value = withTiming(\n            handlerOffsetX.value - width,\n            timingConfig,\n            (isFinished: boolean) => {\n                !!onNext && runOnJS(onNext)(isFinished);\n                runOnJS(closeLock)(isFinished);\n            }\n        );\n    }, [\n        onNext,\n        width,\n        lockController,\n        timingConfig,\n        closeLock,\n        handlerOffsetX,\n        disable,\n    ]);\n\n    const prev = React.useCallback(() => {\n        if (disable) return;\n        if (lockController.isLock()) return;\n        lockController.lock();\n        handlerOffsetX.value = withTiming(\n            handlerOffsetX.value + width,\n            timingConfig,\n            (isFinished: boolean) => {\n                !!onPrev && runOnJS(onPrev)(isFinished);\n                runOnJS(closeLock)(isFinished);\n            }\n        );\n    }, [\n        onPrev,\n        width,\n        lockController,\n        timingConfig,\n        closeLock,\n        handlerOffsetX,\n        disable,\n    ]);\n\n    return {\n        next,\n        prev,\n    };\n}\n"]}

package/lib/commonjs/useLock.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLockController = useLockController;
+
+var _reactNativeReanimated = require("react-native-reanimated");
+
+/**
+ * Cannot operate while animation is locking
+ */
+function useLockController() {
+  // This value is true if the animation is executing
+  const _lock = (0, _reactNativeReanimated.useSharedValue)(false);
+
+  function lock() {
+    'worklet';
+
+    _lock.value = true;
+  }
+
+  function unLock() {
+    'worklet';
+
+    _lock.value = false;
+  }
+
+  function isLock() {
+    'worklet';
+
+    return _lock.value;
+  }
+
+  return {
+    lock,
+    unLock,
+    isLock
+  };
+}
+//# sourceMappingURL=useLock.js.map

package/lib/commonjs/useLock.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLock.ts"],"names":["useLockController","_lock","lock","value","unLock","isLock"],"mappings":";;;;;;;AAAA;;AAOA;AACA;AACA;AACO,SAASA,iBAAT,GAA8C;AACjD;AACA,QAAMC,KAAK,GAAG,2CAAwB,KAAxB,CAAd;;AACA,WAASC,IAAT,GAAgB;AACZ;;AACAD,IAAAA,KAAK,CAACE,KAAN,GAAc,IAAd;AACH;;AACD,WAASC,MAAT,GAAkB;AACd;;AACAH,IAAAA,KAAK,CAACE,KAAN,GAAc,KAAd;AACH;;AACD,WAASE,MAAT,GAAkB;AACd;;AACA,WAAOJ,KAAK,CAACE,KAAb;AACH;;AACD,SAAO;AACHD,IAAAA,IADG;AAEHE,IAAAA,MAFG;AAGHC,IAAAA;AAHG,GAAP;AAKH","sourcesContent":["import { useSharedValue } from 'react-native-reanimated';\nexport interface ILockController {\n    lock(): void;\n    unLock(): void;\n    isLock(): boolean;\n}\n\n/**\n * Cannot operate while animation is locking\n */\nexport function useLockController(): ILockController {\n    // This value is true if the animation is executing\n    const _lock = useSharedValue<boolean>(false);\n    function lock() {\n        'worklet';\n        _lock.value = true;\n    }\n    function unLock() {\n        'worklet';\n        _lock.value = false;\n    }\n    function isLock() {\n        'worklet';\n        return _lock.value;\n    }\n    return {\n        lock,\n        unLock,\n        isLock,\n    };\n}\n"]}