@evlop/native-components 1.0.111 → 1.0.113
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.d.ts.map +1 -1
- package/dist/src/RenderPage/RenderPageHeader.js +3 -2
- package/dist/src/RenderPage/RenderPageHeader.js.map +1 -1
- package/dist/src/RenderPage/index.d.ts.map +1 -1
- package/dist/src/RenderPage/index.js +8 -7
- package/dist/src/RenderPage/index.js.map +1 -1
- 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":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB;;
|
|
1
|
+
{"version":3,"file":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB;;iBAuCrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -42,12 +42,13 @@ const RenderPageHeader = ({ page }) => {
|
|
|
42
42
|
const headerComponentId = (0, lodash_1.get)(page, ['header', 'type']);
|
|
43
43
|
const menuItems = (0, lodash_1.get)(page, ['header', 'data', 'menuItems']);
|
|
44
44
|
const isDefaultHeader = !headerComponentId || headerComponentId === 'default';
|
|
45
|
+
const titleTemplated = (0, react_1.useMemo)(() => template(title), [title, template]);
|
|
45
46
|
(0, react_1.useEffect)(() => {
|
|
46
47
|
if (isDefaultHeader) {
|
|
47
48
|
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
49
|
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
50
|
const navigationOptions = {
|
|
50
|
-
title:
|
|
51
|
+
title: titleTemplated,
|
|
51
52
|
headerShown: isDefaultHeader,
|
|
52
53
|
};
|
|
53
54
|
if (!(0, lodash_1.isEmpty)(menuItems))
|
|
@@ -58,7 +59,7 @@ const RenderPageHeader = ({ page }) => {
|
|
|
58
59
|
navigation.setOptions({ headerShown: false });
|
|
59
60
|
}
|
|
60
61
|
;
|
|
61
|
-
}, [
|
|
62
|
+
}, [titleTemplated, navigation, isDefaultHeader, menuItems]);
|
|
62
63
|
if (isDefaultHeader)
|
|
63
64
|
return null;
|
|
64
65
|
return react_1.default.createElement(RenderComponent_1.default, { componentId: headerComponentId, data: (0, lodash_1.get)(page, ['header', 'data']) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,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;IAE9E,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,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,cAAc;gBACrB,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,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7D,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAUrC,eAAO,MAAM,UAAU;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAUrC,eAAO,MAAM,UAAU;;iBAuEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;mDAAyD,CAAC;AAE3F,eAAe,UAAU,CAAC"}
|
|
@@ -34,19 +34,20 @@ const react_native_1 = require("react-native");
|
|
|
34
34
|
const react_redux_1 = require("react-redux");
|
|
35
35
|
const recompose_1 = require("recompose");
|
|
36
36
|
const RenderBlocks_1 = __importDefault(require("../RenderBlocks"));
|
|
37
|
+
const contexts_1 = require("../contexts");
|
|
37
38
|
const DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
|
|
38
39
|
const RenderPageFooter_1 = __importDefault(require("./RenderPageFooter"));
|
|
39
40
|
const RenderPageHeader_1 = __importDefault(require("./RenderPageHeader"));
|
|
40
|
-
const contexts_1 = require("../contexts");
|
|
41
41
|
const RenderPage = ({ id }) => {
|
|
42
|
-
const context = (0, react_redux_1.useSelector)(s => s.context);
|
|
43
42
|
const pages = (0, react_redux_1.useSelector)(s => s.pages.records.data);
|
|
44
|
-
const user = (0, commons_1.useUser)();
|
|
45
43
|
const params = (0, commons_1.useParams)();
|
|
46
|
-
const
|
|
47
|
-
const page = pages.find(p => p.id === id);
|
|
44
|
+
const page = (0, react_1.useMemo)(() => (0, lodash_1.find)(pages, { id }), [pages, id]);
|
|
48
45
|
const animatedPageScrollPosition = (0, react_1.useMemo)(() => new react_native_1.Animated.Value(0), []);
|
|
49
|
-
const
|
|
46
|
+
const pageScopes = (0, react_1.useMemo)(() => ({
|
|
47
|
+
page,
|
|
48
|
+
params: params,
|
|
49
|
+
animatedPageScrollPosition,
|
|
50
|
+
}), [page, params]);
|
|
50
51
|
const pageContainerContext = (0, contexts_1.useCreatePageContainerContext)();
|
|
51
52
|
const pageTypes = (0, react_redux_1.useSelector)(s => s.routes.pageTypes);
|
|
52
53
|
const pageTypeComponents = (0, react_1.useMemo)(() => {
|
|
@@ -69,7 +70,7 @@ const RenderPage = ({ id }) => {
|
|
|
69
70
|
}, [pageContent, layout]);
|
|
70
71
|
return (react_1.default.createElement(contexts_1.PageContainerContext.Provider, { value: pageContainerContext },
|
|
71
72
|
react_1.default.createElement(commons_1.PageProvider, { value: page },
|
|
72
|
-
react_1.default.createElement(commons_1.ScopesProvider, { values:
|
|
73
|
+
react_1.default.createElement(commons_1.ScopesProvider, { values: pageScopes }, pageContent))));
|
|
73
74
|
};
|
|
74
75
|
exports.RenderPage = RenderPage;
|
|
75
76
|
exports.getPageComponentById = (0, lodash_1.memoize)(pageId => (0, recompose_1.withProps)({ id: pageId })(exports.RenderPage));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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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"}
|