@fountain-ui/lab 2.0.0-beta.10 → 2.0.0-beta.13

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.
Files changed (266) hide show
  1. package/build/commonjs/Carousel/Carousel.js +142 -0
  2. package/build/commonjs/Carousel/Carousel.js.map +1 -0
  3. package/build/commonjs/Carousel/CarouselProps.js.map +1 -1
  4. package/build/commonjs/Carousel/animation/animationUtils.js +9 -0
  5. package/build/commonjs/Carousel/animation/animationUtils.js.map +1 -0
  6. package/build/commonjs/Carousel/animation/createDefaultItemStyle.js +15 -0
  7. package/build/commonjs/Carousel/animation/createDefaultItemStyle.js.map +1 -0
  8. package/build/commonjs/Carousel/animation/createDefaultScrollAnimation.js +20 -0
  9. package/build/commonjs/Carousel/animation/createDefaultScrollAnimation.js.map +1 -0
  10. package/build/commonjs/Carousel/animation/index.js +40 -0
  11. package/build/commonjs/Carousel/animation/index.js.map +1 -0
  12. package/build/commonjs/Carousel/animation/normalItemStyleFactory.js +27 -0
  13. package/build/commonjs/Carousel/animation/normalItemStyleFactory.js.map +1 -0
  14. package/build/commonjs/Carousel/animation/parallaxItemStyleFactory.js +65 -0
  15. package/build/commonjs/Carousel/animation/parallaxItemStyleFactory.js.map +1 -0
  16. package/build/commonjs/Carousel/components/InternalContext.js +29 -0
  17. package/build/commonjs/Carousel/components/InternalContext.js.map +1 -0
  18. package/build/commonjs/Carousel/components/ItemView.js +66 -0
  19. package/build/commonjs/Carousel/components/ItemView.js.map +1 -0
  20. package/build/commonjs/Carousel/components/RootView.js +86 -0
  21. package/build/commonjs/Carousel/components/RootView.js.map +1 -0
  22. package/build/commonjs/Carousel/components/ScrollViewGesture.js +81 -0
  23. package/build/commonjs/Carousel/components/ScrollViewGesture.js.map +1 -0
  24. package/build/commonjs/Carousel/components/index.js +40 -0
  25. package/build/commonjs/Carousel/components/index.js.map +1 -0
  26. package/build/commonjs/Carousel/hooks/index.js +64 -0
  27. package/build/commonjs/Carousel/hooks/index.js.map +1 -0
  28. package/build/commonjs/Carousel/hooks/useAutoplayController.js +58 -0
  29. package/build/commonjs/Carousel/hooks/useAutoplayController.js.map +1 -0
  30. package/build/commonjs/Carousel/hooks/useDimensionChangeReaction.js +23 -0
  31. package/build/commonjs/Carousel/hooks/useDimensionChangeReaction.js.map +1 -0
  32. package/build/commonjs/Carousel/hooks/useIndexController.js +70 -0
  33. package/build/commonjs/Carousel/hooks/useIndexController.js.map +1 -0
  34. package/build/commonjs/Carousel/hooks/useItemInterpolation.js +63 -0
  35. package/build/commonjs/Carousel/hooks/useItemInterpolation.js.map +1 -0
  36. package/build/commonjs/Carousel/hooks/useItemVisibilityStore.js +95 -0
  37. package/build/commonjs/Carousel/hooks/useItemVisibilityStore.js.map +1 -0
  38. package/build/commonjs/Carousel/hooks/useLoopedData.js +33 -0
  39. package/build/commonjs/Carousel/hooks/useLoopedData.js.map +1 -0
  40. package/build/commonjs/Carousel/hooks/usePagingAnimation.js +162 -0
  41. package/build/commonjs/Carousel/hooks/usePagingAnimation.js.map +1 -0
  42. package/build/commonjs/Carousel/index.js +16 -2
  43. package/build/commonjs/Carousel/index.js.map +1 -1
  44. package/build/commonjs/Carousel/types.js +7 -0
  45. package/build/commonjs/Carousel/types.js.map +1 -0
  46. package/build/commonjs/ViewPager/ChildrenMemoizedPage.js +86 -21
  47. package/build/commonjs/ViewPager/ChildrenMemoizedPage.js.map +1 -1
  48. package/build/commonjs/ViewPager/PageStateContext.js +22 -0
  49. package/build/commonjs/ViewPager/PageStateContext.js.map +1 -0
  50. package/build/commonjs/ViewPager/ViewPagerNative.js +82 -34
  51. package/build/commonjs/ViewPager/ViewPagerNative.js.map +1 -1
  52. package/build/commonjs/ViewPager/ViewPagerProps.js.map +1 -1
  53. package/build/commonjs/ViewPager/ViewPagerWeb.js +35 -26
  54. package/build/commonjs/ViewPager/ViewPagerWeb.js.map +1 -1
  55. package/build/commonjs/ViewPager/index.js +8 -0
  56. package/build/commonjs/ViewPager/index.js.map +1 -1
  57. package/build/commonjs/ViewPager/index.native.js +8 -0
  58. package/build/commonjs/ViewPager/index.native.js.map +1 -1
  59. package/build/commonjs/ViewPager/utils.js +5 -41
  60. package/build/commonjs/ViewPager/utils.js.map +1 -1
  61. package/build/commonjs/ViewabilityTrackerView/Viewability.js +2 -0
  62. package/build/commonjs/ViewabilityTrackerView/Viewability.js.map +1 -0
  63. package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerView.js +45 -0
  64. package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerView.js.map +1 -0
  65. package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerViewProps.js +2 -0
  66. package/build/commonjs/ViewabilityTrackerView/ViewabilityTrackerViewProps.js.map +1 -0
  67. package/build/commonjs/{Carousel/index.native.js → ViewabilityTrackerView/index.js} +3 -3
  68. package/build/commonjs/ViewabilityTrackerView/index.js.map +1 -0
  69. package/build/commonjs/ViewabilityTrackerView/measureViewability.js +42 -0
  70. package/build/commonjs/ViewabilityTrackerView/measureViewability.js.map +1 -0
  71. package/build/commonjs/ViewabilityTrackerView/useViewabilityTracker.js +88 -0
  72. package/build/commonjs/ViewabilityTrackerView/useViewabilityTracker.js.map +1 -0
  73. package/build/commonjs/hooks/index.js +16 -0
  74. package/build/commonjs/hooks/index.js.map +1 -1
  75. package/build/commonjs/hooks/useDeferredExecutor.js +45 -0
  76. package/build/commonjs/hooks/useDeferredExecutor.js.map +1 -0
  77. package/build/commonjs/hooks/useIsMounted.js +22 -0
  78. package/build/commonjs/hooks/useIsMounted.js.map +1 -0
  79. package/build/commonjs/index.js +22 -1
  80. package/build/commonjs/index.js.map +1 -1
  81. package/build/module/Carousel/Carousel.js +120 -0
  82. package/build/module/Carousel/Carousel.js.map +1 -0
  83. package/build/module/Carousel/CarouselProps.js.map +1 -1
  84. package/build/module/Carousel/animation/animationUtils.js +2 -0
  85. package/build/module/Carousel/animation/animationUtils.js.map +1 -0
  86. package/build/module/Carousel/animation/createDefaultItemStyle.js +3 -0
  87. package/build/module/Carousel/animation/createDefaultItemStyle.js.map +1 -0
  88. package/build/module/Carousel/animation/createDefaultScrollAnimation.js +11 -0
  89. package/build/module/Carousel/animation/createDefaultScrollAnimation.js.map +1 -0
  90. package/build/module/Carousel/animation/index.js +5 -0
  91. package/build/module/Carousel/animation/index.js.map +1 -0
  92. package/build/module/Carousel/animation/normalItemStyleFactory.js +18 -0
  93. package/build/module/Carousel/animation/normalItemStyleFactory.js.map +1 -0
  94. package/build/module/Carousel/animation/parallaxItemStyleFactory.js +55 -0
  95. package/build/module/Carousel/animation/parallaxItemStyleFactory.js.map +1 -0
  96. package/build/module/Carousel/components/InternalContext.js +19 -0
  97. package/build/module/Carousel/components/InternalContext.js.map +1 -0
  98. package/build/module/Carousel/components/ItemView.js +46 -0
  99. package/build/module/Carousel/components/ItemView.js.map +1 -0
  100. package/build/module/Carousel/components/RootView.js +65 -0
  101. package/build/module/Carousel/components/RootView.js.map +1 -0
  102. package/build/module/Carousel/components/ScrollViewGesture.js +67 -0
  103. package/build/module/Carousel/components/ScrollViewGesture.js.map +1 -0
  104. package/build/module/Carousel/components/index.js +5 -0
  105. package/build/module/Carousel/components/index.js.map +1 -0
  106. package/build/module/Carousel/hooks/index.js +8 -0
  107. package/build/module/Carousel/hooks/index.js.map +1 -0
  108. package/build/module/Carousel/hooks/useAutoplayController.js +48 -0
  109. package/build/module/Carousel/hooks/useAutoplayController.js.map +1 -0
  110. package/build/module/Carousel/hooks/useDimensionChangeReaction.js +14 -0
  111. package/build/module/Carousel/hooks/useDimensionChangeReaction.js.map +1 -0
  112. package/build/module/Carousel/hooks/useIndexController.js +54 -0
  113. package/build/module/Carousel/hooks/useIndexController.js.map +1 -0
  114. package/build/module/Carousel/hooks/useItemInterpolation.js +51 -0
  115. package/build/module/Carousel/hooks/useItemInterpolation.js.map +1 -0
  116. package/build/module/Carousel/hooks/useItemVisibilityStore.js +87 -0
  117. package/build/module/Carousel/hooks/useItemVisibilityStore.js.map +1 -0
  118. package/build/module/Carousel/hooks/useLoopedData.js +24 -0
  119. package/build/module/Carousel/hooks/useLoopedData.js.map +1 -0
  120. package/build/module/Carousel/hooks/usePagingAnimation.js +153 -0
  121. package/build/module/Carousel/hooks/usePagingAnimation.js.map +1 -0
  122. package/build/module/Carousel/index.js +2 -1
  123. package/build/module/Carousel/index.js.map +1 -1
  124. package/build/module/Carousel/types.js +3 -0
  125. package/build/module/Carousel/types.js.map +1 -0
  126. package/build/module/ViewPager/ChildrenMemoizedPage.js +80 -23
  127. package/build/module/ViewPager/ChildrenMemoizedPage.js.map +1 -1
  128. package/build/module/ViewPager/PageStateContext.js +10 -0
  129. package/build/module/ViewPager/PageStateContext.js.map +1 -0
  130. package/build/module/ViewPager/ViewPagerNative.js +81 -34
  131. package/build/module/ViewPager/ViewPagerNative.js.map +1 -1
  132. package/build/module/ViewPager/ViewPagerProps.js.map +1 -1
  133. package/build/module/ViewPager/ViewPagerWeb.js +29 -24
  134. package/build/module/ViewPager/ViewPagerWeb.js.map +1 -1
  135. package/build/module/ViewPager/index.js +1 -0
  136. package/build/module/ViewPager/index.js.map +1 -1
  137. package/build/module/ViewPager/index.native.js +1 -0
  138. package/build/module/ViewPager/index.native.js.map +1 -1
  139. package/build/module/ViewPager/utils.js +2 -32
  140. package/build/module/ViewPager/utils.js.map +1 -1
  141. package/build/module/ViewabilityTrackerView/Viewability.js +2 -0
  142. package/build/module/ViewabilityTrackerView/Viewability.js.map +1 -0
  143. package/build/module/ViewabilityTrackerView/ViewabilityTrackerView.js +28 -0
  144. package/build/module/ViewabilityTrackerView/ViewabilityTrackerView.js.map +1 -0
  145. package/build/module/ViewabilityTrackerView/ViewabilityTrackerViewProps.js +2 -0
  146. package/build/module/ViewabilityTrackerView/ViewabilityTrackerViewProps.js.map +1 -0
  147. package/build/module/ViewabilityTrackerView/index.js +2 -0
  148. package/build/module/ViewabilityTrackerView/index.js.map +1 -0
  149. package/build/module/ViewabilityTrackerView/measureViewability.js +34 -0
  150. package/build/module/ViewabilityTrackerView/measureViewability.js.map +1 -0
  151. package/build/module/ViewabilityTrackerView/useViewabilityTracker.js +73 -0
  152. package/build/module/ViewabilityTrackerView/useViewabilityTracker.js.map +1 -0
  153. package/build/module/hooks/index.js +2 -0
  154. package/build/module/hooks/index.js.map +1 -1
  155. package/build/module/hooks/useDeferredExecutor.js +33 -0
  156. package/build/module/hooks/useDeferredExecutor.js.map +1 -0
  157. package/build/module/hooks/useIsMounted.js +13 -0
  158. package/build/module/hooks/useIsMounted.js.map +1 -0
  159. package/build/module/index.js +2 -0
  160. package/build/module/index.js.map +1 -1
  161. package/build/typescript/Carousel/Carousel.d.ts +5 -0
  162. package/build/typescript/Carousel/CarouselProps.d.ts +33 -48
  163. package/build/typescript/Carousel/animation/animationUtils.d.ts +1 -0
  164. package/build/typescript/Carousel/animation/createDefaultItemStyle.d.ts +2 -0
  165. package/build/typescript/Carousel/animation/createDefaultScrollAnimation.d.ts +2 -0
  166. package/build/typescript/Carousel/animation/index.d.ts +4 -0
  167. package/build/typescript/Carousel/animation/normalItemStyleFactory.d.ts +2 -0
  168. package/build/typescript/Carousel/animation/parallaxItemStyleFactory.d.ts +9 -0
  169. package/build/typescript/Carousel/components/InternalContext.d.ts +14 -0
  170. package/build/typescript/Carousel/components/ItemView.d.ts +9 -0
  171. package/build/typescript/Carousel/components/RootView.d.ts +16 -0
  172. package/build/typescript/Carousel/components/ScrollViewGesture.d.ts +12 -0
  173. package/build/typescript/Carousel/components/index.d.ts +4 -0
  174. package/build/typescript/Carousel/hooks/index.d.ts +7 -0
  175. package/build/typescript/Carousel/hooks/useAutoplayController.d.ts +7 -0
  176. package/build/typescript/Carousel/hooks/useDimensionChangeReaction.d.ts +7 -0
  177. package/build/typescript/Carousel/hooks/useIndexController.d.ts +10 -0
  178. package/build/typescript/Carousel/hooks/useItemInterpolation.d.ts +2 -0
  179. package/build/typescript/Carousel/hooks/useItemVisibilityStore.d.ts +7 -0
  180. package/build/typescript/Carousel/hooks/useLoopedData.d.ts +1 -0
  181. package/build/typescript/Carousel/hooks/usePagingAnimation.d.ts +18 -0
  182. package/build/typescript/Carousel/index.d.ts +3 -1
  183. package/build/typescript/Carousel/types.d.ts +79 -0
  184. package/build/typescript/ViewPager/ChildrenMemoizedPage.d.ts +2 -1
  185. package/build/typescript/ViewPager/PageStateContext.d.ts +7 -0
  186. package/build/typescript/ViewPager/ViewPagerNative.d.ts +4 -1
  187. package/build/typescript/ViewPager/ViewPagerProps.d.ts +31 -19
  188. package/build/typescript/ViewPager/ViewPagerWeb.d.ts +4 -1
  189. package/build/typescript/ViewPager/index.d.ts +2 -1
  190. package/build/typescript/ViewPager/index.native.d.ts +1 -0
  191. package/build/typescript/ViewPager/utils.d.ts +3 -19
  192. package/build/typescript/ViewabilityTrackerView/Viewability.d.ts +3 -0
  193. package/build/typescript/ViewabilityTrackerView/ViewabilityTrackerView.d.ts +2 -0
  194. package/build/typescript/ViewabilityTrackerView/ViewabilityTrackerViewProps.d.ts +22 -0
  195. package/build/typescript/ViewabilityTrackerView/index.d.ts +2 -0
  196. package/build/typescript/ViewabilityTrackerView/measureViewability.d.ts +11 -0
  197. package/build/typescript/ViewabilityTrackerView/useViewabilityTracker.d.ts +11 -0
  198. package/build/typescript/hooks/index.d.ts +2 -0
  199. package/build/typescript/hooks/useDeferredExecutor.d.ts +11 -0
  200. package/build/typescript/hooks/useIsMounted.d.ts +4 -0
  201. package/build/typescript/index.d.ts +2 -0
  202. package/package.json +4 -19
  203. package/src/Carousel/Carousel.tsx +152 -0
  204. package/src/Carousel/CarouselProps.ts +35 -53
  205. package/src/Carousel/animation/animationUtils.ts +1 -0
  206. package/src/Carousel/animation/createDefaultItemStyle.ts +3 -0
  207. package/src/Carousel/animation/createDefaultScrollAnimation.ts +13 -0
  208. package/src/Carousel/animation/index.ts +4 -0
  209. package/src/Carousel/animation/normalItemStyleFactory.ts +19 -0
  210. package/src/Carousel/animation/parallaxItemStyleFactory.ts +79 -0
  211. package/src/Carousel/components/InternalContext.ts +33 -0
  212. package/src/Carousel/components/ItemView.tsx +66 -0
  213. package/src/Carousel/components/RootView.tsx +79 -0
  214. package/src/Carousel/components/ScrollViewGesture.tsx +87 -0
  215. package/src/Carousel/components/index.ts +4 -0
  216. package/src/Carousel/hooks/index.ts +7 -0
  217. package/src/Carousel/hooks/useAutoplayController.ts +57 -0
  218. package/src/Carousel/hooks/useDimensionChangeReaction.ts +25 -0
  219. package/src/Carousel/hooks/useIndexController.tsx +76 -0
  220. package/src/Carousel/hooks/useItemInterpolation.ts +107 -0
  221. package/src/Carousel/hooks/useItemVisibilityStore.ts +107 -0
  222. package/src/Carousel/hooks/useLoopedData.ts +26 -0
  223. package/src/Carousel/hooks/usePagingAnimation.ts +195 -0
  224. package/src/Carousel/index.ts +4 -2
  225. package/src/Carousel/types.ts +97 -0
  226. package/src/ViewPager/ChildrenMemoizedPage.tsx +97 -23
  227. package/src/ViewPager/PageStateContext.ts +15 -0
  228. package/src/ViewPager/ViewPagerNative.tsx +101 -39
  229. package/src/ViewPager/ViewPagerProps.ts +33 -19
  230. package/src/ViewPager/ViewPagerWeb.tsx +38 -29
  231. package/src/ViewPager/index.native.ts +1 -0
  232. package/src/ViewPager/index.ts +2 -1
  233. package/src/ViewPager/utils.tsx +4 -56
  234. package/src/ViewabilityTrackerView/Viewability.ts +3 -0
  235. package/src/ViewabilityTrackerView/ViewabilityTrackerView.tsx +33 -0
  236. package/src/ViewabilityTrackerView/ViewabilityTrackerViewProps.ts +25 -0
  237. package/src/ViewabilityTrackerView/index.ts +2 -0
  238. package/src/ViewabilityTrackerView/measureViewability.ts +56 -0
  239. package/src/ViewabilityTrackerView/useViewabilityTracker.ts +85 -0
  240. package/src/hooks/index.ts +2 -0
  241. package/src/hooks/useDeferredExecutor.ts +46 -0
  242. package/src/hooks/useIsMounted.ts +19 -0
  243. package/src/index.ts +3 -0
  244. package/build/commonjs/Carousel/CarouselNative.js +0 -72
  245. package/build/commonjs/Carousel/CarouselNative.js.map +0 -1
  246. package/build/commonjs/Carousel/CarouselWeb.js +0 -237
  247. package/build/commonjs/Carousel/CarouselWeb.js.map +0 -1
  248. package/build/commonjs/Carousel/index.native.js.map +0 -1
  249. package/build/commonjs/Carousel/utils.js +0 -19
  250. package/build/commonjs/Carousel/utils.js.map +0 -1
  251. package/build/module/Carousel/CarouselNative.js +0 -54
  252. package/build/module/Carousel/CarouselNative.js.map +0 -1
  253. package/build/module/Carousel/CarouselWeb.js +0 -215
  254. package/build/module/Carousel/CarouselWeb.js.map +0 -1
  255. package/build/module/Carousel/index.native.js +0 -2
  256. package/build/module/Carousel/index.native.js.map +0 -1
  257. package/build/module/Carousel/utils.js +0 -7
  258. package/build/module/Carousel/utils.js.map +0 -1
  259. package/build/typescript/Carousel/CarouselNative.d.ts +0 -2
  260. package/build/typescript/Carousel/CarouselWeb.d.ts +0 -4
  261. package/build/typescript/Carousel/index.native.d.ts +0 -1
  262. package/build/typescript/Carousel/utils.d.ts +0 -6
  263. package/src/Carousel/CarouselNative.tsx +0 -67
  264. package/src/Carousel/CarouselWeb.tsx +0 -222
  265. package/src/Carousel/index.native.ts +0 -1
  266. package/src/Carousel/utils.ts +0 -11
