@htyf-mp/taro-components-rn 0.0.1
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/README.md +2 -0
- package/dist/assets/icons/back.png +0 -0
- package/dist/assets/icons/cancel.png +0 -0
- package/dist/assets/icons/circle.png +0 -0
- package/dist/assets/icons/clear.png +0 -0
- package/dist/assets/icons/delete.png +0 -0
- package/dist/assets/icons/download.png +0 -0
- package/dist/assets/icons/info.png +0 -0
- package/dist/assets/icons/info_circle.png +0 -0
- package/dist/assets/icons/safe_success.png +0 -0
- package/dist/assets/icons/safe_warn.png +0 -0
- package/dist/assets/icons/search.png +0 -0
- package/dist/assets/icons/success.png +0 -0
- package/dist/assets/icons/success_circle.png +0 -0
- package/dist/assets/icons/success_no_circle.png +0 -0
- package/dist/assets/icons/waiting.png +0 -0
- package/dist/assets/icons/waiting_circle.png +0 -0
- package/dist/assets/icons/warn.png +0 -0
- package/dist/assets/loading-warn.png +0 -0
- package/dist/assets/loading.png +0 -0
- package/dist/assets/thumb.png +0 -0
- package/dist/assets/video/full.png +0 -0
- package/dist/assets/video/mute.png +0 -0
- package/dist/assets/video/pause.png +0 -0
- package/dist/assets/video/play.png +0 -0
- package/dist/assets/video/shrink.png +0 -0
- package/dist/assets/video/unmute.png +0 -0
- package/dist/assets/video/volume.png +0 -0
- package/dist/assets/weui.js +92 -0
- package/dist/assets/weui.js.map +1 -0
- package/dist/components/Block/index.js +8 -0
- package/dist/components/Block/index.js.map +1 -0
- package/dist/components/Button/PropsType.js +2 -0
- package/dist/components/Button/PropsType.js.map +1 -0
- package/dist/components/Button/index.js +159 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Button/styles.js +30 -0
- package/dist/components/Button/styles.js.map +1 -0
- package/dist/components/Camera/PropsType.js +2 -0
- package/dist/components/Camera/PropsType.js.map +1 -0
- package/dist/components/Camera/index.js +69 -0
- package/dist/components/Camera/index.js.map +1 -0
- package/dist/components/Camera/styles.js +8 -0
- package/dist/components/Camera/styles.js.map +1 -0
- package/dist/components/Checkbox/PropsType.js +2 -0
- package/dist/components/Checkbox/PropsType.js.map +1 -0
- package/dist/components/Checkbox/index.js +60 -0
- package/dist/components/Checkbox/index.js.map +1 -0
- package/dist/components/Checkbox/styles.js +28 -0
- package/dist/components/Checkbox/styles.js.map +1 -0
- package/dist/components/CheckboxGroup/PropsType.js +2 -0
- package/dist/components/CheckboxGroup/PropsType.js.map +1 -0
- package/dist/components/CheckboxGroup/index.js +64 -0
- package/dist/components/CheckboxGroup/index.js.map +1 -0
- package/dist/components/ClickableSimplified/PropsType.js +2 -0
- package/dist/components/ClickableSimplified/PropsType.js.map +1 -0
- package/dist/components/ClickableSimplified/index.js +187 -0
- package/dist/components/ClickableSimplified/index.js.map +1 -0
- package/dist/components/CoverImage/index.js +2 -0
- package/dist/components/CoverImage/index.js.map +1 -0
- package/dist/components/CoverView/index.js +2 -0
- package/dist/components/CoverView/index.js.map +1 -0
- package/dist/components/CustomWrapper/index.js +2 -0
- package/dist/components/CustomWrapper/index.js.map +1 -0
- package/dist/components/Form/PropsType.js +2 -0
- package/dist/components/Form/PropsType.js.map +1 -0
- package/dist/components/Form/index.js +104 -0
- package/dist/components/Form/index.js.map +1 -0
- package/dist/components/Icon/PropsType.js +2 -0
- package/dist/components/Icon/PropsType.js.map +1 -0
- package/dist/components/Icon/index.js +38 -0
- package/dist/components/Icon/index.js.map +1 -0
- package/dist/components/Image/PropsType.js +2 -0
- package/dist/components/Image/PropsType.js.map +1 -0
- package/dist/components/Image/index.js +162 -0
- package/dist/components/Image/index.js.map +1 -0
- package/dist/components/Input/PropsType.js +2 -0
- package/dist/components/Input/PropsType.js.map +1 -0
- package/dist/components/Input/index.js +215 -0
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/Label/PropsType.js +2 -0
- package/dist/components/Label/PropsType.js.map +1 -0
- package/dist/components/Label/index.js +45 -0
- package/dist/components/Label/index.js.map +1 -0
- package/dist/components/Map/index.js +146 -0
- package/dist/components/Map/index.js.map +1 -0
- package/dist/components/MovableArea/PropsType.js +2 -0
- package/dist/components/MovableArea/PropsType.js.map +1 -0
- package/dist/components/MovableArea/index.js +26 -0
- package/dist/components/MovableArea/index.js.map +1 -0
- package/dist/components/MovableView/PropsType.js +2 -0
- package/dist/components/MovableView/PropsType.js.map +1 -0
- package/dist/components/MovableView/index.js +107 -0
- package/dist/components/MovableView/index.js.map +1 -0
- package/dist/components/Navigator/index.js +39 -0
- package/dist/components/Navigator/index.js.map +1 -0
- package/dist/components/PageContainer/PropsType.js +2 -0
- package/dist/components/PageContainer/PropsType.js.map +1 -0
- package/dist/components/PageContainer/container.js +104 -0
- package/dist/components/PageContainer/container.js.map +1 -0
- package/dist/components/PageContainer/index.js +34 -0
- package/dist/components/PageContainer/index.js.map +1 -0
- package/dist/components/Picker/PropsType.js +2 -0
- package/dist/components/Picker/PropsType.js.map +1 -0
- package/dist/components/Picker/date.js +96 -0
- package/dist/components/Picker/date.js.map +1 -0
- package/dist/components/Picker/index.js +64 -0
- package/dist/components/Picker/index.js.map +1 -0
- package/dist/components/Picker/multiSelector.js +136 -0
- package/dist/components/Picker/multiSelector.js.map +1 -0
- package/dist/components/Picker/region.js +116 -0
- package/dist/components/Picker/region.js.map +1 -0
- package/dist/components/Picker/regionData.js +6100 -0
- package/dist/components/Picker/regionData.js.map +1 -0
- package/dist/components/Picker/selector.js +103 -0
- package/dist/components/Picker/selector.js.map +1 -0
- package/dist/components/Picker/time.js +81 -0
- package/dist/components/Picker/time.js.map +1 -0
- package/dist/components/PickerView/PropsType.js +2 -0
- package/dist/components/PickerView/PropsType.js.map +1 -0
- package/dist/components/PickerView/index.js +55 -0
- package/dist/components/PickerView/index.js.map +1 -0
- package/dist/components/PickerViewColumn/index.js +12 -0
- package/dist/components/PickerViewColumn/index.js.map +1 -0
- package/dist/components/Progress/PropsType.js +2 -0
- package/dist/components/Progress/PropsType.js.map +1 -0
- package/dist/components/Progress/index.js +119 -0
- package/dist/components/Progress/index.js.map +1 -0
- package/dist/components/Progress/styles.js +15 -0
- package/dist/components/Progress/styles.js.map +1 -0
- package/dist/components/Provider/index.js +3 -0
- package/dist/components/Provider/index.js.map +1 -0
- package/dist/components/Radio/PropsType.js +2 -0
- package/dist/components/Radio/PropsType.js.map +1 -0
- package/dist/components/Radio/index.js +59 -0
- package/dist/components/Radio/index.js.map +1 -0
- package/dist/components/Radio/styles.js +28 -0
- package/dist/components/Radio/styles.js.map +1 -0
- package/dist/components/RadioGroup/PropsType.js +2 -0
- package/dist/components/RadioGroup/PropsType.js.map +1 -0
- package/dist/components/RadioGroup/index.js +57 -0
- package/dist/components/RadioGroup/index.js.map +1 -0
- package/dist/components/RichText/PropsType.js +2 -0
- package/dist/components/RichText/PropsType.js.map +1 -0
- package/dist/components/RichText/index.js +65 -0
- package/dist/components/RichText/index.js.map +1 -0
- package/dist/components/ScrollView/PropsType.js +2 -0
- package/dist/components/ScrollView/PropsType.js.map +1 -0
- package/dist/components/ScrollView/index.js +238 -0
- package/dist/components/ScrollView/index.js.map +1 -0
- package/dist/components/Slider/PropsType.js +2 -0
- package/dist/components/Slider/PropsType.js.map +1 -0
- package/dist/components/Slider/index.js +84 -0
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/Slider/styles.js +14 -0
- package/dist/components/Slider/styles.js.map +1 -0
- package/dist/components/Swiper/PropsType.js +2 -0
- package/dist/components/Swiper/PropsType.js.map +1 -0
- package/dist/components/Swiper/carousel.js +226 -0
- package/dist/components/Swiper/carousel.js.map +1 -0
- package/dist/components/Swiper/index.js +74 -0
- package/dist/components/Swiper/index.js.map +1 -0
- package/dist/components/Swiper/pagination.js +50 -0
- package/dist/components/Swiper/pagination.js.map +1 -0
- package/dist/components/SwiperItem/PropsType.js +2 -0
- package/dist/components/SwiperItem/PropsType.js.map +1 -0
- package/dist/components/SwiperItem/index.js +14 -0
- package/dist/components/SwiperItem/index.js.map +1 -0
- package/dist/components/SwiperItem/styles.js +9 -0
- package/dist/components/SwiperItem/styles.js.map +1 -0
- package/dist/components/Switch/PropsType.js +2 -0
- package/dist/components/Switch/PropsType.js.map +1 -0
- package/dist/components/Switch/index.js +93 -0
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Text/PropsType.js +2 -0
- package/dist/components/Text/PropsType.js.map +1 -0
- package/dist/components/Text/index.js +25 -0
- package/dist/components/Text/index.js.map +1 -0
- package/dist/components/Textarea/PropsType.js +2 -0
- package/dist/components/Textarea/PropsType.js.map +1 -0
- package/dist/components/Textarea/index.js +31 -0
- package/dist/components/Textarea/index.js.map +1 -0
- package/dist/components/Video/PropsType.js +2 -0
- package/dist/components/Video/PropsType.js.map +1 -0
- package/dist/components/Video/controls.js +166 -0
- package/dist/components/Video/controls.js.map +1 -0
- package/dist/components/Video/danmu.js +101 -0
- package/dist/components/Video/danmu.js.map +1 -0
- package/dist/components/Video/index.js +380 -0
- package/dist/components/Video/index.js.map +1 -0
- package/dist/components/Video/style.js +235 -0
- package/dist/components/Video/style.js.map +1 -0
- package/dist/components/Video/utils.js +14 -0
- package/dist/components/Video/utils.js.map +1 -0
- package/dist/components/View/PropsType.js +2 -0
- package/dist/components/View/PropsType.js.map +1 -0
- package/dist/components/View/index.js +46 -0
- package/dist/components/View/index.js.map +1 -0
- package/dist/components/VirtualList/PropsType.js +2 -0
- package/dist/components/VirtualList/PropsType.js.map +1 -0
- package/dist/components/VirtualList/index.js +82 -0
- package/dist/components/VirtualList/index.js.map +1 -0
- package/dist/components/WebView/PropsType.js +2 -0
- package/dist/components/WebView/PropsType.js.map +1 -0
- package/dist/components/WebView/index.js +31 -0
- package/dist/components/WebView/index.js.map +1 -0
- package/dist/components/hooks/PropsType.js +2 -0
- package/dist/components/hooks/PropsType.js.map +1 -0
- package/dist/components/hooks/useClickable.js +168 -0
- package/dist/components/hooks/useClickable.js.map +1 -0
- package/dist/index.js +38 -0
- package/dist/index.js.map +1 -0
- package/dist/setup.js +12 -0
- package/dist/setup.js.map +1 -0
- package/dist/utils/index.js +87 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +73 -0
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 注意:Carousel 组件由组件 @ant-design/react-native/lib/carousel 私有化并修改而成
|
|
3
|
+
* https://github.com/ant-design/ant-design-mobile-rn/tree/master/components/carousel
|
|
4
|
+
*
|
|
5
|
+
* 依赖 react-native-pager-view 实现
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
import React from 'react';
|
|
9
|
+
import { Platform, StyleSheet, Text, View } from 'react-native';
|
|
10
|
+
import ViewPager from 'react-native-pager-view';
|
|
11
|
+
import defaultPagination from './pagination';
|
|
12
|
+
const styles = StyleSheet.create({
|
|
13
|
+
wrapperStyle: {
|
|
14
|
+
overflow: 'hidden',
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
const INFINITE_BUFFER = 2;
|
|
18
|
+
const exchangePos = Platform.select({
|
|
19
|
+
ios: INFINITE_BUFFER - 1,
|
|
20
|
+
android: INFINITE_BUFFER - 2
|
|
21
|
+
});
|
|
22
|
+
class Carousel extends React.Component {
|
|
23
|
+
constructor(props) {
|
|
24
|
+
super(props);
|
|
25
|
+
this.viewPager = React.createRef();
|
|
26
|
+
this.getChildrenCount = (children) => {
|
|
27
|
+
const count = children ? React.Children.count(children) || 1 : 0;
|
|
28
|
+
return count;
|
|
29
|
+
};
|
|
30
|
+
this.autoplay = (stop = false) => {
|
|
31
|
+
if (stop) {
|
|
32
|
+
clearTimeout(this.autoplayTimer);
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
const { children, autoplay, infinite, autoplayInterval } = this.props;
|
|
36
|
+
const { selectedIndex } = this.state;
|
|
37
|
+
const count = this.count;
|
|
38
|
+
if (!Array.isArray(children) || !autoplay || this.isScrolling) {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
clearTimeout(this.autoplayTimer);
|
|
42
|
+
if (count < 2)
|
|
43
|
+
return;
|
|
44
|
+
this.autoplayTimer = setTimeout(() => {
|
|
45
|
+
let newIndex = selectedIndex < this.getVirtualIndex(count) ? selectedIndex + 1 : 0;
|
|
46
|
+
if (selectedIndex === count - 1) {
|
|
47
|
+
newIndex = 0;
|
|
48
|
+
if (!infinite) {
|
|
49
|
+
clearTimeout(this.autoplayTimer);
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
if (infinite) {
|
|
54
|
+
newIndex = this.getVirtualIndex(this.getIndex(newIndex, count));
|
|
55
|
+
}
|
|
56
|
+
this.goTo(newIndex);
|
|
57
|
+
}, autoplayInterval);
|
|
58
|
+
};
|
|
59
|
+
this.renderDots = (index) => {
|
|
60
|
+
const { vertical, pagination, dotStyle, dotActiveStyle, } = this.props;
|
|
61
|
+
if (!pagination) {
|
|
62
|
+
return null;
|
|
63
|
+
}
|
|
64
|
+
const count = this.count;
|
|
65
|
+
return pagination({
|
|
66
|
+
styles,
|
|
67
|
+
vertical,
|
|
68
|
+
current: index,
|
|
69
|
+
count,
|
|
70
|
+
dotStyle,
|
|
71
|
+
dotActiveStyle,
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
const { selectedIndex, children } = this.props;
|
|
75
|
+
this.count = this.getChildrenCount(children);
|
|
76
|
+
this.isScrolling = false;
|
|
77
|
+
this.state = {
|
|
78
|
+
selectedIndex: this.getVirtualIndex(Math.min(selectedIndex, this.count - 1)),
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
componentDidMount() {
|
|
82
|
+
this.autoplay();
|
|
83
|
+
}
|
|
84
|
+
componentWillUnmount() {
|
|
85
|
+
clearTimeout(this.autoplayTimer);
|
|
86
|
+
}
|
|
87
|
+
componentDidUpdate(prevProps) {
|
|
88
|
+
if ((prevProps.autoplay !== undefined && prevProps.autoplay !== this.props.autoplay) ||
|
|
89
|
+
(prevProps.infinite !== undefined && prevProps.infinite !== this.props.infinite)) {
|
|
90
|
+
this.autoplay(!this.props.autoplay);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
// eslint-disable-next-line camelcase
|
|
94
|
+
UNSAFE_componentWillReceiveProps(props) {
|
|
95
|
+
const { selectedIndex, infinite, children } = props;
|
|
96
|
+
this.count = this.getChildrenCount(children);
|
|
97
|
+
if (selectedIndex === this.props.selectedIndex && infinite === this.props.infinite)
|
|
98
|
+
return;
|
|
99
|
+
const index = this.getVirtualIndex(Math.min(selectedIndex, this.count - 1), infinite);
|
|
100
|
+
if (index !== this.state.selectedIndex) {
|
|
101
|
+
this.goTo(index);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
goTo(index) {
|
|
105
|
+
var _a;
|
|
106
|
+
(_a = this.viewPager.current) === null || _a === void 0 ? void 0 : _a.setPage(index);
|
|
107
|
+
}
|
|
108
|
+
getIndex(index, count) {
|
|
109
|
+
const { infinite } = this.props;
|
|
110
|
+
if (!infinite)
|
|
111
|
+
return index;
|
|
112
|
+
if (index < INFINITE_BUFFER) {
|
|
113
|
+
return count - INFINITE_BUFFER + index;
|
|
114
|
+
}
|
|
115
|
+
else if (index > count + INFINITE_BUFFER - 1) {
|
|
116
|
+
return index - count - INFINITE_BUFFER;
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
return index - INFINITE_BUFFER;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
// infinite 默认取 props,如为 next props 需传入
|
|
123
|
+
getVirtualIndex(index, infinite) {
|
|
124
|
+
if (this.count < 2)
|
|
125
|
+
return index;
|
|
126
|
+
const infi = infinite !== null && infinite !== void 0 ? infinite : this.props.infinite;
|
|
127
|
+
if (!infi)
|
|
128
|
+
return index;
|
|
129
|
+
return index + INFINITE_BUFFER;
|
|
130
|
+
}
|
|
131
|
+
render() {
|
|
132
|
+
const { selectedIndex } = this.state;
|
|
133
|
+
const { dots, children, vertical, infinite } = this.props;
|
|
134
|
+
if (!children) {
|
|
135
|
+
return (React.createElement(Text, { style: { backgroundColor: 'white' } }, "You are supposed to add children inside Carousel"));
|
|
136
|
+
}
|
|
137
|
+
const count = this.count;
|
|
138
|
+
let pages;
|
|
139
|
+
if (count > 1) {
|
|
140
|
+
const childrenArray = React.Children.toArray(children);
|
|
141
|
+
if (infinite) {
|
|
142
|
+
for (let index = 0; index < INFINITE_BUFFER; index++) {
|
|
143
|
+
childrenArray.push(React.cloneElement(children[index], { ref: null }));
|
|
144
|
+
childrenArray.unshift(React.cloneElement(children[count - index - 1], { ref: null }));
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
pages = childrenArray.map((page, i) => {
|
|
148
|
+
return (
|
|
149
|
+
// when vertical, use the height of the first child as the height of the Carousel
|
|
150
|
+
React.createElement(View, { key: i }, page));
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
else {
|
|
154
|
+
pages = React.createElement(View, null, children);
|
|
155
|
+
}
|
|
156
|
+
const vpProps = {
|
|
157
|
+
initialPage: selectedIndex,
|
|
158
|
+
showPageIndicator: false,
|
|
159
|
+
onPageSelected: e => {
|
|
160
|
+
if (count < 2)
|
|
161
|
+
return;
|
|
162
|
+
const pos = e.nativeEvent.position;
|
|
163
|
+
const prevIndex = this.getIndex(this.state.selectedIndex, count);
|
|
164
|
+
this.setState({ selectedIndex: pos }, () => {
|
|
165
|
+
this.autoplay();
|
|
166
|
+
});
|
|
167
|
+
const actualIndex = this.getIndex(pos, count);
|
|
168
|
+
if (this.props.afterChange && prevIndex !== actualIndex) {
|
|
169
|
+
this.props.afterChange(actualIndex);
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
onPageScroll: (e) => {
|
|
173
|
+
var _a, _b;
|
|
174
|
+
if (count < 2)
|
|
175
|
+
return;
|
|
176
|
+
const pos = e.nativeEvent.position;
|
|
177
|
+
if (infinite) {
|
|
178
|
+
if (pos === count + INFINITE_BUFFER) {
|
|
179
|
+
(_a = this.viewPager.current) === null || _a === void 0 ? void 0 : _a.setPageWithoutAnimation(INFINITE_BUFFER);
|
|
180
|
+
}
|
|
181
|
+
else if (pos === exchangePos) {
|
|
182
|
+
(_b = this.viewPager.current) === null || _b === void 0 ? void 0 : _b.setPageWithoutAnimation(count + exchangePos + 1);
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
onPageScrollStateChanged: e => {
|
|
187
|
+
if (count < 2)
|
|
188
|
+
return;
|
|
189
|
+
switch (e.nativeEvent.pageScrollState) {
|
|
190
|
+
case 'dragging':
|
|
191
|
+
this.autoplay(true);
|
|
192
|
+
this.isScrolling = true;
|
|
193
|
+
break;
|
|
194
|
+
case 'idle':
|
|
195
|
+
this.autoplay();
|
|
196
|
+
this.isScrolling = false;
|
|
197
|
+
break;
|
|
198
|
+
case 'settling':
|
|
199
|
+
this.autoplay();
|
|
200
|
+
this.isScrolling = false;
|
|
201
|
+
break;
|
|
202
|
+
default:
|
|
203
|
+
break;
|
|
204
|
+
}
|
|
205
|
+
},
|
|
206
|
+
};
|
|
207
|
+
return (React.createElement(View, { style: [styles.wrapperStyle] },
|
|
208
|
+
React.createElement(ViewPager, Object.assign({}, vpProps, { style: this.props.style,
|
|
209
|
+
// Lib does not support dynamically orientation change
|
|
210
|
+
orientation: vertical ? 'vertical' : 'horizontal', ref: this.viewPager }), pages),
|
|
211
|
+
dots && this.renderDots(this.getIndex(selectedIndex, count))));
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
Carousel.defaultProps = {
|
|
215
|
+
infinite: false,
|
|
216
|
+
dots: true,
|
|
217
|
+
autoplay: false,
|
|
218
|
+
autoplayInterval: 3000,
|
|
219
|
+
selectedIndex: 0,
|
|
220
|
+
vertical: false,
|
|
221
|
+
pagination: defaultPagination,
|
|
222
|
+
dotStyle: {},
|
|
223
|
+
dotActiveStyle: {},
|
|
224
|
+
};
|
|
225
|
+
export default Carousel;
|
|
226
|
+
//# sourceMappingURL=carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/Swiper/carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 注意事项:
|
|
3
|
+
* Swiper 不能加 `flex: 1`
|
|
4
|
+
*
|
|
5
|
+
* ✔ indicatorDots(indicator-dots)
|
|
6
|
+
* ✔ indicatorColor(indicator-color)
|
|
7
|
+
* ✔ indicatorActiveColor(indicator-active-color)
|
|
8
|
+
* ✔ autoplay
|
|
9
|
+
* ✔ current
|
|
10
|
+
* ✘ currentItemId(current-item-id)
|
|
11
|
+
* ✔ interval
|
|
12
|
+
* ✘ duration
|
|
13
|
+
* ✔ circular
|
|
14
|
+
* ✔ vertical
|
|
15
|
+
* ✘ previousMargin(previous-margin)
|
|
16
|
+
* ✘ nextMargin(next-margin)
|
|
17
|
+
* ✘ displayMultipleItems(display-multiple-items)
|
|
18
|
+
* ✘ skipHiddenItem-layout(skip-hidden-item-layout)
|
|
19
|
+
* ✔ onChange(bindchange): No support for detail.source
|
|
20
|
+
* ✔ onAnimationFinish(bindanimationfinish): No support for detail.source
|
|
21
|
+
*
|
|
22
|
+
* @warn vertical swiper nested in scrollview on android would not work.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* <Swiper
|
|
26
|
+
* indicatorDots={true}
|
|
27
|
+
* indicatorColor="white"
|
|
28
|
+
* indicatorActiveColor="purple"
|
|
29
|
+
* autoplay={false}
|
|
30
|
+
* current={1}
|
|
31
|
+
* interval={6000}
|
|
32
|
+
* circular={false}
|
|
33
|
+
* vertical={true}
|
|
34
|
+
* onChange={() => null}
|
|
35
|
+
* onAnimationFinish={() => null}
|
|
36
|
+
* style={{ backgroundColor: 'black' }}
|
|
37
|
+
* >
|
|
38
|
+
* <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', backgroundColor: 'red' }}>
|
|
39
|
+
* <Text style={styles.text}>Hello Swiper</Text>
|
|
40
|
+
* </View>
|
|
41
|
+
* <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', backgroundColor: 'green' }}>
|
|
42
|
+
* <Text style={styles.text}>Beautiful</Text>
|
|
43
|
+
* </View>
|
|
44
|
+
* <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', backgroundColor: 'blue' }}>
|
|
45
|
+
* <Text style={styles.text}>And simple</Text>
|
|
46
|
+
* </View>
|
|
47
|
+
* </Swiper>
|
|
48
|
+
*/
|
|
49
|
+
import * as React from 'react';
|
|
50
|
+
import { StyleSheet, } from 'react-native';
|
|
51
|
+
import { noop } from '../../utils';
|
|
52
|
+
import Carousel from './carousel';
|
|
53
|
+
class _Swiper extends React.Component {
|
|
54
|
+
constructor() {
|
|
55
|
+
super(...arguments);
|
|
56
|
+
this.onIndexChanged = (index) => {
|
|
57
|
+
const { onChange = noop, onAnimationFinish = noop } = this.props;
|
|
58
|
+
onChange({ detail: { current: index } });
|
|
59
|
+
onAnimationFinish({ detail: { current: index } });
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
render() {
|
|
63
|
+
const { children, style, indicatorDots, indicatorColor, indicatorActiveColor, autoplay, current, interval, circular, vertical, } = this.props;
|
|
64
|
+
return (React.createElement(Carousel, { style: StyleSheet.flatten(style), dots: Boolean(indicatorDots), dotStyle: { backgroundColor: indicatorColor }, dotActiveStyle: { backgroundColor: indicatorActiveColor }, autoplay: Boolean(autoplay), selectedIndex: current, autoplayInterval: interval, infinite: Boolean(circular), vertical: Boolean(vertical), afterChange: this.onIndexChanged }, children));
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
_Swiper.defaultProps = {
|
|
68
|
+
indicatorColor: 'rgba(0,0,0,0.3)',
|
|
69
|
+
indicatorActiveColor: '#000',
|
|
70
|
+
current: 0,
|
|
71
|
+
interval: 5000,
|
|
72
|
+
};
|
|
73
|
+
export default _Swiper;
|
|
74
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Swiper/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,UAAU,GACX,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAGjC,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAAsB;IAAlD;;QAQE,mBAAc,GAAG,CAAC,KAAa,EAAQ,EAAE;YACvC,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,iBAAiB,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YAChE,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;YACxC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;QACnD,CAAC,CAAA;IAiCH,CAAC;IA/BC,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,OAAO,CACL,oBAAC,QAAQ,IACP,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,EAChC,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC,EAC5B,QAAQ,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,EAC7C,cAAc,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,EACzD,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,aAAa,EAAE,OAAO,EACtB,gBAAgB,EAAE,QAAQ,EAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,WAAW,EAAE,IAAI,CAAC,cAAc,IAE/B,QAAQ,CACA,CACZ,CAAA;IACH,CAAC;;AA3CM,oBAAY,GAAG;IACpB,cAAc,EAAE,iBAAiB;IACjC,oBAAoB,EAAE,MAAM;IAC5B,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,IAAI;CACf,AALkB,CAKlB;AAyCH,eAAe,OAAO,CAAA"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
const styles = StyleSheet.create({
|
|
4
|
+
pagination: {
|
|
5
|
+
position: 'absolute',
|
|
6
|
+
alignItems: 'center',
|
|
7
|
+
justifyContent: 'center',
|
|
8
|
+
},
|
|
9
|
+
paginationX: {
|
|
10
|
+
bottom: 10,
|
|
11
|
+
left: 0,
|
|
12
|
+
right: 0,
|
|
13
|
+
},
|
|
14
|
+
paginationY: {
|
|
15
|
+
right: 10,
|
|
16
|
+
top: 0,
|
|
17
|
+
bottom: 0,
|
|
18
|
+
},
|
|
19
|
+
pointStyle: {
|
|
20
|
+
width: 8,
|
|
21
|
+
height: 8,
|
|
22
|
+
borderRadius: 8,
|
|
23
|
+
backgroundColor: '#999',
|
|
24
|
+
},
|
|
25
|
+
pointActiveStyle: {
|
|
26
|
+
backgroundColor: '#333',
|
|
27
|
+
},
|
|
28
|
+
spaceStyle: {
|
|
29
|
+
marginHorizontal: 2.5,
|
|
30
|
+
marginVertical: 3,
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
export default function defaultPagination(props) {
|
|
34
|
+
const { current, vertical, count, dotStyle, dotActiveStyle } = props;
|
|
35
|
+
const positionStyle = vertical ? 'paginationY' : 'paginationX';
|
|
36
|
+
const flexDirection = vertical ? 'column' : 'row';
|
|
37
|
+
const arr = [];
|
|
38
|
+
for (let i = 0; i < count; i++) {
|
|
39
|
+
arr.push(React.createElement(View, { key: `dot-${i}`, style: [
|
|
40
|
+
styles.pointStyle,
|
|
41
|
+
styles.spaceStyle,
|
|
42
|
+
dotStyle,
|
|
43
|
+
i === current && styles.pointActiveStyle,
|
|
44
|
+
i === current && dotActiveStyle,
|
|
45
|
+
] }));
|
|
46
|
+
}
|
|
47
|
+
return (React.createElement(View, { style: [styles.pagination, styles[positionStyle]] },
|
|
48
|
+
React.createElement(View, { style: { flexDirection } }, arr)));
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../src/components/Swiper/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAI/C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,WAAW,EAAE;QACX,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACT;IACD,WAAW,EAAE;QACX,KAAK,EAAE,EAAE;QACT,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;KACV;IACD,UAAU,EAAE;QACV,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,MAAM;KACxB;IACD,gBAAgB,EAAE;QAChB,eAAe,EAAE,MAAM;KACxB;IACD,UAAU,EAAE;QACV,gBAAgB,EAAE,GAAG;QACrB,cAAc,EAAE,CAAC;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAE,KAAsB;IAC/D,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IACpE,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAA;IAC9D,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAA;IACjD,MAAM,GAAG,GAAQ,EAAE,CAAA;IACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,GAAG,CAAC,IAAI,CACN,oBAAC,IAAI,IACH,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,KAAK,EAAE;gBACL,MAAM,CAAC,UAAU;gBACjB,MAAM,CAAC,UAAU;gBACjB,QAAQ;gBACR,CAAC,KAAK,OAAO,IAAI,MAAM,CAAC,gBAAgB;gBACxC,CAAC,KAAK,OAAO,IAAI,cAAc;aAChC,GACD,CACH,CAAA;IACH,CAAC;IACD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;QACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,IAAG,GAAG,CAAQ,CACvC,CACR,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/SwiperItem/PropsType.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SwiperItem
|
|
3
|
+
*/
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { omit } from '../../utils';
|
|
6
|
+
import View from '../View';
|
|
7
|
+
import styles from './styles';
|
|
8
|
+
const _SwiperItem = (props) => {
|
|
9
|
+
const { children, style } = props;
|
|
10
|
+
return (React.createElement(View, Object.assign({}, omit(props, ['style']), { style: [styles.page, style] }), children));
|
|
11
|
+
};
|
|
12
|
+
_SwiperItem.displayName = '_SwiperItem';
|
|
13
|
+
export default _SwiperItem;
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SwiperItem/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,WAAW,GAA8B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,IAC1B,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,KAE1B,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SwiperItem/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Switch/PropsType.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ✔ checked
|
|
3
|
+
* ✔ disabled
|
|
4
|
+
* ✔ type
|
|
5
|
+
* ✔ onChange(bindchange) :isChecked
|
|
6
|
+
* ✔ color
|
|
7
|
+
*
|
|
8
|
+
* @warn When type="switch", use native Switch
|
|
9
|
+
* @example
|
|
10
|
+
* <Switch
|
|
11
|
+
* checked={this.state.isSwitchChecked}
|
|
12
|
+
* onChange={this.onSwitchChange}
|
|
13
|
+
* color="red"
|
|
14
|
+
* />
|
|
15
|
+
*/
|
|
16
|
+
import * as React from 'react';
|
|
17
|
+
import { Switch, } from 'react-native';
|
|
18
|
+
import { noop } from '../../utils';
|
|
19
|
+
import Checkbox from '../Checkbox';
|
|
20
|
+
class _Switch extends React.Component {
|
|
21
|
+
constructor() {
|
|
22
|
+
super(...arguments);
|
|
23
|
+
// $touchable: Checkbox | Switch | null
|
|
24
|
+
this.$touchable = React.createRef();
|
|
25
|
+
this.state = {
|
|
26
|
+
checked: !!this.props.checked,
|
|
27
|
+
pChecked: false,
|
|
28
|
+
};
|
|
29
|
+
this._simulateNativePress = () => {
|
|
30
|
+
var _a;
|
|
31
|
+
const { type } = this.props;
|
|
32
|
+
if (type === 'checkbox') {
|
|
33
|
+
const node = this.$touchable.current;
|
|
34
|
+
node && ((_a = node._simulateNativePress) === null || _a === void 0 ? void 0 : _a.call(node));
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
// this.$touchable._onChange()
|
|
38
|
+
this.setState({ checked: !this.state.checked });
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
this.onCheckedChange = (isChecked) => {
|
|
42
|
+
const { onChange = noop } = this.props;
|
|
43
|
+
onChange({ detail: { value: isChecked } });
|
|
44
|
+
this.setState({ checked: isChecked });
|
|
45
|
+
};
|
|
46
|
+
this.onCheckboxToggle = (item) => {
|
|
47
|
+
this.onCheckedChange(item.checked);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
static getDerivedStateFromProps(nextProps, lastState) {
|
|
51
|
+
var _a;
|
|
52
|
+
// eslint-disable-next-line eqeqeq
|
|
53
|
+
const isControlled = nextProps.checked != undefined;
|
|
54
|
+
if (isControlled) {
|
|
55
|
+
if (nextProps.checked !== lastState.pChecked) {
|
|
56
|
+
// 受控更新
|
|
57
|
+
return {
|
|
58
|
+
checked: nextProps.checked,
|
|
59
|
+
pChecked: nextProps.checked,
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
else if (nextProps.checked !== lastState.checked) {
|
|
63
|
+
// 受控还原
|
|
64
|
+
return {
|
|
65
|
+
checked: nextProps.checked
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else if (lastState.pChecked !== nextProps.checked) {
|
|
70
|
+
// 初次更新才设置 defaultChecked
|
|
71
|
+
return {
|
|
72
|
+
pChecked: nextProps.checked,
|
|
73
|
+
checked: (_a = nextProps.defaultChecked) !== null && _a !== void 0 ? _a : false,
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
return null;
|
|
77
|
+
}
|
|
78
|
+
render() {
|
|
79
|
+
const { style, type, color, disabled } = this.props;
|
|
80
|
+
if (type === 'checkbox') {
|
|
81
|
+
return (React.createElement(Checkbox, { onChange: this.onCheckboxToggle, checked: this.state.checked, disabled: disabled, ref: this.$touchable }));
|
|
82
|
+
}
|
|
83
|
+
return (React.createElement(Switch, { value: this.state.checked, onValueChange: disabled ? undefined : this.onCheckedChange, trackColor: { false: '#FFFFFF', true: color }, ios_backgroundColor: "#FFFFFF", style: style, disabled: disabled, ref: this.$touchable }));
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
_Switch.displayName = '_Switch';
|
|
87
|
+
_Switch.defaultProps = {
|
|
88
|
+
type: 'switch',
|
|
89
|
+
color: '#04BE02',
|
|
90
|
+
disabled: false,
|
|
91
|
+
};
|
|
92
|
+
export default _Switch;
|
|
93
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Text/PropsType.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ✔ selectable
|
|
3
|
+
* ✘ space
|
|
4
|
+
* ✘ decode: Fixed value TRUE
|
|
5
|
+
*/
|
|
6
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
7
|
+
var t = {};
|
|
8
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
9
|
+
t[p] = s[p];
|
|
10
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
11
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
12
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
13
|
+
t[p[i]] = s[p[i]];
|
|
14
|
+
}
|
|
15
|
+
return t;
|
|
16
|
+
};
|
|
17
|
+
import * as React from 'react';
|
|
18
|
+
import { Text } from 'react-native';
|
|
19
|
+
const _Text = (_a) => {
|
|
20
|
+
var { style, children, selectable, onClick } = _a, otherProps = __rest(_a, ["style", "children", "selectable", "onClick"]);
|
|
21
|
+
return (React.createElement(Text, Object.assign({ selectable: !!selectable, style: style, onPress: onClick }, otherProps), children));
|
|
22
|
+
};
|
|
23
|
+
_Text.displayName = '_Text';
|
|
24
|
+
export default _Text;
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;;;;;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,IAAI,EACL,MAAM,cAAc,CAAA;AAIrB,MAAM,KAAK,GAAwB,CAAC,EAMnC,EAAE,EAAE;QAN+B,EAClC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,OAER,EADI,UAAU,cALqB,8CAMnC,CADc;IAEb,OAAO,CACL,oBAAC,IAAI,kBACH,UAAU,EAAE,CAAC,CAAC,UAAU,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IACZ,UAAU,GAEb,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Textarea/PropsType.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Compared with Input:
|
|
3
|
+
* Subtraction:
|
|
4
|
+
* type, password, confirmType, confirmHold
|
|
5
|
+
* Addition:
|
|
6
|
+
* ✔ autoHeight(auto-height)
|
|
7
|
+
* ✘ fixed
|
|
8
|
+
* ✘ show-confirm-bar
|
|
9
|
+
* ✔ onLineChange(bindlinechange): No heightRpx info.
|
|
10
|
+
*/
|
|
11
|
+
import * as React from 'react';
|
|
12
|
+
import { Keyboard } from 'react-native';
|
|
13
|
+
import { omit } from '../../utils';
|
|
14
|
+
import Input from '../Input';
|
|
15
|
+
const _Textarea = (props) => {
|
|
16
|
+
const { autoHeight, autoFocus, focus, maxlength, onLineChange } = props;
|
|
17
|
+
const textearaProps = omit(props, [
|
|
18
|
+
'type',
|
|
19
|
+
'password',
|
|
20
|
+
'confirmType',
|
|
21
|
+
'confirmHold',
|
|
22
|
+
// props
|
|
23
|
+
'autoHeight',
|
|
24
|
+
'onLineChange',
|
|
25
|
+
'maxlength'
|
|
26
|
+
]);
|
|
27
|
+
return (React.createElement(Input, Object.assign({ _multiline: true, _autoHeight: autoHeight, _onLineChange: onLineChange, focus: !!focus, autoFocus: !!autoFocus, confirmType: "next", onBlur: () => Keyboard.dismiss() }, textearaProps, { maxlength: maxlength })));
|
|
28
|
+
};
|
|
29
|
+
_Textarea.displayName = '_Textarea';
|
|
30
|
+
export default _Textarea;
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,KAAK,MAAM,UAAU,CAAA;AAG5B,MAAM,SAAS,GAA4B,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAA;IACvE,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE;QAChC,MAAM;QACN,UAAU;QACV,aAAa;QACb,aAAa;QACb,QAAQ;QACR,YAAY;QACZ,cAAc;QACd,WAAW;KACZ,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,kBACJ,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,UAAU,EACvB,aAAa,EAAE,YAAY,EAC3B,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,WAAW,EAAC,MAAM,EAClB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,IAC5B,aAAa,IACjB,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Video/PropsType.tsx"],"names":[],"mappings":""}
|