@htyf-mp/taro-components-rn 0.6.0 → 0.7.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/dist/assets/weui.d.ts +26 -0
- package/dist/assets/weui.js.map +1 -1
- package/dist/components/Block/index.d.ts +5 -0
- package/dist/components/Block/index.js +2 -2
- package/dist/components/Block/index.js.map +1 -1
- package/dist/components/Button/PropsType.d.ts +18 -0
- package/dist/components/Button/PropsType.js.map +1 -1
- package/dist/components/Button/index.d.ts +59 -0
- package/dist/components/Button/index.js +4 -7
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/styles.d.ts +29 -0
- package/dist/components/Button/styles.js.map +1 -1
- package/dist/components/Camera/PropsType.d.ts +11 -0
- package/dist/components/Camera/PropsType.js.map +1 -1
- package/dist/components/Camera/index.d.ts +13 -0
- package/dist/components/Camera/index.js +4 -3
- package/dist/components/Camera/index.js.map +1 -1
- package/dist/components/Camera/styles.d.ts +7 -0
- package/dist/components/Camera/styles.js.map +1 -1
- package/dist/components/Checkbox/PropsType.d.ts +17 -0
- package/dist/components/Checkbox/PropsType.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +26 -0
- package/dist/components/Checkbox/index.js +2 -4
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.d.ts +24 -0
- package/dist/components/Checkbox/styles.js.map +1 -1
- package/dist/components/CheckboxGroup/PropsType.d.ts +22 -0
- package/dist/components/CheckboxGroup/PropsType.js.map +1 -1
- package/dist/components/CheckboxGroup/index.d.ts +17 -0
- package/dist/components/CheckboxGroup/index.js +2 -1
- package/dist/components/CheckboxGroup/index.js.map +1 -1
- package/dist/components/ClickableSimplified/PropsType.d.ts +31 -0
- package/dist/components/ClickableSimplified/PropsType.js.map +1 -1
- package/dist/components/ClickableSimplified/index.d.ts +138 -0
- package/dist/components/ClickableSimplified/index.js +3 -2
- package/dist/components/ClickableSimplified/index.js.map +1 -1
- package/dist/components/CoverImage/index.d.ts +1 -0
- package/dist/components/CoverImage/index.js.map +1 -1
- package/dist/components/CoverView/index.d.ts +1 -0
- package/dist/components/CoverView/index.js.map +1 -1
- package/dist/components/CustomWrapper/index.d.ts +1 -0
- package/dist/components/CustomWrapper/index.js.map +1 -1
- package/dist/components/Form/PropsType.d.ts +32 -0
- package/dist/components/Form/PropsType.js.map +1 -1
- package/dist/components/Form/index.d.ts +16 -0
- package/dist/components/Form/index.js +2 -1
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/Icon/PropsType.d.ts +7 -0
- package/dist/components/Icon/PropsType.js.map +1 -1
- package/dist/components/Icon/index.d.ts +9 -0
- package/dist/components/Icon/index.js +4 -10
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Image/PropsType.d.ts +27 -0
- package/dist/components/Image/PropsType.js.map +1 -1
- package/dist/components/Image/index.d.ts +21 -0
- package/dist/components/Image/index.js +4 -19
- package/dist/components/Image/index.js.map +1 -1
- package/dist/components/Input/PropsType.d.ts +51 -0
- package/dist/components/Input/PropsType.js.map +1 -1
- package/dist/components/Input/index.d.ts +32 -0
- package/dist/components/Input/index.js +6 -9
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Label/PropsType.d.ts +5 -0
- package/dist/components/Label/PropsType.js.map +1 -1
- package/dist/components/Label/index.d.ts +13 -0
- package/dist/components/Label/index.js +2 -1
- package/dist/components/Label/index.js.map +1 -1
- package/dist/components/Map/index.d.ts +154 -0
- package/dist/components/Map/index.js +12 -17
- package/dist/components/Map/index.js.map +1 -1
- package/dist/components/MovableArea/PropsType.d.ts +18 -0
- package/dist/components/MovableArea/PropsType.js.map +1 -1
- package/dist/components/MovableArea/index.d.ts +10 -0
- package/dist/components/MovableArea/index.js +2 -1
- package/dist/components/MovableArea/index.js.map +1 -1
- package/dist/components/MovableView/PropsType.d.ts +30 -0
- package/dist/components/MovableView/PropsType.js.map +1 -1
- package/dist/components/MovableView/index.d.ts +21 -0
- package/dist/components/MovableView/index.js +3 -3
- package/dist/components/MovableView/index.js.map +1 -1
- package/dist/components/Navigator/index.d.ts +2 -0
- package/dist/components/Navigator/index.js +3 -2
- package/dist/components/Navigator/index.js.map +1 -1
- package/dist/components/PageContainer/PropsType.d.ts +19 -0
- package/dist/components/PageContainer/PropsType.js.map +1 -1
- package/dist/components/PageContainer/container.d.ts +13 -0
- package/dist/components/PageContainer/container.js +4 -4
- package/dist/components/PageContainer/container.js.map +1 -1
- package/dist/components/PageContainer/index.d.ts +17 -0
- package/dist/components/PageContainer/index.js +2 -2
- package/dist/components/PageContainer/index.js.map +1 -1
- package/dist/components/Picker/PropsType.d.ts +42 -0
- package/dist/components/Picker/PropsType.js.map +1 -1
- package/dist/components/Picker/date.d.ts +13 -0
- package/dist/components/Picker/date.js +3 -2
- package/dist/components/Picker/date.js.map +1 -1
- package/dist/components/Picker/index.d.ts +37 -0
- package/dist/components/Picker/index.js +6 -5
- package/dist/components/Picker/index.js.map +1 -1
- package/dist/components/Picker/multiSelector.d.ts +16 -0
- package/dist/components/Picker/multiSelector.js +2 -1
- package/dist/components/Picker/multiSelector.js.map +1 -1
- package/dist/components/Picker/region.d.ts +16 -0
- package/dist/components/Picker/region.js +3 -2
- package/dist/components/Picker/region.js.map +1 -1
- package/dist/components/Picker/regionData.d.ts +2 -0
- package/dist/components/Picker/regionData.js.map +1 -1
- package/dist/components/Picker/selector.d.ts +19 -0
- package/dist/components/Picker/selector.js +2 -1
- package/dist/components/Picker/selector.js.map +1 -1
- package/dist/components/Picker/time.d.ts +17 -0
- package/dist/components/Picker/time.js +3 -2
- package/dist/components/Picker/time.js.map +1 -1
- package/dist/components/PickerView/PropsType.d.ts +10 -0
- package/dist/components/PickerView/PropsType.js.map +1 -1
- package/dist/components/PickerView/index.d.ts +14 -0
- package/dist/components/PickerView/index.js +2 -1
- package/dist/components/PickerView/index.js.map +1 -1
- package/dist/components/PickerViewColumn/index.d.ts +7 -0
- package/dist/components/PickerViewColumn/index.js +2 -1
- package/dist/components/PickerViewColumn/index.js.map +1 -1
- package/dist/components/Progress/PropsType.d.ts +11 -0
- package/dist/components/Progress/PropsType.js.map +1 -1
- package/dist/components/Progress/index.d.ts +42 -0
- package/dist/components/Progress/index.js +14 -18
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/Progress/styles.d.ts +14 -0
- package/dist/components/Progress/styles.js.map +1 -1
- package/dist/components/Provider/index.d.ts +2 -0
- package/dist/components/Provider/index.js.map +1 -1
- package/dist/components/Radio/PropsType.d.ts +12 -0
- package/dist/components/Radio/PropsType.js.map +1 -1
- package/dist/components/Radio/index.d.ts +24 -0
- package/dist/components/Radio/index.js +2 -4
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Radio/styles.d.ts +25 -0
- package/dist/components/Radio/styles.js.map +1 -1
- package/dist/components/RadioGroup/PropsType.d.ts +21 -0
- package/dist/components/RadioGroup/PropsType.js.map +1 -1
- package/dist/components/RadioGroup/index.d.ts +16 -0
- package/dist/components/RadioGroup/index.js +2 -1
- package/dist/components/RadioGroup/index.js.map +1 -1
- package/dist/components/RichText/PropsType.d.ts +15 -0
- package/dist/components/RichText/PropsType.js.map +1 -1
- package/dist/components/RichText/index.d.ts +18 -0
- package/dist/components/RichText/index.js +4 -4
- package/dist/components/RichText/index.js.map +1 -1
- package/dist/components/ScrollView/PropsType.d.ts +51 -0
- package/dist/components/ScrollView/PropsType.js.map +1 -1
- package/dist/components/ScrollView/index.d.ts +62 -0
- package/dist/components/ScrollView/index.js +2 -1
- package/dist/components/ScrollView/index.js.map +1 -1
- package/dist/components/Slider/PropsType.d.ts +25 -0
- package/dist/components/Slider/PropsType.js.map +1 -1
- package/dist/components/Slider/index.d.ts +40 -0
- package/dist/components/Slider/index.js +2 -3
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Slider/styles.d.ts +13 -0
- package/dist/components/Slider/styles.js.map +1 -1
- package/dist/components/Swiper/PropsType.d.ts +48 -0
- package/dist/components/Swiper/PropsType.js.map +1 -1
- package/dist/components/Swiper/carousel.d.ts +32 -0
- package/dist/components/Swiper/carousel.js +24 -29
- package/dist/components/Swiper/carousel.js.map +1 -1
- package/dist/components/Swiper/index.d.ts +61 -0
- package/dist/components/Swiper/index.js +2 -1
- package/dist/components/Swiper/index.js.map +1 -1
- package/dist/components/Swiper/pagination.d.ts +2 -0
- package/dist/components/Swiper/pagination.js +4 -5
- package/dist/components/Swiper/pagination.js.map +1 -1
- package/dist/components/SwiperItem/PropsType.d.ts +6 -0
- package/dist/components/SwiperItem/PropsType.js.map +1 -1
- package/dist/components/SwiperItem/index.d.ts +7 -0
- package/dist/components/SwiperItem/index.js +2 -5
- package/dist/components/SwiperItem/index.js.map +1 -1
- package/dist/components/SwiperItem/styles.d.ts +8 -0
- package/dist/components/SwiperItem/styles.js.map +1 -1
- package/dist/components/Switch/PropsType.d.ts +20 -0
- package/dist/components/Switch/PropsType.js.map +1 -1
- package/dist/components/Switch/index.d.ts +37 -0
- package/dist/components/Switch/index.js +3 -2
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Text/PropsType.d.ts +8 -0
- package/dist/components/Text/PropsType.js.map +1 -1
- package/dist/components/Text/index.d.ts +9 -0
- package/dist/components/Text/index.js +2 -7
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/Textarea/PropsType.d.ts +7 -0
- package/dist/components/Textarea/PropsType.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +14 -0
- package/dist/components/Textarea/index.js +2 -12
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Video/PropsType.d.ts +21 -0
- package/dist/components/Video/PropsType.js.map +1 -1
- package/dist/components/Video/controls.d.ts +0 -0
- package/dist/components/Video/controls.js.map +1 -1
- package/dist/components/Video/danmu.d.ts +0 -0
- package/dist/components/Video/danmu.js.map +1 -1
- package/dist/components/Video/index.d.ts +92 -0
- package/dist/components/Video/index.js +13 -21
- package/dist/components/Video/index.js.map +1 -1
- package/dist/components/Video/style.d.ts +252 -0
- package/dist/components/Video/style.js.map +1 -1
- package/dist/components/Video/utils.d.ts +3 -0
- package/dist/components/Video/utils.js.map +1 -1
- package/dist/components/View/PropsType.d.ts +7 -0
- package/dist/components/View/PropsType.js.map +1 -1
- package/dist/components/View/index.d.ts +12 -0
- package/dist/components/View/index.js +3 -2
- package/dist/components/View/index.js.map +1 -1
- package/dist/components/VirtualList/PropsType.d.ts +58 -0
- package/dist/components/VirtualList/PropsType.js.map +1 -1
- package/dist/components/VirtualList/index.d.ts +33 -0
- package/dist/components/VirtualList/index.js +2 -1
- package/dist/components/VirtualList/index.js.map +1 -1
- package/dist/components/WebView/PropsType.d.ts +18 -0
- package/dist/components/WebView/PropsType.js.map +1 -1
- package/dist/components/WebView/index.d.ts +12 -0
- package/dist/components/WebView/index.js +2 -10
- package/dist/components/WebView/index.js.map +1 -1
- package/dist/components/hooks/PropsType.d.ts +31 -0
- package/dist/components/hooks/PropsType.js.map +1 -1
- package/dist/components/hooks/useClickable.d.ts +4 -0
- package/dist/components/hooks/useClickable.js.map +1 -1
- package/dist/index.d.ts +36 -0
- package/dist/index.js.map +1 -1
- package/dist/utils/index.d.ts +20 -0
- package/dist/utils/index.js.map +1 -1
- package/package.json +14 -10
- package/dist/setup.js +0 -12
- package/dist/setup.js.map +0 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
interface IconItem {
|
|
2
|
+
defaultColor?: string;
|
|
3
|
+
image: number;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* @see icon default color: https://github.com/Tencent/weui/blob/master/src/style/icon/weui-icon_font.less
|
|
7
|
+
*/
|
|
8
|
+
export declare const VIEWBOX_SIZE = 1001;
|
|
9
|
+
export declare const CIRCLE: IconItem;
|
|
10
|
+
export declare const DOWNLOAD: IconItem;
|
|
11
|
+
export declare const INFO: IconItem;
|
|
12
|
+
export declare const SAFE_SUCCESS: IconItem;
|
|
13
|
+
export declare const SAFE_WARN: IconItem;
|
|
14
|
+
export declare const SUCCESS: IconItem;
|
|
15
|
+
export declare const SUCCESS_CIRCLE: IconItem;
|
|
16
|
+
export declare const SUCCESS_NO_CIRCLE: IconItem;
|
|
17
|
+
export declare const WAITING: IconItem;
|
|
18
|
+
export declare const WAITING_CIRCLE: IconItem;
|
|
19
|
+
export declare const WARN: IconItem;
|
|
20
|
+
export declare const INFO_CIRCLE: IconItem;
|
|
21
|
+
export declare const CANCEL: IconItem;
|
|
22
|
+
export declare const SEARCH: IconItem;
|
|
23
|
+
export declare const CLEAR: IconItem;
|
|
24
|
+
export declare const BACK: IconItem;
|
|
25
|
+
export declare const DELETE: IconItem;
|
|
26
|
+
export {};
|
package/dist/assets/weui.js.map
CHANGED
|
@@ -1 +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"}
|
|
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","sourcesContent":["// import { ART } from 'react-native'\n\ninterface IconItem {\n defaultColor?: string\n image: number\n}\n\n/**\n * @see icon default color: https://github.com/Tencent/weui/blob/master/src/style/icon/weui-icon_font.less\n */\nexport const VIEWBOX_SIZE = 1001\nexport const CIRCLE: IconItem = {\n // 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'),\n defaultColor: '#C9C9C9',\n image: require('./icons/circle.png')\n}\nexport const DOWNLOAD: IconItem = {\n // 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'),\n defaultColor: '#09BB07',\n image: require('./icons/download.png')\n}\nexport const INFO: IconItem = {\n // 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'),\n defaultColor: '#10AEFF',\n image: require('./icons/info.png')\n}\nexport const SAFE_SUCCESS: IconItem = {\n // 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'),\n defaultColor: '#09BB07',\n image: require('./icons/safe_success.png')\n}\nexport const SAFE_WARN: IconItem = {\n // 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'),\n defaultColor: '#FFBE00',\n image: require('./icons/safe_warn.png')\n}\nexport const SUCCESS: IconItem = {\n // 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'),\n defaultColor: '#09BB07',\n image: require('./icons/success.png')\n}\nexport const SUCCESS_CIRCLE: IconItem = {\n // 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'),\n defaultColor: '#09BB07',\n image: require('./icons/success_circle.png')\n}\nexport const SUCCESS_NO_CIRCLE: IconItem = {\n // 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'),\n defaultColor: '#09BB07',\n image: require('./icons/success_no_circle.png')\n}\nexport const WAITING: IconItem = {\n // 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'),\n defaultColor: '#10AEFF',\n image: require('./icons/waiting.png')\n}\nexport const WAITING_CIRCLE: IconItem = {\n // 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'),\n defaultColor: '#10AEFF',\n image: require('./icons/waiting_circle.png')\n}\nexport const WARN: IconItem = {\n // 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'),\n defaultColor: '#F43530',\n image: require('./icons/warn.png')\n}\nexport const INFO_CIRCLE: IconItem = {\n // 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'),\n // There is no mentions of this one.\n defaultColor: '#10AEFF',\n image: require('./icons/info_circle.png')\n}\nexport const CANCEL: IconItem = {\n // 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'),\n defaultColor: '#F43530',\n image: require('./icons/cancel.png')\n}\nexport const SEARCH: IconItem = {\n // 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'),\n defaultColor: '#B2B2B2',\n image: require('./icons/search.png')\n}\nexport const CLEAR: IconItem = {\n // 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'),\n defaultColor: '#B2B2B2',\n image: require('./icons/clear.png')\n}\nexport const BACK: IconItem = {\n // 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'),\n // defaultColor: '',\n image: require('./icons/back.png')\n}\nexport const DELETE: IconItem = {\n // 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'),\n // defaultColor: '',\n image: require('./icons/delete.png')\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
// _Block.displayName = '_Block'
|
|
3
3
|
const _Block = (props) => {
|
|
4
|
-
return (
|
|
4
|
+
return (_jsx(_Fragment, { children: props.children }));
|
|
5
5
|
};
|
|
6
6
|
export { _Block };
|
|
7
7
|
export default _Block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Block/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Block/index.tsx"],"names":[],"mappings":";AAIA,gCAAgC;AAEhC,MAAM,MAAM,GAAyB,CAAC,KAAK,EAAE,EAAE;IAC7C,OAAO,CACL,4BACG,KAAK,CAAC,QAAQ,GACd,CACJ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,eAAe,MAAM,CAAA","sourcesContent":["import * as React from 'react'\n\nimport { _ViewProps } from '../View/PropsType'\n\n// _Block.displayName = '_Block'\n\nconst _Block: React.FC<_ViewProps> = (props) => {\n return (\n <>\n {props.children}\n </>\n )\n}\n\nexport { _Block }\nexport default _Block\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
export interface ButtonState {
|
|
3
|
+
isHover: boolean;
|
|
4
|
+
}
|
|
5
|
+
export interface ButtonProps {
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
size: 'default' | 'mini';
|
|
9
|
+
type: 'primary' | 'default' | 'warn';
|
|
10
|
+
plain?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
formType?: 'submit' | 'reset';
|
|
14
|
+
hoverStyle?: StyleProp<ViewStyle>;
|
|
15
|
+
hoverStartTime?: number;
|
|
16
|
+
hoverStayTime?: number;
|
|
17
|
+
onClick?: () => void;
|
|
18
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Button/PropsType.tsx"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Button/PropsType.tsx"],"names":[],"mappings":"","sourcesContent":["import { StyleProp, ViewStyle } from 'react-native'\n\nexport interface ButtonState {\n isHover: boolean\n}\n\nexport interface ButtonProps {\n style?: StyleProp<ViewStyle>\n children?: React.ReactNode\n size: 'default' | 'mini'\n type: 'primary' | 'default' | 'warn'\n plain?: boolean\n disabled?: boolean\n loading?: boolean\n formType?: 'submit' | 'reset'\n hoverStyle?: StyleProp<ViewStyle>\n // hoverStopPropagation: boolean;\n hoverStartTime?: number\n hoverStayTime?: number\n onClick?: () => void\n}\n"]}
|
|
@@ -0,0 +1,59 @@
|
|
|
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 { GestureResponderEvent, TouchableWithoutFeedback } from 'react-native';
|
|
33
|
+
import { ButtonProps, ButtonState } from './PropsType';
|
|
34
|
+
declare class _Button extends React.Component<ButtonProps, ButtonState> {
|
|
35
|
+
static displayName: string;
|
|
36
|
+
static defaultProps: {
|
|
37
|
+
size: string;
|
|
38
|
+
type: string;
|
|
39
|
+
hoverStyle: {
|
|
40
|
+
opacity: number;
|
|
41
|
+
};
|
|
42
|
+
hoverStartTime: number;
|
|
43
|
+
hoverStayTime: number;
|
|
44
|
+
disabled: boolean;
|
|
45
|
+
};
|
|
46
|
+
$touchable: React.RefObject<TouchableWithoutFeedback | null>;
|
|
47
|
+
isTouchEnd: boolean;
|
|
48
|
+
pressInTimer: ReturnType<typeof setTimeout>;
|
|
49
|
+
pressOutTimer: ReturnType<typeof setTimeout>;
|
|
50
|
+
state: ButtonState;
|
|
51
|
+
componentWillUnmount(): void;
|
|
52
|
+
onPress: () => void;
|
|
53
|
+
onPressIn: () => void;
|
|
54
|
+
stopHover: () => void;
|
|
55
|
+
onPressOut: () => void;
|
|
56
|
+
_simulateNativePress: (evt: GestureResponderEvent) => void;
|
|
57
|
+
render(): React.ReactNode;
|
|
58
|
+
}
|
|
59
|
+
export default _Button;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
/**
|
|
2
3
|
* ✔ size
|
|
3
4
|
* ✔ type
|
|
@@ -58,8 +59,7 @@ const Loading = (props) => {
|
|
|
58
59
|
if (!hasSibling) {
|
|
59
60
|
loadingStyle.marginRight = 0;
|
|
60
61
|
}
|
|
61
|
-
return (
|
|
62
|
-
React.createElement(Image, { accessibilityLabel: 'loading image', source: type === 'warn' ? loadingWarnPng : ladingPng, style: styles.loadingImg })));
|
|
62
|
+
return (_jsx(Animated.View, { testID: 'loading', style: loadingStyle, children: _jsx(Image, { accessibilityLabel: 'loading image', source: type === 'warn' ? loadingWarnPng : ladingPng, style: styles.loadingImg }) }));
|
|
63
63
|
};
|
|
64
64
|
class _Button extends React.Component {
|
|
65
65
|
constructor() {
|
|
@@ -133,17 +133,14 @@ class _Button extends React.Component {
|
|
|
133
133
|
? `rgba(0,0,0,${disabled ? 0.3 : 1})`
|
|
134
134
|
: `rgba(255,255,255,${disabled ? 0.6 : 1})`;
|
|
135
135
|
const textHoverStyle = this.state.isHover ? extracteTextStyle(hoverStyle) : {};
|
|
136
|
-
return (
|
|
137
|
-
React.createElement(View, { style: [
|
|
136
|
+
return (_jsx(TouchableWithoutFeedback, { onPress: this.onPress, onLongPress: this.onPress, onPressIn: this.onPressIn, onPressOut: this.onPressOut, ref: this.$touchable, accessibilityRole: "button", disabled: disabled, children: _jsxs(View, { style: [
|
|
138
137
|
styles.btn,
|
|
139
138
|
!isDefaultSize && styles.btnMini,
|
|
140
139
|
{ backgroundColor },
|
|
141
140
|
borderStyle,
|
|
142
141
|
style,
|
|
143
142
|
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))));
|
|
143
|
+
], children: [loading && _jsx(Loading, { hasSibling: !!React.Children.count(children), type: type }), Array.isArray(children) ? (children.map((c, i) => (_jsx(Text, { style: [styles.btnText, !isDefaultSize && styles.btnTextMini, { color: textColor }, textHoverStyle], children: c }, i)))) : (['string', 'number'].indexOf(typeof children) > -1) ? (_jsx(Text, { style: [styles.btnText, !isDefaultSize && styles.btnTextMini, { color: textColor }, textHoverStyle], children: children })) : (children)] }) }));
|
|
147
144
|
}
|
|
148
145
|
}
|
|
149
146
|
_Button.displayName = '_Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ✔ size\n * ✔ type\n * ✔ plain\n * ✔ disabled\n * ✔ loading\n * ✔ formType (form-type)\n * ✔ hoverStyle: Convert hoverClass to hoverStyle.\n * ✘ hoverStopPropagation\n * ✔ hoverStartTime\n * ✔ hoverStayTime\n * ✔ onClick\n * - open-type\n * - lang\n * - bindgetuserinfo\n * - session-from\n * - send-message-title\n * - send-message-path\n * - send-message-img\n * - show-message-card\n * - bindcontact\n * - bindgetphonenumber\n * - bindchooseavatar\n * - app-parameter\n * - binderror\n * - bindopensetting\n *\n * 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>\n * 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\n */\n\nimport * as React from 'react'\nimport {\n Animated,\n Easing,\n GestureResponderEvent,\n Image,\n StyleProp,\n Text,\n TouchableWithoutFeedback,\n View,\n ViewStyle\n} from 'react-native'\n\nimport ladingPng from '../../assets/loading.png'\nimport loadingWarnPng from '../../assets/loading-warn.png'\nimport { extracteTextStyle, noop } from '../../utils'\nimport { ButtonProps, ButtonState } from './PropsType'\nimport styles from './styles'\n\nconst Loading = (props: { type: ButtonProps['type'], hasSibling: boolean }) => {\n const { type = 'primary', hasSibling } = props\n const rotate = React.useRef(new Animated.Value(0)).current\n\n React.useEffect(() => {\n const animation = Animated.loop(\n Animated.timing(rotate, {\n toValue: 1,\n duration: 1000,\n easing: Easing.linear,\n useNativeDriver: true,\n isInteraction: false,\n })\n )\n animation.start()\n\n return () => {\n animation.stop()\n }\n }, [])\n\n const rotateDeg: Animated.AnimatedInterpolation<string | number> = rotate.interpolate({\n inputRange: [0, 1],\n outputRange: ['0deg', '360deg']\n })\n\n const loadingStyle = {\n ...styles.loading,\n transform: [{ rotate: rotateDeg }]\n }\n if (!hasSibling) {\n loadingStyle.marginRight = 0\n }\n\n return (\n <Animated.View testID='loading' style={loadingStyle}>\n <Image\n accessibilityLabel='loading image'\n source={\n type === 'warn' ? loadingWarnPng : ladingPng\n }\n style={styles.loadingImg}\n />\n </Animated.View>\n )\n}\n\nclass _Button extends React.Component<ButtonProps, ButtonState> {\n static displayName = '_Button'\n static defaultProps = {\n size: 'default',\n type: 'default',\n hoverStyle: { opacity: 0.8 },\n hoverStartTime: 20,\n hoverStayTime: 70,\n disabled: false,\n }\n\n $touchable = React.createRef<TouchableWithoutFeedback>()\n\n isTouchEnd = false\n pressInTimer: ReturnType<typeof setTimeout>\n pressOutTimer: ReturnType<typeof setTimeout>\n\n state: ButtonState = {\n isHover: false\n }\n\n componentWillUnmount():void {\n clearTimeout(this.pressOutTimer)\n clearTimeout(this.pressInTimer)\n }\n\n onPress = (): void => {\n const { disabled, onClick = noop } = this.props\n !disabled && onClick()\n }\n\n onPressIn = (): void => {\n const { hoverStartTime, hoverStyle } = this.props\n this.isTouchEnd = false\n if (hoverStyle) {\n this.pressInTimer = setTimeout(() => {\n this.setState({ isHover: true }, () => {\n if (this.isTouchEnd) {\n // short press\n this.stopHover()\n }\n })\n clearTimeout(this.pressInTimer)\n }, hoverStartTime)\n }\n }\n\n stopHover = (): void => {\n const { hoverStayTime } = this.props\n this.pressOutTimer = setTimeout(() => {\n this.setState({ isHover: false })\n clearTimeout(this.pressOutTimer)\n }, hoverStayTime)\n }\n\n onPressOut = (): void => {\n const { hoverStyle } = this.props\n const { isHover } = this.state\n this.isTouchEnd = true\n if (hoverStyle && isHover) {\n // long press or error boundary\n this.stopHover()\n }\n }\n\n _simulateNativePress = (evt: GestureResponderEvent): void => {\n const node = this.$touchable.current\n node && node.props.onPress && node.props.onPress(evt)\n }\n\n render(): React.ReactNode {\n const {\n style,\n children,\n size,\n type,\n plain,\n disabled,\n loading,\n hoverStyle,\n } = this.props\n\n const isDefaultSize: boolean = size === 'default'\n const isDefaultType: boolean = type === 'default'\n const themeColorMap: { default: string[], primary: string[], warn: string[] } = {\n default: ['#F8F8F8', '#f7f7f7'],\n primary: ['#1AAD19', '#9ED99D'],\n warn: ['#E64340', '#EC8B89']\n }\n // Use themeColorMap normally as PLAIN is false (by default),\n // otherwise use rgb(53,53,53) for plain-default-type particularly.\n const themeColor: string =\n plain && isDefaultType ? `rgba(53,53,53,${disabled ? 0.6 : 1})` : themeColorMap[type][disabled ? 1 : 0]\n const backgroundColor: string = plain ? 'transparent' : themeColor\n const borderStyle: StyleProp<ViewStyle> = plain && { borderWidth: 1, borderColor: themeColor }\n const textColor: string = plain\n ? themeColor\n : isDefaultType\n ? `rgba(0,0,0,${disabled ? 0.3 : 1})`\n : `rgba(255,255,255,${disabled ? 0.6 : 1})`\n const textHoverStyle = this.state.isHover ? extracteTextStyle(hoverStyle) : {}\n\n return (\n <TouchableWithoutFeedback\n onPress={this.onPress}\n onLongPress={this.onPress}\n onPressIn={this.onPressIn}\n onPressOut={this.onPressOut}\n ref={this.$touchable}\n accessibilityRole=\"button\"\n disabled={disabled}\n >\n <View\n style={[\n styles.btn,\n !isDefaultSize && styles.btnMini,\n { backgroundColor },\n borderStyle,\n style,\n this.state.isHover && hoverStyle\n ]}\n >\n {loading && <Loading hasSibling={!!React.Children.count(children)} type={type} />}\n {\n Array.isArray(children) ? (\n children.map((c: never, i: number) => (\n <Text key={i} style={[styles.btnText, !isDefaultSize && styles.btnTextMini, { color: textColor }, textHoverStyle]}>\n {c}\n </Text>\n ))\n ) : (['string', 'number'].indexOf(typeof children) > -1) ? (\n <Text style={[styles.btnText, !isDefaultSize && styles.btnTextMini, { color: textColor }, textHoverStyle]}>{children}</Text>\n ) : (\n children\n )}\n </View>\n </TouchableWithoutFeedback>\n )\n }\n}\n\nexport default _Button\n"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
btn: {
|
|
3
|
+
flexDirection: "row";
|
|
4
|
+
justifyContent: "center";
|
|
5
|
+
alignItems: "center";
|
|
6
|
+
paddingHorizontal: number;
|
|
7
|
+
height: number;
|
|
8
|
+
borderRadius: number;
|
|
9
|
+
backgroundColor: string;
|
|
10
|
+
};
|
|
11
|
+
btnMini: {
|
|
12
|
+
height: number;
|
|
13
|
+
};
|
|
14
|
+
btnText: {
|
|
15
|
+
fontSize: number;
|
|
16
|
+
color: string;
|
|
17
|
+
};
|
|
18
|
+
btnTextMini: {
|
|
19
|
+
fontSize: number;
|
|
20
|
+
};
|
|
21
|
+
loading: {
|
|
22
|
+
marginRight: number;
|
|
23
|
+
};
|
|
24
|
+
loadingImg: {
|
|
25
|
+
width: number;
|
|
26
|
+
height: number;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export default _default;
|
|
@@ -1 +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"}
|
|
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","sourcesContent":["import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n btn: {\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n paddingHorizontal: 14,\n height: 46,\n borderRadius: 5,\n backgroundColor: '#F8F8F8',\n },\n btnMini: {\n height: 30\n },\n\n btnText: {\n fontSize: 18,\n color: '#000',\n },\n btnTextMini: {\n fontSize: 13\n },\n\n loading: {\n marginRight: 5,\n },\n loadingImg: {\n width: 20,\n height: 20\n }\n})\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CameraProps as _CameraProps } from '@tarojs/components/types/Camera';
|
|
2
|
+
import { StyleProp, ViewProps } from 'react-native';
|
|
3
|
+
import type { FlashMode } from 'expo-camera';
|
|
4
|
+
export interface CameraState {
|
|
5
|
+
hasPermission: boolean | null;
|
|
6
|
+
}
|
|
7
|
+
export interface CameraProps extends _CameraProps {
|
|
8
|
+
ratio?: string;
|
|
9
|
+
style?: StyleProp<ViewProps> | any;
|
|
10
|
+
flash?: FlashMode;
|
|
11
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Camera/PropsType.tsx"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Camera/PropsType.tsx"],"names":[],"mappings":"","sourcesContent":["import { CameraProps as _CameraProps } from '@tarojs/components/types/Camera'\nimport { StyleProp, ViewProps } from 'react-native'\n\nimport type { FlashMode } from 'expo-camera'\n\nexport interface CameraState {\n hasPermission: boolean | null\n}\n// @ts-ignore\nexport interface CameraProps extends _CameraProps {\n ratio?: string\n style?: StyleProp<ViewProps> | any\n flash?: FlashMode\n}\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CameraView, type BarcodeScanningResult, type CameraMountError } from 'expo-camera';
|
|
2
|
+
import React, { Component } from 'react';
|
|
3
|
+
import { CameraProps, CameraState } from './PropsType';
|
|
4
|
+
export declare class _Camera extends Component<CameraProps, CameraState> {
|
|
5
|
+
constructor(props: CameraProps);
|
|
6
|
+
expoCameraRef: React.RefObject<CameraView | null>;
|
|
7
|
+
componentDidMount(): Promise<void>;
|
|
8
|
+
onError: (event: CameraMountError) => void;
|
|
9
|
+
onInitDone: () => void;
|
|
10
|
+
onScanCode: (event: BarcodeScanningResult) => void;
|
|
11
|
+
render(): React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export default _Camera;
|
|
@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
7
7
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
11
|
import { Camera, CameraView, } from 'expo-camera';
|
|
11
12
|
import React, { Component } from 'react';
|
|
12
13
|
import Text from '../Text';
|
|
@@ -49,10 +50,10 @@ export class _Camera extends Component {
|
|
|
49
50
|
const { devicePosition, style, mode, flash } = this.props;
|
|
50
51
|
const facing = devicePosition === 'back' ? 'back' : 'front';
|
|
51
52
|
if (hasPermission === null) {
|
|
52
|
-
return
|
|
53
|
+
return _jsx(View, {});
|
|
53
54
|
}
|
|
54
55
|
if (hasPermission === false) {
|
|
55
|
-
return
|
|
56
|
+
return _jsx(Text, { children: "No access to camera" });
|
|
56
57
|
}
|
|
57
58
|
const barcodeScannerSettings = mode === 'scanCode'
|
|
58
59
|
? {
|
|
@@ -62,7 +63,7 @@ export class _Camera extends Component {
|
|
|
62
63
|
onBarcodeScanned: this.onScanCode,
|
|
63
64
|
}
|
|
64
65
|
: {};
|
|
65
|
-
return (
|
|
66
|
+
return (_jsx(CameraView, Object.assign({ ref: this.expoCameraRef, facing: facing, flash: flash, onMountError: this.onError, onCameraReady: this.onInitDone }, barcodeScannerSettings, { style: [styles.camera, style] })));
|
|
66
67
|
}
|
|
67
68
|
}
|
|
68
69
|
export default _Camera;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Camera/index.tsx"],"names":[],"mappings":"
|
|
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,KAAC,IAAI,KAAG,CAAA;QACjB,CAAC;QACD,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;YAC5B,OAAO,KAAC,IAAI,sCAA2B,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,KAAC,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","sourcesContent":["import {\n Camera,\n CameraView,\n type BarcodeScanningResult,\n type CameraMountError,\n type CameraType,\n} from 'expo-camera'\nimport React, { Component } from 'react'\n\nimport Text from '../Text'\nimport View from '../View'\nimport { CameraProps, CameraState } from './PropsType'\nimport styles from './styles'\n\nexport class _Camera extends Component<CameraProps, CameraState> {\n constructor(props: CameraProps) {\n super(props)\n this.state = {\n hasPermission: null,\n }\n }\n\n expoCameraRef = React.createRef<CameraView>()\n\n async componentDidMount(): Promise<void> {\n const permission = await Camera.requestCameraPermissionsAsync()\n this.setState({\n hasPermission: permission.granted,\n })\n }\n\n onError = (event: CameraMountError): void => {\n this.props.onError && this.props.onError(event as any)\n }\n\n onInitDone = (): void => {\n global._taroCamera = this.expoCameraRef?.current\n const event: any = {}\n this.props.onInitDone && this.props.onInitDone(event)\n }\n\n onScanCode = (event: BarcodeScanningResult): void => {\n const { data } = event\n this.props.onScanCode &&\n this.props.onScanCode({\n detail: {\n result: data,\n },\n ...event,\n } as any)\n }\n\n render(): React.ReactNode {\n const { hasPermission } = this.state\n const { devicePosition, style, mode, flash } = this.props\n const facing: CameraType = devicePosition === 'back' ? 'back' : 'front'\n\n if (hasPermission === null) {\n return <View />\n }\n if (hasPermission === false) {\n return <Text>No access to camera</Text>\n }\n\n const barcodeScannerSettings =\n mode === 'scanCode'\n ? {\n barcodeScannerSettings: {\n barcodeTypes: ['qr' as const],\n },\n onBarcodeScanned: this.onScanCode,\n }\n : {}\n\n return (\n <CameraView\n ref={this.expoCameraRef}\n facing={facing}\n flash={flash}\n onMountError={this.onError}\n onCameraReady={this.onInitDone}\n {...barcodeScannerSettings}\n style={[styles.camera, style]}\n />\n )\n }\n}\n\nexport default _Camera\n"]}
|
|
@@ -1 +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"}
|
|
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","sourcesContent":["import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n camera: {\n width: 300,\n height: 300\n }\n})\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
+
export type EventOnChange = {
|
|
3
|
+
value: any;
|
|
4
|
+
checked: boolean;
|
|
5
|
+
};
|
|
6
|
+
export interface CheckboxState {
|
|
7
|
+
checked: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface CheckboxProps {
|
|
10
|
+
style?: StyleProp<ViewStyle>;
|
|
11
|
+
value: any;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
checked?: boolean;
|
|
14
|
+
color?: string;
|
|
15
|
+
onChange?: (evt: EventOnChange) => void;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Checkbox/PropsType.tsx"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Checkbox/PropsType.tsx"],"names":[],"mappings":"","sourcesContent":["import { StyleProp, ViewStyle } from 'react-native'\n\nexport type EventOnChange = {\n value: any\n checked: boolean\n}\n\nexport interface CheckboxState {\n checked: boolean\n}\n\nexport interface CheckboxProps {\n style?: StyleProp<ViewStyle>\n value: any\n disabled?: boolean\n checked?: boolean\n color?: string\n onChange?: (evt: EventOnChange) => void\n children?: React.ReactNode\n}\n"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
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 { CheckboxProps, CheckboxState } from './PropsType';
|
|
14
|
+
declare class _Checkbox extends React.Component<CheckboxProps, CheckboxState> {
|
|
15
|
+
static displayName: string;
|
|
16
|
+
static defaultProps: {
|
|
17
|
+
value: string;
|
|
18
|
+
color: string;
|
|
19
|
+
};
|
|
20
|
+
static getDerivedStateFromProps(props: CheckboxProps, state: CheckboxState): CheckboxState | null;
|
|
21
|
+
state: CheckboxState;
|
|
22
|
+
_simulateNativePress: () => void;
|
|
23
|
+
onPress: () => void;
|
|
24
|
+
render(): React.ReactNode;
|
|
25
|
+
}
|
|
26
|
+
export default _Checkbox;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
/**
|
|
2
3
|
* 半受控组件
|
|
3
4
|
*
|
|
@@ -45,10 +46,7 @@ class _Checkbox extends React.Component {
|
|
|
45
46
|
render() {
|
|
46
47
|
const { style, color } = this.props;
|
|
47
48
|
const { checked } = this.state;
|
|
48
|
-
return (
|
|
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)));
|
|
49
|
+
return (_jsxs(View, { style: styles.container, onClick: this.onPress, children: [_jsx(View, { style: [styles.wrapper, style, checked && styles.wrapperChecked], children: _jsx(Icon, { type: "success_no_circle", size: 18, color: color, style: [styles.wrapperIcon, checked && styles.wrapperCheckedIcon] }) }), _jsx(View, { style: { flexGrow: 0 }, children: this.props.children })] }));
|
|
52
50
|
}
|
|
53
51
|
}
|
|
54
52
|
_Checkbox.displayName = '_Checkbox';
|
|
@@ -1 +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,
|
|
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,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,aAClD,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC,YACpE,KAAC,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,GACG,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YACzB,IAAI,CAAC,KAAK,CAAC,QAAQ,GACf,IACF,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","sourcesContent":["/**\n * 半受控组件\n *\n * ✔ value\n * ✔ disabled\n * ✔ checked\n * ✔ color\n * ✔ onChange\n *\n * @see https://wechat.design/brand/color\n */\n\nimport * as React from 'react'\n\nimport { noop } from '../../utils'\nimport Icon from '../Icon'\nimport View from '../View'\nimport { CheckboxProps, CheckboxState } from './PropsType'\nimport styles from './styles'\n\nclass _Checkbox extends React.Component<CheckboxProps, CheckboxState> {\n static displayName = '_Checkbox'\n static defaultProps = {\n value: '',\n color: '#09BB07'\n }\n\n static getDerivedStateFromProps(props: CheckboxProps, state: CheckboxState): CheckboxState | null {\n return props.checked !== state.checked\n ? {\n checked: !!props.checked\n }\n : null\n }\n\n state: CheckboxState = {\n checked: false,\n }\n\n _simulateNativePress = (): void => {\n this.onPress()\n }\n\n onPress = (): void => {\n const { disabled, onChange = noop, value } = this.props\n if (disabled) return\n const checked = !this.state.checked\n onChange({\n value,\n checked\n })\n\n this.setState({ checked })\n }\n\n render(): React.ReactNode {\n const { style, color } = this.props\n const { checked } = this.state\n\n return (\n <View style={styles.container} onClick={this.onPress}>\n <View style={[styles.wrapper, style, checked && styles.wrapperChecked]}>\n <Icon\n type=\"success_no_circle\"\n size={18}\n color={color}\n style={[styles.wrapperIcon, checked && styles.wrapperCheckedIcon]}\n />\n </View>\n <View style={{ flexGrow: 0 }}>\n {this.props.children}\n </View>\n </View>\n )\n }\n}\n\nexport default _Checkbox\n"]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
wrapper: {
|
|
3
|
+
alignItems: "center";
|
|
4
|
+
justifyContent: "center";
|
|
5
|
+
width: number;
|
|
6
|
+
height: number;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
borderWidth: number;
|
|
9
|
+
borderRadius: number;
|
|
10
|
+
backgroundColor: string;
|
|
11
|
+
};
|
|
12
|
+
wrapperChecked: {};
|
|
13
|
+
wrapperIcon: {
|
|
14
|
+
opacity: number;
|
|
15
|
+
};
|
|
16
|
+
wrapperCheckedIcon: {
|
|
17
|
+
opacity: number;
|
|
18
|
+
};
|
|
19
|
+
container: {
|
|
20
|
+
flexDirection: "row";
|
|
21
|
+
alignItems: "center";
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default _default;
|
|
@@ -1 +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"}
|
|
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","sourcesContent":["import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n wrapper: {\n alignItems: 'center',\n justifyContent: 'center',\n width: 24,\n height: 24,\n borderColor: '#f3f3f3',\n borderWidth: 2,\n borderRadius: 4,\n backgroundColor: '#ffffff'\n },\n wrapperChecked: {\n // borderColor: '#2BA245',\n // backgroundColor: '#2BA245'\n },\n wrapperIcon: {\n opacity: 0\n },\n wrapperCheckedIcon: {\n opacity: 1\n },\n container: {\n flexDirection: 'row',\n alignItems: 'center'\n }\n})\n"]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { FormItemProps } from '@tarojs/components';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
4
|
+
export type EventOnChange = {
|
|
5
|
+
value: any;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type EventGroupOnChange = {
|
|
9
|
+
detail: {
|
|
10
|
+
value: any[];
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export interface CheckboxGroupProps extends FormItemProps {
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
style?: StyleProp<ViewStyle>;
|
|
16
|
+
onChange?: (evt: EventGroupOnChange) => void;
|
|
17
|
+
_onGroupDataInitial?: (values: any[]) => void;
|
|
18
|
+
}
|
|
19
|
+
export interface ValueProps {
|
|
20
|
+
value: any;
|
|
21
|
+
checked: boolean;
|
|
22
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/PropsType.tsx"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/PropsType.tsx"],"names":[],"mappings":"","sourcesContent":["import { FormItemProps } from '@tarojs/components'\nimport * as React from 'react'\nimport { StyleProp, ViewStyle } from 'react-native'\n\nexport type EventOnChange = {\n value: any\n checked: boolean\n};\n\nexport type EventGroupOnChange = {\n detail: {\n value: any[]\n }\n};\n\nexport interface CheckboxGroupProps extends FormItemProps {\n children?: React.ReactNode\n style?: StyleProp<ViewStyle>\n onChange?: (evt: EventGroupOnChange) => void\n _onGroupDataInitial?: (values: any[]) => void\n}\n\nexport interface ValueProps {\n value: any\n checked: boolean\n}\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ✔ onChange(bindchange)
|
|
3
|
+
*
|
|
4
|
+
* @warn No support of props FOR, you must put checkbox below label straightly.
|
|
5
|
+
*/
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import { CheckboxGroupProps, EventOnChange, ValueProps } from './PropsType';
|
|
8
|
+
declare class _CheckboxGroup extends React.Component<CheckboxGroupProps> {
|
|
9
|
+
static displayName: string;
|
|
10
|
+
values: ValueProps[];
|
|
11
|
+
tmpIndex: number;
|
|
12
|
+
getDataFromValues: () => ValueProps[];
|
|
13
|
+
toggleChange: (e: EventOnChange, index: number) => void;
|
|
14
|
+
findAndAttachCb: (children: React.ReactNode) => React.ReactNode;
|
|
15
|
+
render(): React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export default _CheckboxGroup;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
/**
|
|
2
3
|
* ✔ onChange(bindchange)
|
|
3
4
|
*
|
|
@@ -56,7 +57,7 @@ class _CheckboxGroup extends React.Component {
|
|
|
56
57
|
this.tmpIndex = 0;
|
|
57
58
|
const mapChildren = this.findAndAttachCb(children);
|
|
58
59
|
_onGroupDataInitial(this.getDataFromValues());
|
|
59
|
-
return (
|
|
60
|
+
return (_jsx(View, { style: style, children: mapChildren }));
|
|
60
61
|
}
|
|
61
62
|
}
|
|
62
63
|
_CheckboxGroup.displayName = '_CheckboxGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,IAAI,GACL,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAGlC,MAAM,cAAe,SAAQ,KAAK,CAAC,SAA6B;IAAhE;;QAGE,WAAM,GAAiB,EAAE,CAAA;QACzB,aAAQ,GAAG,CAAC,CAAA;QAEZ,sBAAiB,GAAG,GAAiB,EAAE;YACrC,OAAO,IAAI,CAAC,MAAM;iBACf,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;iBAC9B,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC,CAAA;QAED,iBAAY,GAAG,CAAC,CAAgB,EAAE,KAAa,EAAQ,EAAE;YACvD,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YACtC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG;gBACnB,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,OAAO,EAAE,CAAC,CAAC,OAAO;aACnB,CAAA;YACD,QAAQ,CAAC;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE;iBAChC;aACF,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,oBAAe,GAAG,CAAC,QAAyB,EAAmB,EAAE;YAC/D,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE;gBACzD,IAAI,CAAC,KAAK,CAAC,IAAI;oBAAE,OAAO,KAAK,CAAA;gBAE7B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAA;gBAC5C,IAAI,aAAa,KAAK,WAAW,EAAE,CAAC;oBAClC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;oBACvD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;oBAC7B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA;oBACvC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;wBAC/B,QAAQ,EAAE,CAAC,CAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC;wBAC3D,KAAK;wBACL,QAAQ;wBACR,OAAO;wBACP,KAAK;qBACN,CAAC,CAAA;gBACJ,CAAC;qBAAM,CAAC;oBACN,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,oBAAO,KAAK,CAAC,KAAK,GAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;gBAClG,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;IAmBH,CAAC;IAjBC,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,mBAAmB,GAAG,IAAI,EAC3B,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;QACjB,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;QAClD,mBAAmB,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAA;QAE7C,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,IAAI,GACL,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAGlC,MAAM,cAAe,SAAQ,KAAK,CAAC,SAA6B;IAAhE;;QAGE,WAAM,GAAiB,EAAE,CAAA;QACzB,aAAQ,GAAG,CAAC,CAAA;QAEZ,sBAAiB,GAAG,GAAiB,EAAE;YACrC,OAAO,IAAI,CAAC,MAAM;iBACf,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;iBAC9B,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC,CAAA;QAED,iBAAY,GAAG,CAAC,CAAgB,EAAE,KAAa,EAAQ,EAAE;YACvD,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YACtC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG;gBACnB,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,OAAO,EAAE,CAAC,CAAC,OAAO;aACnB,CAAA;YACD,QAAQ,CAAC;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE;iBAChC;aACF,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,oBAAe,GAAG,CAAC,QAAyB,EAAmB,EAAE;YAC/D,OAAO,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE;gBACzD,IAAI,CAAC,KAAK,CAAC,IAAI;oBAAE,OAAO,KAAK,CAAA;gBAE7B,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAA;gBAC5C,IAAI,aAAa,KAAK,WAAW,EAAE,CAAC;oBAClC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;oBACvD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;oBAC7B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA;oBACvC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;wBAC/B,QAAQ,EAAE,CAAC,CAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC;wBAC3D,KAAK;wBACL,QAAQ;wBACR,OAAO;wBACP,KAAK;qBACN,CAAC,CAAA;gBACJ,CAAC;qBAAM,CAAC;oBACN,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,oBAAO,KAAK,CAAC,KAAK,GAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;gBAClG,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;IAmBH,CAAC;IAjBC,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,mBAAmB,GAAG,IAAI,EAC3B,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;QACjB,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;QAClD,mBAAmB,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAA;QAE7C,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,YACf,WAAW,GACP,CACR,CAAA;IACH,CAAC;;AA9DM,0BAAW,GAAG,gBAAgB,AAAnB,CAAmB;AAiEvC,eAAe,cAAc,CAAA","sourcesContent":["/**\n * ✔ onChange(bindchange)\n *\n * @warn No support of props FOR, you must put checkbox below label straightly.\n */\n\nimport * as React from 'react'\nimport {\n View,\n} from 'react-native'\n\nimport { noop } from '../../utils'\nimport { CheckboxGroupProps, EventOnChange, ValueProps } from './PropsType'\n\nclass _CheckboxGroup extends React.Component<CheckboxGroupProps> {\n static displayName = '_CheckboxGroup'\n\n values: ValueProps[] = []\n tmpIndex = 0\n\n getDataFromValues = (): ValueProps[] => {\n return this.values\n .filter((item) => item.checked)\n .map((item) => item.value)\n }\n\n toggleChange = (e: EventOnChange, index: number): void => {\n const { onChange = noop } = this.props\n this.values[index] = {\n value: e.value,\n checked: e.checked\n }\n onChange({\n detail: {\n value: this.getDataFromValues()\n }\n })\n }\n\n findAndAttachCb = (children: React.ReactNode): React.ReactNode => {\n return React.Children.toArray(children).map((child: any) => {\n if (!child.type) return child\n\n const childTypeName = child.type.displayName\n if (childTypeName === '_Checkbox') {\n const { value, disabled, checked, color } = child.props\n const index = this.tmpIndex++\n this.values[index] = { value, checked }\n return React.cloneElement(child, {\n onChange: (e: EventOnChange) => this.toggleChange(e, index),\n value,\n disabled,\n checked,\n color\n })\n } else {\n return React.cloneElement(child, { ...child.props }, this.findAndAttachCb(child.props.children))\n }\n })\n }\n\n render (): React.ReactNode {\n const {\n children,\n style,\n _onGroupDataInitial = noop\n } = this.props\n\n this.tmpIndex = 0\n const mapChildren = this.findAndAttachCb(children)\n _onGroupDataInitial(this.getDataFromValues())\n\n return (\n <View style={style}>\n {mapChildren}\n </View>\n )\n }\n}\n\nexport default _CheckboxGroup\n"]}
|