@evlop/native-components 1.0.106 → 1.0.108
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/dist/src/RenderPage/RenderPageHeader.js +1 -1
- package/dist/src/RenderPage/RenderPageHeader.js.map +1 -1
- package/dist/src/Swiper/DotPagination.d.ts +4 -2
- package/dist/src/Swiper/DotPagination.d.ts.map +1 -1
- package/dist/src/Swiper/DotPagination.js +70 -22
- package/dist/src/Swiper/DotPagination.js.map +1 -1
- package/dist/src/Swiper/NumberPagination.d.ts +8 -0
- package/dist/src/Swiper/NumberPagination.d.ts.map +1 -0
- package/dist/src/Swiper/NumberPagination.js +59 -0
- package/dist/src/Swiper/NumberPagination.js.map +1 -0
- package/dist/src/Swiper/index.d.ts.map +1 -1
- package/dist/src/Swiper/index.js +17 -5
- package/dist/src/Swiper/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -44,7 +44,7 @@ const RenderPageHeader = ({ page }) => {
|
|
|
44
44
|
const isDefaultHeader = !headerComponentId || headerComponentId === 'default';
|
|
45
45
|
(0, react_1.useEffect)(() => {
|
|
46
46
|
if (isDefaultHeader) {
|
|
47
|
-
const headerRight = (react_1.default.createElement(Flexbox_1.default, { paddingRight: "4xs", flex: 1, flexDirection: "row", justifyContent: "flex-end" }, (0, lodash_1.map)(menuItems, menuItem => react_1.default.createElement(Actionable_1.default, { key: menuItem.id, action: menuItem.action },
|
|
47
|
+
const headerRight = (react_1.default.createElement(Flexbox_1.default, { paddingRight: "4xs", flex: 1, flexDirection: "row", alignItems: "center", justifyContent: "flex-end" }, (0, lodash_1.map)(menuItems, menuItem => react_1.default.createElement(Actionable_1.default, { key: menuItem.id, action: menuItem.action },
|
|
48
48
|
react_1.default.createElement(View_1.default, { px: "4xs" }, menuItem.badge ? react_1.default.createElement(_IconWithBadge_1.default, { size: 24, icon: menuItem.icon, color: "header-tint", badge: menuItem.badge }) : react_1.default.createElement(Icon_1.BaseIcon, { size: 24, icon: menuItem.icon, color: "header-tint" }))))));
|
|
49
49
|
const navigationOptions = {
|
|
50
50
|
title: template(title),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAA0D;AAC1D,mCAAyC;AACzC,yEAAiD;AACjD,yDAAiC;AACjC,+DAAuC;AACvC,mDAA2B;AAC3B,sEAA6C;AAC7C,kCAAmC;AAEnC,MAAM,gBAAgB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAClC,MAAM,KAAK,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,uBAAa,GAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,CAAC,iBAAiB,IAAI,iBAAiB,KAAK,SAAS,CAAC;IAC9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAG,eAAe,EAAE;YAElB,MAAM,WAAW,GAAG,CAClB,8BAAC,iBAAO,IAAC,YAAY,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAA0D;AAC1D,mCAAyC;AACzC,yEAAiD;AACjD,yDAAiC;AACjC,+DAAuC;AACvC,mDAA2B;AAC3B,sEAA6C;AAC7C,kCAAmC;AAEnC,MAAM,gBAAgB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAClC,MAAM,KAAK,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,uBAAa,GAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,CAAC,iBAAiB,IAAI,iBAAiB,KAAK,SAAS,CAAC;IAC9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAG,eAAe,EAAE;YAElB,MAAM,WAAW,GAAG,CAClB,8BAAC,iBAAO,IAAC,YAAY,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,UAAU,IACnG,IAAA,YAAG,EAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC,8BAAC,oBAAU,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM;gBAC/E,8BAAC,cAAI,IAAC,EAAE,EAAC,KAAK,IACX,QAAQ,CAAC,KAAK,CAAA,CAAC,CAAC,8BAAC,wBAAa,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,8BAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,GAAI,CAC7K,CACI,CAAC,CACN,CACX,CAAA;YAED,MAAM,iBAAiB,GAAQ;gBAC7B,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;gBACtB,WAAW,EAAE,eAAe;aAC7B,CAAC;YACF,IAAG,CAAC,IAAA,gBAAO,EAAC,SAAS,CAAC;gBAAE,iBAAiB,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC;YAE1E,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;SAC1C;aAAM;YACL,UAAU,CAAC,UAAU,CAAC,EAAC,WAAW,EAAE,KAAK,EAAC,CAAC,CAAC;SAC7C;QAAA,CAAC;IAEJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9D,IAAG,eAAe;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAQ,8BAAC,yBAAe,IAAC,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAI,CAAA;AAClG,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare function DotPagination({ length, activeIndex, onChangeIndex }: {
|
|
3
3
|
length: any;
|
|
4
4
|
activeIndex: any;
|
|
5
5
|
onChangeIndex: any;
|
|
6
6
|
}): JSX.Element;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<typeof DotPagination>;
|
|
8
|
+
export default _default;
|
|
7
9
|
//# sourceMappingURL=DotPagination.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DotPagination.d.ts","sourceRoot":"","sources":["../../../src/Swiper/DotPagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DotPagination.d.ts","sourceRoot":"","sources":["../../../src/Swiper/DotPagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,iBAAS,aAAa,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;;;;CAAA,eAmC5D;;AAiCD,wBAAyC"}
|
|
@@ -1,44 +1,92 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
4
24
|
};
|
|
5
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
26
|
+
const commons_1 = require("@evlop/commons");
|
|
27
|
+
const lodash_1 = require("lodash");
|
|
28
|
+
const react_1 = __importStar(require("react"));
|
|
7
29
|
const react_native_1 = require("react-native");
|
|
30
|
+
const DOT_SIZE = 12;
|
|
8
31
|
function DotPagination({ length, activeIndex, onChangeIndex }) {
|
|
32
|
+
const { colors: { primary: primaryColor } } = (0, commons_1.useTheme)();
|
|
33
|
+
const items = (0, react_1.useMemo)(() => Array(length).fill(1).map((v, i) => i), [length]);
|
|
34
|
+
const paginationDots = (0, react_1.useMemo)(() => items.map(i => react_1.default.createElement(react_native_1.Pressable, { onPress: () => onChangeIndex(i), style: [styles.paginationDot, { borderColor: primaryColor }] })), [items, onChangeIndex]);
|
|
35
|
+
const activeDotStyle = (0, react_1.useMemo)(() => {
|
|
36
|
+
return [
|
|
37
|
+
styles.paginationDotActive,
|
|
38
|
+
{ backgroundColor: primaryColor },
|
|
39
|
+
{
|
|
40
|
+
transform: [
|
|
41
|
+
{ translateX: activeIndex.interpolate({
|
|
42
|
+
inputRange: (0, lodash_1.flatMap)(items, i => [i, i + 0.5, i + 0.5]),
|
|
43
|
+
outputRange: (0, lodash_1.flatMap)(items, i => [i * DOT_SIZE * 1.4, i * DOT_SIZE * 1.4, (i + 1) * DOT_SIZE * 1.4]),
|
|
44
|
+
extrapolate: 'extend',
|
|
45
|
+
}) },
|
|
46
|
+
{ scale: activeIndex.interpolate({
|
|
47
|
+
inputRange: (0, lodash_1.flatMap)(items, i => [i, i + 0.45, i + 0.5, i + 0.55]),
|
|
48
|
+
outputRange: (0, lodash_1.flatMap)(items, i => [1, 0.7, 0, 0.7]),
|
|
49
|
+
extrapolate: 'clamp',
|
|
50
|
+
}) }
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
];
|
|
54
|
+
}, [activeIndex, items]);
|
|
9
55
|
if (length < 2)
|
|
10
56
|
return null;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
inputRange: [i - 1, i, i + 1],
|
|
15
|
-
outputRange: [8, 10, 8],
|
|
16
|
-
extrapolate: 'clamp'
|
|
17
|
-
}),
|
|
18
|
-
height: activeIndex.interpolate({
|
|
19
|
-
inputRange: [i - 1, i, i + 1],
|
|
20
|
-
outputRange: [8, 10, 8],
|
|
21
|
-
extrapolate: 'clamp'
|
|
22
|
-
}),
|
|
23
|
-
margin: 4,
|
|
24
|
-
} },
|
|
25
|
-
react_1.default.createElement(react_native_1.Pressable, { onPress: () => onChangeIndex(i), style: styles.paginationDot })))));
|
|
57
|
+
return (react_1.default.createElement(react_native_1.View, { style: styles.container },
|
|
58
|
+
react_1.default.createElement(react_native_1.Animated.View, { style: activeDotStyle }),
|
|
59
|
+
paginationDots));
|
|
26
60
|
}
|
|
27
|
-
exports.default = DotPagination;
|
|
28
61
|
const styles = react_native_1.StyleSheet.create({
|
|
29
62
|
paginationDot: {
|
|
30
|
-
width:
|
|
31
|
-
height:
|
|
63
|
+
width: DOT_SIZE,
|
|
64
|
+
height: DOT_SIZE,
|
|
65
|
+
marginHorizontal: DOT_SIZE * 0.2,
|
|
32
66
|
backgroundColor: '#fff',
|
|
33
67
|
borderRadius: 5,
|
|
34
68
|
borderWidth: 0.4,
|
|
35
69
|
borderColor: "#aaa",
|
|
36
70
|
},
|
|
71
|
+
paginationDotActive: {
|
|
72
|
+
position: 'absolute',
|
|
73
|
+
width: DOT_SIZE * 0.8,
|
|
74
|
+
height: DOT_SIZE * 0.8,
|
|
75
|
+
marginHorizontal: DOT_SIZE * 0.3,
|
|
76
|
+
backgroundColor: '#000',
|
|
77
|
+
borderRadius: DOT_SIZE / 2,
|
|
78
|
+
borderWidth: 0.4,
|
|
79
|
+
borderColor: "#aaa",
|
|
80
|
+
zIndex: 1,
|
|
81
|
+
},
|
|
37
82
|
container: {
|
|
83
|
+
alignSelf: 'center',
|
|
38
84
|
flexDirection: 'row',
|
|
39
|
-
|
|
85
|
+
flex: 1,
|
|
86
|
+
justifyContent: 'flex-start',
|
|
40
87
|
alignItems: "center",
|
|
41
88
|
alignContent: 'center'
|
|
42
89
|
}
|
|
43
90
|
});
|
|
91
|
+
exports.default = react_1.default.memo(DotPagination);
|
|
44
92
|
//# sourceMappingURL=DotPagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DotPagination.js","sourceRoot":"","sources":["../../../src/Swiper/DotPagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DotPagination.js","sourceRoot":"","sources":["../../../src/Swiper/DotPagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare function NumberPagination({ length, activeIndex }: {
|
|
3
|
+
length: any;
|
|
4
|
+
activeIndex: any;
|
|
5
|
+
}): JSX.Element;
|
|
6
|
+
declare const _default: React.MemoExoticComponent<typeof NumberPagination>;
|
|
7
|
+
export default _default;
|
|
8
|
+
//# sourceMappingURL=NumberPagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberPagination.d.ts","sourceRoot":"","sources":["../../../src/Swiper/NumberPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,iBAAS,gBAAgB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE;;;CAAA,eA6BhD;;AAgCD,wBAA4C"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const react_native_1 = require("react-native");
|
|
8
|
+
const INDEX_TEXT_HEIGHT = 20;
|
|
9
|
+
function NumberPagination({ length, activeIndex }) {
|
|
10
|
+
if (length < 2)
|
|
11
|
+
return null;
|
|
12
|
+
const items = Array(length).fill(1).map((v, i) => i);
|
|
13
|
+
return (react_1.default.createElement(react_native_1.View, { style: styles.container },
|
|
14
|
+
react_1.default.createElement(react_native_1.View, { style: styles.textContainer },
|
|
15
|
+
react_1.default.createElement(react_native_1.Animated.View, { style: [styles.activeIndexContainer, {
|
|
16
|
+
transform: [
|
|
17
|
+
{
|
|
18
|
+
translateY: activeIndex.interpolate({
|
|
19
|
+
inputRange: [0, 1],
|
|
20
|
+
outputRange: [0, -INDEX_TEXT_HEIGHT],
|
|
21
|
+
extrapolate: 'extend',
|
|
22
|
+
})
|
|
23
|
+
}
|
|
24
|
+
]
|
|
25
|
+
}] }, items.map(i => react_1.default.createElement(react_native_1.Text, { key: i, style: styles.indexText }, i + 1))),
|
|
26
|
+
react_1.default.createElement(react_native_1.Text, { style: styles.indexText },
|
|
27
|
+
" / ",
|
|
28
|
+
length))));
|
|
29
|
+
}
|
|
30
|
+
const styles = react_native_1.StyleSheet.create({
|
|
31
|
+
textContainer: {
|
|
32
|
+
flexDirection: 'row',
|
|
33
|
+
overflow: 'hidden',
|
|
34
|
+
},
|
|
35
|
+
activeIndexContainer: {
|
|
36
|
+
display: 'flex',
|
|
37
|
+
flexDirection: 'column',
|
|
38
|
+
height: INDEX_TEXT_HEIGHT,
|
|
39
|
+
},
|
|
40
|
+
indexText: {
|
|
41
|
+
color: '#fff',
|
|
42
|
+
fontSize: INDEX_TEXT_HEIGHT * 0.75,
|
|
43
|
+
fontWeight: 'bold',
|
|
44
|
+
height: INDEX_TEXT_HEIGHT,
|
|
45
|
+
lineHeight: INDEX_TEXT_HEIGHT,
|
|
46
|
+
},
|
|
47
|
+
container: {
|
|
48
|
+
alignSelf: 'center',
|
|
49
|
+
paddingVertical: 3,
|
|
50
|
+
paddingHorizontal: 10,
|
|
51
|
+
borderRadius: 10,
|
|
52
|
+
flexDirection: 'row',
|
|
53
|
+
justifyContent: 'center',
|
|
54
|
+
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
55
|
+
overflow: 'hidden',
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
exports.default = react_1.default.memo(NumberPagination);
|
|
59
|
+
//# sourceMappingURL=NumberPagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberPagination.js","sourceRoot":"","sources":["../../../src/Swiper/NumberPagination.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+CAAqF;AAErF,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,SAAS,gBAAgB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE;IAC/C,IAAI,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAErD,OAAO,CAEL,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;QAC3B,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;YAC/B,8BAAC,uBAAQ,CAAC,IAAI,IACZ,KAAK,EAAE,CAAC,MAAM,CAAC,oBAAoB,EAAE;wBACnC,SAAS,EAAE;4BACT;gCACE,UAAU,EAAE,WAAW,CAAC,WAAW,CAAC;oCAClC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC;oCACpC,WAAW,EAAE,QAAQ;iCACtB,CAAC;6BACH;yBACF;qBAEF,CAAC,IACD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACb,8BAAC,mBAAI,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,IAAG,CAAC,GAAG,CAAC,CAAQ,CACtD,CACa;YAChB,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;;gBAAM,MAAM,CAAQ,CAC5C,CACF,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,oBAAoB,EAAE;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,iBAAiB;KAC1B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,iBAAiB,GAAG,IAAI;QAClC,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,iBAAiB;QACzB,UAAU,EAAE,iBAAiB;KAC9B;IACD,SAAS,EAAC;QACR,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,iBAAiB;QAClC,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAGH,kBAAe,eAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6F,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAMlH,QAAA,MAAM,MAAM,iGAwFV,CAAA;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/src/Swiper/index.js
CHANGED
|
@@ -42,6 +42,7 @@ const react_1 = __importStar(require("react"));
|
|
|
42
42
|
const react_native_1 = require("react-native");
|
|
43
43
|
const DashPagination_1 = __importDefault(require("./DashPagination"));
|
|
44
44
|
const DotPagination_1 = __importDefault(require("./DotPagination"));
|
|
45
|
+
const NumberPagination_1 = __importDefault(require("./NumberPagination"));
|
|
45
46
|
const Swiper = (0, react_1.forwardRef)((_a, ref) => {
|
|
46
47
|
var { data, paginationType = "dash", paginationStyle, renderItem: _renderItem, itemWidth: _itemWidth } = _a, props = __rest(_a, ["data", "paginationType", "paginationStyle", "renderItem", "itemWidth"]);
|
|
47
48
|
const scrollViewRef = (0, react_1.useRef)();
|
|
@@ -81,16 +82,27 @@ const Swiper = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
81
82
|
return react_1.default.createElement(react_native_1.View, { key: key, style: { width: itemWidth } }, _renderItem({ item, index }));
|
|
82
83
|
return react_1.default.createElement(react_native_1.Text, { key: key, style: { width: itemWidth, height: 200, fontSize: 26, alignItems: 'center', color: '#000', backgroundColor: 'red', justifyContent: 'center' } }, JSON.stringify(item));
|
|
83
84
|
}, [_renderItem, itemWidth, activeIndexValue, containerWidth]);
|
|
84
|
-
const
|
|
85
|
-
|
|
85
|
+
const scrollTo = (0, react_1.useCallback)(({ index, animated }) => {
|
|
86
|
+
var _a;
|
|
87
|
+
(_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ animated, x: index * itemWidth, y: 0 });
|
|
86
88
|
}, [scrollViewRef, itemWidth]);
|
|
87
|
-
(0, react_1.
|
|
88
|
-
|
|
89
|
+
const scrollToIndex = (0, react_1.useCallback)((index) => {
|
|
90
|
+
scrollTo({ index, animated: true });
|
|
91
|
+
}, [scrollTo]);
|
|
92
|
+
(0, react_1.useImperativeHandle)(ref, () => ({ scrollToIndex, scrollTo }), [scrollToIndex, scrollTo]);
|
|
93
|
+
const PaginationComponent = (0, react_1.useMemo)(() => {
|
|
94
|
+
switch (paginationType) {
|
|
95
|
+
case 'dash': return DashPagination_1.default;
|
|
96
|
+
case 'number': return NumberPagination_1.default;
|
|
97
|
+
case 'dot':
|
|
98
|
+
default: return DotPagination_1.default;
|
|
99
|
+
}
|
|
100
|
+
}, [paginationType]);
|
|
89
101
|
const renderedData = (0, react_1.useMemo)(() => (0, lodash_1.map)(data, (item, index) => renderItem({ item, index })), [data, renderItem]);
|
|
90
102
|
return (react_1.default.createElement(react_native_1.View, { onLayout: onLayoutUpdate },
|
|
91
103
|
react_1.default.createElement(react_native_1.Animated.ScrollView, Object.assign({}, props, { ref: scrollViewRef, pagingEnabled: true, horizontal: true, showsHorizontalScrollIndicator: false, showsVerticalScrollIndicator: false, onScroll: onScroll, bounces: false }), renderedData),
|
|
92
104
|
react_1.default.createElement(react_native_1.View, { style: [{ position: 'absolute', bottom: 3, left: 0, right: 0, zIndex: 5 }, paginationStyle] },
|
|
93
|
-
react_1.default.createElement(
|
|
105
|
+
react_1.default.createElement(PaginationComponent, { onChangeIndex: scrollToIndex, length: data.length, activeIndex: activeIndexAnimated }))));
|
|
94
106
|
});
|
|
95
107
|
exports.default = Swiper;
|
|
96
108
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAA6B;AAC7B,+CAAkH;AAClH,+CAAwG;AACxG,sEAA8C;AAC9C,oEAA4C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":"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"}
|