@draftbit/core 50.5.0 → 50.5.2-7c9538.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/ActionSheet/ActionSheetItem.js +1 -1
- package/lib/commonjs/components/DeckSwiper/index.js +1 -1
- package/lib/commonjs/components/Swiper/Swiper.js +1 -1
- package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts +1 -0
- package/lib/typescript/src/components/ActionSheet/ActionSheetItem.js +2 -2
- package/lib/typescript/src/components/ActionSheet/ActionSheetItem.js.map +1 -1
- package/lib/typescript/src/components/DeckSwiper/index.d.ts +1 -1
- package/lib/typescript/src/components/DeckSwiper/index.js.map +1 -1
- package/lib/typescript/src/components/Swiper/Swiper.d.ts +6 -1
- package/lib/typescript/src/components/Swiper/Swiper.js +17 -3
- package/lib/typescript/src/components/Swiper/Swiper.js.map +1 -1
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/index.js.map +1 -1
- package/lib/typescript/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/ActionSheet/ActionSheetItem.js +2 -2
- package/src/components/ActionSheet/ActionSheetItem.js.map +1 -1
- package/src/components/ActionSheet/ActionSheetItem.tsx +3 -1
- package/src/components/DeckSwiper/index.js.map +1 -1
- package/src/components/DeckSwiper/index.tsx +1 -1
- package/src/components/Swiper/Swiper.js +17 -3
- package/src/components/Swiper/Swiper.js.map +1 -1
- package/src/components/Swiper/Swiper.tsx +134 -111
- package/src/index.js.map +1 -1
- package/src/index.tsx +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "50.5.
|
|
3
|
+
"version": "50.5.2-7c9538.2+7c9538d",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"types": "lib/typescript/src/index.d.ts",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@dotlottie/react-player": "1.6.1",
|
|
44
44
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
45
|
-
"@draftbit/theme": "50.5.
|
|
45
|
+
"@draftbit/theme": "^50.5.2-7c9538.2+7c9538d",
|
|
46
46
|
"@expo/vector-icons": "^14.0.0",
|
|
47
47
|
"@gorhom/bottom-sheet": "5.0.0-alpha.7",
|
|
48
48
|
"@lottiefiles/react-lottie-player": "3.5.3",
|
|
@@ -122,5 +122,5 @@
|
|
|
122
122
|
],
|
|
123
123
|
"testEnvironment": "node"
|
|
124
124
|
},
|
|
125
|
-
"gitHead": "
|
|
125
|
+
"gitHead": "7c9538d83869c9613f6427b40323b538f0d7a52b"
|
|
126
126
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Text, StyleSheet, TouchableOpacity, } from "react-native";
|
|
3
3
|
import { extractStyles } from "../../utilities";
|
|
4
|
-
const ActionSheetItem = ({ label, style, color, onPress, }) => {
|
|
4
|
+
const ActionSheetItem = ({ label, style, color, onPress, activeOpacity = 0.7, }) => {
|
|
5
5
|
const { textStyles, viewStyles } = extractStyles(style);
|
|
6
|
-
return (React.createElement(TouchableOpacity, { activeOpacity:
|
|
6
|
+
return (React.createElement(TouchableOpacity, { activeOpacity: activeOpacity, style: [styles.wrapper, viewStyles], onPress: onPress },
|
|
7
7
|
React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
|
|
8
8
|
};
|
|
9
9
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,EAEV,gBAAgB,GAGjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,UAAU,EAEV,gBAAgB,GAGjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,MAAM,eAAe,GAA6C,CAAC,EACjE,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,aAAa,GAAG,GAAG,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,gBAAgB,IACf,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,EACnC,OAAO,EAAE,OAAO;QAEhB,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,IAAG,KAAK,CAAQ,CACjD,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,iBAAiB,EAAE,UAAU,CAAC,aAAa;QAC3C,iBAAiB,EAAE,SAAS;QAC5B,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,QAAQ;QAClB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}
|
|
@@ -14,6 +14,7 @@ type Props = {
|
|
|
14
14
|
color: string;
|
|
15
15
|
style?: StyleProp<ViewStyle | TextStyle>;
|
|
16
16
|
onPress?: () => void;
|
|
17
|
+
activeOpacity?: number;
|
|
17
18
|
};
|
|
18
19
|
|
|
19
20
|
const ActionSheetItem: React.FC<React.PropsWithChildren<Props>> = ({
|
|
@@ -21,11 +22,12 @@ const ActionSheetItem: React.FC<React.PropsWithChildren<Props>> = ({
|
|
|
21
22
|
style,
|
|
22
23
|
color,
|
|
23
24
|
onPress,
|
|
25
|
+
activeOpacity = 0.7,
|
|
24
26
|
}) => {
|
|
25
27
|
const { textStyles, viewStyles } = extractStyles(style);
|
|
26
28
|
return (
|
|
27
29
|
<TouchableOpacity
|
|
28
|
-
activeOpacity={
|
|
30
|
+
activeOpacity={activeOpacity}
|
|
29
31
|
style={[styles.wrapper, viewStyles]}
|
|
30
32
|
onPress={onPress}
|
|
31
33
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as DeckSwiper
|
|
1
|
+
export { default as DeckSwiper } from "./DeckSwiper";
|
|
2
2
|
export { default as DeckSwiperCard } from "./DeckSwiperCard";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { withTheme } from "@draftbit/theme";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { forwardRef, useImperativeHandle } from "react";
|
|
3
3
|
import { View } from "react-native";
|
|
4
4
|
import SwiperComponent from "react-native-web-swiper";
|
|
5
|
-
const Swiper = ({ theme, vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor = theme.colors.foreground.brand, dotActiveColor = theme.colors.branding.primary, data, keyExtractor, renderItem, children: childrenProp, onIndexChanged: onIndexChangedProp, onSwipe, onSwipedNext, onSwipedPrevious, minDistanceForAction, minDistanceToCapture, style, }) => {
|
|
5
|
+
const Swiper = forwardRef(({ theme, vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor = theme === null || theme === void 0 ? void 0 : theme.colors.foreground.brand, dotActiveColor = theme === null || theme === void 0 ? void 0 : theme.colors.branding.primary, data, keyExtractor, renderItem, children: childrenProp, onIndexChanged: onIndexChangedProp, onSwipe, onSwipedNext, onSwipedPrevious, minDistanceForAction, minDistanceToCapture, style, }, ref) => {
|
|
6
6
|
var _a;
|
|
7
7
|
const [currentIndex, setCurrentIndex] = React.useState(0);
|
|
8
8
|
const numberOfItems = (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : React.Children.count(childrenProp);
|
|
@@ -56,6 +56,20 @@ const Swiper = ({ theme, vertical = false, loop = false, timeout = 0, from = 0,
|
|
|
56
56
|
swiperRef.current.forceUpdate();
|
|
57
57
|
}
|
|
58
58
|
}, [children]);
|
|
59
|
+
useImperativeHandle(ref, () => ({
|
|
60
|
+
swipeTo: (index) => {
|
|
61
|
+
var _a;
|
|
62
|
+
(_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.goTo(index);
|
|
63
|
+
},
|
|
64
|
+
swipeNext: () => {
|
|
65
|
+
var _a;
|
|
66
|
+
(_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.goToNext();
|
|
67
|
+
},
|
|
68
|
+
swipePrev: () => {
|
|
69
|
+
var _a;
|
|
70
|
+
(_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.goToPrev();
|
|
71
|
+
},
|
|
72
|
+
}));
|
|
59
73
|
return (React.createElement(View, { style: style },
|
|
60
74
|
React.createElement(SwiperComponent, { ref: swiperRef, from: from, loop: loop, timeout: timeout, vertical: vertical, onIndexChanged: onIndexChanged, minDistanceForAction: minDistanceForAction, minDistanceToCapture: minDistanceToCapture, controlsProps: {
|
|
61
75
|
prevTitle,
|
|
@@ -70,6 +84,6 @@ const Swiper = ({ theme, vertical = false, loop = false, timeout = 0, from = 0,
|
|
|
70
84
|
? { dotActiveStyle: { backgroundColor: dotActiveColor } }
|
|
71
85
|
: {}),
|
|
72
86
|
} }, children)));
|
|
73
|
-
};
|
|
87
|
+
});
|
|
74
88
|
export default withTheme(Swiper);
|
|
75
89
|
//# sourceMappingURL=Swiper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swiper.js","sourceRoot":"","sources":["Swiper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Swiper.js","sourceRoot":"","sources":["Swiper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { ReadTheme, withTheme } from "@draftbit/theme";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { forwardRef, useImperativeHandle } from "react";
|
|
3
3
|
import { View, StyleProp, ViewStyle } from "react-native";
|
|
4
4
|
import SwiperComponent from "react-native-web-swiper";
|
|
5
5
|
|
|
6
|
+
export interface SwiperRef {
|
|
7
|
+
swipeTo: (index: number) => void;
|
|
8
|
+
swipeNext: () => void;
|
|
9
|
+
swipePrev: () => void;
|
|
10
|
+
}
|
|
11
|
+
|
|
6
12
|
export interface SwiperProps<T> {
|
|
7
13
|
onSwipe?: (index: number) => void;
|
|
8
14
|
onSwipedNext?: (index: number) => void;
|
|
@@ -29,123 +35,140 @@ export interface SwiperProps<T> {
|
|
|
29
35
|
theme: ReadTheme;
|
|
30
36
|
}
|
|
31
37
|
|
|
32
|
-
const Swiper = (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
const
|
|
63
|
-
const
|
|
38
|
+
const Swiper = forwardRef<SwiperRef, SwiperProps<any>>(
|
|
39
|
+
(
|
|
40
|
+
{
|
|
41
|
+
theme,
|
|
42
|
+
vertical = false,
|
|
43
|
+
loop = false,
|
|
44
|
+
timeout = 0,
|
|
45
|
+
from = 0,
|
|
46
|
+
prevTitle = "",
|
|
47
|
+
nextTitle = "",
|
|
48
|
+
prevTitleColor,
|
|
49
|
+
nextTitleColor,
|
|
50
|
+
dotsTouchable = true,
|
|
51
|
+
dotColor = theme?.colors.foreground.brand,
|
|
52
|
+
dotActiveColor = theme?.colors.branding.primary,
|
|
53
|
+
data,
|
|
54
|
+
keyExtractor,
|
|
55
|
+
renderItem,
|
|
56
|
+
children: childrenProp,
|
|
57
|
+
onIndexChanged: onIndexChangedProp,
|
|
58
|
+
onSwipe,
|
|
59
|
+
onSwipedNext,
|
|
60
|
+
onSwipedPrevious,
|
|
61
|
+
minDistanceForAction,
|
|
62
|
+
minDistanceToCapture,
|
|
63
|
+
style,
|
|
64
|
+
}: SwiperProps<any>,
|
|
65
|
+
ref
|
|
66
|
+
) => {
|
|
67
|
+
const [currentIndex, setCurrentIndex] = React.useState(0);
|
|
68
|
+
const numberOfItems = data?.length ?? React.Children.count(childrenProp);
|
|
69
|
+
const swiperRef = React.useRef<any>(null);
|
|
64
70
|
|
|
65
|
-
|
|
66
|
-
|
|
71
|
+
const onIndexChanged = (index: number) => {
|
|
72
|
+
const previous = currentIndex;
|
|
73
|
+
const current = index;
|
|
67
74
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
onSwipedNext?.(previous);
|
|
71
|
-
} else if (previous === 0 && current === numberOfItems - 1) {
|
|
72
|
-
//First -> last swipe
|
|
73
|
-
onSwipedPrevious?.(previous);
|
|
74
|
-
} else if (current > previous) {
|
|
75
|
-
onSwipedNext?.(previous);
|
|
76
|
-
} else if (current < previous) {
|
|
77
|
-
onSwipedPrevious?.(previous);
|
|
78
|
-
}
|
|
79
|
-
onSwipe?.(previous);
|
|
80
|
-
};
|
|
75
|
+
onIndexChangedProp?.(index);
|
|
76
|
+
setCurrentIndex(index);
|
|
81
77
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
78
|
+
if (previous === numberOfItems - 1 && current === 0) {
|
|
79
|
+
//Last -> first swipe
|
|
80
|
+
onSwipedNext?.(previous);
|
|
81
|
+
} else if (previous === 0 && current === numberOfItems - 1) {
|
|
82
|
+
//First -> last swipe
|
|
83
|
+
onSwipedPrevious?.(previous);
|
|
84
|
+
} else if (current > previous) {
|
|
85
|
+
onSwipedNext?.(previous);
|
|
86
|
+
} else if (current < previous) {
|
|
87
|
+
onSwipedPrevious?.(previous);
|
|
88
|
+
}
|
|
89
|
+
onSwipe?.(previous);
|
|
90
|
+
};
|
|
87
91
|
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
92
|
+
const children: React.ReactNode = React.useMemo(
|
|
93
|
+
() =>
|
|
94
|
+
Array.isArray(data) && renderItem
|
|
95
|
+
? data.map((item, index) => {
|
|
96
|
+
const component = renderItem({ item, index });
|
|
91
97
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
});
|
|
96
|
-
})
|
|
97
|
-
: childrenProp,
|
|
98
|
-
[childrenProp, data, renderItem, keyExtractor]
|
|
99
|
-
);
|
|
98
|
+
if (!component) {
|
|
99
|
+
return null;
|
|
100
|
+
}
|
|
100
101
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
React.useEffect(() => {
|
|
109
|
-
const childrenArray = React.Children.toArray(
|
|
110
|
-
swiperRef.current?.props?.children
|
|
102
|
+
const key = keyExtractor ? keyExtractor(item, index) : index;
|
|
103
|
+
return React.cloneElement(component, {
|
|
104
|
+
key,
|
|
105
|
+
});
|
|
106
|
+
})
|
|
107
|
+
: childrenProp,
|
|
108
|
+
[childrenProp, data, renderItem, keyExtractor]
|
|
111
109
|
);
|
|
112
|
-
if (swiperRef.current) {
|
|
113
|
-
swiperRef.current.children = childrenArray;
|
|
114
|
-
swiperRef.current.count = childrenArray.length;
|
|
115
|
-
swiperRef.current.forceUpdate();
|
|
116
|
-
}
|
|
117
|
-
}, [children]);
|
|
118
110
|
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
111
|
+
/*
|
|
112
|
+
react-native-web-swiper assigns it's 'children' attribute as follows: `children = (() => React.Children.toArray(this.props.children))();`
|
|
113
|
+
This is probelematic when state is involved due to anoynmous function effectivley creating new components everytime, losing any state
|
|
114
|
+
|
|
115
|
+
This is a monkey patch that updates the 'children' attribute to just use the children from the props
|
|
116
|
+
Can be removed when/if https://github.com/reactrondev/react-native-web-swiper/pull/102 is merged
|
|
117
|
+
*/
|
|
118
|
+
React.useEffect(() => {
|
|
119
|
+
const childrenArray = React.Children.toArray(
|
|
120
|
+
swiperRef.current?.props?.children
|
|
121
|
+
);
|
|
122
|
+
if (swiperRef.current) {
|
|
123
|
+
swiperRef.current.children = childrenArray;
|
|
124
|
+
swiperRef.current.count = childrenArray.length;
|
|
125
|
+
swiperRef.current.forceUpdate();
|
|
126
|
+
}
|
|
127
|
+
}, [children]);
|
|
128
|
+
|
|
129
|
+
useImperativeHandle(ref, () => ({
|
|
130
|
+
swipeTo: (index: number) => {
|
|
131
|
+
swiperRef.current?.goTo(index);
|
|
132
|
+
},
|
|
133
|
+
swipeNext: () => {
|
|
134
|
+
swiperRef.current?.goToNext();
|
|
135
|
+
},
|
|
136
|
+
swipePrev: () => {
|
|
137
|
+
swiperRef.current?.goToPrev();
|
|
138
|
+
},
|
|
139
|
+
}));
|
|
140
|
+
|
|
141
|
+
return (
|
|
142
|
+
<View style={style}>
|
|
143
|
+
{/* @ts-ignore */}
|
|
144
|
+
<SwiperComponent
|
|
145
|
+
ref={swiperRef}
|
|
146
|
+
from={from}
|
|
147
|
+
loop={loop}
|
|
148
|
+
timeout={timeout}
|
|
149
|
+
vertical={vertical}
|
|
150
|
+
onIndexChanged={onIndexChanged}
|
|
151
|
+
minDistanceForAction={minDistanceForAction}
|
|
152
|
+
minDistanceToCapture={minDistanceToCapture}
|
|
153
|
+
controlsProps={{
|
|
154
|
+
prevTitle,
|
|
155
|
+
nextTitle,
|
|
156
|
+
prevTitleStyle: { color: prevTitleColor },
|
|
157
|
+
nextTitleStyle: { color: nextTitleColor },
|
|
158
|
+
dotsTouchable,
|
|
159
|
+
...(dotColor
|
|
160
|
+
? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
|
|
161
|
+
: {}),
|
|
162
|
+
...(dotActiveColor
|
|
163
|
+
? { dotActiveStyle: { backgroundColor: dotActiveColor } }
|
|
164
|
+
: {}),
|
|
165
|
+
}}
|
|
166
|
+
>
|
|
167
|
+
{children}
|
|
168
|
+
</SwiperComponent>
|
|
169
|
+
</View>
|
|
170
|
+
);
|
|
171
|
+
}
|
|
172
|
+
);
|
|
150
173
|
|
|
151
174
|
export default withTheme(Swiper);
|
package/src/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,cAAc,GACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"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"}
|
package/src/index.tsx
CHANGED
|
@@ -34,7 +34,6 @@ export {
|
|
|
34
34
|
} from "./components/RadioButton/index";
|
|
35
35
|
export { default as Shadow } from "./components/Shadow";
|
|
36
36
|
export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
|
|
37
|
-
export type { DeckSwiperRef } from "./components/DeckSwiper";
|
|
38
37
|
export { TabView, TabViewItem } from "./components/TabView";
|
|
39
38
|
export { default as Markdown } from "./components/Markdown";
|
|
40
39
|
export { BottomSheet } from "./components/BottomSheet";
|