@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
package/README.md
ADDED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
// import { ART } from 'react-native'
|
|
2
|
+
/**
|
|
3
|
+
* @see icon default color: https://github.com/Tencent/weui/blob/master/src/style/icon/weui-icon_font.less
|
|
4
|
+
*/
|
|
5
|
+
export const VIEWBOX_SIZE = 1001;
|
|
6
|
+
export const CIRCLE = {
|
|
7
|
+
// path: new Path('M501 941q-120 0 -223 -60q-100 -59 -159 -159q-60 -103 -60 -223t60 -223q59 -99 159 -158q103 -60 223 -60t222 60q100 59 159 158q60 103 60 223t-60 223q-59 100 -159 159q-102 60 -222 60zM501 92q-110 0 -204 55q-91 53 -145 144q-55 94 -55 203.5t55 203.5 q54 92 145 145q94 55 203.5 55t203.5 -55q91 -53 145 -145q55 -94 55 -203.5t-55 -203.5q-54 -91 -145 -144q-94 -55 -203 -55z'),
|
|
8
|
+
defaultColor: '#C9C9C9',
|
|
9
|
+
image: require('./icons/circle.png')
|
|
10
|
+
};
|
|
11
|
+
export const DOWNLOAD = {
|
|
12
|
+
// path: new Path('M494 947q-118 0 -221 -62q-100 -59 -159 -161q-61 -106 -61 -230q0 -118 61 -221q59 -100 159 -159q103 -61 221 -61q124 0 230 61q102 59 161 159q62 103 62 221q0 125 -62 230q-59 102 -161 161q-105 62 -230 62zM652 419l-118 -154q-14 -18 -34 -18t-34 18l-118 154 q-14 18 -7.5 31t29.5 13h93v279q0 8 5.5 13.5t12.5 5.5h38q7 0 12.5 -5.5t5.5 -13.5v-279h93q23 0 29.5 -13t-7.5 -31z'),
|
|
13
|
+
defaultColor: '#09BB07',
|
|
14
|
+
image: require('./icons/download.png')
|
|
15
|
+
};
|
|
16
|
+
export const INFO = {
|
|
17
|
+
// path: new Path('M494 996q-132 0 -246 -68q-111 -66 -176 -179q-68 -118 -68 -255q0 -132 68 -246q65 -111 176 -176q114 -68 246 -68q137 0 255 68q113 65 179 176q68 114 68 246q0 138 -68 255q-66 113 -179 179q-117 68 -255 68zM527 257q0 -2 -2 -2h-49q-3 0 -3 2l-8 354q0 2 2 2h66 q3 0 2 -2zM500 660q-18 0 -30.5 12.5t-12.5 30t12.5 30t30.5 12.5t30.5 -12.5t12.5 -30t-12.5 -30t-30.5 -12.5z'),
|
|
18
|
+
defaultColor: '#10AEFF',
|
|
19
|
+
image: require('./icons/info.png')
|
|
20
|
+
};
|
|
21
|
+
export const SAFE_SUCCESS = {
|
|
22
|
+
// path: new Path('M501 995q-85 -19 -170 -43q-66 -18 -145 -43q175 55 -128 -41v-340q0 -142 71 -259q62 -101 170 -173q94 -63 202 -91q108 28 201 91q109 72 170 173q72 117 72 259v340q-303 96 -128 41q-79 25 -145 43q-85 24 -170 43zM749 646l-299 -295q-4 -3 -8 0l-138 143q-3 4 0 8 l18 25q1 2 3.5 2t3.5 -1l113 -86q1 -2 3.5 -1.5t4.5 1.5l274 229q2 1 4.5 1t3.5 -2l17 -16q4 -4 0 -8z'),
|
|
23
|
+
defaultColor: '#09BB07',
|
|
24
|
+
image: require('./icons/safe_success.png')
|
|
25
|
+
};
|
|
26
|
+
export const SAFE_WARN = {
|
|
27
|
+
// path: new Path('M501 996q-65 -15 -130 -33q-56 -14 -115 -32q-44 -14 -103 -32q-127 -41 -95 -31v-339q0 -143 71 -260q62 -100 170 -173q94 -62 202 -91q108 29 201 91q109 73 170 173q72 117 72 260v339q-296 94 -128 41q-80 25 -145 43q-85 24 -170 44zM475 724h52q4 0 7 -3t3 -7 l-12 -314q0 -2 -1.5 -3.5t-3.5 -1.5h-38q-5 0 -6 5l-11 314q0 4 3 7t7 3zM501 276q-15 0 -26 10.5t-11 26t11 26t26 10.5t25.5 -10.5t10.5 -26t-10.5 -26t-25.5 -10.5z'),
|
|
28
|
+
defaultColor: '#FFBE00',
|
|
29
|
+
image: require('./icons/safe_warn.png')
|
|
30
|
+
};
|
|
31
|
+
export const SUCCESS = {
|
|
32
|
+
// path: new Path('M494 995q-132 0 -246 -68q-111 -66 -176 -179q-67 -117 -67 -254q0 -131 67 -246q66 -110 176 -176q115 -67 246 -67q137 0 254 67q113 65 179 176q68 114 68 246q0 137 -68 254q-66 113 -179 179q-117 68 -254 68zM776 646l-352 -347q-1 -1 -3.5 -1t-3.5 1l-163 168 q-3 4 0 9l22 30q1 2 3.5 2t3.5 -1l133 -102q2 -1 4.5 -1t3.5 1l323 269q2 2 4.5 2t3.5 -2l21 -21q4 -4 0 -7z'),
|
|
33
|
+
defaultColor: '#09BB07',
|
|
34
|
+
image: require('./icons/success.png')
|
|
35
|
+
};
|
|
36
|
+
export const SUCCESS_CIRCLE = {
|
|
37
|
+
// path: new Path('M501 941q-120 0 -223 -60q-100 -59 -159 -159q-60 -103 -60 -223t60 -223q59 -99 159 -158q103 -60 223 -60t222 60q100 59 159 158q60 103 60 223t-60 223q-59 100 -159 159q-102 60 -222 60zM501 92q-110 0 -204 55q-91 53 -145 144q-55 94 -55 203.5t55 203.5 q54 92 145 145q94 55 203.5 55t203.5 -55q91 -53 145 -145q55 -94 55 -203.5t-55 -203.5q-54 -91 -145 -144q-94 -55 -203 -55zM715 642l-266 -221q-6 -5 -15 -5.5t-15 4.5l-96 73q-6 5 -13.5 4t-12.5 -7l-3 -4q-5 -7 -4.5 -15.5t6.5 -14.5l125 -128q5 -6 13 -6t14 5 l293 289q5 5 5.5 12.5t-5 13t-13.5 5.5t-13 -5zM741 643l1 -1l1 -1z'),
|
|
38
|
+
defaultColor: '#09BB07',
|
|
39
|
+
image: require('./icons/success_circle.png')
|
|
40
|
+
};
|
|
41
|
+
export const SUCCESS_NO_CIRCLE = {
|
|
42
|
+
// path: new Path('M61 435q-10 11 -13 27.5t4 30.5l5 11q7 13 20 16.5t25 -5.5l203 -147q12 -9 28.5 -8.5t27.5 10.5l541 446q11 9 26.5 8t26.5 -11l-13 13q10 -11 10 -25.5t-10 -25.5l-583 -591q-10 -11 -25 -11t-25 10z'),
|
|
43
|
+
defaultColor: '#09BB07',
|
|
44
|
+
image: require('./icons/success_no_circle.png')
|
|
45
|
+
};
|
|
46
|
+
export const WAITING = {
|
|
47
|
+
// path: new Path('M495 997q-132 0 -246 -68q-111 -66 -176 -179q-67 -117 -67 -254q0 -131 67 -246q66 -110 176 -176q115 -67 246 -67q137 0 254 67q113 65 179 176q68 114 68 246q0 137 -68 254q-66 113 -179 179q-117 68 -254 68zM719 315l-16 -28q-3 -4 -7 -2l-250 119q-3 2 -5 4 q-4 3 -4 9l16 378q0 2 1.5 3.5t3.5 1.5h43q2 0 3.5 -1.5t1.5 -3.5l14 -339l197 -133q2 -2 2.5 -4t-0.5 -4z'),
|
|
48
|
+
defaultColor: '#10AEFF',
|
|
49
|
+
image: require('./icons/waiting.png')
|
|
50
|
+
};
|
|
51
|
+
export const WAITING_CIRCLE = {
|
|
52
|
+
// path: new Path('M741 643l1 -1l1 -1zM501 941q-120 0 -223 -60q-100 -59 -159 -159q-60 -103 -60 -223t60 -223q59 -99 159 -158q103 -60 223 -60t222 60q100 59 159 158q60 103 60 223t-60 223q-59 100 -159 159q-102 60 -222 60zM501 92q-110 0 -204 55q-91 53 -145 144 q-55 94 -55 203.5t55 203.5q54 92 145 145q94 55 203.5 55t203.5 -55q91 -53 145 -145q55 -94 55 -203.5t-55 -203.5q-54 -91 -145 -144q-94 -55 -203 -55zM455 653h-36v-253h253v36h-217v217z'),
|
|
53
|
+
defaultColor: '#10AEFF',
|
|
54
|
+
image: require('./icons/waiting_circle.png')
|
|
55
|
+
};
|
|
56
|
+
export const WARN = {
|
|
57
|
+
// path: new Path('M494 995q-132 0 -246 -68q-111 -66 -176 -179q-67 -117 -67 -254q0 -131 67 -246q66 -110 176 -176q115 -67 246 -67q137 0 254 67q113 65 179 176q68 114 68 246q0 137 -68 254q-66 113 -179 179q-117 68 -254 68zM473 729h54q4 0 7 -3t3 -8l-12 -320q0 -2 -1.5 -3.5 t-3.5 -1.5h-39q-3 0 -4.5 1.5t-1.5 3.5l-12 320q0 5 3 8t7 3zM500 271q-15 0 -26 11t-11 26.5t11 26.5t26 11t26 -11t11 -26.5t-11 -26.5t-26 -11z'),
|
|
58
|
+
defaultColor: '#F43530',
|
|
59
|
+
image: require('./icons/warn.png')
|
|
60
|
+
};
|
|
61
|
+
export const INFO_CIRCLE = {
|
|
62
|
+
// path: new Path('M500 672q24 0 40.5 17t16.5 40.5t-16.5 40.5t-40.5 17t-40.5 -17t-16.5 -40.5t16.5 -40.5t40.5 -17zM557 615h-143v-29h57v-316h-57v-28h201v28h-58v345zM514 959q-132 0 -242 -63q-107 -61 -168 -168q-63 -110 -63 -242q0 -119 62.5 -221t168.5 -162q111 -62 242 -62 q118 0 222 62q101 60 161 161q62 104 62 222q0 131 -62 242q-60 106 -162 168.5t-221 62.5zM500 98q-109 0 -203 55q-91 53 -144 144q-55 94 -55 203t55 203q53 91 144 144q94 55 203 55t203 -55q91 -53 144 -144q55 -94 55 -203t-55 -203q-53 -91 -144 -144 q-94 -55 -203 -55z'),
|
|
63
|
+
// There is no mentions of this one.
|
|
64
|
+
defaultColor: '#10AEFF',
|
|
65
|
+
image: require('./icons/info_circle.png')
|
|
66
|
+
};
|
|
67
|
+
export const CANCEL = {
|
|
68
|
+
// path: new Path('M654 682l-154 -154l-154 154l-28 -28l154 -154l-154 -154l28 -28l154 154l154 -154l28 28l-154 154l154 154zM500 935q-118 0 -220 -59q-98 -58 -156 -156q-59 -102 -59 -220t59 -220q58 -98 156 -156q102 -59 220 -59t220 59q98 58 156 156q59 102 59 220t-59 220 q-58 98 -156 156q-102 59 -220 59zM500 105q-107 0 -200 54q-89 52 -141 141q-54 93 -54 200t54 200q52 89 141 141q93 54 200 54t200 -54q89 -52 141 -141q54 -93 54 -200t-54 -200q-52 -89 -141 -141q-93 -54 -200 -54z'),
|
|
69
|
+
defaultColor: '#F43530',
|
|
70
|
+
image: require('./icons/cancel.png')
|
|
71
|
+
};
|
|
72
|
+
export const SEARCH = {
|
|
73
|
+
// path: new Path('M654 291q-53 -43 -117 -66q-66 -24 -137 -24q-109 0 -202 54q-90 53 -143 144q-55 93 -55 202t55 202q53 90 143 143q93 55 202 55t202 -55q91 -53 144 -143q54 -93 54 -202q0 -71 -24 -137q-23 -64 -66 -117l291 -290l-57 -57zM400 281q87 0 162 43q72 43 115 115 q43 75 43 162t-43 161q-43 73 -115 115q-75 44 -162 44t-161 -44q-73 -42 -115 -115q-44 -74 -44 -161t44 -162q42 -72 115 -115q74 -43 161 -43zM400 281z'),
|
|
74
|
+
defaultColor: '#B2B2B2',
|
|
75
|
+
image: require('./icons/search.png')
|
|
76
|
+
};
|
|
77
|
+
export const CLEAR = {
|
|
78
|
+
// path: new Path('M500 1000q-136 0 -252 -68q-113 -67 -180 -180q-68 -116 -68 -252t68 -252q67 -113 180 -180q116 -68 252 -68t252 68q113 67 180 180q68 116 68 252t-68 252q-67 113 -180 180q-116 68 -252 68zM709 331q10 -10 9.5 -23.5t-10.5 -23t-23.5 -9.5t-23.5 10l-162 168 l-168 -162q-10 -10 -23.5 -9.5t-23 10.5t-9.5 23.5t10 23.5l168 162l-162 168q-10 10 -9.5 23.5t10.5 23.5t23.5 9.5t23.5 -10.5l162 -168l168 162q10 10 23.5 9.5t23.5 -10.5t9.5 -23.5t-10.5 -23.5l-168 -162z'),
|
|
79
|
+
defaultColor: '#B2B2B2',
|
|
80
|
+
image: require('./icons/clear.png')
|
|
81
|
+
};
|
|
82
|
+
export const BACK = {
|
|
83
|
+
// path: new Path('M494 995q-132 0 -246 -68q-111 -66 -176 -179q-67 -117 -67 -254q0 -131 67 -246q66 -110 176 -176q115 -67 246 -67q137 0 254 67q113 65 179 176q68 114 68 246q0 137 -68 254q-66 113 -179 179q-117 68 -254 68zM758 473q0 -2 -2 -3.5t-4 -1.5l-367 -11l131 -149 q1 -2 1 -4t-1 -4l-21 -20q-3 -4 -7 0l-236 208q-2 2 -2.5 4.5t1.5 4.5l236 209q4 4 8 0l20 -20q2 -2 2 -4.5t-1 -3.5l-132 -149l368 -11q2 0 3.5 -1.5t1.5 -4.5v-39h1z'),
|
|
84
|
+
// defaultColor: '',
|
|
85
|
+
image: require('./icons/back.png')
|
|
86
|
+
};
|
|
87
|
+
export const DELETE = {
|
|
88
|
+
// path: new Path('M891 802v-716q0 -27 -19 -46t-46 -19h-650q-27 0 -46 19t-19 46v716h-67q-9 0 -15.5 6t-6.5 16v44q0 9 6.5 15.5t15.5 6.5h262v46q0 18 12.5 30.5t30.5 12.5h303q19 0 31.5 -12.5t12.5 -30.5v-46h262q9 0 15.5 -6.5t6.5 -15.5v-44q0 -10 -6.5 -16t-15.5 -6h-67zM199 802 v-692h604v692h-604zM594 695q-9 0 -15.5 -6.5t-6.5 -15.5v-435q0 -9 6.5 -15.5t15.5 -6.5h45q9 0 15.5 6.5t6.5 15.5v435q0 9 -6.5 15.5t-15.5 6.5h-45zM363 695q-9 0 -15.5 -6.5t-6.5 -15.5v-435q0 -9 6.5 -15.5t15.5 -6.5h45q9 0 15.5 6.5t6.5 15.5v435q0 9 -6.5 15.5 t-15.5 6.5h-45zM363 695z'),
|
|
89
|
+
// defaultColor: '',
|
|
90
|
+
image: require('./icons/delete.png')
|
|
91
|
+
};
|
|
92
|
+
//# sourceMappingURL=weui.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"weui.js","sourceRoot":"","sources":["../../src/assets/weui.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAOrC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAA;AAChC,MAAM,CAAC,MAAM,MAAM,GAAa;IAC9B,iYAAiY;IACjY,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC;CACrC,CAAA;AACD,MAAM,CAAC,MAAM,QAAQ,GAAa;IAChC,+XAA+X;IAC/X,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,sBAAsB,CAAC;CACvC,CAAA;AACD,MAAM,CAAC,MAAM,IAAI,GAAa;IAC5B,0XAA0X;IAC1X,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;CACnC,CAAA;AACD,MAAM,CAAC,MAAM,YAAY,GAAa;IACpC,kXAAkX;IAClX,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,0BAA0B,CAAC;CAC3C,CAAA;AACD,MAAM,CAAC,MAAM,SAAS,GAAa;IACjC,0aAA0a;IAC1a,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,uBAAuB,CAAC;CACxC,CAAA;AACD,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,oXAAoX;IACpX,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC;CACtC,CAAA;AACD,MAAM,CAAC,MAAM,cAAc,GAAa;IACtC,kkBAAkkB;IAClkB,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC;CAC7C,CAAA;AACD,MAAM,CAAC,MAAM,iBAAiB,GAAa;IACzC,iNAAiN;IACjN,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,+BAA+B,CAAC;CAChD,CAAA;AACD,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,iXAAiX;IACjX,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC;CACtC,CAAA;AACD,MAAM,CAAC,MAAM,cAAc,GAAa;IACtC,sbAAsb;IACtb,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC;CAC7C,CAAA;AACD,MAAM,CAAC,MAAM,IAAI,GAAa;IAC5B,wZAAwZ;IACxZ,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;CACnC,CAAA;AACD,MAAM,CAAC,MAAM,WAAW,GAAa;IACnC,ihBAAihB;IACjhB,oCAAoC;IACpC,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,yBAAyB,CAAC;CAC1C,CAAA;AACD,MAAM,CAAC,MAAM,MAAM,GAAa;IAC9B,ydAAyd;IACzd,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC;CACrC,CAAA;AACD,MAAM,CAAC,MAAM,MAAM,GAAa;IAC9B,6ZAA6Z;IAC7Z,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC;CACrC,CAAA;AACD,MAAM,CAAC,MAAM,KAAK,GAAa;IAC7B,gdAAgd;IAChd,YAAY,EAAE,SAAS;IACvB,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC;CACpC,CAAA;AACD,MAAM,CAAC,MAAM,IAAI,GAAa;IAC5B,yaAAya;IACza,oBAAoB;IACpB,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC;CACnC,CAAA;AACD,MAAM,CAAC,MAAM,MAAM,GAAa;IAC9B,oiBAAoiB;IACpiB,oBAAoB;IACpB,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC;CACrC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Block/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,gCAAgC;AAEhC,MAAM,MAAM,GAAyB,CAAC,KAAK,EAAE,EAAE;IAC7C,OAAO,CACL,0CACG,KAAK,CAAC,QAAQ,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Button/PropsType.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ✔ size
|
|
3
|
+
* ✔ type
|
|
4
|
+
* ✔ plain
|
|
5
|
+
* ✔ disabled
|
|
6
|
+
* ✔ loading
|
|
7
|
+
* ✔ formType (form-type)
|
|
8
|
+
* ✔ hoverStyle: Convert hoverClass to hoverStyle.
|
|
9
|
+
* ✘ hoverStopPropagation
|
|
10
|
+
* ✔ hoverStartTime
|
|
11
|
+
* ✔ hoverStayTime
|
|
12
|
+
* ✔ onClick
|
|
13
|
+
* - open-type
|
|
14
|
+
* - lang
|
|
15
|
+
* - bindgetuserinfo
|
|
16
|
+
* - session-from
|
|
17
|
+
* - send-message-title
|
|
18
|
+
* - send-message-path
|
|
19
|
+
* - send-message-img
|
|
20
|
+
* - show-message-card
|
|
21
|
+
* - bindcontact
|
|
22
|
+
* - bindgetphonenumber
|
|
23
|
+
* - bindchooseavatar
|
|
24
|
+
* - app-parameter
|
|
25
|
+
* - binderror
|
|
26
|
+
* - bindopensetting
|
|
27
|
+
*
|
|
28
|
+
* Loading icon (svg): data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'><path fill='none' d='M0 0h100v100H0z'/><rect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/><rect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/></svg>
|
|
29
|
+
* Loading icon for warn type (svg): data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E
|
|
30
|
+
*/
|
|
31
|
+
import * as React from 'react';
|
|
32
|
+
import { Animated, Easing, Image, Text, TouchableWithoutFeedback, View } from 'react-native';
|
|
33
|
+
import ladingPng from '../../assets/loading.png';
|
|
34
|
+
import loadingWarnPng from '../../assets/loading-warn.png';
|
|
35
|
+
import { extracteTextStyle, noop } from '../../utils';
|
|
36
|
+
import styles from './styles';
|
|
37
|
+
const Loading = (props) => {
|
|
38
|
+
const { type = 'primary', hasSibling } = props;
|
|
39
|
+
const rotate = React.useRef(new Animated.Value(0)).current;
|
|
40
|
+
React.useEffect(() => {
|
|
41
|
+
const animation = Animated.loop(Animated.timing(rotate, {
|
|
42
|
+
toValue: 1,
|
|
43
|
+
duration: 1000,
|
|
44
|
+
easing: Easing.linear,
|
|
45
|
+
useNativeDriver: true,
|
|
46
|
+
isInteraction: false,
|
|
47
|
+
}));
|
|
48
|
+
animation.start();
|
|
49
|
+
return () => {
|
|
50
|
+
animation.stop();
|
|
51
|
+
};
|
|
52
|
+
}, []);
|
|
53
|
+
const rotateDeg = rotate.interpolate({
|
|
54
|
+
inputRange: [0, 1],
|
|
55
|
+
outputRange: ['0deg', '360deg']
|
|
56
|
+
});
|
|
57
|
+
const loadingStyle = Object.assign(Object.assign({}, styles.loading), { transform: [{ rotate: rotateDeg }] });
|
|
58
|
+
if (!hasSibling) {
|
|
59
|
+
loadingStyle.marginRight = 0;
|
|
60
|
+
}
|
|
61
|
+
return (React.createElement(Animated.View, { testID: 'loading', style: loadingStyle },
|
|
62
|
+
React.createElement(Image, { accessibilityLabel: 'loading image', source: type === 'warn' ? loadingWarnPng : ladingPng, style: styles.loadingImg })));
|
|
63
|
+
};
|
|
64
|
+
class _Button extends React.Component {
|
|
65
|
+
constructor() {
|
|
66
|
+
super(...arguments);
|
|
67
|
+
this.$touchable = React.createRef();
|
|
68
|
+
this.isTouchEnd = false;
|
|
69
|
+
this.state = {
|
|
70
|
+
isHover: false
|
|
71
|
+
};
|
|
72
|
+
this.onPress = () => {
|
|
73
|
+
const { disabled, onClick = noop } = this.props;
|
|
74
|
+
!disabled && onClick();
|
|
75
|
+
};
|
|
76
|
+
this.onPressIn = () => {
|
|
77
|
+
const { hoverStartTime, hoverStyle } = this.props;
|
|
78
|
+
this.isTouchEnd = false;
|
|
79
|
+
if (hoverStyle) {
|
|
80
|
+
this.pressInTimer = setTimeout(() => {
|
|
81
|
+
this.setState({ isHover: true }, () => {
|
|
82
|
+
if (this.isTouchEnd) {
|
|
83
|
+
// short press
|
|
84
|
+
this.stopHover();
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
clearTimeout(this.pressInTimer);
|
|
88
|
+
}, hoverStartTime);
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
this.stopHover = () => {
|
|
92
|
+
const { hoverStayTime } = this.props;
|
|
93
|
+
this.pressOutTimer = setTimeout(() => {
|
|
94
|
+
this.setState({ isHover: false });
|
|
95
|
+
clearTimeout(this.pressOutTimer);
|
|
96
|
+
}, hoverStayTime);
|
|
97
|
+
};
|
|
98
|
+
this.onPressOut = () => {
|
|
99
|
+
const { hoverStyle } = this.props;
|
|
100
|
+
const { isHover } = this.state;
|
|
101
|
+
this.isTouchEnd = true;
|
|
102
|
+
if (hoverStyle && isHover) {
|
|
103
|
+
// long press or error boundary
|
|
104
|
+
this.stopHover();
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
this._simulateNativePress = (evt) => {
|
|
108
|
+
const node = this.$touchable.current;
|
|
109
|
+
node && node.props.onPress && node.props.onPress(evt);
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
componentWillUnmount() {
|
|
113
|
+
clearTimeout(this.pressOutTimer);
|
|
114
|
+
clearTimeout(this.pressInTimer);
|
|
115
|
+
}
|
|
116
|
+
render() {
|
|
117
|
+
const { style, children, size, type, plain, disabled, loading, hoverStyle, } = this.props;
|
|
118
|
+
const isDefaultSize = size === 'default';
|
|
119
|
+
const isDefaultType = type === 'default';
|
|
120
|
+
const themeColorMap = {
|
|
121
|
+
default: ['#F8F8F8', '#f7f7f7'],
|
|
122
|
+
primary: ['#1AAD19', '#9ED99D'],
|
|
123
|
+
warn: ['#E64340', '#EC8B89']
|
|
124
|
+
};
|
|
125
|
+
// Use themeColorMap normally as PLAIN is false (by default),
|
|
126
|
+
// otherwise use rgb(53,53,53) for plain-default-type particularly.
|
|
127
|
+
const themeColor = plain && isDefaultType ? `rgba(53,53,53,${disabled ? 0.6 : 1})` : themeColorMap[type][disabled ? 1 : 0];
|
|
128
|
+
const backgroundColor = plain ? 'transparent' : themeColor;
|
|
129
|
+
const borderStyle = plain && { borderWidth: 1, borderColor: themeColor };
|
|
130
|
+
const textColor = plain
|
|
131
|
+
? themeColor
|
|
132
|
+
: isDefaultType
|
|
133
|
+
? `rgba(0,0,0,${disabled ? 0.3 : 1})`
|
|
134
|
+
: `rgba(255,255,255,${disabled ? 0.6 : 1})`;
|
|
135
|
+
const textHoverStyle = this.state.isHover ? extracteTextStyle(hoverStyle) : {};
|
|
136
|
+
return (React.createElement(TouchableWithoutFeedback, { onPress: this.onPress, onLongPress: this.onPress, onPressIn: this.onPressIn, onPressOut: this.onPressOut, ref: this.$touchable, accessibilityRole: "button", disabled: disabled },
|
|
137
|
+
React.createElement(View, { style: [
|
|
138
|
+
styles.btn,
|
|
139
|
+
!isDefaultSize && styles.btnMini,
|
|
140
|
+
{ backgroundColor },
|
|
141
|
+
borderStyle,
|
|
142
|
+
style,
|
|
143
|
+
this.state.isHover && hoverStyle
|
|
144
|
+
] },
|
|
145
|
+
loading && React.createElement(Loading, { hasSibling: !!React.Children.count(children), type: type }),
|
|
146
|
+
Array.isArray(children) ? (children.map((c, i) => (React.createElement(Text, { key: i, style: [styles.btnText, !isDefaultSize && styles.btnTextMini, { color: textColor }, textHoverStyle] }, c)))) : (['string', 'number'].indexOf(typeof children) > -1) ? (React.createElement(Text, { style: [styles.btnText, !isDefaultSize && styles.btnTextMini, { color: textColor }, textHoverStyle] }, children)) : (children))));
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
_Button.displayName = '_Button';
|
|
150
|
+
_Button.defaultProps = {
|
|
151
|
+
size: 'default',
|
|
152
|
+
type: 'default',
|
|
153
|
+
hoverStyle: { opacity: 0.8 },
|
|
154
|
+
hoverStartTime: 20,
|
|
155
|
+
hoverStayTime: 70,
|
|
156
|
+
disabled: false,
|
|
157
|
+
};
|
|
158
|
+
export default _Button;
|
|
159
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
export default StyleSheet.create({
|
|
3
|
+
btn: {
|
|
4
|
+
flexDirection: 'row',
|
|
5
|
+
justifyContent: 'center',
|
|
6
|
+
alignItems: 'center',
|
|
7
|
+
paddingHorizontal: 14,
|
|
8
|
+
height: 46,
|
|
9
|
+
borderRadius: 5,
|
|
10
|
+
backgroundColor: '#F8F8F8',
|
|
11
|
+
},
|
|
12
|
+
btnMini: {
|
|
13
|
+
height: 30
|
|
14
|
+
},
|
|
15
|
+
btnText: {
|
|
16
|
+
fontSize: 18,
|
|
17
|
+
color: '#000',
|
|
18
|
+
},
|
|
19
|
+
btnTextMini: {
|
|
20
|
+
fontSize: 13
|
|
21
|
+
},
|
|
22
|
+
loading: {
|
|
23
|
+
marginRight: 5,
|
|
24
|
+
},
|
|
25
|
+
loadingImg: {
|
|
26
|
+
width: 20,
|
|
27
|
+
height: 20
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Button/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,SAAS;KAC3B;IACD,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IAED,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;KACd;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;KACb;IAED,OAAO,EAAE;QACP,WAAW,EAAE,CAAC;KACf;IACD,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Camera/PropsType.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
import { Camera, CameraView, } from 'expo-camera';
|
|
11
|
+
import React, { Component } from 'react';
|
|
12
|
+
import Text from '../Text';
|
|
13
|
+
import View from '../View';
|
|
14
|
+
import styles from './styles';
|
|
15
|
+
export class _Camera extends Component {
|
|
16
|
+
constructor(props) {
|
|
17
|
+
super(props);
|
|
18
|
+
this.expoCameraRef = React.createRef();
|
|
19
|
+
this.onError = (event) => {
|
|
20
|
+
this.props.onError && this.props.onError(event);
|
|
21
|
+
};
|
|
22
|
+
this.onInitDone = () => {
|
|
23
|
+
var _a;
|
|
24
|
+
global._taroCamera = (_a = this.expoCameraRef) === null || _a === void 0 ? void 0 : _a.current;
|
|
25
|
+
const event = {};
|
|
26
|
+
this.props.onInitDone && this.props.onInitDone(event);
|
|
27
|
+
};
|
|
28
|
+
this.onScanCode = (event) => {
|
|
29
|
+
const { data } = event;
|
|
30
|
+
this.props.onScanCode &&
|
|
31
|
+
this.props.onScanCode(Object.assign({ detail: {
|
|
32
|
+
result: data,
|
|
33
|
+
} }, event));
|
|
34
|
+
};
|
|
35
|
+
this.state = {
|
|
36
|
+
hasPermission: null,
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
componentDidMount() {
|
|
40
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
41
|
+
const permission = yield Camera.requestCameraPermissionsAsync();
|
|
42
|
+
this.setState({
|
|
43
|
+
hasPermission: permission.granted,
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
render() {
|
|
48
|
+
const { hasPermission } = this.state;
|
|
49
|
+
const { devicePosition, style, mode, flash } = this.props;
|
|
50
|
+
const facing = devicePosition === 'back' ? 'back' : 'front';
|
|
51
|
+
if (hasPermission === null) {
|
|
52
|
+
return React.createElement(View, null);
|
|
53
|
+
}
|
|
54
|
+
if (hasPermission === false) {
|
|
55
|
+
return React.createElement(Text, null, "No access to camera");
|
|
56
|
+
}
|
|
57
|
+
const barcodeScannerSettings = mode === 'scanCode'
|
|
58
|
+
? {
|
|
59
|
+
barcodeScannerSettings: {
|
|
60
|
+
barcodeTypes: ['qr'],
|
|
61
|
+
},
|
|
62
|
+
onBarcodeScanned: this.onScanCode,
|
|
63
|
+
}
|
|
64
|
+
: {};
|
|
65
|
+
return (React.createElement(CameraView, Object.assign({ ref: this.expoCameraRef, facing: facing, flash: flash, onMountError: this.onError, onCameraReady: this.onInitDone }, barcodeScannerSettings, { style: [styles.camera, style] })));
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
export default _Camera;
|
|
69
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Camera/index.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EACL,MAAM,EACN,UAAU,GAIX,MAAM,aAAa,CAAA;AACpB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,OAAO,OAAQ,SAAQ,SAAmC;IAC9D,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAA;QAMd,kBAAa,GAAG,KAAK,CAAC,SAAS,EAAc,CAAA;QAS7C,YAAO,GAAG,CAAC,KAAuB,EAAQ,EAAE;YAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAY,CAAC,CAAA;QACxD,CAAC,CAAA;QAED,eAAU,GAAG,GAAS,EAAE;;YACtB,MAAM,CAAC,WAAW,GAAG,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAA;YAChD,MAAM,KAAK,GAAQ,EAAE,CAAA;YACrB,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QACvD,CAAC,CAAA;QAED,eAAU,GAAG,CAAC,KAA4B,EAAQ,EAAE;YAClD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;YACtB,IAAI,CAAC,KAAK,CAAC,UAAU;gBACnB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,gBACpB,MAAM,EAAE;wBACN,MAAM,EAAE,IAAI;qBACb,IACE,KAAK,CACF,CAAC,CAAA;QACb,CAAC,CAAA;QAjCC,IAAI,CAAC,KAAK,GAAG;YACX,aAAa,EAAE,IAAI;SACpB,CAAA;IACH,CAAC;IAIK,iBAAiB;;YACrB,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,6BAA6B,EAAE,CAAA;YAC/D,IAAI,CAAC,QAAQ,CAAC;gBACZ,aAAa,EAAE,UAAU,CAAC,OAAO;aAClC,CAAC,CAAA;QACJ,CAAC;KAAA;IAuBD,MAAM;QACJ,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACpC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACzD,MAAM,MAAM,GAAe,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;QAEvE,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YAC3B,OAAO,oBAAC,IAAI,OAAG,CAAA;QACjB,CAAC;QACD,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;YAC5B,OAAO,oBAAC,IAAI,8BAA2B,CAAA;QACzC,CAAC;QAED,MAAM,sBAAsB,GAC1B,IAAI,KAAK,UAAU;YACjB,CAAC,CAAC;gBACA,sBAAsB,EAAE;oBACtB,YAAY,EAAE,CAAC,IAAa,CAAC;iBAC9B;gBACD,gBAAgB,EAAE,IAAI,CAAC,UAAU;aAClC;YACD,CAAC,CAAC,EAAE,CAAA;QAER,OAAO,CACL,oBAAC,UAAU,kBACT,GAAG,EAAE,IAAI,CAAC,aAAa,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,IAAI,CAAC,OAAO,EAC1B,aAAa,EAAE,IAAI,CAAC,UAAU,IAC1B,sBAAsB,IAC1B,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,IAC7B,CACH,CAAA;IACH,CAAC;CACF;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Camera/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Checkbox/PropsType.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 半受控组件
|
|
3
|
+
*
|
|
4
|
+
* ✔ value
|
|
5
|
+
* ✔ disabled
|
|
6
|
+
* ✔ checked
|
|
7
|
+
* ✔ color
|
|
8
|
+
* ✔ onChange
|
|
9
|
+
*
|
|
10
|
+
* @see https://wechat.design/brand/color
|
|
11
|
+
*/
|
|
12
|
+
import * as React from 'react';
|
|
13
|
+
import { noop } from '../../utils';
|
|
14
|
+
import Icon from '../Icon';
|
|
15
|
+
import View from '../View';
|
|
16
|
+
import styles from './styles';
|
|
17
|
+
class _Checkbox extends React.Component {
|
|
18
|
+
constructor() {
|
|
19
|
+
super(...arguments);
|
|
20
|
+
this.state = {
|
|
21
|
+
checked: false,
|
|
22
|
+
};
|
|
23
|
+
this._simulateNativePress = () => {
|
|
24
|
+
this.onPress();
|
|
25
|
+
};
|
|
26
|
+
this.onPress = () => {
|
|
27
|
+
const { disabled, onChange = noop, value } = this.props;
|
|
28
|
+
if (disabled)
|
|
29
|
+
return;
|
|
30
|
+
const checked = !this.state.checked;
|
|
31
|
+
onChange({
|
|
32
|
+
value,
|
|
33
|
+
checked
|
|
34
|
+
});
|
|
35
|
+
this.setState({ checked });
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
static getDerivedStateFromProps(props, state) {
|
|
39
|
+
return props.checked !== state.checked
|
|
40
|
+
? {
|
|
41
|
+
checked: !!props.checked
|
|
42
|
+
}
|
|
43
|
+
: null;
|
|
44
|
+
}
|
|
45
|
+
render() {
|
|
46
|
+
const { style, color } = this.props;
|
|
47
|
+
const { checked } = this.state;
|
|
48
|
+
return (React.createElement(View, { style: styles.container, onClick: this.onPress },
|
|
49
|
+
React.createElement(View, { style: [styles.wrapper, style, checked && styles.wrapperChecked] },
|
|
50
|
+
React.createElement(Icon, { type: "success_no_circle", size: 18, color: color, style: [styles.wrapperIcon, checked && styles.wrapperCheckedIcon] })),
|
|
51
|
+
React.createElement(View, { style: { flexGrow: 0 } }, this.props.children)));
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
_Checkbox.displayName = '_Checkbox';
|
|
55
|
+
_Checkbox.defaultProps = {
|
|
56
|
+
value: '',
|
|
57
|
+
color: '#09BB07'
|
|
58
|
+
};
|
|
59
|
+
export default _Checkbox;
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAU,SAAQ,KAAK,CAAC,SAAuC;IAArE;;QAeE,UAAK,GAAkB;YACrB,OAAO,EAAE,KAAK;SACf,CAAA;QAED,yBAAoB,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,OAAO,EAAE,CAAA;QAChB,CAAC,CAAA;QAED,YAAO,GAAG,GAAS,EAAE;YACnB,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YACvD,IAAI,QAAQ;gBAAE,OAAM;YACpB,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAA;YACnC,QAAQ,CAAC;gBACP,KAAK;gBACL,OAAO;aACR,CAAC,CAAA;YAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;QAC5B,CAAC,CAAA;IAsBH,CAAC;IAhDC,MAAM,CAAC,wBAAwB,CAAC,KAAoB,EAAE,KAAoB;QACxE,OAAO,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO;YACpC,CAAC,CAAC;gBACA,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO;aACzB;YACD,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;IAsBD,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACnC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE9B,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;YAClD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC;gBACpE,oBAAC,IAAI,IACH,IAAI,EAAC,mBAAmB,EACxB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,OAAO,IAAI,MAAM,CAAC,kBAAkB,CAAC,GACjE,CACG;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IACzB,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf,CACF,CACR,CAAA;IACH,CAAC;;AArDM,qBAAW,GAAG,WAAW,AAAd,CAAc;AACzB,sBAAY,GAAG;IACpB,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,SAAS;CACjB,AAHkB,CAGlB;AAoDH,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
export default StyleSheet.create({
|
|
3
|
+
wrapper: {
|
|
4
|
+
alignItems: 'center',
|
|
5
|
+
justifyContent: 'center',
|
|
6
|
+
width: 24,
|
|
7
|
+
height: 24,
|
|
8
|
+
borderColor: '#f3f3f3',
|
|
9
|
+
borderWidth: 2,
|
|
10
|
+
borderRadius: 4,
|
|
11
|
+
backgroundColor: '#ffffff'
|
|
12
|
+
},
|
|
13
|
+
wrapperChecked: {
|
|
14
|
+
// borderColor: '#2BA245',
|
|
15
|
+
// backgroundColor: '#2BA245'
|
|
16
|
+
},
|
|
17
|
+
wrapperIcon: {
|
|
18
|
+
opacity: 0
|
|
19
|
+
},
|
|
20
|
+
wrapperCheckedIcon: {
|
|
21
|
+
opacity: 1
|
|
22
|
+
},
|
|
23
|
+
container: {
|
|
24
|
+
flexDirection: 'row',
|
|
25
|
+
alignItems: 'center'
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,SAAS;KAC3B;IACD,cAAc,EAAE;IACd,0BAA0B;IAC1B,6BAA6B;KAC9B;IACD,WAAW,EAAE;QACX,OAAO,EAAE,CAAC;KACX;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,CAAC;KACX;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/PropsType.tsx"],"names":[],"mappings":""}
|