@htyf-mp/taro-components-rn 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/dist/assets/icons/back.png +0 -0
- package/dist/assets/icons/cancel.png +0 -0
- package/dist/assets/icons/circle.png +0 -0
- package/dist/assets/icons/clear.png +0 -0
- package/dist/assets/icons/delete.png +0 -0
- package/dist/assets/icons/download.png +0 -0
- package/dist/assets/icons/info.png +0 -0
- package/dist/assets/icons/info_circle.png +0 -0
- package/dist/assets/icons/safe_success.png +0 -0
- package/dist/assets/icons/safe_warn.png +0 -0
- package/dist/assets/icons/search.png +0 -0
- package/dist/assets/icons/success.png +0 -0
- package/dist/assets/icons/success_circle.png +0 -0
- package/dist/assets/icons/success_no_circle.png +0 -0
- package/dist/assets/icons/waiting.png +0 -0
- package/dist/assets/icons/waiting_circle.png +0 -0
- package/dist/assets/icons/warn.png +0 -0
- package/dist/assets/loading-warn.png +0 -0
- package/dist/assets/loading.png +0 -0
- package/dist/assets/thumb.png +0 -0
- package/dist/assets/video/full.png +0 -0
- package/dist/assets/video/mute.png +0 -0
- package/dist/assets/video/pause.png +0 -0
- package/dist/assets/video/play.png +0 -0
- package/dist/assets/video/shrink.png +0 -0
- package/dist/assets/video/unmute.png +0 -0
- package/dist/assets/video/volume.png +0 -0
- package/dist/assets/weui.js +92 -0
- package/dist/assets/weui.js.map +1 -0
- package/dist/components/Block/index.js +8 -0
- package/dist/components/Block/index.js.map +1 -0
- package/dist/components/Button/PropsType.js +2 -0
- package/dist/components/Button/PropsType.js.map +1 -0
- package/dist/components/Button/index.js +159 -0
- package/dist/components/Button/index.js.map +1 -0
- package/dist/components/Button/styles.js +30 -0
- package/dist/components/Button/styles.js.map +1 -0
- package/dist/components/Camera/PropsType.js +2 -0
- package/dist/components/Camera/PropsType.js.map +1 -0
- package/dist/components/Camera/index.js +69 -0
- package/dist/components/Camera/index.js.map +1 -0
- package/dist/components/Camera/styles.js +8 -0
- package/dist/components/Camera/styles.js.map +1 -0
- package/dist/components/Checkbox/PropsType.js +2 -0
- package/dist/components/Checkbox/PropsType.js.map +1 -0
- package/dist/components/Checkbox/index.js +60 -0
- package/dist/components/Checkbox/index.js.map +1 -0
- package/dist/components/Checkbox/styles.js +28 -0
- package/dist/components/Checkbox/styles.js.map +1 -0
- package/dist/components/CheckboxGroup/PropsType.js +2 -0
- package/dist/components/CheckboxGroup/PropsType.js.map +1 -0
- package/dist/components/CheckboxGroup/index.js +64 -0
- package/dist/components/CheckboxGroup/index.js.map +1 -0
- package/dist/components/ClickableSimplified/PropsType.js +2 -0
- package/dist/components/ClickableSimplified/PropsType.js.map +1 -0
- package/dist/components/ClickableSimplified/index.js +187 -0
- package/dist/components/ClickableSimplified/index.js.map +1 -0
- package/dist/components/CoverImage/index.js +2 -0
- package/dist/components/CoverImage/index.js.map +1 -0
- package/dist/components/CoverView/index.js +2 -0
- package/dist/components/CoverView/index.js.map +1 -0
- package/dist/components/CustomWrapper/index.js +2 -0
- package/dist/components/CustomWrapper/index.js.map +1 -0
- package/dist/components/Form/PropsType.js +2 -0
- package/dist/components/Form/PropsType.js.map +1 -0
- package/dist/components/Form/index.js +104 -0
- package/dist/components/Form/index.js.map +1 -0
- package/dist/components/Icon/PropsType.js +2 -0
- package/dist/components/Icon/PropsType.js.map +1 -0
- package/dist/components/Icon/index.js +38 -0
- package/dist/components/Icon/index.js.map +1 -0
- package/dist/components/Image/PropsType.js +2 -0
- package/dist/components/Image/PropsType.js.map +1 -0
- package/dist/components/Image/index.js +162 -0
- package/dist/components/Image/index.js.map +1 -0
- package/dist/components/Input/PropsType.js +2 -0
- package/dist/components/Input/PropsType.js.map +1 -0
- package/dist/components/Input/index.js +215 -0
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/Label/PropsType.js +2 -0
- package/dist/components/Label/PropsType.js.map +1 -0
- package/dist/components/Label/index.js +45 -0
- package/dist/components/Label/index.js.map +1 -0
- package/dist/components/Map/index.js +146 -0
- package/dist/components/Map/index.js.map +1 -0
- package/dist/components/MovableArea/PropsType.js +2 -0
- package/dist/components/MovableArea/PropsType.js.map +1 -0
- package/dist/components/MovableArea/index.js +26 -0
- package/dist/components/MovableArea/index.js.map +1 -0
- package/dist/components/MovableView/PropsType.js +2 -0
- package/dist/components/MovableView/PropsType.js.map +1 -0
- package/dist/components/MovableView/index.js +107 -0
- package/dist/components/MovableView/index.js.map +1 -0
- package/dist/components/Navigator/index.js +39 -0
- package/dist/components/Navigator/index.js.map +1 -0
- package/dist/components/PageContainer/PropsType.js +2 -0
- package/dist/components/PageContainer/PropsType.js.map +1 -0
- package/dist/components/PageContainer/container.js +104 -0
- package/dist/components/PageContainer/container.js.map +1 -0
- package/dist/components/PageContainer/index.js +34 -0
- package/dist/components/PageContainer/index.js.map +1 -0
- package/dist/components/Picker/PropsType.js +2 -0
- package/dist/components/Picker/PropsType.js.map +1 -0
- package/dist/components/Picker/date.js +96 -0
- package/dist/components/Picker/date.js.map +1 -0
- package/dist/components/Picker/index.js +64 -0
- package/dist/components/Picker/index.js.map +1 -0
- package/dist/components/Picker/multiSelector.js +136 -0
- package/dist/components/Picker/multiSelector.js.map +1 -0
- package/dist/components/Picker/region.js +116 -0
- package/dist/components/Picker/region.js.map +1 -0
- package/dist/components/Picker/regionData.js +6100 -0
- package/dist/components/Picker/regionData.js.map +1 -0
- package/dist/components/Picker/selector.js +103 -0
- package/dist/components/Picker/selector.js.map +1 -0
- package/dist/components/Picker/time.js +81 -0
- package/dist/components/Picker/time.js.map +1 -0
- package/dist/components/PickerView/PropsType.js +2 -0
- package/dist/components/PickerView/PropsType.js.map +1 -0
- package/dist/components/PickerView/index.js +55 -0
- package/dist/components/PickerView/index.js.map +1 -0
- package/dist/components/PickerViewColumn/index.js +12 -0
- package/dist/components/PickerViewColumn/index.js.map +1 -0
- package/dist/components/Progress/PropsType.js +2 -0
- package/dist/components/Progress/PropsType.js.map +1 -0
- package/dist/components/Progress/index.js +119 -0
- package/dist/components/Progress/index.js.map +1 -0
- package/dist/components/Progress/styles.js +15 -0
- package/dist/components/Progress/styles.js.map +1 -0
- package/dist/components/Provider/index.js +3 -0
- package/dist/components/Provider/index.js.map +1 -0
- package/dist/components/Radio/PropsType.js +2 -0
- package/dist/components/Radio/PropsType.js.map +1 -0
- package/dist/components/Radio/index.js +59 -0
- package/dist/components/Radio/index.js.map +1 -0
- package/dist/components/Radio/styles.js +28 -0
- package/dist/components/Radio/styles.js.map +1 -0
- package/dist/components/RadioGroup/PropsType.js +2 -0
- package/dist/components/RadioGroup/PropsType.js.map +1 -0
- package/dist/components/RadioGroup/index.js +57 -0
- package/dist/components/RadioGroup/index.js.map +1 -0
- package/dist/components/RichText/PropsType.js +2 -0
- package/dist/components/RichText/PropsType.js.map +1 -0
- package/dist/components/RichText/index.js +65 -0
- package/dist/components/RichText/index.js.map +1 -0
- package/dist/components/ScrollView/PropsType.js +2 -0
- package/dist/components/ScrollView/PropsType.js.map +1 -0
- package/dist/components/ScrollView/index.js +238 -0
- package/dist/components/ScrollView/index.js.map +1 -0
- package/dist/components/Slider/PropsType.js +2 -0
- package/dist/components/Slider/PropsType.js.map +1 -0
- package/dist/components/Slider/index.js +84 -0
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/Slider/styles.js +14 -0
- package/dist/components/Slider/styles.js.map +1 -0
- package/dist/components/Swiper/PropsType.js +2 -0
- package/dist/components/Swiper/PropsType.js.map +1 -0
- package/dist/components/Swiper/carousel.js +226 -0
- package/dist/components/Swiper/carousel.js.map +1 -0
- package/dist/components/Swiper/index.js +74 -0
- package/dist/components/Swiper/index.js.map +1 -0
- package/dist/components/Swiper/pagination.js +50 -0
- package/dist/components/Swiper/pagination.js.map +1 -0
- package/dist/components/SwiperItem/PropsType.js +2 -0
- package/dist/components/SwiperItem/PropsType.js.map +1 -0
- package/dist/components/SwiperItem/index.js +14 -0
- package/dist/components/SwiperItem/index.js.map +1 -0
- package/dist/components/SwiperItem/styles.js +9 -0
- package/dist/components/SwiperItem/styles.js.map +1 -0
- package/dist/components/Switch/PropsType.js +2 -0
- package/dist/components/Switch/PropsType.js.map +1 -0
- package/dist/components/Switch/index.js +93 -0
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Text/PropsType.js +2 -0
- package/dist/components/Text/PropsType.js.map +1 -0
- package/dist/components/Text/index.js +25 -0
- package/dist/components/Text/index.js.map +1 -0
- package/dist/components/Textarea/PropsType.js +2 -0
- package/dist/components/Textarea/PropsType.js.map +1 -0
- package/dist/components/Textarea/index.js +31 -0
- package/dist/components/Textarea/index.js.map +1 -0
- package/dist/components/Video/PropsType.js +2 -0
- package/dist/components/Video/PropsType.js.map +1 -0
- package/dist/components/Video/controls.js +166 -0
- package/dist/components/Video/controls.js.map +1 -0
- package/dist/components/Video/danmu.js +101 -0
- package/dist/components/Video/danmu.js.map +1 -0
- package/dist/components/Video/index.js +380 -0
- package/dist/components/Video/index.js.map +1 -0
- package/dist/components/Video/style.js +235 -0
- package/dist/components/Video/style.js.map +1 -0
- package/dist/components/Video/utils.js +14 -0
- package/dist/components/Video/utils.js.map +1 -0
- package/dist/components/View/PropsType.js +2 -0
- package/dist/components/View/PropsType.js.map +1 -0
- package/dist/components/View/index.js +46 -0
- package/dist/components/View/index.js.map +1 -0
- package/dist/components/VirtualList/PropsType.js +2 -0
- package/dist/components/VirtualList/PropsType.js.map +1 -0
- package/dist/components/VirtualList/index.js +82 -0
- package/dist/components/VirtualList/index.js.map +1 -0
- package/dist/components/WebView/PropsType.js +2 -0
- package/dist/components/WebView/PropsType.js.map +1 -0
- package/dist/components/WebView/index.js +31 -0
- package/dist/components/WebView/index.js.map +1 -0
- package/dist/components/hooks/PropsType.js +2 -0
- package/dist/components/hooks/PropsType.js.map +1 -0
- package/dist/components/hooks/useClickable.js +168 -0
- package/dist/components/hooks/useClickable.js.map +1 -0
- package/dist/index.js +38 -0
- package/dist/index.js.map +1 -0
- package/dist/setup.js +12 -0
- package/dist/setup.js.map +1 -0
- package/dist/utils/index.js +87 -0
- package/dist/utils/index.js.map +1 -0
- package/package.json +73 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { useCallback, } from 'react';
|
|
2
|
+
import { omit } from '../../utils';
|
|
3
|
+
import View from '../View';
|
|
4
|
+
let navigateTo, navigateBack, redirectTo, switchTab, reLaunch;
|
|
5
|
+
try {
|
|
6
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
7
|
+
const routerObj = require('@htyf-mp/taro-router-rn');
|
|
8
|
+
navigateTo = routerObj === null || routerObj === void 0 ? void 0 : routerObj.navigateTo;
|
|
9
|
+
navigateBack = routerObj === null || routerObj === void 0 ? void 0 : routerObj.navigateBack;
|
|
10
|
+
redirectTo = routerObj === null || routerObj === void 0 ? void 0 : routerObj.redirectTo;
|
|
11
|
+
switchTab = routerObj === null || routerObj === void 0 ? void 0 : routerObj.switchTab;
|
|
12
|
+
reLaunch = routerObj === null || routerObj === void 0 ? void 0 : routerObj.reLaunch;
|
|
13
|
+
}
|
|
14
|
+
catch (error) { }
|
|
15
|
+
export default function Navigator(props) {
|
|
16
|
+
const { url = '', openType, delta } = props;
|
|
17
|
+
const handleClick = useCallback(() => {
|
|
18
|
+
switch (openType) {
|
|
19
|
+
case 'navigateBack':
|
|
20
|
+
navigateBack({ delta });
|
|
21
|
+
break;
|
|
22
|
+
case 'redirect':
|
|
23
|
+
redirectTo({ url });
|
|
24
|
+
break;
|
|
25
|
+
case 'switchTab':
|
|
26
|
+
switchTab({ url });
|
|
27
|
+
break;
|
|
28
|
+
case 'reLaunch':
|
|
29
|
+
reLaunch({ url });
|
|
30
|
+
break;
|
|
31
|
+
default:
|
|
32
|
+
navigateTo({ url });
|
|
33
|
+
break;
|
|
34
|
+
}
|
|
35
|
+
}, [openType, url, delta]);
|
|
36
|
+
const otherProps = omit(props, ['url', 'openType', 'delta']);
|
|
37
|
+
return React.createElement(View, Object.assign({ onClick: handleClick }, otherProps));
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navigator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,GACZ,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,IAAI,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAA;AAC7D,IAAI,CAAC;IACH,8DAA8D;IAC9D,MAAM,SAAS,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAA;IACpD,UAAU,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,CAAA;IAClC,YAAY,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CAAA;IACtC,UAAU,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,CAAA;IAClC,SAAS,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAA;IAChC,QAAQ,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAA;AAChC,CAAC;AAAC,OAAO,KAAK,EAAE,CAAC,CAAA,CAAC;AAElB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,KAAqB;IACtD,MAAM,EACJ,GAAG,GAAG,EAAE,EACR,QAAQ,EACR,KAAK,EACN,GAAG,KAAK,CAAA;IAET,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,cAAc;gBACjB,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;gBACvB,MAAK;YACP,KAAK,UAAU;gBACb,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;gBACnB,MAAK;YACP,KAAK,WAAW;gBACd,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;gBAClB,MAAK;YACP,KAAK,UAAU;gBACb,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;gBACjB,MAAK;YACP;gBACE,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;gBACnB,MAAK;QACT,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;IAC5D,OAAO,oBAAC,IAAI,kBAAC,OAAO,EAAE,WAAW,IAAM,UAAU,EAAI,CAAA;AACvD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/PageContainer/PropsType.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Animated, Dimensions, Easing, StyleSheet, View } from 'react-native';
|
|
4
|
+
const ScreenHeight = Dimensions.get('window').height;
|
|
5
|
+
const ScreenWidth = Dimensions.get('window').width;
|
|
6
|
+
class _Container extends React.Component {
|
|
7
|
+
constructor(props) {
|
|
8
|
+
super(props);
|
|
9
|
+
this.y = 0;
|
|
10
|
+
this.x = 0;
|
|
11
|
+
this.state = {
|
|
12
|
+
translateY: new Animated.Value(0),
|
|
13
|
+
translateX: new Animated.Value(0),
|
|
14
|
+
};
|
|
15
|
+
switch (props.position) {
|
|
16
|
+
case 'top':
|
|
17
|
+
this.y = -ScreenHeight;
|
|
18
|
+
break;
|
|
19
|
+
case 'bottom':
|
|
20
|
+
this.y = ScreenHeight;
|
|
21
|
+
break;
|
|
22
|
+
case 'right':
|
|
23
|
+
this.x = -ScreenWidth;
|
|
24
|
+
break;
|
|
25
|
+
case 'center':
|
|
26
|
+
this.y = 0;
|
|
27
|
+
break;
|
|
28
|
+
default:
|
|
29
|
+
break;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
componentDidMount() {
|
|
33
|
+
const { duration, position, onBeforeEnter, onAfterEnter } = this.props;
|
|
34
|
+
onBeforeEnter && onBeforeEnter();
|
|
35
|
+
if (position === 'top' || position === 'bottom') {
|
|
36
|
+
Animated.timing(this.state.translateY, {
|
|
37
|
+
toValue: -this.y,
|
|
38
|
+
duration: duration,
|
|
39
|
+
easing: Easing.inOut(Easing.ease),
|
|
40
|
+
useNativeDriver: true,
|
|
41
|
+
}).start();
|
|
42
|
+
}
|
|
43
|
+
else if (position === 'right') {
|
|
44
|
+
Animated.timing(this.state.translateX, {
|
|
45
|
+
toValue: this.x,
|
|
46
|
+
duration: duration,
|
|
47
|
+
easing: Easing.inOut(Easing.ease),
|
|
48
|
+
useNativeDriver: true,
|
|
49
|
+
}).start();
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
// center
|
|
53
|
+
}
|
|
54
|
+
this.enterTimer = setTimeout(() => {
|
|
55
|
+
onAfterEnter && onAfterEnter();
|
|
56
|
+
}, duration);
|
|
57
|
+
}
|
|
58
|
+
componentWillUnmount() {
|
|
59
|
+
const { onBeforeLeave, onLeave } = this.props;
|
|
60
|
+
onBeforeLeave && onBeforeLeave();
|
|
61
|
+
onLeave && onLeave();
|
|
62
|
+
this.enterTimer && clearTimeout(this.enterTimer);
|
|
63
|
+
}
|
|
64
|
+
render() {
|
|
65
|
+
const { children, overlay, round, position, overlayStyle, customStyle } = this.props;
|
|
66
|
+
const _height = position === 'top' || position === 'bottom' ? {} : { height: ScreenHeight };
|
|
67
|
+
let _radiusStyle = {};
|
|
68
|
+
if (round) {
|
|
69
|
+
if (position === 'top') {
|
|
70
|
+
_radiusStyle = {
|
|
71
|
+
borderBottomLeftRadius: 8,
|
|
72
|
+
borderBottomRightRadius: 8,
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
else if (position === 'bottom') {
|
|
76
|
+
_radiusStyle = {
|
|
77
|
+
borderTopLeftRadius: 8,
|
|
78
|
+
borderTopRightRadius: 8,
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
return (React.createElement(View, { style: StyleSheet.flatten([
|
|
83
|
+
{
|
|
84
|
+
flex: 1,
|
|
85
|
+
backgroundColor: overlay ? 'rgba(0,0,0,0.3)' : 'transparent',
|
|
86
|
+
justifyContent: position === 'bottom' ? 'flex-end' : 'flex-start',
|
|
87
|
+
},
|
|
88
|
+
overlayStyle
|
|
89
|
+
]) },
|
|
90
|
+
React.createElement(Animated.View, { style: StyleSheet.flatten([
|
|
91
|
+
Object.assign(Object.assign(Object.assign({}, _height), _radiusStyle), { width: ScreenWidth, backgroundColor: '#fff', overflow: 'hidden', transform: [
|
|
92
|
+
{
|
|
93
|
+
translateY: this.state.translateY,
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
translateX: this.state.translateX,
|
|
97
|
+
}
|
|
98
|
+
], top: this.y, right: this.x }),
|
|
99
|
+
customStyle,
|
|
100
|
+
]) }, children)));
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
export default _Container;
|
|
104
|
+
//# sourceMappingURL=container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/components/PageContainer/container.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Modal } from 'react-native';
|
|
3
|
+
import Container from './container';
|
|
4
|
+
/**
|
|
5
|
+
* NOTE:当用户进行返回操作时(右滑手势、安卓物理返回键),触发 onRequestClose 回调
|
|
6
|
+
*/
|
|
7
|
+
class _PageContainer extends React.Component {
|
|
8
|
+
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
9
|
+
componentDidUpdate(prevProps) {
|
|
10
|
+
const { onBeforeEnter, onAfterLeave } = this.props;
|
|
11
|
+
// false -> true
|
|
12
|
+
if (!prevProps.show && this.props.show) {
|
|
13
|
+
onBeforeEnter && onBeforeEnter();
|
|
14
|
+
}
|
|
15
|
+
// true -> false
|
|
16
|
+
if (prevProps.show && !this.props.show) {
|
|
17
|
+
onAfterLeave && onAfterLeave();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
const { children, show, duration, overlay, round, position, onRequestClose, onEnter, onAfterEnter, onBeforeLeave, onLeave, overlayStyle, customStyle } = this.props;
|
|
22
|
+
return (React.createElement(Modal, { visible: show, transparent: true, animationType: "fade", onRequestClose: onRequestClose, onShow: onEnter },
|
|
23
|
+
React.createElement(Container, { overlayStyle: overlayStyle, customStyle: customStyle, duration: duration, overlay: overlay, round: round, position: position, onAfterEnter: onAfterEnter, onBeforeLeave: onBeforeLeave, onLeave: onLeave }, children)));
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
_PageContainer.defaultProps = {
|
|
27
|
+
show: false,
|
|
28
|
+
duration: 300,
|
|
29
|
+
overlay: true,
|
|
30
|
+
round: false,
|
|
31
|
+
position: 'bottom'
|
|
32
|
+
};
|
|
33
|
+
export default _PageContainer;
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,SAAS,MAAM,aAAa,CAAA;AAGnC;;GAEG;AACH,MAAM,cAAe,SAAQ,KAAK,CAAC,SAAkC;IASnE,6EAA6E;IAC7E,kBAAkB,CAAC,SAAS;QAC1B,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAClD,gBAAgB;QAChB,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACvC,aAAa,IAAI,aAAa,EAAE,CAAA;QAClC,CAAC;QACD,gBAAgB;QAChB,IAAI,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACvC,YAAY,IAAI,YAAY,EAAE,CAAA;QAChC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,cAAc,EACd,OAAO,EACP,YAAY,EACZ,aAAa,EACb,OAAO,EACP,YAAY,EACZ,WAAW,EACZ,GAAG,IAAI,CAAC,KAAK,CAAA;QACd,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,IAAI,EACjB,aAAa,EAAC,MAAM,EACpB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,OAAO;YAGf,oBAAC,SAAS,IACR,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,IAEf,QAAQ,CACC,CACN,CACT,CAAA;IACH,CAAC;;AA7DM,2BAAY,GAAG;IACpB,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,QAAQ;CACnB,CAAA;AA0DH,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PropsType.js","sourceRoot":"","sources":["../../../src/components/Picker/PropsType.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import AntDatePicker from '@ant-design/react-native/lib/date-picker';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { noop } from '../../utils';
|
|
4
|
+
function formatTimeStr(time = '') {
|
|
5
|
+
let [year, month, day] = time.split('-');
|
|
6
|
+
year = ~~year || 2000;
|
|
7
|
+
month = ~~month || 1;
|
|
8
|
+
day = ~~day || 1;
|
|
9
|
+
return new Date(year, month - 1, day);
|
|
10
|
+
}
|
|
11
|
+
function dateToString(date, fields = 'day') {
|
|
12
|
+
const yyyy = date.getFullYear() + '';
|
|
13
|
+
const MM = ('0' + (date.getMonth() + 1)).slice(-2);
|
|
14
|
+
const dd = ('0' + date.getDate()).slice(-2);
|
|
15
|
+
let ret = yyyy;
|
|
16
|
+
if (fields === 'month' || fields === 'day') {
|
|
17
|
+
ret += `-${MM}`;
|
|
18
|
+
if (fields === 'day') {
|
|
19
|
+
ret += `-${dd}`;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return ret;
|
|
23
|
+
}
|
|
24
|
+
class DateSelector extends React.Component {
|
|
25
|
+
constructor() {
|
|
26
|
+
super(...arguments);
|
|
27
|
+
this.state = {
|
|
28
|
+
pValue: '',
|
|
29
|
+
value: '',
|
|
30
|
+
isInOnChangeUpdate: false,
|
|
31
|
+
};
|
|
32
|
+
this.dismissByOk = false;
|
|
33
|
+
this.onChange = (date) => {
|
|
34
|
+
const { fields = 'day', onChange = noop } = this.props;
|
|
35
|
+
const ret = dateToString(date, fields);
|
|
36
|
+
this.setState({
|
|
37
|
+
isInOnChangeUpdate: true,
|
|
38
|
+
value: ret,
|
|
39
|
+
});
|
|
40
|
+
onChange({
|
|
41
|
+
detail: {
|
|
42
|
+
value: ret
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
this.onDismiss = () => {
|
|
47
|
+
const { onCancel = noop } = this.props;
|
|
48
|
+
onCancel();
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
static getDerivedStateFromProps(nextProps, lastState) {
|
|
52
|
+
var _a;
|
|
53
|
+
// eslint-disable-next-line eqeqeq
|
|
54
|
+
const isControlled = nextProps.value != undefined;
|
|
55
|
+
if (isControlled) {
|
|
56
|
+
if (nextProps.value !== lastState.pValue) {
|
|
57
|
+
return {
|
|
58
|
+
value: nextProps.value,
|
|
59
|
+
pValue: nextProps.value,
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
else if (lastState.isInOnChangeUpdate && nextProps.value !== lastState.value) {
|
|
63
|
+
return {
|
|
64
|
+
value: nextProps.value,
|
|
65
|
+
isInOnChangeUpdate: false
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else if (nextProps.value !== lastState.pValue) {
|
|
70
|
+
return {
|
|
71
|
+
value: (_a = nextProps.defaultValue) !== null && _a !== void 0 ? _a : dateToString(new Date()),
|
|
72
|
+
pValue: nextProps.value,
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
return null;
|
|
76
|
+
}
|
|
77
|
+
render() {
|
|
78
|
+
const { children, start = '1970-01-01', end = '2999-01-01', fields, disabled, } = this.props;
|
|
79
|
+
const { value, } = this.state;
|
|
80
|
+
let mode = 'date';
|
|
81
|
+
if (fields === 'year') {
|
|
82
|
+
mode = 'year';
|
|
83
|
+
}
|
|
84
|
+
else if (fields === 'month') {
|
|
85
|
+
mode = 'month';
|
|
86
|
+
}
|
|
87
|
+
return (React.createElement(AntDatePicker, { mode: mode, value: formatTimeStr(value), minDate: formatTimeStr(start), maxDate: formatTimeStr(end), onChange: this.onChange,
|
|
88
|
+
// @ts-ignore
|
|
89
|
+
onDismiss: this.onDismiss, disabled: disabled }, children));
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
DateSelector.defaultProps = {
|
|
93
|
+
fields: 'day',
|
|
94
|
+
};
|
|
95
|
+
export default DateSelector;
|
|
96
|
+
//# sourceMappingURL=date.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../src/components/Picker/date.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* All:
|
|
3
|
+
* ✔ value
|
|
4
|
+
* ✔ onChange
|
|
5
|
+
* ✔ onCancel
|
|
6
|
+
* Selector:
|
|
7
|
+
* ✔ range
|
|
8
|
+
* ✔ rangeKey
|
|
9
|
+
* ✔ disabled
|
|
10
|
+
* MultiSelector:
|
|
11
|
+
* ✔ range
|
|
12
|
+
* ✔ rangeKey
|
|
13
|
+
* ✔ disabled
|
|
14
|
+
* ✔ onColumnChange
|
|
15
|
+
* Time:
|
|
16
|
+
* ✔ start
|
|
17
|
+
* ✔ end
|
|
18
|
+
* ✔ disabled
|
|
19
|
+
* Date:
|
|
20
|
+
* ✔ start
|
|
21
|
+
* ✔ end
|
|
22
|
+
* ✘ fields
|
|
23
|
+
* ✔ disabled
|
|
24
|
+
* Region:
|
|
25
|
+
* ✔ customItem
|
|
26
|
+
* ✔ disabled
|
|
27
|
+
*
|
|
28
|
+
* @hint Picker 里面嵌套的子组件要支持绑定 onPress 事件才能弹出选择框
|
|
29
|
+
*/
|
|
30
|
+
import * as React from 'react';
|
|
31
|
+
import DateSelector from './date';
|
|
32
|
+
import MultiSelector from './multiSelector';
|
|
33
|
+
import RegionSelector from './region';
|
|
34
|
+
import Selector from './selector';
|
|
35
|
+
import TimeSelector from './time';
|
|
36
|
+
class _Picker extends React.Component {
|
|
37
|
+
render() {
|
|
38
|
+
const { mode, } = this.props;
|
|
39
|
+
if (mode === 'selector') {
|
|
40
|
+
return React.createElement(Selector, Object.assign({}, this.props));
|
|
41
|
+
}
|
|
42
|
+
else if (mode === 'multiSelector') {
|
|
43
|
+
return React.createElement(MultiSelector, Object.assign({}, this.props));
|
|
44
|
+
}
|
|
45
|
+
else if (mode === 'time') {
|
|
46
|
+
return React.createElement(TimeSelector, Object.assign({}, this.props));
|
|
47
|
+
}
|
|
48
|
+
else if (mode === 'date') {
|
|
49
|
+
return React.createElement(DateSelector, Object.assign({}, this.props));
|
|
50
|
+
}
|
|
51
|
+
else if (mode === 'region') {
|
|
52
|
+
return React.createElement(RegionSelector, Object.assign({}, this.props));
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
return null;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
_Picker.displayName = '_Picker';
|
|
60
|
+
_Picker.defaultProps = {
|
|
61
|
+
mode: 'selector',
|
|
62
|
+
};
|
|
63
|
+
export default _Picker;
|
|
64
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Picker/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,YAAY,MAAM,QAAQ,CAAA;AACjC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,cAAc,MAAM,UAAU,CAAA;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,YAAY,MAAM,QAAQ,CAAA;AAEjC,MAAqB,OAAQ,SAAQ,KAAK,CAAC,SAAc;IAMvD,MAAM;QACJ,MAAM,EACJ,IAAI,GACL,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,OAAO,oBAAC,QAAQ,oBAAK,IAAI,CAAC,KAAK,EAAI,CAAA;QACrC,CAAC;aAAM,IAAI,IAAI,KAAK,eAAe,EAAE,CAAC;YACpC,OAAO,oBAAC,aAAa,oBAAK,IAAI,CAAC,KAAK,EAAI,CAAA;QAC1C,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,oBAAC,YAAY,oBAAK,IAAI,CAAC,KAAK,EAAI,CAAA;QACzC,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,oBAAC,YAAY,oBAAK,IAAI,CAAC,KAAK,EAAI,CAAA;QACzC,CAAC;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO,oBAAC,cAAc,oBAAK,IAAI,CAAC,KAAK,EAAI,CAAA;QAC3C,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC;;AAvBM,mBAAW,GAAG,SAAS,CAAA;AACvB,oBAAY,GAAG;IACpB,IAAI,EAAE,UAAU;CACjB,CAAA;eAJkB,OAAO"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import AntPicker from '@ant-design/react-native/lib/picker';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { noop } from '../../utils';
|
|
4
|
+
/**
|
|
5
|
+
* 比较数组内每个数值
|
|
6
|
+
*
|
|
7
|
+
* @returns true = same, false = different
|
|
8
|
+
*/
|
|
9
|
+
function shallowDiffValue(value = [], lastValue = []) {
|
|
10
|
+
if (value.length !== lastValue.length)
|
|
11
|
+
return false;
|
|
12
|
+
for (let i = 0; i < value.length; i++) {
|
|
13
|
+
if (value[i] !== lastValue[i]) {
|
|
14
|
+
return false;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
return true;
|
|
18
|
+
}
|
|
19
|
+
function convertToObj(item, rangeKey = '') {
|
|
20
|
+
if (typeof item === 'object') {
|
|
21
|
+
return { value: item[rangeKey], label: item[rangeKey] };
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
return { value: item, label: item };
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
// eslint-disable-next-line default-param-last
|
|
28
|
+
function formatRange(range = [], rangeKey) {
|
|
29
|
+
const result = (range[0] || []).map(item => {
|
|
30
|
+
return convertToObj(item, rangeKey);
|
|
31
|
+
});
|
|
32
|
+
let tmp = result;
|
|
33
|
+
for (let i = 1; i < range.length; i++) {
|
|
34
|
+
const nextColData = (range[i] || []).map(item => {
|
|
35
|
+
return convertToObj(item, rangeKey);
|
|
36
|
+
});
|
|
37
|
+
tmp.forEach(item => {
|
|
38
|
+
item.children = nextColData;
|
|
39
|
+
});
|
|
40
|
+
tmp = nextColData;
|
|
41
|
+
}
|
|
42
|
+
return result;
|
|
43
|
+
}
|
|
44
|
+
function getIndexByValues(range = [], value = []) {
|
|
45
|
+
let tmp = range;
|
|
46
|
+
return value.map(v => {
|
|
47
|
+
for (let i = 0; i < tmp.length; i++) {
|
|
48
|
+
if (tmp[i].value === v) {
|
|
49
|
+
tmp = tmp[i].children || [];
|
|
50
|
+
return i;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
return 0;
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
// Todo: 支持 defaultValue
|
|
57
|
+
class MultiSelector extends React.Component {
|
|
58
|
+
constructor() {
|
|
59
|
+
super(...arguments);
|
|
60
|
+
this.state = {
|
|
61
|
+
cols: 3,
|
|
62
|
+
pRange: [],
|
|
63
|
+
pValue: [],
|
|
64
|
+
range: [],
|
|
65
|
+
value: []
|
|
66
|
+
};
|
|
67
|
+
this.dismissByOk = false;
|
|
68
|
+
this.onChange = (value) => {
|
|
69
|
+
const { onChange = noop } = this.props;
|
|
70
|
+
const { range } = this.state;
|
|
71
|
+
onChange({ detail: { value: getIndexByValues(range, value) } });
|
|
72
|
+
};
|
|
73
|
+
this.onPickerChange = (value) => {
|
|
74
|
+
const { onColumnChange = noop } = this.props;
|
|
75
|
+
const { range, value: stateValue } = this.state;
|
|
76
|
+
const indexes = getIndexByValues(range, value);
|
|
77
|
+
// 通过比对确定是哪一列数据变了
|
|
78
|
+
let changingColIndex = 0;
|
|
79
|
+
for (let i = 0; i < stateValue.length; i++) {
|
|
80
|
+
if (stateValue[i] !== value[i]) {
|
|
81
|
+
changingColIndex = i;
|
|
82
|
+
break;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
onColumnChange({ detail: { column: changingColIndex, value: indexes[changingColIndex] } });
|
|
86
|
+
this.setState({ value });
|
|
87
|
+
};
|
|
88
|
+
this.onOk = () => {
|
|
89
|
+
this.dismissByOk = true;
|
|
90
|
+
};
|
|
91
|
+
this.onVisibleChange = (visible) => {
|
|
92
|
+
if (!visible && !this.dismissByOk) {
|
|
93
|
+
const { onCancel = noop } = this.props;
|
|
94
|
+
onCancel();
|
|
95
|
+
}
|
|
96
|
+
this.dismissByOk = false;
|
|
97
|
+
};
|
|
98
|
+
}
|
|
99
|
+
static getDerivedStateFromProps(nextProps, lastState) {
|
|
100
|
+
let ret = null;
|
|
101
|
+
if (nextProps.range !== lastState.pRange) {
|
|
102
|
+
ret = ret || {};
|
|
103
|
+
nextProps.range && (ret.cols = nextProps.range.length);
|
|
104
|
+
ret.pRange = nextProps.range;
|
|
105
|
+
ret.range = formatRange(nextProps.range, nextProps.rangeKey);
|
|
106
|
+
// ------------------------------------------------------------------
|
|
107
|
+
// ⚠️@todo range 变 value 不变,这种情况下,因为 value 没变,用户切换不了选项
|
|
108
|
+
// ------------------------------------------------------------------
|
|
109
|
+
}
|
|
110
|
+
if (!shallowDiffValue(nextProps.value, lastState.pValue)) {
|
|
111
|
+
// 初始化的时候和点击确认时候,会走到里面
|
|
112
|
+
ret = ret || {};
|
|
113
|
+
ret.pValue = nextProps.value;
|
|
114
|
+
let tmp = (ret && ret.range) || lastState.range;
|
|
115
|
+
ret.value = (nextProps.value || []).map((valIndex = 0) => {
|
|
116
|
+
const v = tmp[valIndex] && tmp[valIndex].value;
|
|
117
|
+
tmp = (tmp[valIndex] && tmp[valIndex].children) || [];
|
|
118
|
+
return v;
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
return ret;
|
|
122
|
+
}
|
|
123
|
+
render() {
|
|
124
|
+
const { children, disabled, itemStyle, indicatorStyle } = this.props;
|
|
125
|
+
const { cols, range, value } = this.state;
|
|
126
|
+
return (
|
|
127
|
+
// @ts-ignore
|
|
128
|
+
React.createElement(AntPicker, { data: range, value: value, cols: cols, itemStyle: itemStyle, indicatorStyle: indicatorStyle, onChange: this.onChange, onPickerChange: this.onPickerChange, onOk: this.onOk, onVisibleChange: this.onVisibleChange, disabled: disabled }, children));
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
MultiSelector.defaultProps = {
|
|
132
|
+
range: [],
|
|
133
|
+
value: []
|
|
134
|
+
};
|
|
135
|
+
export default MultiSelector;
|
|
136
|
+
//# sourceMappingURL=multiSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multiSelector.js","sourceRoot":"","sources":["../../../src/components/Picker/multiSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import AntPicker from '@ant-design/react-native/lib/picker';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { noop } from '../../utils';
|
|
4
|
+
import { regionData } from './regionData';
|
|
5
|
+
function formateRegionData(clObj = [], customItem, depth = 2) {
|
|
6
|
+
const l = depth;
|
|
7
|
+
const obj = [];
|
|
8
|
+
if (customItem) {
|
|
9
|
+
const objClone = {
|
|
10
|
+
value: customItem,
|
|
11
|
+
label: customItem
|
|
12
|
+
};
|
|
13
|
+
const panding = Object.assign({}, objClone);
|
|
14
|
+
let loop = panding;
|
|
15
|
+
while (depth-- > 0) {
|
|
16
|
+
loop.children = [Object.assign({}, objClone)];
|
|
17
|
+
loop = loop.children[0];
|
|
18
|
+
}
|
|
19
|
+
obj.push(panding);
|
|
20
|
+
}
|
|
21
|
+
for (let i = 0; i < clObj.length; i++) {
|
|
22
|
+
const region = {
|
|
23
|
+
value: clObj[i].value,
|
|
24
|
+
label: clObj[i].value,
|
|
25
|
+
};
|
|
26
|
+
if (clObj[i].children) {
|
|
27
|
+
region.children = formateRegionData(clObj[i].children, customItem, l - 1);
|
|
28
|
+
}
|
|
29
|
+
obj.push(region);
|
|
30
|
+
}
|
|
31
|
+
return obj;
|
|
32
|
+
}
|
|
33
|
+
export default class RegionSelector extends React.Component {
|
|
34
|
+
constructor() {
|
|
35
|
+
super(...arguments);
|
|
36
|
+
this.state = {
|
|
37
|
+
value: [],
|
|
38
|
+
pValue: [],
|
|
39
|
+
isInOnChangeUpdate: false,
|
|
40
|
+
};
|
|
41
|
+
this.dismissByOk = false;
|
|
42
|
+
this.regionData = formateRegionData(this.props.regionData || regionData, this.props.customItem);
|
|
43
|
+
this.onChange = (value) => {
|
|
44
|
+
const { onChange = noop } = this.props;
|
|
45
|
+
// 通过 value 查找 code
|
|
46
|
+
let tmp = this.props.regionData || regionData;
|
|
47
|
+
const postcode = [];
|
|
48
|
+
const code = value.map((item) => {
|
|
49
|
+
for (let i = 0; i < tmp.length; i++) {
|
|
50
|
+
if (tmp[i].value === item) {
|
|
51
|
+
const code = tmp[i].code;
|
|
52
|
+
postcode.push(tmp[i].postcode);
|
|
53
|
+
tmp = tmp[i].children || [];
|
|
54
|
+
return code;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}).filter(code => !!code);
|
|
58
|
+
const detail = { value, code };
|
|
59
|
+
if (postcode[2])
|
|
60
|
+
detail.postcode = postcode[2];
|
|
61
|
+
this.setState({ value, isInOnChangeUpdate: true });
|
|
62
|
+
// @ts-ignore
|
|
63
|
+
onChange({ detail });
|
|
64
|
+
};
|
|
65
|
+
this.onOk = () => {
|
|
66
|
+
this.dismissByOk = true;
|
|
67
|
+
};
|
|
68
|
+
this.onVisibleChange = (visible) => {
|
|
69
|
+
if (!visible && !this.dismissByOk) {
|
|
70
|
+
const { onCancel = noop } = this.props;
|
|
71
|
+
// @ts-ignore
|
|
72
|
+
onCancel();
|
|
73
|
+
}
|
|
74
|
+
this.dismissByOk = false;
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
static getDerivedStateFromProps(nextProps, lastState) {
|
|
78
|
+
var _a;
|
|
79
|
+
// eslint-disable-next-line eqeqeq
|
|
80
|
+
const isControlled = nextProps.value != undefined;
|
|
81
|
+
if (isControlled) {
|
|
82
|
+
if (nextProps.value !== lastState.pValue) {
|
|
83
|
+
// 受控更新
|
|
84
|
+
return {
|
|
85
|
+
pValue: nextProps.value,
|
|
86
|
+
value: nextProps.value
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
else if (lastState.isInOnChangeUpdate && nextProps.value !== lastState.value) {
|
|
90
|
+
// 受控还原
|
|
91
|
+
return {
|
|
92
|
+
value: nextProps.value,
|
|
93
|
+
isInOnChangeUpdate: false
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
else if (nextProps.value !== lastState.pValue) {
|
|
98
|
+
// 初次更新才设置 defaultValue
|
|
99
|
+
return {
|
|
100
|
+
pValue: nextProps.value,
|
|
101
|
+
value: (_a = nextProps.defaultValue) !== null && _a !== void 0 ? _a : []
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
return null;
|
|
105
|
+
}
|
|
106
|
+
render() {
|
|
107
|
+
const { children, disabled, } = this.props;
|
|
108
|
+
const { value, } = this.state;
|
|
109
|
+
return (
|
|
110
|
+
// @ts-ignore
|
|
111
|
+
React.createElement(AntPicker, { data: this.regionData, value: value,
|
|
112
|
+
// @ts-ignore
|
|
113
|
+
onChange: this.onChange, onOk: this.onOk, onVisibleChange: this.onVisibleChange, disabled: disabled }, children));
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
//# sourceMappingURL=region.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"region.js","sourceRoot":"","sources":["../../../src/components/Picker/region.tsx"],"names":[],"mappings":"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"}
|