@@ -1,237 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactNative = require("react-native");
11
-
12
- var _reactSlick = _interopRequireDefault(require("react-slick"));
13
-
14
- var _styled = _interopRequireDefault(require("@emotion/styled"));
15
-
16
- var _icons = require("@fountain-ui/icons");
17
-
18
- var _utils = require("@fountain-ui/utils");
19
-
20
- var _utils2 = require("./utils");
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- 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); }
25
-
26
- const baseSettings = {
27
- dots: false,
28
- draggable: true,
29
- lazyLoad: typeof window === 'undefined' ? undefined : 'ondemand',
30
- pauseOnFocus: true,
31
- pauseOnHover: true,
32
- rows: 1,
33
- swipe: true,
34
- slidesPerRow: 1,
35
- vertical: false
36
- };
37
-
38
- const noop = () => void 0;
39
-
40
- const StyledContainer = _styled.default.div(props => ({
41
- ['& .slick-slider']: {
42
- display: 'block',
43
- position: 'relative',
44
- userSelect: 'none'
45
- },
46
- ['& .slick-list']: {
47
- display: 'block',
48
- position: 'relative',
49
- overflow: 'hidden',
50
- margin: 0,
51
- padding: 0,
52
- ['&:focus']: {
53
- outline: 'none'
54
- },
55
- ['&.dragging']: {
56
- cursor: 'pointer'
57
- }
58
- },
59
- ['& .slick-slider .slick-track, &.slick-slider .slick-list']: {
60
- transform: 'translate3d(0, 0, 0)'
61
- },
62
- ['& .slick-track']: {
63
- display: 'block',
64
- position: 'relative',
65
- top: 0,
66
- left: 0,
67
- ['&:before, &:after']: {
68
- display: 'table',
69
- content: '\'\''
70
- },
71
- ['&:after']: {
72
- clear: 'both'
73
- },
74
- ...props.trackStyle
75
- },
76
- ['& .slick-slide']: {
77
- display: 'none',
78
- float: 'left',
79
- height: '100%',
80
- minHeight: 1,
81
- ['& > div']: {
82
- justifyContent: 'center',
83
- display: 'flex',
84
- transform: `scale(${props.inactiveSlideScale})`,
85
- transition: 'transform .5s',
86
- opacity: props.inactiveSlideOpacity
87
- }
88
- },
89
- ['& .slick-current > div']: {
90
- transform: `scale(${props.activeSlideScale})`,
91
- opacity: 1
92
- },
93
- ['& .slick-initialized .slick-slide']: {
94
- display: 'block'
95
- },
96
- ...props.arrowsStyle
97
- }));
98
-
99
- const ArrowContainer = props => {
100
- const {
101
- children,
102
- currentSlide,
103
- slideCount,
104
- visible,
105
- ...otherProps
106
- } = props;
107
- return visible ?
108
- /*#__PURE__*/
109
- // If root component is not a div, there's no arrow class.
110
- _react.default.createElement("div", _extends({}, otherProps, {
111
- style: {
112
- cursor: 'pointer'
113
- }
114
- }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
115
- style: {
116
- height: '100%',
117
- justifyContent: 'center',
118
- alignItems: 'center',
119
- backgroundColor: 'white',
120
- borderRadius: 16
121
- }
122
- }, children)) : null;
123
- };
124
-
125
- var _default = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
126
- const {
127
- activeSlideScale = _utils2.defaultActiveSlideScale,
128
- autoplay = _utils2.defaultAutoplay,
129
- autoplayInterval = _utils2.defaultAutoplayInterval,
130
- centerMode = false,
131
- centerSlidePadding = 0,
132
- data,
133
- inactiveSlideOpacity = _utils2.defaultInactiveSlideOpacity,
134
- inactiveSlideScale = _utils2.defaultInactiveSlideScale,
135
- index,
136
- infinite = _utils2.defaultInfinite,
137
- onChange,
138
- renderItem,
139
- slidesToScroll = 1,
140
- slidesToShow = 1,
141
- arrows = false,
142
- arrowsStyle = {},
143
- trackStyle = {}
144
- } = props;
145
-
146
- const slickRef = _react.default.useRef(null);
147
-
148
- const [visibleArrow, setVisibleArrow] = _react.default.useState(false);
149
-
150
- _react.default.useEffect(() => {
151
- if (slickRef.current) {
152
- slickRef.current.slickGoTo(index, false);
153
- }
154
- }, [index]);
155
-
156
- const fixOnClickNotWorkingAfterMobileSwipe = () => {
157
- // @ts-ignore
158
- if (slickRef.current && slickRef.current.innerSlider) {
159
- // @ts-ignore
160
- slickRef.current.innerSlider.clickHandler = noop;
161
- }
162
- };
163
-
164
- const handleAfterChange = newIndex => {
165
- fixOnClickNotWorkingAfterMobileSwipe();
166
-
167
- if (onChange) {
168
- onChange(newIndex);
169
- }
170
- };
171
-
172
- const handleBeforeChange = () => {
173
- fixOnClickNotWorkingAfterMobileSwipe();
174
- };
175
-
176
- const onPointerOver = () => setVisibleArrow(true);
177
-
178
- const onPointerLeave = () => setVisibleArrow(false);
179
-
180
- _react.default.useEffect(() => {
181
- if (ref) {
182
- //@ts-ignore
183
- ref.current = slickRef.current;
184
- }
185
- }, []);
186
-
187
- return /*#__PURE__*/_react.default.createElement(StyledContainer, {
188
- activeSlideScale: activeSlideScale,
189
- inactiveSlideOpacity: inactiveSlideOpacity,
190
- inactiveSlideScale: inactiveSlideScale,
191
- arrowsStyle: arrowsStyle,
192
- trackStyle: trackStyle,
193
- onPointerOver: onPointerOver,
194
- onPointerLeave: onPointerLeave
195
- }, /*#__PURE__*/_react.default.createElement(_reactSlick.default, _extends({}, baseSettings, {
196
- afterChange: handleAfterChange,
197
- autoplay: autoplay,
198
- autoplaySpeed: autoplayInterval,
199
- beforeChange: handleBeforeChange,
200
- centerMode: centerMode,
201
- centerPadding: `${centerSlidePadding}px`,
202
- infinite: infinite,
203
- initialSlide: index,
204
- ref: slickRef,
205
- slidesToScroll: slidesToScroll,
206
- slidesToShow: slidesToShow,
207
- arrows: arrows,
208
- prevArrow: /*#__PURE__*/_react.default.createElement(ArrowContainer, {
209
- visible: visibleArrow,
210
- children: /*#__PURE__*/_react.default.createElement(_icons.ChevronLeft, {
211
- fill: '#767676'
212
- })
213
- }),
214
- nextArrow: /*#__PURE__*/_react.default.createElement(ArrowContainer, {
215
- visible: visibleArrow,
216
- children: /*#__PURE__*/_react.default.createElement(_icons.ChevronRight, {
217
- fill: '#767676'
218
- })
219
- })
220
- }), (0, _utils.mapIndexed)((item, index) => {
221
- const child = renderItem({
222
- item,
223
- index
224
- });
225
-
226
- if (child) {
227
- return /*#__PURE__*/_react.default.cloneElement(child, {
228
- key: index
229
- });
230
- }
231
-
232
- return child;
233
- }, data)));
234
- });
235
-
236
- exports.default = _default;
237
- //# sourceMappingURL=CarouselWeb.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["baseSettings","dots","draggable","lazyLoad","window","undefined","pauseOnFocus","pauseOnHover","rows","swipe","slidesPerRow","vertical","noop","StyledContainer","styled","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","React","forwardRef","ref","defaultActiveSlideScale","autoplay","defaultAutoplay","autoplayInterval","defaultAutoplayInterval","centerMode","centerSlidePadding","data","defaultInactiveSlideOpacity","defaultInactiveSlideScale","index","infinite","defaultInfinite","onChange","renderItem","slidesToScroll","slidesToShow","arrows","slickRef","useRef","visibleArrow","setVisibleArrow","useState","useEffect","current","slickGoTo","fixOnClickNotWorkingAfterMobileSwipe","innerSlider","clickHandler","handleAfterChange","newIndex","handleBeforeChange","onPointerOver","onPointerLeave","mapIndexed","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":[],"sources":["index.native.ts"],"sourcesContent":["export { default } from './CarouselNative';"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.defaultInfinite = exports.defaultInactiveSlideScale = exports.defaultInactiveSlideOpacity = exports.defaultAutoplayInterval = exports.defaultAutoplay = exports.defaultActiveSlideScale = void 0;
7
- const defaultAutoplay = false;
8
- exports.defaultAutoplay = defaultAutoplay;
9
- const defaultAutoplayInterval = 3000;
10
- exports.defaultAutoplayInterval = defaultAutoplayInterval;
11
- const defaultInactiveSlideOpacity = 1;
12
- exports.defaultInactiveSlideOpacity = defaultInactiveSlideOpacity;
13
- const defaultInactiveSlideScale = 0.9;
14
- exports.defaultInactiveSlideScale = defaultInactiveSlideScale;
15
- const defaultActiveSlideScale = 1;
16
- exports.defaultActiveSlideScale = defaultActiveSlideScale;
17
- const defaultInfinite = false;
18
- exports.defaultInfinite = defaultInfinite;
19
- //# 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":";;;;;;AAAO,MAAMA,eAAe,GAAG,KAAxB;;AAEA,MAAMC,uBAAuB,GAAG,IAAhC;;AAEA,MAAMC,2BAA2B,GAAG,CAApC;;AAEA,MAAMC,yBAAyB,GAAG,GAAlC;;AAEA,MAAMC,uBAAuB,GAAG,CAAhC;;AAEA,MAAMC,eAAe,GAAG,KAAxB"}
@@ -1,54 +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 { defaultAutoplay, defaultAutoplayInterval, defaultInactiveSlideOpacity, defaultInactiveSlideScale, defaultInfinite } from './utils';
5
- export default function Carousel(props) {
6
- const {
7
- autoplay = defaultAutoplay,
8
- autoplayInterval = defaultAutoplayInterval,
9
- centerSlidePadding,
10
- data,
11
- inactiveSlideOpacity = defaultInactiveSlideOpacity,
12
- inactiveSlideScale = defaultInactiveSlideScale,
13
- index,
14
- infinite = defaultInfinite,
15
- onChange,
16
- renderItem
17
- } = props;
18
- const carouselRef = useRef(null);
19
- const [sliderWidth, setSliderWidth] = useState(() => Dimensions.get('window').width);
20
- const itemWidth = centerSlidePadding !== undefined ? sliderWidth - centerSlidePadding * 2 : sliderWidth;
21
- useEffect(() => {
22
- const carousel = carouselRef.current;
23
-
24
- if (carousel && index !== carousel.currentIndex) {
25
- carousel.snapToItem(index, true);
26
- }
27
- }, [index]);
28
-
29
- const handleSnapToItem = newIndex => {
30
- if (onChange) {
31
- onChange(newIndex);
32
- }
33
- };
34
-
35
- return /*#__PURE__*/React.createElement(View, {
36
- onLayout: event => setSliderWidth(event.nativeEvent.layout.width)
37
- }, /*#__PURE__*/React.createElement(RNSnapCarousel, {
38
- autoplay: autoplay,
39
- autoplayInterval: autoplayInterval,
40
- data: data,
41
- horizontal: true,
42
- inactiveSlideOpacity: inactiveSlideOpacity,
43
- inactiveSlideScale: inactiveSlideScale,
44
- itemWidth: itemWidth,
45
- loop: infinite,
46
- loopClonesPerSide: 2,
47
- onSnapToItem: handleSnapToItem,
48
- ref: carouselRef,
49
- renderItem: renderItem,
50
- sliderWidth: sliderWidth
51
- }));
52
- }
53
- ;
54
- //# sourceMappingURL=CarouselNative.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useEffect","useRef","useState","Dimensions","View","RNSnapCarousel","defaultAutoplay","defaultAutoplayInterval","defaultInactiveSlideOpacity","defaultInactiveSlideScale","defaultInfinite","Carousel","props","autoplay","autoplayInterval","centerSlidePadding","data","inactiveSlideOpacity","inactiveSlideScale","index","infinite","onChange","renderItem","carouselRef","sliderWidth","setSliderWidth","get","width","itemWidth","undefined","carousel","current","currentIndex","snapToItem","handleSnapToItem","newIndex","event","nativeEvent","layout"],"sources":["CarouselNative.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport RNSnapCarousel from 'react-native-snap-carousel';\nimport type CarouselProps from './CarouselProps';\nimport {\n defaultAutoplay,\n defaultAutoplayInterval,\n defaultInactiveSlideOpacity,\n defaultInactiveSlideScale,\n defaultInfinite,\n} from './utils';\n\nexport default function Carousel<ItemT>(props: CarouselProps<ItemT>) {\n const {\n autoplay = defaultAutoplay,\n autoplayInterval = defaultAutoplayInterval,\n centerSlidePadding,\n data,\n inactiveSlideOpacity = defaultInactiveSlideOpacity,\n inactiveSlideScale = defaultInactiveSlideScale,\n index,\n infinite = defaultInfinite,\n onChange,\n renderItem,\n } = props;\n\n const carouselRef = useRef<RNSnapCarousel<ItemT> | null>(null);\n\n const [sliderWidth, setSliderWidth] = useState(() => Dimensions.get('window').width);\n\n const itemWidth = centerSlidePadding !== undefined\n ? sliderWidth - (centerSlidePadding * 2)\n : sliderWidth;\n\n useEffect(() => {\n const carousel = carouselRef.current;\n if (carousel && index !== carousel.currentIndex) {\n carousel.snapToItem(index, true);\n }\n }, [index]);\n\n const handleSnapToItem = (newIndex: number) => {\n if (onChange) {\n onChange(newIndex);\n }\n };\n\n return (\n <View onLayout={(event) => setSliderWidth(event.nativeEvent.layout.width)}>\n <RNSnapCarousel\n autoplay={autoplay}\n autoplayInterval={autoplayInterval}\n data={data}\n horizontal={true}\n inactiveSlideOpacity={inactiveSlideOpacity}\n inactiveSlideScale={inactiveSlideScale}\n itemWidth={itemWidth}\n loop={infinite}\n loopClonesPerSide={2}\n onSnapToItem={handleSnapToItem}\n ref={carouselRef}\n renderItem={renderItem}\n sliderWidth={sliderWidth}\n />\n </View>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AACA,OAAOC,cAAP,MAA2B,4BAA3B;AAEA,SACIC,eADJ,EAEIC,uBAFJ,EAGIC,2BAHJ,EAIIC,yBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,eAAe,SAASC,QAAT,CAAyBC,KAAzB,EAAsD;EACjE,MAAM;IACFC,QAAQ,GAAGP,eADT;IAEFQ,gBAAgB,GAAGP,uBAFjB;IAGFQ,kBAHE;IAIFC,IAJE;IAKFC,oBAAoB,GAAGT,2BALrB;IAMFU,kBAAkB,GAAGT,yBANnB;IAOFU,KAPE;IAQFC,QAAQ,GAAGV,eART;IASFW,QATE;IAUFC;EAVE,IAWFV,KAXJ;EAaA,MAAMW,WAAW,GAAGtB,MAAM,CAA+B,IAA/B,CAA1B;EAEA,MAAM,CAACuB,WAAD,EAAcC,cAAd,IAAgCvB,QAAQ,CAAC,MAAMC,UAAU,CAACuB,GAAX,CAAe,QAAf,EAAyBC,KAAhC,CAA9C;EAEA,MAAMC,SAAS,GAAGb,kBAAkB,KAAKc,SAAvB,GACZL,WAAW,GAAIT,kBAAkB,GAAG,CADxB,GAEZS,WAFN;EAIAxB,SAAS,CAAC,MAAM;IACZ,MAAM8B,QAAQ,GAAGP,WAAW,CAACQ,OAA7B;;IACA,IAAID,QAAQ,IAAIX,KAAK,KAAKW,QAAQ,CAACE,YAAnC,EAAiD;MAC7CF,QAAQ,CAACG,UAAT,CAAoBd,KAApB,EAA2B,IAA3B;IACH;EACJ,CALQ,EAKN,CAACA,KAAD,CALM,CAAT;;EAOA,MAAMe,gBAAgB,GAAIC,QAAD,IAAsB;IAC3C,IAAId,QAAJ,EAAc;MACVA,QAAQ,CAACc,QAAD,CAAR;IACH;EACJ,CAJD;;EAMA,oBACI,oBAAC,IAAD;IAAM,QAAQ,EAAGC,KAAD,IAAWX,cAAc,CAACW,KAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBX,KAA1B;EAAzC,gBACI,oBAAC,cAAD;IACI,QAAQ,EAAEd,QADd;IAEI,gBAAgB,EAAEC,gBAFtB;IAGI,IAAI,EAAEE,IAHV;IAII,UAAU,EAAE,IAJhB;IAKI,oBAAoB,EAAEC,oBAL1B;IAMI,kBAAkB,EAAEC,kBANxB;IAOI,SAAS,EAAEU,SAPf;IAQI,IAAI,EAAER,QARV;IASI,iBAAiB,EAAE,CATvB;IAUI,YAAY,EAAEc,gBAVlB;IAWI,GAAG,EAAEX,WAXT;IAYI,UAAU,EAAED,UAZhB;IAaI,WAAW,EAAEE;EAbjB,EADJ,CADJ;AAmBH;AAAA"}
@@ -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,2 +0,0 @@
1
- export { default } from './CarouselNative';
2
- //# sourceMappingURL=index.native.js.map
@@ -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,2 +0,0 @@
1
- import type CarouselProps from './CarouselProps';
2
- export default function Carousel<ItemT>(props: CarouselProps<ItemT>): JSX.Element;
@@ -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;