@nutui/nutui-react 1.3.5-beta.1 → 1.3.6
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/CHANGELOG.md +7 -0
- package/dist/esm/ActionSheet.js +15 -25
- package/dist/esm/Address.js +151 -221
- package/dist/esm/AnimatingNumbers.js +7 -31
- package/dist/esm/Audio.js +31 -66
- package/dist/esm/Avatar.js +25 -51
- package/dist/esm/AvatarGroup.js +2 -9
- package/dist/esm/BackTop.js +29 -55
- package/dist/esm/Badge.js +9 -20
- package/dist/esm/Barrage.js +8 -20
- package/dist/esm/Button.js +22 -37
- package/dist/esm/Calendar.js +23 -37
- package/dist/esm/CalendarItem.js +86 -186
- package/dist/esm/Card.js +14 -20
- package/dist/esm/Cascader.js +77 -197
- package/dist/esm/Cell.js +20 -30
- package/dist/esm/CellGroup.js +6 -12
- package/dist/esm/Checkbox.js +27 -48
- package/dist/esm/CheckboxGroup.js +12 -30
- package/dist/esm/CircleProgress.js +11 -28
- package/dist/esm/Col.js +11 -22
- package/dist/esm/Collapse.js +11 -27
- package/dist/esm/CollapseItem.js +33 -47
- package/dist/esm/ConfigProvider.js +4 -15
- package/dist/esm/CountDown.js +37 -74
- package/dist/esm/DatePicker.js +44 -106
- package/dist/esm/Dialog.js +31 -89
- package/dist/esm/Divider.js +8 -15
- package/dist/esm/Drag.js +30 -45
- package/dist/esm/Elevator.js +37 -74
- package/dist/esm/Empty.js +11 -24
- package/dist/esm/FixedNav.js +18 -29
- package/dist/esm/Grid.js +13 -28
- package/dist/esm/GridItem.js +18 -34
- package/dist/esm/ImagePreview.js +36 -71
- package/dist/esm/Indicator.js +9 -20
- package/dist/esm/Infiniteloading.js +26 -55
- package/dist/esm/Input.js +62 -106
- package/dist/esm/InputNumber.js +25 -52
- package/dist/esm/Layout.js +0 -6
- package/dist/esm/Menu.js +24 -46
- package/dist/esm/MenuItem.js +29 -52
- package/dist/esm/NavBar.js +18 -34
- package/dist/esm/NoticeBar.js +54 -102
- package/dist/esm/Notify.js +9 -38
- package/dist/esm/NumberKeyboard.js +21 -52
- package/dist/esm/Pagination.js +38 -71
- package/dist/esm/Picker.js +91 -178
- package/dist/esm/Popover.js +32 -72
- package/dist/esm/Popup.js +40 -72
- package/dist/esm/Price.js +7 -24
- package/dist/esm/Progress.js +35 -50
- package/dist/esm/PullToRefresh.js +28 -83
- package/dist/esm/Radio.js +24 -47
- package/dist/esm/RadioGroup.js +14 -24
- package/dist/esm/Range.js +44 -116
- package/dist/esm/Rate.js +21 -39
- package/dist/esm/Row.js +7 -16
- package/dist/esm/SearchBar.js +47 -68
- package/dist/esm/ShortPassword.js +29 -56
- package/dist/esm/SideNavBar.js +9 -16
- package/dist/esm/SideNavBarItem.js +4 -11
- package/dist/esm/Signature.js +13 -43
- package/dist/esm/Skeleton.js +13 -23
- package/dist/esm/Step.js +12 -28
- package/dist/esm/Steps.js +6 -14
- package/dist/esm/Sticky.js +24 -52
- package/dist/esm/SubSideNavBar.js +7 -22
- package/dist/esm/Swipe.js +15 -54
- package/dist/esm/Swiper.js +102 -186
- package/dist/esm/SwiperItem.js +2 -12
- package/dist/esm/Switch.js +13 -27
- package/dist/esm/Tabbar.js +13 -25
- package/dist/esm/TabbarItem.js +15 -23
- package/dist/esm/Table.js +19 -39
- package/dist/esm/Tag.js +19 -36
- package/dist/esm/TextArea.js +19 -43
- package/dist/esm/TimeDetail.js +15 -28
- package/dist/esm/TimePannel.js +5 -12
- package/dist/esm/TimeSelect.js +35 -59
- package/dist/esm/Toast.js +16 -49
- package/dist/esm/Uploader.js +57 -152
- package/dist/esm/Video.js +8 -19
- package/dist/esm/VirtualList.js +84 -118
- package/dist/esm/date-710f8c7c.js +9 -33
- package/dist/esm/get-scroll-parent-3dcd3f53.js +1 -9
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay-ed3eb37d.js +12 -23
- package/dist/esm/render-18227751.js +0 -11
- package/dist/esm/tabpane-c957ab14.js +4 -10
- package/dist/esm/tabs-0896a61b.js +28 -56
- package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
- package/dist/esm/useClientRect-839d18c5.js +0 -5
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +424 -406
- package/dist/nutui.react.umd.js +416 -398
- package/dist/packages/searchbar/searchbar.scss +20 -3
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/types/index.d.ts +2 -0
- package/package.json +1 -1
package/dist/esm/Address.js
CHANGED
|
@@ -3,13 +3,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
5
|
var _excluded = ["children", "type", "existAddress", "selectedIcon", "defaultIcon", "isShowCustomAddress", "customAndExistTitle", "onSelected", "onClose", "onSwitchModule"],
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
_excluded2 = ["children", "type", "modelValue", "height", "province", "city", "country", "town", "onNextArea", "onTabClick", "onClose"],
|
|
7
|
+
_excluded3 = ["modelValue", "modelSelect", "children", "type", "height", "customAddressTitle", "existAddress", "existAddressTitle", "province", "city", "country", "town", "isShowCustomAddress", "customAndExistTitle", "selectedIcon", "defaultIcon", "closeBtnIcon", "backBtnIcon", "onChange", "onSelected", "onClose", "closeMask", "switchModule", "onTabChecked", "style", "className", "iconClassPrefix", "iconFontClassName"];
|
|
9
8
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10
|
-
|
|
11
9
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
12
|
-
|
|
13
10
|
import React__default, { useEffect, useState, useRef } from 'react';
|
|
14
11
|
import Icon from './Icon.js';
|
|
15
12
|
import Popup from './Popup.js';
|
|
@@ -26,26 +23,23 @@ var defaultProps$2 = {
|
|
|
26
23
|
isShowCustomAddress: true,
|
|
27
24
|
customAndExistTitle: '选择其他地址'
|
|
28
25
|
};
|
|
29
|
-
|
|
30
26
|
var ExistRender = function ExistRender(props) {
|
|
31
27
|
var _useConfig = useConfig(),
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
locale = _useConfig.locale;
|
|
34
29
|
var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
30
|
+
children = _defaultProps$2$props.children,
|
|
31
|
+
type = _defaultProps$2$props.type,
|
|
32
|
+
existAddress = _defaultProps$2$props.existAddress,
|
|
33
|
+
selectedIcon = _defaultProps$2$props.selectedIcon,
|
|
34
|
+
defaultIcon = _defaultProps$2$props.defaultIcon,
|
|
35
|
+
isShowCustomAddress = _defaultProps$2$props.isShowCustomAddress,
|
|
36
|
+
customAndExistTitle = _defaultProps$2$props.customAndExistTitle,
|
|
37
|
+
onSelected = _defaultProps$2$props.onSelected,
|
|
38
|
+
onClose = _defaultProps$2$props.onClose,
|
|
39
|
+
onSwitchModule = _defaultProps$2$props.onSwitchModule,
|
|
40
|
+
rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
|
|
41
|
+
var b = cn('address');
|
|
42
|
+
// 选择现有地址
|
|
49
43
|
var selectedExist = function selectedExist(item) {
|
|
50
44
|
var copyExistAdd = existAddress;
|
|
51
45
|
var prevExistAdd = {
|
|
@@ -60,20 +54,17 @@ var ExistRender = function ExistRender(props) {
|
|
|
60
54
|
if (list && list.selectedAddress) {
|
|
61
55
|
prevExistAdd = list;
|
|
62
56
|
}
|
|
63
|
-
|
|
64
57
|
list.selectedAddress = false;
|
|
65
58
|
});
|
|
66
59
|
item.selectedAddress = true;
|
|
67
60
|
onSelected && onSelected(prevExistAdd, item, copyExistAdd);
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
|
|
61
|
+
};
|
|
62
|
+
// 选择其他地址
|
|
71
63
|
var switchModule = function switchModule() {
|
|
72
64
|
onSwitchModule && onSwitchModule({
|
|
73
65
|
type: type === 'exist' ? 'custom' : 'exist'
|
|
74
66
|
});
|
|
75
67
|
};
|
|
76
|
-
|
|
77
68
|
useEffect(function () {}, [existAddress]);
|
|
78
69
|
return React__default.createElement("div", {
|
|
79
70
|
className: b('exist')
|
|
@@ -112,7 +103,6 @@ var ExistRender = function ExistRender(props) {
|
|
|
112
103
|
className: b('choose-other-btn')
|
|
113
104
|
}, locale.address.chooseAnotherAddress || customAndExistTitle)));
|
|
114
105
|
};
|
|
115
|
-
|
|
116
106
|
var defaultProps$1 = {
|
|
117
107
|
modelValue: [],
|
|
118
108
|
type: 'custom',
|
|
@@ -122,50 +112,41 @@ var defaultProps$1 = {
|
|
|
122
112
|
town: [],
|
|
123
113
|
height: '200px'
|
|
124
114
|
};
|
|
125
|
-
|
|
126
115
|
var CustomRender = function CustomRender(props) {
|
|
127
116
|
var _useConfig2 = useConfig(),
|
|
128
|
-
|
|
129
|
-
|
|
117
|
+
locale = _useConfig2.locale;
|
|
130
118
|
var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
119
|
+
children = _defaultProps$1$props.children,
|
|
120
|
+
type = _defaultProps$1$props.type,
|
|
121
|
+
modelValue = _defaultProps$1$props.modelValue,
|
|
122
|
+
height = _defaultProps$1$props.height,
|
|
123
|
+
province = _defaultProps$1$props.province,
|
|
124
|
+
city = _defaultProps$1$props.city,
|
|
125
|
+
country = _defaultProps$1$props.country,
|
|
126
|
+
town = _defaultProps$1$props.town,
|
|
127
|
+
onNextArea = _defaultProps$1$props.onNextArea,
|
|
128
|
+
onTabClick = _defaultProps$1$props.onTabClick,
|
|
129
|
+
onClose = _defaultProps$1$props.onClose,
|
|
130
|
+
rest = _objectWithoutProperties(_defaultProps$1$props, _excluded2);
|
|
144
131
|
var b = cn('address');
|
|
145
|
-
|
|
146
132
|
var _useState = useState(type),
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
133
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
134
|
+
privateType = _useState2[0];
|
|
150
135
|
var _useState3 = useState(0),
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
136
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
137
|
+
tabIndex = _useState4[0],
|
|
138
|
+
setTabIndex = _useState4[1];
|
|
155
139
|
var _useState5 = useState(['province', 'city', 'country', 'town']),
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
140
|
+
_useState6 = _slicedToArray(_useState5, 1),
|
|
141
|
+
tabName = _useState6[0];
|
|
159
142
|
var provinceRef = useRef(null);
|
|
160
143
|
var cityRef = useRef(null);
|
|
161
144
|
var countryRef = useRef(null);
|
|
162
145
|
var townRef = useRef(null);
|
|
163
146
|
var regionLine = useRef(null);
|
|
164
|
-
|
|
165
147
|
var isCustom2 = function isCustom2() {
|
|
166
148
|
return type === 'custom2';
|
|
167
149
|
};
|
|
168
|
-
|
|
169
150
|
var transformData = function transformData(data) {
|
|
170
151
|
if (!Array.isArray(data)) throw new TypeError('params muse be array.');
|
|
171
152
|
if (!data.length) return [];
|
|
@@ -182,7 +163,6 @@ var CustomRender = function CustomRender(props) {
|
|
|
182
163
|
var index = newData.findIndex(function (value) {
|
|
183
164
|
return value.title === item.title;
|
|
184
165
|
});
|
|
185
|
-
|
|
186
166
|
if (index <= -1) {
|
|
187
167
|
newData.push({
|
|
188
168
|
title: item.title,
|
|
@@ -197,70 +177,62 @@ var CustomRender = function CustomRender(props) {
|
|
|
197
177
|
});
|
|
198
178
|
return newData;
|
|
199
179
|
};
|
|
200
|
-
|
|
201
180
|
var _useState7 = useState({
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
181
|
+
province: isCustom2() ? transformData(province) : province,
|
|
182
|
+
city: isCustom2() ? transformData(city) : city,
|
|
183
|
+
country: isCustom2() ? transformData(country) : country,
|
|
184
|
+
town: isCustom2() ? transformData(town) : town
|
|
185
|
+
}),
|
|
186
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
187
|
+
regionList = _useState8[0],
|
|
188
|
+
setRegionList = _useState8[1];
|
|
189
|
+
// 已选择的 省、市、县、镇
|
|
212
190
|
var _useState9 = useState({
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
191
|
+
province: {
|
|
192
|
+
name: ''
|
|
193
|
+
},
|
|
194
|
+
city: {
|
|
195
|
+
name: ''
|
|
196
|
+
},
|
|
197
|
+
country: {
|
|
198
|
+
name: ''
|
|
199
|
+
},
|
|
200
|
+
town: {
|
|
201
|
+
name: ''
|
|
202
|
+
}
|
|
203
|
+
}),
|
|
204
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
205
|
+
selectedRegion = _useState10[0],
|
|
206
|
+
setSelectedRegion = _useState10[1];
|
|
230
207
|
var _useState11 = useState(20),
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
208
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
209
|
+
lineDistance = _useState12[0],
|
|
210
|
+
setLineDistance = _useState12[1];
|
|
211
|
+
// 获取已选地区列表名称
|
|
236
212
|
var getTabName = function getTabName(item, index) {
|
|
237
213
|
if (tabIndex > index) {
|
|
238
214
|
return item.name;
|
|
239
215
|
}
|
|
240
|
-
|
|
241
216
|
return locale.select;
|
|
242
217
|
};
|
|
243
|
-
|
|
244
218
|
var mapRef = {
|
|
245
219
|
province: provinceRef,
|
|
246
220
|
city: cityRef,
|
|
247
221
|
country: countryRef,
|
|
248
222
|
town: townRef
|
|
249
|
-
};
|
|
250
|
-
|
|
223
|
+
};
|
|
224
|
+
// 移动下面的红线
|
|
251
225
|
var lineAnimation = function lineAnimation(index) {
|
|
252
226
|
setTimeout(function () {
|
|
253
227
|
var name = tabName[index];
|
|
254
228
|
var refD = mapRef;
|
|
255
|
-
|
|
256
229
|
if (name && refD[name] && refD[name].current) {
|
|
257
230
|
var distance = refD[name].current.offsetLeft;
|
|
258
231
|
setLineDistance(distance || 20);
|
|
259
232
|
}
|
|
260
233
|
}, 0);
|
|
261
|
-
};
|
|
262
|
-
|
|
263
|
-
|
|
234
|
+
};
|
|
235
|
+
// 切换下一级列表
|
|
264
236
|
var nextAreaList = function nextAreaList(item) {
|
|
265
237
|
// onchange 接收的参数
|
|
266
238
|
var calBack = {
|
|
@@ -269,17 +241,14 @@ var CustomRender = function CustomRender(props) {
|
|
|
269
241
|
custom: tabName[tabIndex]
|
|
270
242
|
};
|
|
271
243
|
var bbselectedRegion = selectedRegion ? _objectSpread({}, selectedRegion) : null;
|
|
272
|
-
|
|
273
244
|
if (bbselectedRegion) {
|
|
274
245
|
setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item)));
|
|
275
246
|
calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item));
|
|
276
|
-
|
|
277
247
|
for (var i = tabIndex; i < tabIndex - 1; i++) {
|
|
278
248
|
setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], null)));
|
|
279
249
|
calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
|
|
280
250
|
}
|
|
281
251
|
}
|
|
282
|
-
|
|
283
252
|
if (tabIndex < 4) {
|
|
284
253
|
// 切换下一个
|
|
285
254
|
if (tabIndex === 3) {
|
|
@@ -291,30 +260,25 @@ var CustomRender = function CustomRender(props) {
|
|
|
291
260
|
lineAnimation(tabIndex + 1);
|
|
292
261
|
calBack.next = tabName[tabIndex + 1];
|
|
293
262
|
}
|
|
294
|
-
|
|
295
263
|
calBack.value = item;
|
|
296
264
|
onNextArea && onNextArea(calBack);
|
|
297
265
|
} else {
|
|
298
266
|
onClose && onClose();
|
|
299
267
|
}
|
|
300
|
-
};
|
|
301
|
-
|
|
302
|
-
|
|
268
|
+
};
|
|
269
|
+
// 切换地区Tab
|
|
303
270
|
var changeRegionTab = function changeRegionTab(item, index, key) {
|
|
304
271
|
if (getTabName(item, index)) {
|
|
305
272
|
setTabIndex(index);
|
|
306
273
|
lineAnimation(index);
|
|
307
274
|
}
|
|
308
|
-
|
|
309
275
|
onTabClick && onTabClick(key);
|
|
310
|
-
};
|
|
311
|
-
|
|
312
|
-
|
|
276
|
+
};
|
|
277
|
+
// 默认选中项
|
|
313
278
|
var initCustomSelected = function initCustomSelected() {
|
|
314
279
|
if (modelValue.length > 0) {
|
|
315
280
|
var tagIndex = 0;
|
|
316
281
|
var selectedRegionC = selectedRegion && Object.assign(selectedRegion);
|
|
317
|
-
|
|
318
282
|
for (var index = 0; index < modelValue.length; index++) {
|
|
319
283
|
if (regionList[tabName[index]].length === 0) {
|
|
320
284
|
tagIndex = index - 1;
|
|
@@ -324,7 +288,6 @@ var CustomRender = function CustomRender(props) {
|
|
|
324
288
|
(function () {
|
|
325
289
|
var val = modelValue[index];
|
|
326
290
|
var arr = regionList[tabName[index]];
|
|
327
|
-
|
|
328
291
|
if (privateType === 'custom') {
|
|
329
292
|
selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
|
|
330
293
|
return item.id === val;
|
|
@@ -338,50 +301,42 @@ var CustomRender = function CustomRender(props) {
|
|
|
338
301
|
return item.id === val;
|
|
339
302
|
})[0];
|
|
340
303
|
}
|
|
341
|
-
|
|
342
304
|
tagIndex = index;
|
|
343
305
|
setSelectedRegion(selectedRegionC);
|
|
344
306
|
})();
|
|
345
307
|
}
|
|
346
308
|
}
|
|
347
|
-
|
|
348
309
|
setTabIndex(tagIndex);
|
|
349
310
|
lineAnimation(tagIndex);
|
|
350
311
|
}
|
|
351
312
|
};
|
|
352
|
-
|
|
353
313
|
var handleElevatorItem = function handleElevatorItem(key, item) {
|
|
354
314
|
nextAreaList(item);
|
|
355
315
|
};
|
|
356
|
-
|
|
357
316
|
useEffect(function () {
|
|
358
317
|
var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
359
|
-
|
|
360
|
-
|
|
318
|
+
province = _defaultProps$1$props2.province;
|
|
361
319
|
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
362
320
|
province: isCustom2() ? transformData(province) : province
|
|
363
321
|
}));
|
|
364
322
|
}, [province]);
|
|
365
323
|
useEffect(function () {
|
|
366
324
|
var _defaultProps$1$props3 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
367
|
-
|
|
368
|
-
|
|
325
|
+
city = _defaultProps$1$props3.city;
|
|
369
326
|
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
370
327
|
city: isCustom2() ? transformData(city) : city
|
|
371
328
|
}));
|
|
372
329
|
}, [city]);
|
|
373
330
|
useEffect(function () {
|
|
374
331
|
var _defaultProps$1$props4 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
375
|
-
|
|
376
|
-
|
|
332
|
+
country = _defaultProps$1$props4.country;
|
|
377
333
|
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
378
334
|
country: isCustom2() ? transformData(country) : country
|
|
379
335
|
}));
|
|
380
336
|
}, [country]);
|
|
381
337
|
useEffect(function () {
|
|
382
338
|
var _defaultProps$1$props5 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
383
|
-
|
|
384
|
-
|
|
339
|
+
town = _defaultProps$1$props5.town;
|
|
385
340
|
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
386
341
|
town: isCustom2() ? transformData(town) : town
|
|
387
342
|
}));
|
|
@@ -434,7 +389,6 @@ var CustomRender = function CustomRender(props) {
|
|
|
434
389
|
onClickItem: handleElevatorItem
|
|
435
390
|
})));
|
|
436
391
|
};
|
|
437
|
-
|
|
438
392
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
439
393
|
modelValue: false,
|
|
440
394
|
modelSelect: [],
|
|
@@ -454,96 +408,83 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
454
408
|
closeBtnIcon: 'circle-close',
|
|
455
409
|
backBtnIcon: 'left'
|
|
456
410
|
});
|
|
457
|
-
|
|
458
411
|
var Address = function Address(props) {
|
|
459
412
|
var _useConfig3 = useConfig(),
|
|
460
|
-
|
|
461
|
-
|
|
413
|
+
locale = _useConfig3.locale;
|
|
462
414
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
415
|
+
modelValue = _defaultProps$props.modelValue,
|
|
416
|
+
modelSelect = _defaultProps$props.modelSelect,
|
|
417
|
+
children = _defaultProps$props.children,
|
|
418
|
+
type = _defaultProps$props.type,
|
|
419
|
+
height = _defaultProps$props.height,
|
|
420
|
+
customAddressTitle = _defaultProps$props.customAddressTitle,
|
|
421
|
+
existAddress = _defaultProps$props.existAddress,
|
|
422
|
+
existAddressTitle = _defaultProps$props.existAddressTitle,
|
|
423
|
+
province = _defaultProps$props.province,
|
|
424
|
+
city = _defaultProps$props.city,
|
|
425
|
+
country = _defaultProps$props.country,
|
|
426
|
+
town = _defaultProps$props.town,
|
|
427
|
+
isShowCustomAddress = _defaultProps$props.isShowCustomAddress,
|
|
428
|
+
customAndExistTitle = _defaultProps$props.customAndExistTitle,
|
|
429
|
+
selectedIcon = _defaultProps$props.selectedIcon,
|
|
430
|
+
defaultIcon = _defaultProps$props.defaultIcon,
|
|
431
|
+
closeBtnIcon = _defaultProps$props.closeBtnIcon,
|
|
432
|
+
backBtnIcon = _defaultProps$props.backBtnIcon,
|
|
433
|
+
onChange = _defaultProps$props.onChange,
|
|
434
|
+
onSelected = _defaultProps$props.onSelected,
|
|
435
|
+
onClose = _defaultProps$props.onClose,
|
|
436
|
+
closeMask = _defaultProps$props.closeMask,
|
|
437
|
+
switchModule = _defaultProps$props.switchModule,
|
|
438
|
+
onTabChecked = _defaultProps$props.onTabChecked,
|
|
439
|
+
style = _defaultProps$props.style,
|
|
440
|
+
className = _defaultProps$props.className,
|
|
441
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
442
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
443
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
|
|
493
444
|
var b = cn('address');
|
|
494
|
-
|
|
495
445
|
var _useState13 = useState(type),
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
446
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
447
|
+
privateType = _useState14[0],
|
|
448
|
+
setPrivateType = _useState14[1];
|
|
500
449
|
var _useState15 = useState(['province', 'city', 'country', 'town']),
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
450
|
+
_useState16 = _slicedToArray(_useState15, 1),
|
|
451
|
+
tabName = _useState16[0];
|
|
504
452
|
var _useState17 = useState(modelValue),
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
453
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
454
|
+
showPopup = _useState18[0],
|
|
455
|
+
setShowPopup = _useState18[1];
|
|
509
456
|
var _useState19 = useState({
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
457
|
+
province: {
|
|
458
|
+
name: ''
|
|
459
|
+
},
|
|
460
|
+
city: {
|
|
461
|
+
name: ''
|
|
462
|
+
},
|
|
463
|
+
country: {
|
|
464
|
+
name: ''
|
|
465
|
+
},
|
|
466
|
+
town: {
|
|
467
|
+
name: ''
|
|
468
|
+
}
|
|
469
|
+
}),
|
|
470
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
471
|
+
selectedRegion = _useState20[0],
|
|
472
|
+
setSelectedRegion = _useState20[1]; // 已选择的 省、市、县、镇
|
|
528
473
|
var _useState21 = useState({}),
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
474
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
475
|
+
selectedExistAddress = _useState22[0],
|
|
476
|
+
setSelectedExistAddress = _useState22[1]; // 当前选择的地址
|
|
532
477
|
// 手动关闭 点击叉号(cross),或者蒙层(mask)
|
|
533
|
-
|
|
534
|
-
|
|
535
478
|
var handClose = function handClose() {
|
|
536
479
|
setShowPopup(false);
|
|
537
|
-
};
|
|
538
|
-
|
|
539
|
-
|
|
480
|
+
};
|
|
481
|
+
// 点击遮罩层关闭
|
|
540
482
|
var clickOverlay = function clickOverlay() {
|
|
541
483
|
closeMask && closeMask({
|
|
542
484
|
closeWay: 'mask'
|
|
543
485
|
});
|
|
544
|
-
};
|
|
545
|
-
|
|
546
|
-
|
|
486
|
+
};
|
|
487
|
+
// 切换下一级列表
|
|
547
488
|
var nextAreaList = function nextAreaList(item) {
|
|
548
489
|
// onchange 接收的参数
|
|
549
490
|
var callbackParams = {
|
|
@@ -553,29 +494,25 @@ var Address = function Address(props) {
|
|
|
553
494
|
};
|
|
554
495
|
setSelectedRegion(_objectSpread({}, item.selectedRegion));
|
|
555
496
|
onChange && onChange(callbackParams);
|
|
556
|
-
};
|
|
557
|
-
|
|
558
|
-
|
|
497
|
+
};
|
|
498
|
+
// 选择现有地址
|
|
559
499
|
var selectedExist = function selectedExist(prevExistAdd, item, copyExistAdd) {
|
|
560
500
|
setSelectedExistAddress(item);
|
|
561
501
|
onSelected && onSelected(prevExistAdd, item, copyExistAdd);
|
|
562
502
|
handClose();
|
|
563
|
-
};
|
|
564
|
-
|
|
565
|
-
|
|
503
|
+
};
|
|
504
|
+
// 初始化
|
|
566
505
|
var initAddress = function initAddress() {
|
|
567
506
|
for (var i = 0; i < tabName.length; i++) {
|
|
568
507
|
setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i], {})));
|
|
569
508
|
}
|
|
570
|
-
};
|
|
571
|
-
|
|
572
|
-
|
|
509
|
+
};
|
|
510
|
+
// 关闭
|
|
573
511
|
var closeFun = function closeFun() {
|
|
574
512
|
var resCopy = _objectSpread({
|
|
575
513
|
addressIdStr: '',
|
|
576
514
|
addressStr: ''
|
|
577
515
|
}, selectedRegion);
|
|
578
|
-
|
|
579
516
|
var res = {
|
|
580
517
|
data: _objectSpread({
|
|
581
518
|
addressIdStr: '',
|
|
@@ -583,37 +520,32 @@ var Address = function Address(props) {
|
|
|
583
520
|
}, selectedRegion),
|
|
584
521
|
type: privateType
|
|
585
522
|
};
|
|
586
|
-
|
|
587
523
|
if (privateType === 'custom' || privateType === 'custom2') {
|
|
588
524
|
var _province = resCopy.province,
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
525
|
+
_city = resCopy.city,
|
|
526
|
+
_country = resCopy.country,
|
|
527
|
+
_town = resCopy.town;
|
|
592
528
|
resCopy.addressIdStr = [_province.id || 0, _city.id || 0, _country.id || 0, _town.id || 0].join('_');
|
|
593
529
|
resCopy.addressStr = [_province.name, _city.name, _country.name, _town.name].join('');
|
|
594
530
|
res.data = resCopy;
|
|
595
531
|
} else {
|
|
596
532
|
res.data = selectedExistAddress;
|
|
597
533
|
}
|
|
598
|
-
|
|
599
534
|
initAddress();
|
|
600
535
|
onClose && onClose(res);
|
|
601
|
-
};
|
|
602
|
-
|
|
603
|
-
|
|
536
|
+
};
|
|
537
|
+
// 选择其他地址
|
|
604
538
|
var onSwitchModule = function onSwitchModule() {
|
|
605
539
|
if (privateType === 'exist') {
|
|
606
540
|
setPrivateType('custom');
|
|
607
541
|
} else {
|
|
608
542
|
setPrivateType('exist');
|
|
609
543
|
}
|
|
610
|
-
|
|
611
544
|
initAddress();
|
|
612
545
|
switchModule && switchModule({
|
|
613
546
|
type: privateType
|
|
614
547
|
});
|
|
615
548
|
};
|
|
616
|
-
|
|
617
549
|
var headerRender = function headerRender() {
|
|
618
550
|
return React__default.createElement("div", {
|
|
619
551
|
className: b('header')
|
|
@@ -639,7 +571,6 @@ var Address = function Address(props) {
|
|
|
639
571
|
size: "18px"
|
|
640
572
|
})));
|
|
641
573
|
};
|
|
642
|
-
|
|
643
574
|
useEffect(function () {
|
|
644
575
|
setShowPopup(modelValue);
|
|
645
576
|
}, [modelValue]);
|
|
@@ -684,7 +615,6 @@ var Address = function Address(props) {
|
|
|
684
615
|
onSwitchModule: onSwitchModule
|
|
685
616
|
}))));
|
|
686
617
|
};
|
|
687
|
-
|
|
688
618
|
Address.defaultProps = defaultProps;
|
|
689
619
|
Address.displayName = 'NutAddress';
|
|
690
620
|
export { Address as default };
|