@fountain-ui/lab 2.0.0-beta.9 → 3.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/commonjs/BottomSheet/BottomSheetNative.js +78 -27
- package/build/commonjs/BottomSheet/BottomSheetNative.js.map +1 -1
- package/build/commonjs/BottomSheet/BottomSheetProps.js.map +1 -1
- package/build/commonjs/BottomSheet/BottomSheetWeb.js +63 -17
- package/build/commonjs/BottomSheet/BottomSheetWeb.js.map +1 -1
- package/build/commonjs/BottomSheet/useDynamicSnapPoints.js +79 -0
- package/build/commonjs/BottomSheet/useDynamicSnapPoints.js.map +1 -0
- package/build/commonjs/Carousel/Carousel.js +130 -0
- package/build/commonjs/Carousel/Carousel.js.map +1 -0
- package/build/commonjs/Carousel/CarouselProps.js.map +1 -1
- package/build/commonjs/Carousel/animation/animationUtils.js +9 -0
- package/build/commonjs/Carousel/animation/animationUtils.js.map +1 -0
- package/build/commonjs/Carousel/animation/createDefaultItemStyle.js +15 -0
- package/build/commonjs/Carousel/animation/createDefaultItemStyle.js.map +1 -0
- package/build/commonjs/Carousel/animation/createDefaultScrollAnimation.js +26 -0
- package/build/commonjs/Carousel/animation/createDefaultScrollAnimation.js.map +1 -0
- package/build/commonjs/Carousel/animation/index.js +40 -0
- package/build/commonjs/Carousel/animation/index.js.map +1 -0
- package/build/commonjs/Carousel/animation/normalItemStyleFactory.js +27 -0
- package/build/commonjs/Carousel/animation/normalItemStyleFactory.js.map +1 -0
- package/build/commonjs/Carousel/animation/parallaxItemStyleFactory.js +65 -0
- package/build/commonjs/Carousel/animation/parallaxItemStyleFactory.js.map +1 -0
- package/build/commonjs/Carousel/components/InternalContext.js +29 -0
- package/build/commonjs/Carousel/components/InternalContext.js.map +1 -0
- package/build/commonjs/Carousel/components/ItemView.js +66 -0
- package/build/commonjs/Carousel/components/ItemView.js.map +1 -0
- package/build/commonjs/Carousel/components/RootView.js +86 -0
- package/build/commonjs/Carousel/components/RootView.js.map +1 -0
- package/build/commonjs/Carousel/components/ScrollViewGesture.js +84 -0
- package/build/commonjs/Carousel/components/ScrollViewGesture.js.map +1 -0
- package/build/commonjs/Carousel/components/index.js +40 -0
- package/build/commonjs/Carousel/components/index.js.map +1 -0
- package/build/commonjs/Carousel/components/useItemInterpolation.js +65 -0
- package/build/commonjs/Carousel/components/useItemInterpolation.js.map +1 -0
- package/build/commonjs/Carousel/hooks/index.js +48 -0
- package/build/commonjs/Carousel/hooks/index.js.map +1 -0
- package/build/commonjs/Carousel/hooks/useAutoplayController.js +58 -0
- package/build/commonjs/Carousel/hooks/useAutoplayController.js.map +1 -0
- package/build/commonjs/Carousel/hooks/useIndexController.js +55 -0
- package/build/commonjs/Carousel/hooks/useIndexController.js.map +1 -0
- package/build/commonjs/Carousel/hooks/useItemVisibilityStore.js +95 -0
- package/build/commonjs/Carousel/hooks/useItemVisibilityStore.js.map +1 -0
- package/build/commonjs/Carousel/hooks/useLoopedData.js +33 -0
- package/build/commonjs/Carousel/hooks/useLoopedData.js.map +1 -0
- package/build/commonjs/Carousel/hooks/usePagingAnimator.js +202 -0
- package/build/commonjs/Carousel/hooks/usePagingAnimator.js.map +1 -0
- package/build/commonjs/Carousel/index.js +16 -2
- package/build/commonjs/Carousel/index.js.map +1 -1
- package/build/commonjs/Carousel/tick.js +16 -0
- package/build/commonjs/Carousel/tick.js.map +1 -0
- package/build/commonjs/Carousel/types.js +8 -0
- package/build/commonjs/Carousel/types.js.map +1 -0
- package/build/commonjs/ComicViewer/ComicViewer.js +230 -92
- package/build/commonjs/ComicViewer/ComicViewer.js.map +1 -1
- package/build/commonjs/ComicViewer/ComicViewerProps.js.map +1 -1
- package/build/commonjs/ComicViewer/EncodedTile.js +10 -0
- package/build/commonjs/ComicViewer/EncodedTile.js.map +1 -0
- package/build/commonjs/ComicViewer/FastScroll.js +175 -0
- package/build/commonjs/ComicViewer/FastScroll.js.map +1 -0
- package/build/commonjs/ComicViewer/{ComicViewerItemProps.js → FastScrollProps.js} +1 -1
- package/build/commonjs/ComicViewer/FastScrollProps.js.map +1 -0
- package/build/commonjs/ComicViewer/ReloadButton.js +48 -0
- package/build/commonjs/ComicViewer/ReloadButton.js.map +1 -0
- package/build/commonjs/ComicViewer/ViewerItem.js +53 -59
- package/build/commonjs/ComicViewer/ViewerItem.js.map +1 -1
- package/build/commonjs/ComicViewer/index.js.map +1 -1
- package/build/commonjs/ComicViewer/util.js +27 -0
- package/build/commonjs/ComicViewer/util.js.map +1 -0
- package/build/commonjs/DateTimePicker/DateTimePicker.js +12 -3
- package/build/commonjs/DateTimePicker/DateTimePicker.js.map +1 -1
- package/build/commonjs/DateTimePicker/YearPicker.js +2 -2
- package/build/commonjs/DateTimePicker/YearPicker.js.map +1 -1
- package/build/commonjs/StatusBarProvider/Provider.js.map +1 -1
- package/build/commonjs/StatusBarProvider/StatusBarProvider.js +111 -2
- package/build/commonjs/StatusBarProvider/StatusBarProvider.js.map +1 -1
- package/build/commonjs/ViewPager/FluxContext.js +13 -0
- package/build/commonjs/ViewPager/FluxContext.js.map +1 -0
- package/build/commonjs/ViewPager/InternalContext.js +17 -0
- package/build/commonjs/ViewPager/InternalContext.js.map +1 -0
- package/build/commonjs/ViewPager/PageStateContext.js +14 -0
- package/build/commonjs/ViewPager/PageStateContext.js.map +1 -0
- package/build/commonjs/ViewPager/ViewPager.js +81 -0
- package/build/commonjs/ViewPager/ViewPager.js.map +1 -0
- package/build/commonjs/ViewPager/ViewPager.native.js +152 -0
- package/build/commonjs/ViewPager/ViewPager.native.js.map +1 -0
- package/build/commonjs/ViewPager/ViewPagerProps.js.map +1 -1
- package/build/commonjs/ViewPager/components/ChildrenMemoizedPage.js +122 -0
- package/build/commonjs/ViewPager/components/ChildrenMemoizedPage.js.map +1 -0
- package/build/commonjs/ViewPager/components/FluxStoreProvider.js +37 -0
- package/build/commonjs/ViewPager/components/FluxStoreProvider.js.map +1 -0
- package/build/commonjs/ViewPager/components/index.js +24 -0
- package/build/commonjs/ViewPager/components/index.js.map +1 -0
- package/build/commonjs/ViewPager/hooks/index.js +64 -0
- package/build/commonjs/ViewPager/hooks/index.js.map +1 -0
- package/build/commonjs/ViewPager/hooks/useDispatch.js +22 -0
- package/build/commonjs/ViewPager/hooks/useDispatch.js.map +1 -0
- package/build/commonjs/ViewPager/hooks/useEagerState.js +24 -0
- package/build/commonjs/ViewPager/hooks/useEagerState.js.map +1 -0
- package/build/commonjs/ViewPager/hooks/useForceRender.js +16 -0
- package/build/commonjs/ViewPager/hooks/useForceRender.js.map +1 -0
- package/build/commonjs/ViewPager/hooks/useLazyState.js +43 -0
- package/build/commonjs/ViewPager/hooks/useLazyState.js.map +1 -0
- package/build/commonjs/ViewPager/hooks/usePageStore.js +35 -0
- package/build/commonjs/ViewPager/hooks/usePageStore.js.map +1 -0
- package/build/commonjs/ViewPager/hooks/useStore.js +26 -0
- package/build/commonjs/ViewPager/hooks/useStore.js.map +1 -0
- package/build/commonjs/ViewPager/hooks/useViewPagerPageState.js +19 -0
- package/build/commonjs/ViewPager/hooks/useViewPagerPageState.js.map +1 -0
- package/build/commonjs/ViewPager/index.js +42 -2
- package/build/commonjs/ViewPager/index.js.map +1 -1
- package/build/commonjs/ViewPager/types.js +2 -0
- package/build/commonjs/ViewPager/types.js.map +1 -0
- package/build/commonjs/ViewPager/utils.js +12 -45
- package/build/commonjs/ViewPager/utils.js.map +1 -1
- package/build/commonjs/ViewabilityTrackerView/Viewability.js +2 -0
- package/build/commonjs/ViewabilityTrackerView/Viewability.js.map +1 -0
- package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerView.js +45 -0
- package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerView.js.map +1 -0
- package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerViewProps.js +2 -0
- package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerViewProps.js.map +1 -0
- package/build/commonjs/{Carousel/index.native.js → ViewabilityTrackerView/index.js} +3 -3
- package/build/commonjs/ViewabilityTrackerView/index.js.map +1 -0
- package/build/commonjs/ViewabilityTrackerView/measureViewability.js +42 -0
- package/build/commonjs/ViewabilityTrackerView/measureViewability.js.map +1 -0
- package/build/commonjs/ViewabilityTrackerView/useViewabilityTracker.js +88 -0
- package/build/commonjs/ViewabilityTrackerView/useViewabilityTracker.js.map +1 -0
- package/build/commonjs/hooks/index.js +16 -0
- package/build/commonjs/hooks/index.js.map +1 -1
- package/build/commonjs/hooks/useDeferredExecutor.js +45 -0
- package/build/commonjs/hooks/useDeferredExecutor.js.map +1 -0
- package/build/commonjs/hooks/useHeight.js +4 -4
- package/build/commonjs/hooks/useHeight.js.map +1 -1
- package/build/commonjs/hooks/useIsMounted.js +22 -0
- package/build/commonjs/hooks/useIsMounted.js.map +1 -0
- package/build/commonjs/hooks/useUnstableCollapsibleAppBar.js +3 -5
- package/build/commonjs/hooks/useUnstableCollapsibleAppBar.js.map +1 -1
- package/build/commonjs/index.js +22 -1
- package/build/commonjs/index.js.map +1 -1
- package/build/module/BottomSheet/BottomSheetNative.js +73 -22
- package/build/module/BottomSheet/BottomSheetNative.js.map +1 -1
- package/build/module/BottomSheet/BottomSheetProps.js.map +1 -1
- package/build/module/BottomSheet/BottomSheetWeb.js +58 -18
- package/build/module/BottomSheet/BottomSheetWeb.js.map +1 -1
- package/build/module/BottomSheet/useDynamicSnapPoints.js +65 -0
- package/build/module/BottomSheet/useDynamicSnapPoints.js.map +1 -0
- package/build/module/Carousel/Carousel.js +109 -0
- package/build/module/Carousel/Carousel.js.map +1 -0
- package/build/module/Carousel/CarouselProps.js.map +1 -1
- package/build/module/Carousel/animation/animationUtils.js +2 -0
- package/build/module/Carousel/animation/animationUtils.js.map +1 -0
- package/build/module/Carousel/animation/createDefaultItemStyle.js +3 -0
- package/build/module/Carousel/animation/createDefaultItemStyle.js.map +1 -0
- package/build/module/Carousel/animation/createDefaultScrollAnimation.js +12 -0
- package/build/module/Carousel/animation/createDefaultScrollAnimation.js.map +1 -0
- package/build/module/Carousel/animation/index.js +5 -0
- package/build/module/Carousel/animation/index.js.map +1 -0
- package/build/module/Carousel/animation/normalItemStyleFactory.js +18 -0
- package/build/module/Carousel/animation/normalItemStyleFactory.js.map +1 -0
- package/build/module/Carousel/animation/parallaxItemStyleFactory.js +55 -0
- package/build/module/Carousel/animation/parallaxItemStyleFactory.js.map +1 -0
- package/build/module/Carousel/components/InternalContext.js +19 -0
- package/build/module/Carousel/components/InternalContext.js.map +1 -0
- package/build/module/Carousel/components/ItemView.js +46 -0
- package/build/module/Carousel/components/ItemView.js.map +1 -0
- package/build/module/Carousel/components/RootView.js +65 -0
- package/build/module/Carousel/components/RootView.js.map +1 -0
- package/build/module/Carousel/components/ScrollViewGesture.js +69 -0
- package/build/module/Carousel/components/ScrollViewGesture.js.map +1 -0
- package/build/module/Carousel/components/index.js +5 -0
- package/build/module/Carousel/components/index.js.map +1 -0
- package/build/module/Carousel/components/useItemInterpolation.js +51 -0
- package/build/module/Carousel/components/useItemInterpolation.js.map +1 -0
- package/build/module/Carousel/hooks/index.js +6 -0
- package/build/module/Carousel/hooks/index.js.map +1 -0
- package/build/module/Carousel/hooks/useAutoplayController.js +48 -0
- package/build/module/Carousel/hooks/useAutoplayController.js.map +1 -0
- package/build/module/Carousel/hooks/useIndexController.js +44 -0
- package/build/module/Carousel/hooks/useIndexController.js.map +1 -0
- package/build/module/Carousel/hooks/useItemVisibilityStore.js +86 -0
- package/build/module/Carousel/hooks/useItemVisibilityStore.js.map +1 -0
- package/build/module/Carousel/hooks/useLoopedData.js +24 -0
- package/build/module/Carousel/hooks/useLoopedData.js.map +1 -0
- package/build/module/Carousel/hooks/usePagingAnimator.js +192 -0
- package/build/module/Carousel/hooks/usePagingAnimator.js.map +1 -0
- package/build/module/Carousel/index.js +2 -1
- package/build/module/Carousel/index.js.map +1 -1
- package/build/module/Carousel/tick.js +6 -0
- package/build/module/Carousel/tick.js.map +1 -0
- package/build/module/Carousel/types.js +4 -0
- package/build/module/Carousel/types.js.map +1 -0
- package/build/module/ComicViewer/ComicViewer.js +229 -93
- package/build/module/ComicViewer/ComicViewer.js.map +1 -1
- package/build/module/ComicViewer/ComicViewerProps.js.map +1 -1
- package/build/module/ComicViewer/EncodedTile.js +3 -0
- package/build/module/ComicViewer/EncodedTile.js.map +1 -0
- package/build/module/ComicViewer/FastScroll.js +152 -0
- package/build/module/ComicViewer/FastScroll.js.map +1 -0
- package/build/module/ComicViewer/FastScrollProps.js +2 -0
- package/build/module/ComicViewer/FastScrollProps.js.map +1 -0
- package/build/module/ComicViewer/ReloadButton.js +33 -0
- package/build/module/ComicViewer/ReloadButton.js.map +1 -0
- package/build/module/ComicViewer/ViewerItem.js +53 -60
- package/build/module/ComicViewer/ViewerItem.js.map +1 -1
- package/build/module/ComicViewer/index.js.map +1 -1
- package/build/module/ComicViewer/util.js +15 -0
- package/build/module/ComicViewer/util.js.map +1 -0
- package/build/module/DateTimePicker/DateTimePicker.js +13 -4
- package/build/module/DateTimePicker/DateTimePicker.js.map +1 -1
- package/build/module/DateTimePicker/YearPicker.js +2 -2
- package/build/module/DateTimePicker/YearPicker.js.map +1 -1
- package/build/module/StatusBarProvider/Provider.js.map +1 -1
- package/build/module/StatusBarProvider/StatusBarProvider.js +105 -2
- package/build/module/StatusBarProvider/StatusBarProvider.js.map +1 -1
- package/build/module/ViewPager/FluxContext.js +4 -0
- package/build/module/ViewPager/FluxContext.js.map +1 -0
- package/build/module/ViewPager/InternalContext.js +7 -0
- package/build/module/ViewPager/InternalContext.js.map +1 -0
- package/build/module/ViewPager/PageStateContext.js +5 -0
- package/build/module/ViewPager/PageStateContext.js.map +1 -0
- package/build/module/ViewPager/ViewPager.js +57 -0
- package/build/module/ViewPager/ViewPager.js.map +1 -0
- package/build/module/ViewPager/ViewPager.native.js +129 -0
- package/build/module/ViewPager/ViewPager.native.js.map +1 -0
- package/build/module/ViewPager/ViewPagerProps.js.map +1 -1
- package/build/module/ViewPager/components/ChildrenMemoizedPage.js +101 -0
- package/build/module/ViewPager/components/ChildrenMemoizedPage.js.map +1 -0
- package/build/module/ViewPager/components/FluxStoreProvider.js +20 -0
- package/build/module/ViewPager/components/FluxStoreProvider.js.map +1 -0
- package/build/module/ViewPager/components/index.js +3 -0
- package/build/module/ViewPager/components/index.js.map +1 -0
- package/build/module/ViewPager/hooks/index.js +8 -0
- package/build/module/ViewPager/hooks/index.js.map +1 -0
- package/build/module/ViewPager/hooks/useDispatch.js +10 -0
- package/build/module/ViewPager/hooks/useDispatch.js.map +1 -0
- package/build/module/ViewPager/hooks/useEagerState.js +12 -0
- package/build/module/ViewPager/hooks/useEagerState.js.map +1 -0
- package/build/module/ViewPager/hooks/useForceRender.js +7 -0
- package/build/module/ViewPager/hooks/useForceRender.js.map +1 -0
- package/build/module/ViewPager/hooks/useLazyState.js +28 -0
- package/build/module/ViewPager/hooks/useLazyState.js.map +1 -0
- package/build/module/ViewPager/hooks/usePageStore.js +25 -0
- package/build/module/ViewPager/hooks/usePageStore.js.map +1 -0
- package/build/module/ViewPager/hooks/useStore.js +14 -0
- package/build/module/ViewPager/hooks/useStore.js.map +1 -0
- package/build/module/ViewPager/hooks/useViewPagerPageState.js +7 -0
- package/build/module/ViewPager/hooks/useViewPagerPageState.js.map +1 -0
- package/build/module/ViewPager/index.js +3 -1
- package/build/module/ViewPager/index.js.map +1 -1
- package/build/module/ViewPager/types.js +2 -0
- package/build/module/ViewPager/types.js.map +1 -0
- package/build/module/ViewPager/utils.js +6 -34
- package/build/module/ViewPager/utils.js.map +1 -1
- package/build/module/ViewabilityTrackerView/Viewability.js +2 -0
- package/build/module/ViewabilityTrackerView/Viewability.js.map +1 -0
- package/build/module/ViewabilityTrackerView/ViewabilityTrackerView.js +28 -0
- package/build/module/ViewabilityTrackerView/ViewabilityTrackerView.js.map +1 -0
- package/build/module/ViewabilityTrackerView/ViewabilityTrackerViewProps.js +2 -0
- package/build/module/ViewabilityTrackerView/ViewabilityTrackerViewProps.js.map +1 -0
- package/build/module/ViewabilityTrackerView/index.js +2 -0
- package/build/module/ViewabilityTrackerView/index.js.map +1 -0
- package/build/module/ViewabilityTrackerView/measureViewability.js +34 -0
- package/build/module/ViewabilityTrackerView/measureViewability.js.map +1 -0
- package/build/module/ViewabilityTrackerView/useViewabilityTracker.js +73 -0
- package/build/module/ViewabilityTrackerView/useViewabilityTracker.js.map +1 -0
- package/build/module/hooks/index.js +2 -0
- package/build/module/hooks/index.js.map +1 -1
- package/build/module/hooks/useDeferredExecutor.js +33 -0
- package/build/module/hooks/useDeferredExecutor.js.map +1 -0
- package/build/module/hooks/useHeight.js +2 -3
- package/build/module/hooks/useHeight.js.map +1 -1
- package/build/module/hooks/useIsMounted.js +13 -0
- package/build/module/hooks/useIsMounted.js.map +1 -0
- package/build/module/hooks/useUnstableCollapsibleAppBar.js +4 -6
- package/build/module/hooks/useUnstableCollapsibleAppBar.js.map +1 -1
- package/build/module/index.js +2 -0
- package/build/module/index.js.map +1 -1
- package/build/typescript/AnimatedY/AnimatedY.d.ts +1 -0
- package/build/typescript/BottomSheet/BottomSheetNative.d.ts +1 -0
- package/build/typescript/BottomSheet/BottomSheetProps.d.ts +22 -1
- package/build/typescript/BottomSheet/BottomSheetWeb.d.ts +1 -0
- package/build/typescript/BottomSheet/TransparentBackdrop.d.ts +1 -0
- package/build/typescript/BottomSheet/useDynamicSnapPoints.d.ts +13 -0
- package/build/typescript/Carousel/Carousel.d.ts +5 -0
- package/build/typescript/Carousel/CarouselProps.d.ts +33 -48
- package/build/typescript/Carousel/animation/animationUtils.d.ts +1 -0
- package/build/typescript/Carousel/animation/createDefaultItemStyle.d.ts +2 -0
- package/build/typescript/Carousel/animation/createDefaultScrollAnimation.d.ts +2 -0
- package/build/typescript/Carousel/animation/index.d.ts +4 -0
- package/build/typescript/Carousel/animation/normalItemStyleFactory.d.ts +2 -0
- package/build/typescript/Carousel/animation/parallaxItemStyleFactory.d.ts +9 -0
- package/build/typescript/Carousel/components/InternalContext.d.ts +14 -0
- package/build/typescript/Carousel/components/ItemView.d.ts +9 -0
- package/build/typescript/Carousel/components/RootView.d.ts +16 -0
- package/build/typescript/Carousel/components/ScrollViewGesture.d.ts +12 -0
- package/build/typescript/Carousel/components/index.d.ts +4 -0
- package/build/typescript/Carousel/components/useItemInterpolation.d.ts +2 -0
- package/build/typescript/Carousel/hooks/index.d.ts +5 -0
- package/build/typescript/Carousel/hooks/useAutoplayController.d.ts +7 -0
- package/build/typescript/Carousel/hooks/useIndexController.d.ts +10 -0
- package/build/typescript/Carousel/hooks/useItemVisibilityStore.d.ts +7 -0
- package/build/typescript/Carousel/hooks/useLoopedData.d.ts +1 -0
- package/build/typescript/Carousel/hooks/usePagingAnimator.d.ts +17 -0
- package/build/typescript/Carousel/index.d.ts +3 -1
- package/build/typescript/Carousel/tick.d.ts +2 -0
- package/build/typescript/Carousel/types.d.ts +91 -0
- package/build/typescript/ComicViewer/ComicViewer.d.ts +2 -1
- package/build/typescript/ComicViewer/ComicViewerProps.d.ts +61 -43
- package/build/typescript/ComicViewer/EncodedTile.d.ts +2 -0
- package/build/typescript/ComicViewer/FastScroll.d.ts +4 -0
- package/build/typescript/ComicViewer/FastScrollProps.d.ts +74 -0
- package/build/typescript/ComicViewer/ReloadButton.d.ts +7 -0
- package/build/typescript/ComicViewer/ViewerItem.d.ts +46 -7
- package/build/typescript/ComicViewer/index.d.ts +3 -2
- package/build/typescript/ComicViewer/util.d.ts +2 -0
- package/build/typescript/DateTimePicker/DateTimePicker.d.ts +1 -0
- package/build/typescript/DateTimePicker/YearPicker.d.ts +1 -0
- package/build/typescript/FlipCard/FlipCard.d.ts +1 -0
- package/build/typescript/StatusBarProvider/Provider.d.ts +13 -0
- package/build/typescript/StatusBarProvider/StatusBarProvider.d.ts +1 -0
- package/build/typescript/ViewPager/FluxContext.d.ts +5 -0
- package/build/typescript/ViewPager/InternalContext.d.ts +7 -0
- package/build/typescript/ViewPager/PageStateContext.d.ts +6 -0
- package/build/typescript/ViewPager/ViewPager.d.ts +5 -0
- package/build/typescript/ViewPager/ViewPager.native.d.ts +5 -0
- package/build/typescript/ViewPager/ViewPagerProps.d.ts +21 -27
- package/build/typescript/ViewPager/components/ChildrenMemoizedPage.d.ts +14 -0
- package/build/typescript/ViewPager/components/FluxStoreProvider.d.ts +6 -0
- package/build/typescript/ViewPager/components/index.d.ts +2 -0
- package/build/typescript/ViewPager/hooks/index.d.ts +7 -0
- package/build/typescript/ViewPager/hooks/useDispatch.d.ts +2 -0
- package/build/typescript/ViewPager/hooks/useEagerState.d.ts +1 -0
- package/build/typescript/ViewPager/hooks/useForceRender.d.ts +2 -0
- package/build/typescript/ViewPager/hooks/useLazyState.d.ts +2 -0
- package/build/typescript/ViewPager/hooks/usePageStore.d.ts +2 -0
- package/build/typescript/ViewPager/hooks/useStore.d.ts +2 -0
- package/build/typescript/ViewPager/hooks/useViewPagerPageState.d.ts +1 -0
- package/build/typescript/ViewPager/index.d.ts +4 -1
- package/build/typescript/ViewPager/types.d.ts +12 -0
- package/build/typescript/ViewPager/utils.d.ts +5 -20
- package/build/typescript/ViewabilityTrackerView/Viewability.d.ts +3 -0
- package/build/typescript/ViewabilityTrackerView/ViewabilityTrackerView.d.ts +3 -0
- package/build/typescript/ViewabilityTrackerView/ViewabilityTrackerViewProps.d.ts +22 -0
- package/build/typescript/ViewabilityTrackerView/index.d.ts +2 -0
- package/build/typescript/ViewabilityTrackerView/measureViewability.d.ts +11 -0
- package/build/typescript/ViewabilityTrackerView/useViewabilityTracker.d.ts +11 -0
- package/build/typescript/hooks/index.d.ts +2 -0
- package/build/typescript/hooks/useDeferredExecutor.d.ts +11 -0
- package/build/typescript/hooks/useIsMounted.d.ts +4 -0
- package/build/typescript/index.d.ts +2 -0
- package/package.json +10 -25
- package/src/BottomSheet/BottomSheetNative.tsx +76 -21
- package/src/BottomSheet/BottomSheetProps.ts +26 -1
- package/src/BottomSheet/BottomSheetWeb.tsx +67 -24
- package/src/BottomSheet/useDynamicSnapPoints.ts +87 -0
- package/src/Carousel/Carousel.tsx +135 -0
- package/src/Carousel/CarouselProps.ts +42 -53
- package/src/Carousel/animation/animationUtils.ts +1 -0
- package/src/Carousel/animation/createDefaultItemStyle.ts +3 -0
- package/src/Carousel/animation/createDefaultScrollAnimation.ts +14 -0
- package/src/Carousel/animation/index.ts +4 -0
- package/src/Carousel/animation/normalItemStyleFactory.ts +19 -0
- package/src/Carousel/animation/parallaxItemStyleFactory.ts +79 -0
- package/src/Carousel/components/InternalContext.ts +33 -0
- package/src/Carousel/components/ItemView.tsx +66 -0
- package/src/Carousel/components/RootView.tsx +79 -0
- package/src/Carousel/components/ScrollViewGesture.tsx +93 -0
- package/src/Carousel/components/index.ts +4 -0
- package/src/Carousel/components/useItemInterpolation.ts +107 -0
- package/src/Carousel/hooks/index.ts +5 -0
- package/src/Carousel/hooks/useAutoplayController.ts +57 -0
- package/src/Carousel/hooks/useIndexController.tsx +57 -0
- package/src/Carousel/hooks/useItemVisibilityStore.ts +107 -0
- package/src/Carousel/hooks/useLoopedData.ts +26 -0
- package/src/Carousel/hooks/usePagingAnimator.ts +255 -0
- package/src/Carousel/index.ts +4 -2
- package/src/Carousel/tick.ts +6 -0
- package/src/Carousel/types.ts +114 -0
- package/src/ComicViewer/ComicViewer.tsx +268 -106
- package/src/ComicViewer/ComicViewerProps.ts +66 -44
- package/src/ComicViewer/EncodedTile.ts +3 -0
- package/src/ComicViewer/FastScroll.tsx +176 -0
- package/src/ComicViewer/FastScrollProps.ts +88 -0
- package/src/ComicViewer/ReloadButton.tsx +36 -0
- package/src/ComicViewer/ViewerItem.tsx +104 -62
- package/src/ComicViewer/index.ts +8 -2
- package/src/ComicViewer/util.ts +15 -0
- package/src/DateTimePicker/DateTimePicker.tsx +11 -3
- package/src/DateTimePicker/YearPicker.tsx +2 -2
- package/src/StatusBarProvider/Provider.ts +14 -0
- package/src/StatusBarProvider/StatusBarProvider.tsx +103 -1
- package/src/ViewPager/FluxContext.ts +8 -0
- package/src/ViewPager/InternalContext.ts +13 -0
- package/src/ViewPager/PageStateContext.ts +11 -0
- package/src/ViewPager/ViewPager.native.tsx +152 -0
- package/src/ViewPager/ViewPager.tsx +69 -0
- package/src/ViewPager/ViewPagerProps.ts +25 -34
- package/src/ViewPager/components/ChildrenMemoizedPage.tsx +124 -0
- package/src/ViewPager/components/FluxStoreProvider.tsx +27 -0
- package/src/ViewPager/components/index.ts +2 -0
- package/src/ViewPager/hooks/index.ts +7 -0
- package/src/ViewPager/hooks/useDispatch.ts +11 -0
- package/src/ViewPager/hooks/useEagerState.ts +14 -0
- package/src/ViewPager/hooks/useForceRender.ts +7 -0
- package/src/ViewPager/hooks/useLazyState.ts +32 -0
- package/src/ViewPager/hooks/usePageStore.ts +30 -0
- package/src/ViewPager/hooks/useStore.ts +15 -0
- package/src/ViewPager/hooks/useViewPagerPageState.ts +6 -0
- package/src/ViewPager/index.ts +11 -2
- package/src/ViewPager/types.ts +15 -0
- package/src/ViewPager/utils.tsx +9 -56
- package/src/ViewabilityTrackerView/Viewability.ts +3 -0
- package/src/ViewabilityTrackerView/ViewabilityTrackerView.tsx +33 -0
- package/src/ViewabilityTrackerView/ViewabilityTrackerViewProps.ts +25 -0
- package/src/ViewabilityTrackerView/index.ts +2 -0
- package/src/ViewabilityTrackerView/measureViewability.ts +54 -0
- package/src/ViewabilityTrackerView/useViewabilityTracker.ts +85 -0
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useDeferredExecutor.ts +46 -0
- package/src/hooks/useHeight.ts +3 -4
- package/src/hooks/useIsMounted.ts +19 -0
- package/src/hooks/useUnstableCollapsibleAppBar.ts +4 -4
- package/src/index.ts +3 -0
- package/build/commonjs/Carousel/CarouselNative.js +0 -72
- package/build/commonjs/Carousel/CarouselNative.js.map +0 -1
- package/build/commonjs/Carousel/CarouselWeb.js +0 -237
- package/build/commonjs/Carousel/CarouselWeb.js.map +0 -1
- package/build/commonjs/Carousel/index.native.js.map +0 -1
- package/build/commonjs/Carousel/utils.js +0 -19
- package/build/commonjs/Carousel/utils.js.map +0 -1
- package/build/commonjs/ComicViewer/ComicViewerItemProps.js.map +0 -1
- package/build/commonjs/ViewPager/ChildrenMemoizedPage.js +0 -49
- package/build/commonjs/ViewPager/ChildrenMemoizedPage.js.map +0 -1
- package/build/commonjs/ViewPager/ViewPagerNative.js +0 -75
- package/build/commonjs/ViewPager/ViewPagerNative.js.map +0 -1
- package/build/commonjs/ViewPager/ViewPagerWeb.js +0 -55
- package/build/commonjs/ViewPager/ViewPagerWeb.js.map +0 -1
- package/build/commonjs/ViewPager/index.native.js +0 -16
- package/build/commonjs/ViewPager/index.native.js.map +0 -1
- package/build/module/Carousel/CarouselNative.js +0 -54
- package/build/module/Carousel/CarouselNative.js.map +0 -1
- package/build/module/Carousel/CarouselWeb.js +0 -215
- package/build/module/Carousel/CarouselWeb.js.map +0 -1
- package/build/module/Carousel/index.native.js +0 -2
- package/build/module/Carousel/index.native.js.map +0 -1
- package/build/module/Carousel/utils.js +0 -7
- package/build/module/Carousel/utils.js.map +0 -1
- package/build/module/ComicViewer/ComicViewerItemProps.js +0 -2
- package/build/module/ComicViewer/ComicViewerItemProps.js.map +0 -1
- package/build/module/ViewPager/ChildrenMemoizedPage.js +0 -37
- package/build/module/ViewPager/ChildrenMemoizedPage.js.map +0 -1
- package/build/module/ViewPager/ViewPagerNative.js +0 -58
- package/build/module/ViewPager/ViewPagerNative.js.map +0 -1
- package/build/module/ViewPager/ViewPagerWeb.js +0 -41
- package/build/module/ViewPager/ViewPagerWeb.js.map +0 -1
- package/build/module/ViewPager/index.native.js +0 -2
- package/build/module/ViewPager/index.native.js.map +0 -1
- package/build/typescript/Carousel/CarouselNative.d.ts +0 -2
- package/build/typescript/Carousel/CarouselWeb.d.ts +0 -4
- package/build/typescript/Carousel/index.native.d.ts +0 -1
- package/build/typescript/Carousel/utils.d.ts +0 -6
- package/build/typescript/ComicViewer/ComicViewerItemProps.d.ts +0 -12
- package/build/typescript/ViewPager/ChildrenMemoizedPage.d.ts +0 -4
- package/build/typescript/ViewPager/ViewPagerNative.d.ts +0 -2
- package/build/typescript/ViewPager/ViewPagerWeb.d.ts +0 -2
- package/build/typescript/ViewPager/index.native.d.ts +0 -1
- package/src/Carousel/CarouselNative.tsx +0 -67
- package/src/Carousel/CarouselWeb.tsx +0 -222
- package/src/Carousel/index.native.ts +0 -1
- package/src/Carousel/utils.ts +0 -11
- package/src/ComicViewer/ComicViewerItemProps.ts +0 -15
- package/src/ViewPager/ChildrenMemoizedPage.tsx +0 -36
- package/src/ViewPager/ViewPagerNative.tsx +0 -73
- package/src/ViewPager/ViewPagerWeb.tsx +0 -52
- package/src/ViewPager/index.native.ts +0 -1
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { View } from 'react-native';
|
|
5
|
-
import Slick from 'react-slick';
|
|
6
|
-
import styled from '@emotion/styled';
|
|
7
|
-
import { ChevronLeft, ChevronRight } from '@fountain-ui/icons';
|
|
8
|
-
import { mapIndexed } from '@fountain-ui/utils';
|
|
9
|
-
import { defaultActiveSlideScale, defaultAutoplay, defaultAutoplayInterval, defaultInactiveSlideOpacity, defaultInactiveSlideScale, defaultInfinite } from './utils';
|
|
10
|
-
const baseSettings = {
|
|
11
|
-
dots: false,
|
|
12
|
-
draggable: true,
|
|
13
|
-
lazyLoad: typeof window === 'undefined' ? undefined : 'ondemand',
|
|
14
|
-
pauseOnFocus: true,
|
|
15
|
-
pauseOnHover: true,
|
|
16
|
-
rows: 1,
|
|
17
|
-
swipe: true,
|
|
18
|
-
slidesPerRow: 1,
|
|
19
|
-
vertical: false
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const noop = () => void 0;
|
|
23
|
-
|
|
24
|
-
const StyledContainer = styled.div(props => ({
|
|
25
|
-
['& .slick-slider']: {
|
|
26
|
-
display: 'block',
|
|
27
|
-
position: 'relative',
|
|
28
|
-
userSelect: 'none'
|
|
29
|
-
},
|
|
30
|
-
['& .slick-list']: {
|
|
31
|
-
display: 'block',
|
|
32
|
-
position: 'relative',
|
|
33
|
-
overflow: 'hidden',
|
|
34
|
-
margin: 0,
|
|
35
|
-
padding: 0,
|
|
36
|
-
['&:focus']: {
|
|
37
|
-
outline: 'none'
|
|
38
|
-
},
|
|
39
|
-
['&.dragging']: {
|
|
40
|
-
cursor: 'pointer'
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
['& .slick-slider .slick-track, &.slick-slider .slick-list']: {
|
|
44
|
-
transform: 'translate3d(0, 0, 0)'
|
|
45
|
-
},
|
|
46
|
-
['& .slick-track']: {
|
|
47
|
-
display: 'block',
|
|
48
|
-
position: 'relative',
|
|
49
|
-
top: 0,
|
|
50
|
-
left: 0,
|
|
51
|
-
['&:before, &:after']: {
|
|
52
|
-
display: 'table',
|
|
53
|
-
content: '\'\''
|
|
54
|
-
},
|
|
55
|
-
['&:after']: {
|
|
56
|
-
clear: 'both'
|
|
57
|
-
},
|
|
58
|
-
...props.trackStyle
|
|
59
|
-
},
|
|
60
|
-
['& .slick-slide']: {
|
|
61
|
-
display: 'none',
|
|
62
|
-
float: 'left',
|
|
63
|
-
height: '100%',
|
|
64
|
-
minHeight: 1,
|
|
65
|
-
['& > div']: {
|
|
66
|
-
justifyContent: 'center',
|
|
67
|
-
display: 'flex',
|
|
68
|
-
transform: `scale(${props.inactiveSlideScale})`,
|
|
69
|
-
transition: 'transform .5s',
|
|
70
|
-
opacity: props.inactiveSlideOpacity
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
['& .slick-current > div']: {
|
|
74
|
-
transform: `scale(${props.activeSlideScale})`,
|
|
75
|
-
opacity: 1
|
|
76
|
-
},
|
|
77
|
-
['& .slick-initialized .slick-slide']: {
|
|
78
|
-
display: 'block'
|
|
79
|
-
},
|
|
80
|
-
...props.arrowsStyle
|
|
81
|
-
}));
|
|
82
|
-
|
|
83
|
-
const ArrowContainer = props => {
|
|
84
|
-
const {
|
|
85
|
-
children,
|
|
86
|
-
currentSlide,
|
|
87
|
-
slideCount,
|
|
88
|
-
visible,
|
|
89
|
-
...otherProps
|
|
90
|
-
} = props;
|
|
91
|
-
return visible ?
|
|
92
|
-
/*#__PURE__*/
|
|
93
|
-
// If root component is not a div, there's no arrow class.
|
|
94
|
-
React.createElement("div", _extends({}, otherProps, {
|
|
95
|
-
style: {
|
|
96
|
-
cursor: 'pointer'
|
|
97
|
-
}
|
|
98
|
-
}), /*#__PURE__*/React.createElement(View, {
|
|
99
|
-
style: {
|
|
100
|
-
height: '100%',
|
|
101
|
-
justifyContent: 'center',
|
|
102
|
-
alignItems: 'center',
|
|
103
|
-
backgroundColor: 'white',
|
|
104
|
-
borderRadius: 16
|
|
105
|
-
}
|
|
106
|
-
}, children)) : null;
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
export default /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
110
|
-
const {
|
|
111
|
-
activeSlideScale = defaultActiveSlideScale,
|
|
112
|
-
autoplay = defaultAutoplay,
|
|
113
|
-
autoplayInterval = defaultAutoplayInterval,
|
|
114
|
-
centerMode = false,
|
|
115
|
-
centerSlidePadding = 0,
|
|
116
|
-
data,
|
|
117
|
-
inactiveSlideOpacity = defaultInactiveSlideOpacity,
|
|
118
|
-
inactiveSlideScale = defaultInactiveSlideScale,
|
|
119
|
-
index,
|
|
120
|
-
infinite = defaultInfinite,
|
|
121
|
-
onChange,
|
|
122
|
-
renderItem,
|
|
123
|
-
slidesToScroll = 1,
|
|
124
|
-
slidesToShow = 1,
|
|
125
|
-
arrows = false,
|
|
126
|
-
arrowsStyle = {},
|
|
127
|
-
trackStyle = {}
|
|
128
|
-
} = props;
|
|
129
|
-
const slickRef = React.useRef(null);
|
|
130
|
-
const [visibleArrow, setVisibleArrow] = React.useState(false);
|
|
131
|
-
React.useEffect(() => {
|
|
132
|
-
if (slickRef.current) {
|
|
133
|
-
slickRef.current.slickGoTo(index, false);
|
|
134
|
-
}
|
|
135
|
-
}, [index]);
|
|
136
|
-
|
|
137
|
-
const fixOnClickNotWorkingAfterMobileSwipe = () => {
|
|
138
|
-
// @ts-ignore
|
|
139
|
-
if (slickRef.current && slickRef.current.innerSlider) {
|
|
140
|
-
// @ts-ignore
|
|
141
|
-
slickRef.current.innerSlider.clickHandler = noop;
|
|
142
|
-
}
|
|
143
|
-
};
|
|
144
|
-
|
|
145
|
-
const handleAfterChange = newIndex => {
|
|
146
|
-
fixOnClickNotWorkingAfterMobileSwipe();
|
|
147
|
-
|
|
148
|
-
if (onChange) {
|
|
149
|
-
onChange(newIndex);
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
|
-
|
|
153
|
-
const handleBeforeChange = () => {
|
|
154
|
-
fixOnClickNotWorkingAfterMobileSwipe();
|
|
155
|
-
};
|
|
156
|
-
|
|
157
|
-
const onPointerOver = () => setVisibleArrow(true);
|
|
158
|
-
|
|
159
|
-
const onPointerLeave = () => setVisibleArrow(false);
|
|
160
|
-
|
|
161
|
-
React.useEffect(() => {
|
|
162
|
-
if (ref) {
|
|
163
|
-
//@ts-ignore
|
|
164
|
-
ref.current = slickRef.current;
|
|
165
|
-
}
|
|
166
|
-
}, []);
|
|
167
|
-
return /*#__PURE__*/React.createElement(StyledContainer, {
|
|
168
|
-
activeSlideScale: activeSlideScale,
|
|
169
|
-
inactiveSlideOpacity: inactiveSlideOpacity,
|
|
170
|
-
inactiveSlideScale: inactiveSlideScale,
|
|
171
|
-
arrowsStyle: arrowsStyle,
|
|
172
|
-
trackStyle: trackStyle,
|
|
173
|
-
onPointerOver: onPointerOver,
|
|
174
|
-
onPointerLeave: onPointerLeave
|
|
175
|
-
}, /*#__PURE__*/React.createElement(Slick, _extends({}, baseSettings, {
|
|
176
|
-
afterChange: handleAfterChange,
|
|
177
|
-
autoplay: autoplay,
|
|
178
|
-
autoplaySpeed: autoplayInterval,
|
|
179
|
-
beforeChange: handleBeforeChange,
|
|
180
|
-
centerMode: centerMode,
|
|
181
|
-
centerPadding: `${centerSlidePadding}px`,
|
|
182
|
-
infinite: infinite,
|
|
183
|
-
initialSlide: index,
|
|
184
|
-
ref: slickRef,
|
|
185
|
-
slidesToScroll: slidesToScroll,
|
|
186
|
-
slidesToShow: slidesToShow,
|
|
187
|
-
arrows: arrows,
|
|
188
|
-
prevArrow: /*#__PURE__*/React.createElement(ArrowContainer, {
|
|
189
|
-
visible: visibleArrow,
|
|
190
|
-
children: /*#__PURE__*/React.createElement(ChevronLeft, {
|
|
191
|
-
fill: '#767676'
|
|
192
|
-
})
|
|
193
|
-
}),
|
|
194
|
-
nextArrow: /*#__PURE__*/React.createElement(ArrowContainer, {
|
|
195
|
-
visible: visibleArrow,
|
|
196
|
-
children: /*#__PURE__*/React.createElement(ChevronRight, {
|
|
197
|
-
fill: '#767676'
|
|
198
|
-
})
|
|
199
|
-
})
|
|
200
|
-
}), mapIndexed((item, index) => {
|
|
201
|
-
const child = renderItem({
|
|
202
|
-
item,
|
|
203
|
-
index
|
|
204
|
-
});
|
|
205
|
-
|
|
206
|
-
if (child) {
|
|
207
|
-
return /*#__PURE__*/React.cloneElement(child, {
|
|
208
|
-
key: index
|
|
209
|
-
});
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
return child;
|
|
213
|
-
}, data)));
|
|
214
|
-
});
|
|
215
|
-
//# sourceMappingURL=CarouselWeb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Slick","styled","ChevronLeft","ChevronRight","mapIndexed","defaultActiveSlideScale","defaultAutoplay","defaultAutoplayInterval","defaultInactiveSlideOpacity","defaultInactiveSlideScale","defaultInfinite","baseSettings","dots","draggable","lazyLoad","window","undefined","pauseOnFocus","pauseOnHover","rows","swipe","slidesPerRow","vertical","noop","StyledContainer","div","props","display","position","userSelect","overflow","margin","padding","outline","cursor","transform","top","left","content","clear","trackStyle","float","height","minHeight","justifyContent","inactiveSlideScale","transition","opacity","inactiveSlideOpacity","activeSlideScale","arrowsStyle","ArrowContainer","children","currentSlide","slideCount","visible","otherProps","alignItems","backgroundColor","borderRadius","forwardRef","ref","autoplay","autoplayInterval","centerMode","centerSlidePadding","data","index","infinite","onChange","renderItem","slidesToScroll","slidesToShow","arrows","slickRef","useRef","visibleArrow","setVisibleArrow","useState","useEffect","current","slickGoTo","fixOnClickNotWorkingAfterMobileSwipe","innerSlider","clickHandler","handleAfterChange","newIndex","handleBeforeChange","onPointerOver","onPointerLeave","item","child","cloneElement","key"],"sources":["CarouselWeb.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport Slick, { Settings } from 'react-slick';\nimport styled from '@emotion/styled';\nimport { ChevronLeft, ChevronRight } from '@fountain-ui/icons';\nimport { mapIndexed } from '@fountain-ui/utils';\nimport type CarouselProps from './CarouselProps';\nimport {\n defaultActiveSlideScale,\n defaultAutoplay,\n defaultAutoplayInterval,\n defaultInactiveSlideOpacity,\n defaultInactiveSlideScale,\n defaultInfinite,\n} from './utils';\n\nconst baseSettings: Settings = {\n dots: false,\n draggable: true,\n lazyLoad: typeof window === 'undefined' ? undefined : 'ondemand',\n pauseOnFocus: true,\n pauseOnHover: true,\n rows: 1,\n swipe: true,\n slidesPerRow: 1,\n vertical: false,\n};\n\nconst noop = () => void 0;\n\nconst StyledContainer: any = styled.div((props: any) => ({\n ['& .slick-slider']: {\n display: 'block',\n position: 'relative',\n userSelect: 'none',\n },\n ['& .slick-list']: {\n display: 'block',\n position: 'relative',\n overflow: 'hidden',\n margin: 0,\n padding: 0,\n ['&:focus']: {\n outline: 'none',\n },\n ['&.dragging']: {\n cursor: 'pointer',\n },\n },\n ['& .slick-slider .slick-track, &.slick-slider .slick-list']: {\n transform: 'translate3d(0, 0, 0)',\n },\n ['& .slick-track']: {\n display: 'block',\n position: 'relative',\n top: 0,\n left: 0,\n ['&:before, &:after']: {\n display: 'table',\n content: '\\'\\'',\n },\n ['&:after']: {\n clear: 'both',\n },\n ...props.trackStyle,\n },\n ['& .slick-slide']: {\n display: 'none',\n float: 'left',\n height: '100%',\n minHeight: 1,\n ['& > div']: {\n justifyContent: 'center',\n display: 'flex',\n transform: `scale(${props.inactiveSlideScale})`,\n transition: 'transform .5s',\n opacity: props.inactiveSlideOpacity,\n },\n },\n ['& .slick-current > div']: {\n transform: `scale(${props.activeSlideScale})`,\n opacity: 1,\n },\n ['& .slick-initialized .slick-slide']: {\n display: 'block',\n },\n ...props.arrowsStyle,\n}));\n\ninterface ArrowContainerProps {\n children: React.ReactElement;\n visible: boolean;\n currentSlide?: any;\n slideCount?: any;\n}\n\nconst ArrowContainer = (props: ArrowContainerProps) => {\n const {\n children,\n currentSlide,\n slideCount,\n visible,\n ...otherProps\n } = props;\n\n return visible ? (\n // If root component is not a div, there's no arrow class.\n <div {...otherProps} style={{ cursor: 'pointer' }}>\n <View\n style={{\n height: '100%',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: 'white',\n borderRadius: 16,\n }}\n >\n {children}\n </View>\n </div>\n ) : null;\n};\n\nexport default React.forwardRef((props: CarouselProps, ref) => {\n const {\n activeSlideScale = defaultActiveSlideScale,\n autoplay = defaultAutoplay,\n autoplayInterval = defaultAutoplayInterval,\n centerMode = false,\n centerSlidePadding = 0,\n data,\n inactiveSlideOpacity = defaultInactiveSlideOpacity,\n inactiveSlideScale = defaultInactiveSlideScale,\n index,\n infinite = defaultInfinite,\n onChange,\n renderItem,\n slidesToScroll = 1,\n slidesToShow = 1,\n arrows = false,\n arrowsStyle = {},\n trackStyle = {},\n } = props;\n\n const slickRef = React.useRef<Slick | null>(null);\n const [visibleArrow, setVisibleArrow] = React.useState(false);\n\n React.useEffect(() => {\n if (slickRef.current) {\n slickRef.current.slickGoTo(index, false);\n }\n }, [index]);\n\n const fixOnClickNotWorkingAfterMobileSwipe = () => {\n // @ts-ignore\n if (slickRef.current && slickRef.current.innerSlider) {\n // @ts-ignore\n slickRef.current.innerSlider.clickHandler = noop;\n }\n };\n\n const handleAfterChange = (newIndex: number) => {\n fixOnClickNotWorkingAfterMobileSwipe();\n\n if (onChange) {\n onChange(newIndex);\n }\n };\n\n const handleBeforeChange = () => {\n fixOnClickNotWorkingAfterMobileSwipe();\n };\n\n const onPointerOver = () => setVisibleArrow(true);\n const onPointerLeave = () => setVisibleArrow(false);\n\n React.useEffect(() => {\n if (ref) {\n //@ts-ignore\n ref.current = slickRef.current;\n }\n }, []);\n\n return (\n <StyledContainer\n activeSlideScale={activeSlideScale}\n inactiveSlideOpacity={inactiveSlideOpacity}\n inactiveSlideScale={inactiveSlideScale}\n arrowsStyle={arrowsStyle}\n trackStyle={trackStyle}\n onPointerOver={onPointerOver}\n onPointerLeave={onPointerLeave}\n >\n <Slick\n {...baseSettings}\n afterChange={handleAfterChange}\n autoplay={autoplay}\n autoplaySpeed={autoplayInterval}\n beforeChange={handleBeforeChange}\n centerMode={centerMode}\n centerPadding={`${centerSlidePadding}px`}\n infinite={infinite}\n initialSlide={index}\n ref={slickRef}\n slidesToScroll={slidesToScroll}\n slidesToShow={slidesToShow}\n arrows={arrows}\n prevArrow={<ArrowContainer visible={visibleArrow} children={<ChevronLeft fill={'#767676'}/>}/>}\n nextArrow={<ArrowContainer visible={visibleArrow} children={<ChevronRight fill={'#767676'}/>}/>}\n >\n {mapIndexed((item, index) => {\n const child = renderItem({ item, index });\n\n if (child) {\n return React.cloneElement(child, { key: index });\n }\n return child;\n }, data)}\n </Slick>\n </StyledContainer>\n );\n});\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["default"],"sources":["index.native.ts"],"sourcesContent":["export { default } from './CarouselNative';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export const defaultAutoplay = false;
|
|
2
|
-
export const defaultAutoplayInterval = 3000;
|
|
3
|
-
export const defaultInactiveSlideOpacity = 1;
|
|
4
|
-
export const defaultInactiveSlideScale = 0.9;
|
|
5
|
-
export const defaultActiveSlideScale = 1;
|
|
6
|
-
export const defaultInfinite = false;
|
|
7
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["defaultAutoplay","defaultAutoplayInterval","defaultInactiveSlideOpacity","defaultInactiveSlideScale","defaultActiveSlideScale","defaultInfinite"],"sources":["utils.ts"],"sourcesContent":["export const defaultAutoplay = false;\n\nexport const defaultAutoplayInterval = 3000;\n\nexport const defaultInactiveSlideOpacity = 1;\n\nexport const defaultInactiveSlideScale = 0.9;\n\nexport const defaultActiveSlideScale = 1;\n\nexport const defaultInfinite = false;\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,KAAxB;AAEP,OAAO,MAAMC,uBAAuB,GAAG,IAAhC;AAEP,OAAO,MAAMC,2BAA2B,GAAG,CAApC;AAEP,OAAO,MAAMC,yBAAyB,GAAG,GAAlC;AAEP,OAAO,MAAMC,uBAAuB,GAAG,CAAhC;AAEP,OAAO,MAAMC,eAAe,GAAG,KAAxB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["ComicViewerItemProps.ts"],"sourcesContent":["import { ComicViewerItemData, ErrorInfo } from './ComicViewerProps';\n\ntype ComicViewerItemProps<T> = ComicViewerItemData<T> & {\n /**\n * FlatListItem is viewable in screen.\n */\n isViewable: boolean;\n\n /**\n * Error handler\n */\n onError?: (errorInfo: ErrorInfo) => void;\n}\n\nexport default ComicViewerItemProps;"],"mappings":""}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { View } from 'react-native';
|
|
5
|
-
|
|
6
|
-
const Page = function Page(props) {
|
|
7
|
-
const {
|
|
8
|
-
isVisible,
|
|
9
|
-
...otherProps
|
|
10
|
-
} = props;
|
|
11
|
-
return /*#__PURE__*/React.createElement(View, _extends({
|
|
12
|
-
collapsable: false
|
|
13
|
-
}, otherProps));
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export default /*#__PURE__*/React.memo(Page, (prevProps, nextProps) => {
|
|
17
|
-
if (prevProps.children === null && nextProps.children === null) {
|
|
18
|
-
return true;
|
|
19
|
-
} // isVisible is an important condition for determining memos on the web.
|
|
20
|
-
// Reference ViewPagerWeb's return.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
if (prevProps.isVisible !== nextProps.isVisible) {
|
|
24
|
-
return false;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
if (nextProps.isVisible || nextProps.isNeighbor) {
|
|
28
|
-
return false;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
if (prevProps.rerenderKey !== nextProps.rerenderKey) {
|
|
32
|
-
return false;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
return prevProps.children !== null && nextProps.children !== null;
|
|
36
|
-
});
|
|
37
|
-
//# sourceMappingURL=ChildrenMemoizedPage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Page","props","isVisible","otherProps","memo","prevProps","nextProps","children","isNeighbor","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { PageProps } from './ViewPagerProps';\n\nconst Page = function Page(props: PageProps) {\n const { isVisible, ...otherProps } = props;\n\n return (\n <View\n collapsable={false}\n {...otherProps}\n />\n );\n};\n\nexport default React.memo(Page, (prevProps, nextProps) => {\n if (prevProps.children === null && nextProps.children === null) {\n return true;\n }\n\n // isVisible is an important condition for determining memos on the web.\n // Reference ViewPagerWeb's return.\n if (prevProps.isVisible !== nextProps.isVisible) {\n return false;\n }\n\n if (nextProps.isVisible || nextProps.isNeighbor) {\n return false;\n }\n\n if (prevProps.rerenderKey !== nextProps.rerenderKey) {\n return false;\n }\n\n return prevProps.children !== null && nextProps.children !== null;\n});\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;;AAGA,MAAMC,IAAI,GAAG,SAASA,IAAT,CAAcC,KAAd,EAAgC;EACzC,MAAM;IAAEC,SAAF;IAAa,GAAGC;EAAhB,IAA+BF,KAArC;EAEA,oBACI,oBAAC,IAAD;IACI,WAAW,EAAE;EADjB,GAEQE,UAFR,EADJ;AAMH,CATD;;AAWA,4BAAeL,KAAK,CAACM,IAAN,CAAWJ,IAAX,EAAiB,CAACK,SAAD,EAAYC,SAAZ,KAA0B;EACtD,IAAID,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA1D,EAAgE;IAC5D,OAAO,IAAP;EACH,CAHqD,CAKtD;EACA;;;EACA,IAAIF,SAAS,CAACH,SAAV,KAAwBI,SAAS,CAACJ,SAAtC,EAAiD;IAC7C,OAAO,KAAP;EACH;;EAED,IAAII,SAAS,CAACJ,SAAV,IAAuBI,SAAS,CAACE,UAArC,EAAiD;IAC7C,OAAO,KAAP;EACH;;EAED,IAAIH,SAAS,CAACI,WAAV,KAA0BH,SAAS,CAACG,WAAxC,EAAqD;IACjD,OAAO,KAAP;EACH;;EAED,OAAOJ,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA7D;AACH,CApBc,CAAf"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useRef } from 'react';
|
|
2
|
-
import RNPagerView from 'react-native-pager-view';
|
|
3
|
-
import { defaultEnableNeighborPageRerender, defaultEnableVisibleHint, defaultLoading, defaultPageComponent, usePageRenderer } from './utils';
|
|
4
|
-
export default function ViewPager(props) {
|
|
5
|
-
const {
|
|
6
|
-
children,
|
|
7
|
-
enableVisibleHint = defaultEnableVisibleHint,
|
|
8
|
-
index,
|
|
9
|
-
keyboardDismissMode = 'on-drag',
|
|
10
|
-
loading = defaultLoading,
|
|
11
|
-
onChange,
|
|
12
|
-
pageComponent = defaultPageComponent,
|
|
13
|
-
enableNeighborPageRerender = defaultEnableNeighborPageRerender,
|
|
14
|
-
pageForceRerenderKey,
|
|
15
|
-
scrollEnabled = true,
|
|
16
|
-
style
|
|
17
|
-
} = props;
|
|
18
|
-
const indexRef = useRef(index);
|
|
19
|
-
const pagerRef = useRef(null);
|
|
20
|
-
const renderer = usePageRenderer({
|
|
21
|
-
enableVisibleHint,
|
|
22
|
-
index,
|
|
23
|
-
loading,
|
|
24
|
-
pageComponent,
|
|
25
|
-
pageForceRerenderKey,
|
|
26
|
-
enableNeighborPageRerender
|
|
27
|
-
});
|
|
28
|
-
const handlePageSelected = useCallback(e => {
|
|
29
|
-
indexRef.current = e.nativeEvent.position;
|
|
30
|
-
|
|
31
|
-
if (onChange) {
|
|
32
|
-
onChange(indexRef.current);
|
|
33
|
-
}
|
|
34
|
-
}, [onChange]);
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
const handleNumber = index !== indexRef.current ? requestAnimationFrame(() => {
|
|
37
|
-
var _pagerRef$current;
|
|
38
|
-
|
|
39
|
-
return (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(index);
|
|
40
|
-
}) : undefined;
|
|
41
|
-
return () => {
|
|
42
|
-
if (handleNumber) {
|
|
43
|
-
cancelAnimationFrame(handleNumber);
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
}, [index]);
|
|
47
|
-
return /*#__PURE__*/React.createElement(RNPagerView, {
|
|
48
|
-
initialPage: index,
|
|
49
|
-
keyboardDismissMode: keyboardDismissMode,
|
|
50
|
-
onPageSelected: handlePageSelected,
|
|
51
|
-
pageMargin: 8,
|
|
52
|
-
ref: pagerRef,
|
|
53
|
-
scrollEnabled: scrollEnabled,
|
|
54
|
-
style: style
|
|
55
|
-
}, renderer(children));
|
|
56
|
-
}
|
|
57
|
-
;
|
|
58
|
-
//# sourceMappingURL=ViewPagerNative.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useRef","RNPagerView","defaultEnableNeighborPageRerender","defaultEnableVisibleHint","defaultLoading","defaultPageComponent","usePageRenderer","ViewPager","props","children","enableVisibleHint","index","keyboardDismissMode","loading","onChange","pageComponent","enableNeighborPageRerender","pageForceRerenderKey","scrollEnabled","style","indexRef","pagerRef","renderer","handlePageSelected","e","current","nativeEvent","position","handleNumber","requestAnimationFrame","setPage","undefined","cancelAnimationFrame"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport type { PagerViewOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNPagerView from 'react-native-pager-view';\nimport type ViewPagerProps from './ViewPagerProps';\nimport {\n defaultEnableNeighborPageRerender,\n defaultEnableVisibleHint,\n defaultLoading,\n defaultPageComponent,\n usePageRenderer,\n} from './utils';\n\nexport default function ViewPager(props: ViewPagerProps) {\n const {\n children,\n enableVisibleHint = defaultEnableVisibleHint,\n index,\n keyboardDismissMode = 'on-drag',\n loading = defaultLoading,\n onChange,\n pageComponent = defaultPageComponent,\n enableNeighborPageRerender = defaultEnableNeighborPageRerender,\n pageForceRerenderKey,\n scrollEnabled = true,\n style,\n } = props;\n\n const indexRef = useRef<number>(index);\n const pagerRef = useRef<RNPagerView | null>(null);\n\n const renderer = usePageRenderer({\n enableVisibleHint,\n index,\n loading,\n pageComponent,\n pageForceRerenderKey,\n enableNeighborPageRerender,\n });\n\n const handlePageSelected = useCallback((e: PagerViewOnPageSelectedEvent) => {\n indexRef.current = e.nativeEvent.position;\n\n if (onChange) {\n onChange(indexRef.current);\n }\n }, [onChange]);\n\n useEffect(() => {\n const handleNumber = index !== indexRef.current\n ? requestAnimationFrame(() => pagerRef.current?.setPage(index))\n : undefined;\n\n return () => {\n if (handleNumber) {\n cancelAnimationFrame(handleNumber);\n }\n };\n }, [index]);\n\n return (\n <RNPagerView\n initialPage={index}\n keyboardDismissMode={keyboardDismissMode}\n onPageSelected={handlePageSelected}\n pageMargin={8}\n ref={pagerRef}\n scrollEnabled={scrollEnabled}\n style={style}\n >\n {renderer(children)}\n </RNPagerView>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,MAAxC,QAAsD,OAAtD;AAEA,OAAOC,WAAP,MAAwB,yBAAxB;AAEA,SACIC,iCADJ,EAEIC,wBAFJ,EAGIC,cAHJ,EAIIC,oBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAGP,wBAFlB;IAGFQ,KAHE;IAIFC,mBAAmB,GAAG,SAJpB;IAKFC,OAAO,GAAGT,cALR;IAMFU,QANE;IAOFC,aAAa,GAAGV,oBAPd;IAQFW,0BAA0B,GAAGd,iCAR3B;IASFe,oBATE;IAUFC,aAAa,GAAG,IAVd;IAWFC;EAXE,IAYFX,KAZJ;EAcA,MAAMY,QAAQ,GAAGpB,MAAM,CAASW,KAAT,CAAvB;EACA,MAAMU,QAAQ,GAAGrB,MAAM,CAAqB,IAArB,CAAvB;EAEA,MAAMsB,QAAQ,GAAGhB,eAAe,CAAC;IAC7BI,iBAD6B;IAE7BC,KAF6B;IAG7BE,OAH6B;IAI7BE,aAJ6B;IAK7BE,oBAL6B;IAM7BD;EAN6B,CAAD,CAAhC;EASA,MAAMO,kBAAkB,GAAGzB,WAAW,CAAE0B,CAAD,IAAqC;IACxEJ,QAAQ,CAACK,OAAT,GAAmBD,CAAC,CAACE,WAAF,CAAcC,QAAjC;;IAEA,IAAIb,QAAJ,EAAc;MACVA,QAAQ,CAACM,QAAQ,CAACK,OAAV,CAAR;IACH;EACJ,CANqC,EAMnC,CAACX,QAAD,CANmC,CAAtC;EAQAf,SAAS,CAAC,MAAM;IACZ,MAAM6B,YAAY,GAAGjB,KAAK,KAAKS,QAAQ,CAACK,OAAnB,GACfI,qBAAqB,CAAC;MAAA;;MAAA,4BAAMR,QAAQ,CAACI,OAAf,sDAAM,kBAAkBK,OAAlB,CAA0BnB,KAA1B,CAAN;IAAA,CAAD,CADN,GAEfoB,SAFN;IAIA,OAAO,MAAM;MACT,IAAIH,YAAJ,EAAkB;QACdI,oBAAoB,CAACJ,YAAD,CAApB;MACH;IACJ,CAJD;EAKH,CAVQ,EAUN,CAACjB,KAAD,CAVM,CAAT;EAYA,oBACI,oBAAC,WAAD;IACI,WAAW,EAAEA,KADjB;IAEI,mBAAmB,EAAEC,mBAFzB;IAGI,cAAc,EAAEW,kBAHpB;IAII,UAAU,EAAE,CAJhB;IAKI,GAAG,EAAEF,QALT;IAMI,aAAa,EAAEH,aANnB;IAOI,KAAK,EAAEC;EAPX,GASKG,QAAQ,CAACb,QAAD,CATb,CADJ;AAaH;AAAA"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { StyleSheet, View } from 'react-native';
|
|
3
|
-
import { defaultEnableNeighborPageRerender, defaultEnableVisibleHint, defaultLoading, defaultPageComponent, usePageRenderer } from './utils';
|
|
4
|
-
const styles = StyleSheet.create({
|
|
5
|
-
root: {
|
|
6
|
-
// @ts-ignore
|
|
7
|
-
overflow: 'auto',
|
|
8
|
-
position: 'relative'
|
|
9
|
-
},
|
|
10
|
-
none: {
|
|
11
|
-
display: 'none'
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
export default function ViewPager(props) {
|
|
15
|
-
const {
|
|
16
|
-
children,
|
|
17
|
-
enableVisibleHint = defaultEnableVisibleHint,
|
|
18
|
-
enableNeighborPageRerender = defaultEnableNeighborPageRerender,
|
|
19
|
-
index,
|
|
20
|
-
loading = defaultLoading,
|
|
21
|
-
pageComponent = defaultPageComponent,
|
|
22
|
-
pageForceRerenderKey,
|
|
23
|
-
style
|
|
24
|
-
} = props;
|
|
25
|
-
const renderer = usePageRenderer({
|
|
26
|
-
enableVisibleHint,
|
|
27
|
-
enableNeighborPageRerender,
|
|
28
|
-
index,
|
|
29
|
-
loading,
|
|
30
|
-
pageComponent,
|
|
31
|
-
pageForceRerenderKey
|
|
32
|
-
});
|
|
33
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
34
|
-
style: [styles.root, style]
|
|
35
|
-
}, React.Children.map(renderer(children), (child, i) => /*#__PURE__*/React.cloneElement(child, {
|
|
36
|
-
isVisible: i === index,
|
|
37
|
-
style: i !== index ? styles.none : StyleSheet.absoluteFill
|
|
38
|
-
})));
|
|
39
|
-
}
|
|
40
|
-
;
|
|
41
|
-
//# sourceMappingURL=ViewPagerWeb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","defaultEnableNeighborPageRerender","defaultEnableVisibleHint","defaultLoading","defaultPageComponent","usePageRenderer","styles","create","root","overflow","position","none","display","ViewPager","props","children","enableVisibleHint","enableNeighborPageRerender","index","loading","pageComponent","pageForceRerenderKey","style","renderer","Children","map","child","i","cloneElement","isVisible","absoluteFill"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport type ViewPagerProps from './ViewPagerProps';\nimport {\n defaultEnableNeighborPageRerender,\n defaultEnableVisibleHint,\n defaultLoading,\n defaultPageComponent,\n usePageRenderer,\n} from './utils';\n\nconst styles = StyleSheet.create({\n root: {\n // @ts-ignore\n overflow: 'auto',\n position: 'relative',\n },\n none: { display: 'none' },\n});\n\nexport default function ViewPager(props: ViewPagerProps) {\n const {\n children,\n enableVisibleHint = defaultEnableVisibleHint,\n enableNeighborPageRerender = defaultEnableNeighborPageRerender,\n index,\n loading = defaultLoading,\n pageComponent = defaultPageComponent,\n pageForceRerenderKey,\n style,\n } = props;\n\n const renderer = usePageRenderer({\n enableVisibleHint,\n enableNeighborPageRerender,\n index,\n loading,\n pageComponent,\n pageForceRerenderKey,\n });\n\n return (\n <View style={[styles.root, style]}>\n {React.Children.map(renderer(children), (child, i) =>\n React.cloneElement(child as React.ReactElement, {\n isVisible: i === index,\n style: i !== index ? styles.none : StyleSheet.absoluteFill,\n }),\n )}\n </View>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,SACIC,iCADJ,EAEIC,wBAFJ,EAGIC,cAHJ,EAIIC,oBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR,CADuB;EAM7BC,IAAI,EAAE;IAAEC,OAAO,EAAE;EAAX;AANuB,CAAlB,CAAf;AASA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,iBAAiB,GAAGd,wBAFlB;IAGFe,0BAA0B,GAAGhB,iCAH3B;IAIFiB,KAJE;IAKFC,OAAO,GAAGhB,cALR;IAMFiB,aAAa,GAAGhB,oBANd;IAOFiB,oBAPE;IAQFC;EARE,IASFR,KATJ;EAWA,MAAMS,QAAQ,GAAGlB,eAAe,CAAC;IAC7BW,iBAD6B;IAE7BC,0BAF6B;IAG7BC,KAH6B;IAI7BC,OAJ6B;IAK7BC,aAL6B;IAM7BC;EAN6B,CAAD,CAAhC;EASA,oBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACf,MAAM,CAACE,IAAR,EAAcc,KAAd;EAAb,GACKxB,KAAK,CAAC0B,QAAN,CAAeC,GAAf,CAAmBF,QAAQ,CAACR,QAAD,CAA3B,EAAuC,CAACW,KAAD,EAAQC,CAAR,kBACpC7B,KAAK,CAAC8B,YAAN,CAAmBF,KAAnB,EAAgD;IAC5CG,SAAS,EAAEF,CAAC,KAAKT,KAD2B;IAE5CI,KAAK,EAAEK,CAAC,KAAKT,KAAN,GAAcZ,MAAM,CAACK,IAArB,GAA4BZ,UAAU,CAAC+B;EAFF,CAAhD,CADH,CADL,CADJ;AAUH;AAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["default"],"sources":["index.native.ts"],"sourcesContent":["export { default } from './ViewPagerNative';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type CarouselProps from './CarouselProps';
|
|
3
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<CarouselProps<any>, "style" | "index" | "onChange" | "data" | "autoplay" | "autoplayInterval" | "centerSlidePadding" | "inactiveSlideOpacity" | "inactiveSlideScale" | "activeSlideScale" | "infinite" | "renderItem" | "slidesToScroll" | "slidesToShow" | "centerMode" | "arrows" | "arrowsStyle" | "trackStyle"> & React.RefAttributes<unknown>>;
|
|
4
|
-
export default _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './CarouselNative';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const defaultAutoplay = false;
|
|
2
|
-
export declare const defaultAutoplayInterval = 3000;
|
|
3
|
-
export declare const defaultInactiveSlideOpacity = 1;
|
|
4
|
-
export declare const defaultInactiveSlideScale = 0.9;
|
|
5
|
-
export declare const defaultActiveSlideScale = 1;
|
|
6
|
-
export declare const defaultInfinite = false;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ComicViewerItemData, ErrorInfo } from './ComicViewerProps';
|
|
2
|
-
declare type ComicViewerItemProps<T> = ComicViewerItemData<T> & {
|
|
3
|
-
/**
|
|
4
|
-
* FlatListItem is viewable in screen.
|
|
5
|
-
*/
|
|
6
|
-
isViewable: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* Error handler
|
|
9
|
-
*/
|
|
10
|
-
onError?: (errorInfo: ErrorInfo) => void;
|
|
11
|
-
};
|
|
12
|
-
export default ComicViewerItemProps;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './ViewPagerNative';
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef, useState } from 'react';
|
|
2
|
-
import { Dimensions, View } from 'react-native';
|
|
3
|
-
import RNSnapCarousel from 'react-native-snap-carousel';
|
|
4
|
-
import type CarouselProps from './CarouselProps';
|
|
5
|
-
import {
|
|
6
|
-
defaultAutoplay,
|
|
7
|
-
defaultAutoplayInterval,
|
|
8
|
-
defaultInactiveSlideOpacity,
|
|
9
|
-
defaultInactiveSlideScale,
|
|
10
|
-
defaultInfinite,
|
|
11
|
-
} from './utils';
|
|
12
|
-
|
|
13
|
-
export default function Carousel<ItemT>(props: CarouselProps<ItemT>) {
|
|
14
|
-
const {
|
|
15
|
-
autoplay = defaultAutoplay,
|
|
16
|
-
autoplayInterval = defaultAutoplayInterval,
|
|
17
|
-
centerSlidePadding,
|
|
18
|
-
data,
|
|
19
|
-
inactiveSlideOpacity = defaultInactiveSlideOpacity,
|
|
20
|
-
inactiveSlideScale = defaultInactiveSlideScale,
|
|
21
|
-
index,
|
|
22
|
-
infinite = defaultInfinite,
|
|
23
|
-
onChange,
|
|
24
|
-
renderItem,
|
|
25
|
-
} = props;
|
|
26
|
-
|
|
27
|
-
const carouselRef = useRef<RNSnapCarousel<ItemT> | null>(null);
|
|
28
|
-
|
|
29
|
-
const [sliderWidth, setSliderWidth] = useState(() => Dimensions.get('window').width);
|
|
30
|
-
|
|
31
|
-
const itemWidth = centerSlidePadding !== undefined
|
|
32
|
-
? sliderWidth - (centerSlidePadding * 2)
|
|
33
|
-
: sliderWidth;
|
|
34
|
-
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
const carousel = carouselRef.current;
|
|
37
|
-
if (carousel && index !== carousel.currentIndex) {
|
|
38
|
-
carousel.snapToItem(index, true);
|
|
39
|
-
}
|
|
40
|
-
}, [index]);
|
|
41
|
-
|
|
42
|
-
const handleSnapToItem = (newIndex: number) => {
|
|
43
|
-
if (onChange) {
|
|
44
|
-
onChange(newIndex);
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
return (
|
|
49
|
-
<View onLayout={(event) => setSliderWidth(event.nativeEvent.layout.width)}>
|
|
50
|
-
<RNSnapCarousel
|
|
51
|
-
autoplay={autoplay}
|
|
52
|
-
autoplayInterval={autoplayInterval}
|
|
53
|
-
data={data}
|
|
54
|
-
horizontal={true}
|
|
55
|
-
inactiveSlideOpacity={inactiveSlideOpacity}
|
|
56
|
-
inactiveSlideScale={inactiveSlideScale}
|
|
57
|
-
itemWidth={itemWidth}
|
|
58
|
-
loop={infinite}
|
|
59
|
-
loopClonesPerSide={2}
|
|
60
|
-
onSnapToItem={handleSnapToItem}
|
|
61
|
-
ref={carouselRef}
|
|
62
|
-
renderItem={renderItem}
|
|
63
|
-
sliderWidth={sliderWidth}
|
|
64
|
-
/>
|
|
65
|
-
</View>
|
|
66
|
-
);
|
|
67
|
-
};
|