@evlop/native-components 1.0.111 → 1.0.112
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/Swiper/DashPagination.d.ts.map +1 -1
- package/dist/src/Swiper/DashPagination.js +20 -12
- package/dist/src/Swiper/DashPagination.js.map +1 -1
- package/dist/src/Swiper/DotPagination.d.ts.map +1 -1
- package/dist/src/Swiper/DotPagination.js +5 -2
- package/dist/src/Swiper/DotPagination.js.map +1 -1
- package/dist/src/Swiper/LinePagination.d.ts +7 -0
- package/dist/src/Swiper/LinePagination.d.ts.map +1 -0
- package/dist/src/Swiper/LinePagination.js +48 -0
- package/dist/src/Swiper/LinePagination.js.map +1 -0
- package/dist/src/Swiper/NumberPagination.js +3 -4
- package/dist/src/Swiper/NumberPagination.js.map +1 -1
- package/dist/src/Swiper/index.d.ts.map +1 -1
- package/dist/src/Swiper/index.js +9 -19
- package/dist/src/Swiper/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashPagination.d.ts","sourceRoot":"","sources":["../../../src/Swiper/DashPagination.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;;;;CAAA,
|
|
1
|
+
{"version":3,"file":"DashPagination.d.ts","sourceRoot":"","sources":["../../../src/Swiper/DashPagination.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;;;;CAAA,eAuC5E"}
|
|
@@ -10,23 +10,31 @@ function DashPagination({ length, activeIndex, onChangeIndex }) {
|
|
|
10
10
|
return null;
|
|
11
11
|
const items = Array(length).fill(1).map((v, i) => i);
|
|
12
12
|
return (react_1.default.createElement(react_native_1.View, { style: styles.container }, items.map(i => react_1.default.createElement(react_native_1.Animated.View, { key: i, style: {
|
|
13
|
-
width: activeIndex.interpolate({
|
|
14
|
-
inputRange: [i - 1, i, i + 1],
|
|
15
|
-
outputRange: [8, 20, 8],
|
|
16
|
-
extrapolate: 'clamp'
|
|
17
|
-
}),
|
|
18
13
|
opacity: activeIndex.interpolate({
|
|
19
14
|
inputRange: [i - 1, i, i + 1],
|
|
20
15
|
outputRange: [0.5, 1, 0.5],
|
|
21
16
|
extrapolate: 'clamp',
|
|
22
17
|
}),
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
transform: [
|
|
19
|
+
{
|
|
20
|
+
scaleX: activeIndex.interpolate({
|
|
21
|
+
inputRange: [i - 1, i, i + 1],
|
|
22
|
+
outputRange: [0.4, 1, 0.4],
|
|
23
|
+
extrapolate: 'clamp',
|
|
24
|
+
})
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
translateX: activeIndex.interpolate({
|
|
28
|
+
inputRange: [i - 1, i, i + 1],
|
|
29
|
+
outputRange: react_native_1.I18nManager.isRTL ? [-20, 0, 20] : [20, 0, -20],
|
|
30
|
+
extrapolate: 'clamp',
|
|
31
|
+
}),
|
|
32
|
+
}
|
|
33
|
+
],
|
|
28
34
|
height: 5,
|
|
29
|
-
|
|
35
|
+
width: 14,
|
|
36
|
+
marginHorizontal: -3.5,
|
|
37
|
+
marginVertical: 5,
|
|
30
38
|
} },
|
|
31
39
|
react_1.default.createElement(react_native_1.Pressable, { onPress: () => onChangeIndex(i), style: styles.paginationDot })))));
|
|
32
40
|
}
|
|
@@ -39,7 +47,7 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
39
47
|
borderRadius: react_native_1.Platform.select({ default: 1, android: 2 }),
|
|
40
48
|
borderWidth: 0.4,
|
|
41
49
|
borderColor: "#aaa",
|
|
42
|
-
transform: [{ skewX: "-30deg" }]
|
|
50
|
+
transform: [{ skewX: "-30deg" }],
|
|
43
51
|
},
|
|
44
52
|
container: {
|
|
45
53
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashPagination.js","sourceRoot":"","sources":["../../../src/Swiper/DashPagination.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+
|
|
1
|
+
{"version":3,"file":"DashPagination.js","sourceRoot":"","sources":["../../../src/Swiper/DashPagination.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+CAA4F;AAE5F,SAAwB,cAAc,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;IAC3E,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,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,IAC1B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,8BAAC,uBAAQ,CAAC,IAAI,IAC5B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE;YACL,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;gBAC/B,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC7B,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;gBAC1B,WAAW,EAAE,OAAO;aACrB,CAAC;YACF,SAAS,EAAE;gBACT;oBACE,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;wBAC9B,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;wBAC7B,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;wBAC1B,WAAW,EAAE,OAAO;qBACrB,CAAC;iBACH;gBACD;oBACE,UAAU,EAAE,WAAW,CAAC,WAAW,CAAC;wBAClC,UAAU,EAAE,CAAC,CAAC,GAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAC,CAAC,CAAC;wBACzB,WAAW,EAAE,0BAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;wBAC5D,WAAW,EAAE,OAAO;qBACrB,CAAC;iBACH;aACF;YACD,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,EAAE;YACT,gBAAgB,EAAE,CAAC,GAAG;YACtB,cAAc,EAAE,CAAC;SAClB;QACD,8BAAC,wBAAS,IAAC,OAAO,EAAE,GAAE,EAAE,CAAA,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,GAAc,CACrE,CAAC,CACZ,CACR,CAAC;AACJ,CAAC;AAvCD,iCAuCC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,YAAY,EAAE,uBAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;QACzD,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KACjC;IACD,SAAS,EAAC;QACR,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,eAsC5D;;AAkCD,wBAAyC"}
|
|
@@ -33,6 +33,7 @@ function DotPagination({ length, activeIndex, onChangeIndex }) {
|
|
|
33
33
|
const items = (0, react_1.useMemo)(() => Array(length).fill(1).map((v, i) => i), [length]);
|
|
34
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
35
|
const activeDotStyle = (0, react_1.useMemo)(() => {
|
|
36
|
+
const direction = react_native_1.I18nManager.isRTL ? -1 : 1;
|
|
36
37
|
return [
|
|
37
38
|
styles.paginationDotActive,
|
|
38
39
|
{ backgroundColor: primaryColor },
|
|
@@ -40,7 +41,8 @@ function DotPagination({ length, activeIndex, onChangeIndex }) {
|
|
|
40
41
|
transform: [
|
|
41
42
|
{ translateX: activeIndex.interpolate({
|
|
42
43
|
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
|
+
outputRange: (0, lodash_1.flatMap)(items, i => [i * DOT_SIZE * direction * 1.4, i * DOT_SIZE * direction * 1.4, (i + 1) * DOT_SIZE * direction * 1.4]),
|
|
45
|
+
// outputRange: flatMap(items, i => [i * direction * DOT_SIZE*1.4, i * direction * DOT_SIZE*1.4, (i+1) * direction * DOT_SIZE*1.4]),
|
|
44
46
|
extrapolate: 'extend',
|
|
45
47
|
}) },
|
|
46
48
|
{ scale: activeIndex.interpolate({
|
|
@@ -64,7 +66,7 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
64
66
|
height: DOT_SIZE,
|
|
65
67
|
marginHorizontal: DOT_SIZE * 0.2,
|
|
66
68
|
backgroundColor: '#fff',
|
|
67
|
-
borderRadius:
|
|
69
|
+
borderRadius: DOT_SIZE / 2,
|
|
68
70
|
borderWidth: 0.4,
|
|
69
71
|
borderColor: "#aaa",
|
|
70
72
|
},
|
|
@@ -78,6 +80,7 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
78
80
|
borderWidth: 0.4,
|
|
79
81
|
borderColor: "#aaa",
|
|
80
82
|
zIndex: 1,
|
|
83
|
+
left: 0,
|
|
81
84
|
},
|
|
82
85
|
container: {
|
|
83
86
|
alignSelf: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DotPagination.js","sourceRoot":"","sources":["../../../src/Swiper/DotPagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAA0C;AAC1C,mCAAiC;AACjC,+CAAuC;AACvC,+
|
|
1
|
+
{"version":3,"file":"DotPagination.js","sourceRoot":"","sources":["../../../src/Swiper/DotPagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinePagination.d.ts","sourceRoot":"","sources":["../../../src/Swiper/LinePagination.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;;;;CAAA,eA+B5E"}
|
|
@@ -0,0 +1,48 @@
|
|
|
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
|
+
function LinePagination({ length, activeIndex, onChangeIndex }) {
|
|
9
|
+
if (length < 2)
|
|
10
|
+
return null;
|
|
11
|
+
const items = Array(length).fill(1).map((v, i) => i);
|
|
12
|
+
return (react_1.default.createElement(react_native_1.View, { style: styles.container }, items.map(i => react_1.default.createElement(react_native_1.Animated.View, { key: i, style: {
|
|
13
|
+
opacity: activeIndex.interpolate({
|
|
14
|
+
inputRange: [i - 1, i, i + 1],
|
|
15
|
+
outputRange: [0.5, 1, 0.5],
|
|
16
|
+
extrapolate: 'clamp',
|
|
17
|
+
}),
|
|
18
|
+
transform: [
|
|
19
|
+
{
|
|
20
|
+
scaleY: activeIndex.interpolate({
|
|
21
|
+
inputRange: [i - 1, i, i + 1],
|
|
22
|
+
outputRange: [0.75, 1, 0.75],
|
|
23
|
+
extrapolate: 'clamp',
|
|
24
|
+
})
|
|
25
|
+
},
|
|
26
|
+
],
|
|
27
|
+
height: 15,
|
|
28
|
+
width: 4,
|
|
29
|
+
margin: 3,
|
|
30
|
+
} },
|
|
31
|
+
react_1.default.createElement(react_native_1.Pressable, { onPress: () => onChangeIndex(i), style: styles.paginationDot })))));
|
|
32
|
+
}
|
|
33
|
+
exports.default = LinePagination;
|
|
34
|
+
const styles = react_native_1.StyleSheet.create({
|
|
35
|
+
paginationDot: {
|
|
36
|
+
width: '100%',
|
|
37
|
+
height: '100%',
|
|
38
|
+
backgroundColor: '#fff',
|
|
39
|
+
borderRadius: react_native_1.Platform.select({ default: 1, android: 2 }),
|
|
40
|
+
borderWidth: 0.4,
|
|
41
|
+
borderColor: "#aaa",
|
|
42
|
+
},
|
|
43
|
+
container: {
|
|
44
|
+
flexDirection: 'row',
|
|
45
|
+
justifyContent: 'center'
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
//# sourceMappingURL=LinePagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinePagination.js","sourceRoot":"","sources":["../../../src/Swiper/LinePagination.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+CAA+E;AAE/E,SAAwB,cAAc,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE;IAC3E,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,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,IAC1B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,8BAAC,uBAAQ,CAAC,IAAI,IAC5B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE;YACL,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;gBAC/B,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC7B,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;gBAC1B,WAAW,EAAE,OAAO;aACrB,CAAC;YACF,SAAS,EAAE;gBACT;oBACE,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;wBAC9B,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;wBAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC;wBAC5B,WAAW,EAAE,OAAO;qBACrB,CAAC;iBACH;aACF;YACD,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,8BAAC,wBAAS,IAAC,OAAO,EAAE,GAAE,EAAE,CAAA,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,GAAc,CACrE,CAAC,CACZ,CACR,CAAC;AACJ,CAAC;AA/BD,iCA+BC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,YAAY,EAAE,uBAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;QACzD,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,MAAM;KACpB;IACD,SAAS,EAAC;QACR,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}
|
|
@@ -23,13 +23,12 @@ function NumberPagination({ length, activeIndex }) {
|
|
|
23
23
|
}
|
|
24
24
|
]
|
|
25
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))));
|
|
26
|
+
react_1.default.createElement(react_native_1.Text, { style: styles.indexText }, " / "),
|
|
27
|
+
react_1.default.createElement(react_native_1.Text, { style: styles.indexText }, length))));
|
|
29
28
|
}
|
|
30
29
|
const styles = react_native_1.StyleSheet.create({
|
|
31
30
|
textContainer: {
|
|
32
|
-
flexDirection: 'row',
|
|
31
|
+
flexDirection: react_native_1.I18nManager.isRTL ? 'row-reverse' : 'row',
|
|
33
32
|
overflow: 'hidden',
|
|
34
33
|
},
|
|
35
34
|
activeIndexContainer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberPagination.js","sourceRoot":"","sources":["../../../src/Swiper/NumberPagination.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+
|
|
1
|
+
{"version":3,"file":"NumberPagination.js","sourceRoot":"","sources":["../../../src/Swiper/NumberPagination.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,+CAAkG;AAElG,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;qBACF,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,UAAY;YACzC,8BAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,IAAG,MAAM,CAAQ,CACzC,CACF,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,aAAa,EAAE,0BAAW,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;QACxD,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":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkF,MAAM,OAAO,CAAC;AAOvG,QAAA,MAAM,MAAM,iGAyEV,CAAA;AAEF,eAAe,MAAM,CAAC"}
|
package/dist/src/Swiper/index.js
CHANGED
|
@@ -37,11 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
const lodash_1 = require("lodash");
|
|
41
40
|
const react_1 = __importStar(require("react"));
|
|
42
41
|
const react_native_1 = require("react-native");
|
|
43
42
|
const DashPagination_1 = __importDefault(require("./DashPagination"));
|
|
44
43
|
const DotPagination_1 = __importDefault(require("./DotPagination"));
|
|
44
|
+
const LinePagination_1 = __importDefault(require("./LinePagination"));
|
|
45
45
|
const NumberPagination_1 = __importDefault(require("./NumberPagination"));
|
|
46
46
|
const Swiper = (0, react_1.forwardRef)((_a, ref) => {
|
|
47
47
|
var { data, paginationType = "dash", paginationStyle, renderItem: _renderItem, itemWidth: _itemWidth } = _a, props = __rest(_a, ["data", "paginationType", "paginationStyle", "renderItem", "itemWidth"]);
|
|
@@ -52,14 +52,9 @@ const Swiper = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
52
52
|
const scrollPosition = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
|
|
53
53
|
const activeIndexAnimated = scrollPosition.interpolate({
|
|
54
54
|
inputRange: [0, itemWidth],
|
|
55
|
-
outputRange: [0, 1],
|
|
55
|
+
outputRange: react_native_1.I18nManager.isRTL ? [data.length - 1, data.length - 2] : [0, 1],
|
|
56
56
|
extrapolate: 'extend'
|
|
57
57
|
});
|
|
58
|
-
const [activeIndexValue, setActiveIndexValue] = (0, react_1.useState)(0);
|
|
59
|
-
(0, react_1.useEffect)(() => {
|
|
60
|
-
const listenerId = scrollPosition.addListener(({ value }) => setActiveIndexValue(Math.round(value / itemWidth)));
|
|
61
|
-
return () => scrollPosition.removeListener(listenerId);
|
|
62
|
-
}, [scrollPosition, setActiveIndexValue, itemWidth]);
|
|
63
58
|
const onLayoutUpdate = (0, react_1.useCallback)((event) => {
|
|
64
59
|
setContainerWidth(event.nativeEvent.layout.width);
|
|
65
60
|
}, [setContainerWidth]);
|
|
@@ -71,20 +66,15 @@ const Swiper = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
71
66
|
},
|
|
72
67
|
}
|
|
73
68
|
}
|
|
74
|
-
]), [scrollPosition]);
|
|
69
|
+
], { useNativeDriver: true }), [scrollPosition]);
|
|
75
70
|
const renderItem = (0, react_1.useCallback)(({ item, index }) => {
|
|
76
|
-
const visibleItemsCount = Math.round(containerWidth / itemWidth);
|
|
77
|
-
const key = String(item.key || item.id || index);
|
|
78
|
-
// if this item is out of next visible screen, render blank view
|
|
79
|
-
if (index < activeIndexValue - visibleItemsCount || index > activeIndexValue + visibleItemsCount)
|
|
80
|
-
return react_1.default.createElement(react_native_1.View, { key: key, style: { width: itemWidth } });
|
|
81
71
|
if (_renderItem)
|
|
82
|
-
return react_1.default.createElement(react_native_1.View, {
|
|
83
|
-
return react_1.default.createElement(react_native_1.Text, {
|
|
84
|
-
}, [_renderItem, itemWidth,
|
|
72
|
+
return react_1.default.createElement(react_native_1.View, { style: { width: itemWidth } }, _renderItem({ item, index }));
|
|
73
|
+
return react_1.default.createElement(react_native_1.Text, { style: { width: itemWidth, height: 200, fontSize: 26, alignItems: 'center', color: '#000', backgroundColor: 'red', justifyContent: 'center' } }, JSON.stringify(item));
|
|
74
|
+
}, [_renderItem, itemWidth, containerWidth]);
|
|
85
75
|
const scrollTo = (0, react_1.useCallback)(({ index, animated }) => {
|
|
86
76
|
var _a;
|
|
87
|
-
(_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.
|
|
77
|
+
(_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex({ animated, index });
|
|
88
78
|
}, [scrollViewRef, itemWidth]);
|
|
89
79
|
const scrollToIndex = (0, react_1.useCallback)((index) => {
|
|
90
80
|
scrollTo({ index, animated: true });
|
|
@@ -94,13 +84,13 @@ const Swiper = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
94
84
|
switch (paginationType) {
|
|
95
85
|
case 'dash': return DashPagination_1.default;
|
|
96
86
|
case 'number': return NumberPagination_1.default;
|
|
87
|
+
case 'line': return LinePagination_1.default;
|
|
97
88
|
case 'dot':
|
|
98
89
|
default: return DotPagination_1.default;
|
|
99
90
|
}
|
|
100
91
|
}, [paginationType]);
|
|
101
|
-
const renderedData = (0, react_1.useMemo)(() => (0, lodash_1.map)(data, (item, index) => renderItem({ item, index })), [data, renderItem]);
|
|
102
92
|
return (react_1.default.createElement(react_native_1.View, { onLayout: onLayoutUpdate },
|
|
103
|
-
react_1.default.createElement(react_native_1.Animated.
|
|
93
|
+
react_1.default.createElement(react_native_1.Animated.FlatList, Object.assign({}, props, { ref: scrollViewRef, data: data, renderItem: renderItem, getItemLayout: (data, index) => ({ length: itemWidth, offset: itemWidth * index, index }), pagingEnabled: true, horizontal: true, showsHorizontalScrollIndicator: false, showsVerticalScrollIndicator: false, onScroll: onScroll, bounces: false })),
|
|
104
94
|
react_1.default.createElement(react_native_1.View, { style: [{ position: 'absolute', bottom: 3, left: 0, right: 0, zIndex: 5 }, paginationStyle] },
|
|
105
95
|
react_1.default.createElement(PaginationComponent, { onChangeIndex: scrollToIndex, length: data.length, activeIndex: activeIndexAnimated }))));
|
|
106
96
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Swiper/index.tsx"],"names":[],"mappings":"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"}
|