@nutui/nutui-react-taro 1.3.5 → 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/Audio.js +4 -4
- package/dist/esm/Calendar.js +4 -4
- package/dist/esm/CalendarItem.js +3 -3
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Drag.js +3 -4
- package/dist/esm/Elevator.js +2 -4
- package/dist/esm/NoticeBar.js +3 -3
- package/dist/esm/Picker.js +3 -3
- package/dist/esm/Popover.js +3 -3
- package/dist/esm/Range.js +3 -3
- package/dist/esm/SearchBar.js +3 -2
- package/dist/esm/Signature.js +3 -2
- package/dist/esm/Swipe.js +3 -3
- package/dist/esm/actionsheet.taro-360d8d34.js +15 -25
- package/dist/esm/address.taro-f16cef31.js +151 -219
- package/dist/esm/animatingnumbers.taro-6f40a2e9.js +13 -41
- package/dist/esm/{audio.taro-29f5568f.js → audio.taro-57d4f0da.js} +33 -60
- package/dist/esm/avatar.taro-ec620cdd.js +25 -50
- package/dist/esm/avatargroup-5b2584d9.js +2 -9
- package/dist/esm/backtop.taro-aa8b2bc5.js +29 -55
- package/dist/esm/badge.taro-38684262.js +9 -20
- package/dist/esm/barrage.taro-d86c367a.js +8 -21
- package/dist/esm/button.taro-a9ebb937.js +22 -37
- package/dist/esm/{calendar.taro-438940bd.js → calendar.taro-533b3219.js} +13 -24
- package/dist/esm/{calendaritem.taro-11333579.js → calendaritem.taro-fe5dd4bd.js} +71 -183
- package/dist/esm/card.taro-1bc35ebe.js +14 -20
- package/dist/esm/cascader.taro-77100fb4.js +77 -197
- package/dist/esm/cell.taro-a4c3bb7b.js +20 -30
- package/dist/esm/cellgroup.taro-8c87bf08.js +6 -12
- package/dist/esm/checkbox.taro-104557c1.js +27 -48
- package/dist/esm/checkboxgroup.taro-3d380042.js +12 -30
- package/dist/esm/circleprogress.taro-3c89a157.js +14 -41
- package/dist/esm/col.taro-2a437387.js +11 -22
- package/dist/esm/collapse.taro-72e58ba2.js +11 -27
- package/dist/esm/collapseitem-75843a5e.js +33 -47
- package/dist/esm/configprovider-3e87d67a.js +2 -6
- package/dist/esm/configprovider.taro-6c7b3056.js +4 -14
- package/dist/esm/countdown.taro-f2d9ffed.js +37 -74
- package/dist/esm/{datepicker.taro-1acec61f.js → datepicker.taro-49a4cf0c.js} +43 -104
- package/dist/esm/dialog.taro-492e2b9a.js +27 -58
- package/dist/esm/divider.taro-5236fe6a.js +8 -15
- package/dist/esm/drag.taro-0717c783.js +153 -0
- package/dist/esm/{elevator.taro-8e385785.js → elevator.taro-443253ec.js} +99 -124
- package/dist/esm/empty.taro-ab9c4f03.js +11 -24
- package/dist/esm/fixednav.taro-582322a1.js +16 -27
- package/dist/esm/grid.taro-5d75c0ad.js +13 -28
- package/dist/esm/griditem.taro-866cd288.js +18 -34
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/icon.taro-1d0d4fb7.js +11 -21
- package/dist/esm/imagepreview.taro-1199e977.js +36 -71
- package/dist/esm/indicator.taro-183ea169.js +9 -20
- package/dist/esm/infiniteloading.taro-b95e62bf.js +23 -49
- package/dist/esm/input.taro-2453d7c4.js +62 -106
- package/dist/esm/inputnumber.taro-0cf7c1b7.js +25 -52
- package/dist/esm/layout.taro-358f014f.js +0 -6
- package/dist/esm/menu.taro-9345dcfd.js +21 -41
- package/dist/esm/menuitem.taro-fc0961b7.js +29 -54
- package/dist/esm/navbar.taro-c931c078.js +18 -34
- package/dist/esm/{noticebar.taro-1fa04a96.js → noticebar.taro-332691f9.js} +55 -107
- package/dist/esm/notify.taro-d9c48fae.js +18 -34
- package/dist/esm/numberkeyboard.taro-53c350b8.js +21 -52
- package/dist/esm/nutui-react.es.js +16 -16
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay.taro-be45fed5.js +12 -23
- package/dist/esm/pagination.taro-62bbd23f.js +38 -71
- package/dist/esm/{picker.taro-6a4dad23.js → picker.taro-f003b725.js} +95 -186
- package/dist/esm/{popover.taro-eddd0bd2.js → popover.taro-7e5dff8c.js} +33 -76
- package/dist/esm/popup.taro-33d0bbc8.js +40 -72
- package/dist/esm/price.taro-97393d8f.js +7 -24
- package/dist/esm/progress.taro-623bc807.js +23 -31
- package/dist/esm/pulltorefresh.taro-e66c78ad.js +29 -92
- package/dist/esm/radio.taro-95d43860.js +24 -47
- package/dist/esm/radiogroup.taro-b5dad516.js +14 -24
- package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js} +50 -133
- package/dist/esm/rate.taro-69c85081.js +21 -39
- package/dist/esm/row.taro-cec13a7e.js +7 -16
- package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js} +55 -70
- package/dist/esm/shortpassword.taro-2e96ca22.js +29 -56
- package/dist/esm/sidenavbar.taro-87f056cd.js +9 -16
- package/dist/esm/sidenavbaritem.taro-77e077f4.js +4 -11
- package/dist/esm/signature.taro-59b3b3ab.js +146 -0
- package/dist/esm/skeleton.taro-b9ff84b9.js +13 -23
- package/dist/esm/step.taro-f1057500.js +12 -28
- package/dist/esm/steps.taro-943f4fbb.js +6 -14
- package/dist/esm/sticky.taro-30d4e453.js +0 -7
- package/dist/esm/subsidenavbar.taro-2c1fcf16.js +7 -22
- package/dist/esm/{swipe.taro-dfb9a049.js → swipe.taro-83bc248f.js} +98 -91
- package/dist/esm/swiper.taro-f314d67a.js +110 -196
- package/dist/esm/swiperitem-d00e7513.js +2 -12
- package/dist/esm/switch.taro-be5eb823.js +13 -27
- package/dist/esm/tabbar.taro-da72fa2c.js +13 -25
- package/dist/esm/tabbaritem.taro-94cd62c2.js +15 -23
- package/dist/esm/table.taro-7ac89a6c.js +19 -39
- package/dist/esm/tabpane.taro-95aa185b.js +4 -10
- package/dist/esm/tabs.taro-86186dff.js +28 -54
- package/dist/esm/tag.taro-95d7f5c2.js +19 -36
- package/dist/esm/textarea.taro-388d1f90.js +18 -35
- package/dist/esm/timedetail.taro-519808cf.js +15 -28
- package/dist/esm/timepannel.taro-9904f6e6.js +5 -12
- package/dist/esm/timeselect.taro-73796bfc.js +35 -59
- package/dist/esm/toast.taro-86862dff.js +26 -46
- 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/types/src/packages/searchbar/searchbar.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/signature/signature.taro.d.ts +10 -2
- package/dist/esm/uploader.taro-6184abe7.js +52 -144
- package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js} +1 -40
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/esm/video-c1090c92.js +8 -19
- package/dist/esm/virtuallist.taro-6858f690.js +84 -118
- 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 +10844 -11362
- package/dist/nutui.react.umd.js +10844 -11362
- 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 +17 -8
- package/package.json +1 -1
- package/dist/esm/drag.taro-56e8c87a.js +0 -134
- package/dist/esm/signature.taro-a9286cd1.js +0 -178
|
@@ -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 { I as Icon$1 } from './icon.taro-1d0d4fb7.js';
|
|
15
12
|
import { P as Popup } from './popup.taro-33d0bbc8.js';
|
|
@@ -27,26 +24,23 @@ var defaultProps$2 = {
|
|
|
27
24
|
isShowCustomAddress: true,
|
|
28
25
|
customAndExistTitle: '选择其他地址'
|
|
29
26
|
};
|
|
30
|
-
|
|
31
27
|
var ExistRender = function ExistRender(props) {
|
|
32
28
|
var _useConfig = useConfig(),
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
locale = _useConfig.locale;
|
|
35
30
|
var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
31
|
+
children = _defaultProps$2$props.children,
|
|
32
|
+
type = _defaultProps$2$props.type,
|
|
33
|
+
existAddress = _defaultProps$2$props.existAddress,
|
|
34
|
+
selectedIcon = _defaultProps$2$props.selectedIcon,
|
|
35
|
+
defaultIcon = _defaultProps$2$props.defaultIcon,
|
|
36
|
+
isShowCustomAddress = _defaultProps$2$props.isShowCustomAddress,
|
|
37
|
+
customAndExistTitle = _defaultProps$2$props.customAndExistTitle,
|
|
38
|
+
onSelected = _defaultProps$2$props.onSelected,
|
|
39
|
+
onClose = _defaultProps$2$props.onClose,
|
|
40
|
+
onSwitchModule = _defaultProps$2$props.onSwitchModule,
|
|
41
|
+
rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
|
|
42
|
+
var b = cn('address');
|
|
43
|
+
// 选择现有地址
|
|
50
44
|
var selectedExist = function selectedExist(item) {
|
|
51
45
|
var copyExistAdd = existAddress;
|
|
52
46
|
var prevExistAdd = {
|
|
@@ -61,20 +55,17 @@ var ExistRender = function ExistRender(props) {
|
|
|
61
55
|
if (list && list.selectedAddress) {
|
|
62
56
|
prevExistAdd = list;
|
|
63
57
|
}
|
|
64
|
-
|
|
65
58
|
list.selectedAddress = false;
|
|
66
59
|
});
|
|
67
60
|
item.selectedAddress = true;
|
|
68
61
|
onSelected && onSelected(prevExistAdd, item, copyExistAdd);
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
|
|
62
|
+
};
|
|
63
|
+
// 选择其他地址
|
|
72
64
|
var switchModule = function switchModule() {
|
|
73
65
|
onSwitchModule && onSwitchModule({
|
|
74
66
|
type: type === 'exist' ? 'custom' : 'exist'
|
|
75
67
|
});
|
|
76
68
|
};
|
|
77
|
-
|
|
78
69
|
useEffect(function () {}, [existAddress]);
|
|
79
70
|
return React__default.createElement("div", {
|
|
80
71
|
className: b('exist')
|
|
@@ -113,7 +104,6 @@ var ExistRender = function ExistRender(props) {
|
|
|
113
104
|
className: b('choose-other-btn')
|
|
114
105
|
}, locale.address.chooseAnotherAddress || customAndExistTitle)));
|
|
115
106
|
};
|
|
116
|
-
|
|
117
107
|
var defaultProps$1 = {
|
|
118
108
|
modelValue: [],
|
|
119
109
|
type: 'custom',
|
|
@@ -123,50 +113,41 @@ var defaultProps$1 = {
|
|
|
123
113
|
town: [],
|
|
124
114
|
height: '200px'
|
|
125
115
|
};
|
|
126
|
-
|
|
127
116
|
var CustomRender = function CustomRender(props) {
|
|
128
117
|
var _useConfig2 = useConfig(),
|
|
129
|
-
|
|
130
|
-
|
|
118
|
+
locale = _useConfig2.locale;
|
|
131
119
|
var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
120
|
+
children = _defaultProps$1$props.children,
|
|
121
|
+
type = _defaultProps$1$props.type,
|
|
122
|
+
modelValue = _defaultProps$1$props.modelValue,
|
|
123
|
+
height = _defaultProps$1$props.height,
|
|
124
|
+
province = _defaultProps$1$props.province,
|
|
125
|
+
city = _defaultProps$1$props.city,
|
|
126
|
+
country = _defaultProps$1$props.country,
|
|
127
|
+
town = _defaultProps$1$props.town,
|
|
128
|
+
onNextArea = _defaultProps$1$props.onNextArea,
|
|
129
|
+
onTabClick = _defaultProps$1$props.onTabClick,
|
|
130
|
+
onClose = _defaultProps$1$props.onClose,
|
|
131
|
+
rest = _objectWithoutProperties(_defaultProps$1$props, _excluded2);
|
|
145
132
|
var b = cn('address');
|
|
146
|
-
|
|
147
133
|
var _useState = useState(type),
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
134
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
135
|
+
privateType = _useState2[0];
|
|
151
136
|
var _useState3 = useState(0),
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
137
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
138
|
+
tabIndex = _useState4[0],
|
|
139
|
+
setTabIndex = _useState4[1];
|
|
156
140
|
var _useState5 = useState(['province', 'city', 'country', 'town']),
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
141
|
+
_useState6 = _slicedToArray(_useState5, 1),
|
|
142
|
+
tabName = _useState6[0];
|
|
160
143
|
useRef(null);
|
|
161
144
|
useRef(null);
|
|
162
145
|
useRef(null);
|
|
163
146
|
useRef(null);
|
|
164
147
|
var regionLine = useRef(null);
|
|
165
|
-
|
|
166
148
|
var isCustom2 = function isCustom2() {
|
|
167
149
|
return type === 'custom2';
|
|
168
150
|
};
|
|
169
|
-
|
|
170
151
|
var transformData = function transformData(data) {
|
|
171
152
|
if (!Array.isArray(data)) throw new TypeError('params muse be array.');
|
|
172
153
|
if (!data.length) return [];
|
|
@@ -183,7 +164,6 @@ var CustomRender = function CustomRender(props) {
|
|
|
183
164
|
var index = newData.findIndex(function (value) {
|
|
184
165
|
return value.title === item.title;
|
|
185
166
|
});
|
|
186
|
-
|
|
187
167
|
if (index <= -1) {
|
|
188
168
|
newData.push({
|
|
189
169
|
title: item.title,
|
|
@@ -198,51 +178,45 @@ var CustomRender = function CustomRender(props) {
|
|
|
198
178
|
});
|
|
199
179
|
return newData;
|
|
200
180
|
};
|
|
201
|
-
|
|
202
181
|
var _useState7 = useState({
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
182
|
+
province: isCustom2() ? transformData(province) : province,
|
|
183
|
+
city: isCustom2() ? transformData(city) : city,
|
|
184
|
+
country: isCustom2() ? transformData(country) : country,
|
|
185
|
+
town: isCustom2() ? transformData(town) : town
|
|
186
|
+
}),
|
|
187
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
188
|
+
regionList = _useState8[0],
|
|
189
|
+
setRegionList = _useState8[1];
|
|
190
|
+
// 已选择的 省、市、县、镇
|
|
213
191
|
var _useState9 = useState({
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
192
|
+
province: {
|
|
193
|
+
name: ''
|
|
194
|
+
},
|
|
195
|
+
city: {
|
|
196
|
+
name: ''
|
|
197
|
+
},
|
|
198
|
+
country: {
|
|
199
|
+
name: ''
|
|
200
|
+
},
|
|
201
|
+
town: {
|
|
202
|
+
name: ''
|
|
203
|
+
}
|
|
204
|
+
}),
|
|
205
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
206
|
+
selectedRegion = _useState10[0],
|
|
207
|
+
setSelectedRegion = _useState10[1];
|
|
231
208
|
var _useState11 = useState(20),
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
209
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
210
|
+
lineDistance = _useState12[0],
|
|
211
|
+
setLineDistance = _useState12[1];
|
|
212
|
+
// 获取已选地区列表名称
|
|
237
213
|
var getTabName = function getTabName(item, index) {
|
|
238
214
|
if (tabIndex > index) {
|
|
239
215
|
return item.name;
|
|
240
216
|
}
|
|
241
|
-
|
|
242
217
|
return locale.select;
|
|
243
|
-
};
|
|
244
|
-
|
|
245
|
-
|
|
218
|
+
};
|
|
219
|
+
// 移动下面的红线
|
|
246
220
|
var lineAnimation = function lineAnimation(index) {
|
|
247
221
|
setTimeout(function () {
|
|
248
222
|
var name = tabName[index];
|
|
@@ -252,9 +226,8 @@ var CustomRender = function CustomRender(props) {
|
|
|
252
226
|
});
|
|
253
227
|
}).exec();
|
|
254
228
|
}, 100);
|
|
255
|
-
};
|
|
256
|
-
|
|
257
|
-
|
|
229
|
+
};
|
|
230
|
+
// 切换下一级列表
|
|
258
231
|
var nextAreaList = function nextAreaList(item) {
|
|
259
232
|
// onchange 接收的参数
|
|
260
233
|
var calBack = {
|
|
@@ -263,17 +236,14 @@ var CustomRender = function CustomRender(props) {
|
|
|
263
236
|
custom: tabName[tabIndex]
|
|
264
237
|
};
|
|
265
238
|
var bbselectedRegion = selectedRegion ? _objectSpread({}, selectedRegion) : null;
|
|
266
|
-
|
|
267
239
|
if (bbselectedRegion) {
|
|
268
240
|
setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item)));
|
|
269
241
|
calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item));
|
|
270
|
-
|
|
271
242
|
for (var i = tabIndex; i < tabIndex - 1; i++) {
|
|
272
243
|
setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], null)));
|
|
273
244
|
calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
|
|
274
245
|
}
|
|
275
246
|
}
|
|
276
|
-
|
|
277
247
|
if (tabIndex < 4) {
|
|
278
248
|
// 切换下一个
|
|
279
249
|
if (tabIndex === 3) {
|
|
@@ -285,30 +255,25 @@ var CustomRender = function CustomRender(props) {
|
|
|
285
255
|
lineAnimation(tabIndex + 1);
|
|
286
256
|
calBack.next = tabName[tabIndex + 1];
|
|
287
257
|
}
|
|
288
|
-
|
|
289
258
|
calBack.value = item;
|
|
290
259
|
onNextArea && onNextArea(calBack);
|
|
291
260
|
} else {
|
|
292
261
|
onClose && onClose();
|
|
293
262
|
}
|
|
294
|
-
};
|
|
295
|
-
|
|
296
|
-
|
|
263
|
+
};
|
|
264
|
+
// 切换地区Tab
|
|
297
265
|
var changeRegionTab = function changeRegionTab(item, index, key) {
|
|
298
266
|
if (getTabName(item, index)) {
|
|
299
267
|
setTabIndex(index);
|
|
300
268
|
lineAnimation(index);
|
|
301
269
|
}
|
|
302
|
-
|
|
303
270
|
onTabClick && onTabClick(key);
|
|
304
|
-
};
|
|
305
|
-
|
|
306
|
-
|
|
271
|
+
};
|
|
272
|
+
// 默认选中项
|
|
307
273
|
var initCustomSelected = function initCustomSelected() {
|
|
308
274
|
if (modelValue.length > 0) {
|
|
309
275
|
var tagIndex = 0;
|
|
310
276
|
var selectedRegionC = selectedRegion && Object.assign(selectedRegion);
|
|
311
|
-
|
|
312
277
|
for (var index = 0; index < modelValue.length; index++) {
|
|
313
278
|
if (regionList[tabName[index]].length === 0) {
|
|
314
279
|
tagIndex = index - 1;
|
|
@@ -318,7 +283,6 @@ var CustomRender = function CustomRender(props) {
|
|
|
318
283
|
(function () {
|
|
319
284
|
var val = modelValue[index];
|
|
320
285
|
var arr = regionList[tabName[index]];
|
|
321
|
-
|
|
322
286
|
if (privateType === 'custom') {
|
|
323
287
|
selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
|
|
324
288
|
return item.id === val;
|
|
@@ -332,46 +296,39 @@ var CustomRender = function CustomRender(props) {
|
|
|
332
296
|
return item.id === val;
|
|
333
297
|
})[0];
|
|
334
298
|
}
|
|
335
|
-
|
|
336
299
|
tagIndex = index;
|
|
337
300
|
setSelectedRegion(selectedRegionC);
|
|
338
301
|
})();
|
|
339
302
|
}
|
|
340
303
|
}
|
|
341
|
-
|
|
342
304
|
setTabIndex(tagIndex);
|
|
343
305
|
lineAnimation(tagIndex);
|
|
344
306
|
}
|
|
345
307
|
};
|
|
346
|
-
|
|
347
308
|
useEffect(function () {
|
|
348
309
|
var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
349
|
-
|
|
350
|
-
|
|
310
|
+
province = _defaultProps$1$props2.province;
|
|
351
311
|
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
352
312
|
province: isCustom2() ? transformData(province) : province
|
|
353
313
|
}));
|
|
354
314
|
}, [province]);
|
|
355
315
|
useEffect(function () {
|
|
356
316
|
var _defaultProps$1$props3 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
357
|
-
|
|
358
|
-
|
|
317
|
+
city = _defaultProps$1$props3.city;
|
|
359
318
|
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
360
319
|
city: isCustom2() ? transformData(city) : city
|
|
361
320
|
}));
|
|
362
321
|
}, [city]);
|
|
363
322
|
useEffect(function () {
|
|
364
323
|
var _defaultProps$1$props4 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
365
|
-
|
|
366
|
-
|
|
324
|
+
country = _defaultProps$1$props4.country;
|
|
367
325
|
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
368
326
|
country: isCustom2() ? transformData(country) : country
|
|
369
327
|
}));
|
|
370
328
|
}, [country]);
|
|
371
329
|
useEffect(function () {
|
|
372
330
|
var _defaultProps$1$props5 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
373
|
-
|
|
374
|
-
|
|
331
|
+
town = _defaultProps$1$props5.town;
|
|
375
332
|
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
376
333
|
town: isCustom2() ? transformData(town) : town
|
|
377
334
|
}));
|
|
@@ -417,7 +374,6 @@ var CustomRender = function CustomRender(props) {
|
|
|
417
374
|
}), item.name));
|
|
418
375
|
}))));
|
|
419
376
|
};
|
|
420
|
-
|
|
421
377
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
422
378
|
modelValue: false,
|
|
423
379
|
modelSelect: [],
|
|
@@ -437,96 +393,83 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
437
393
|
closeBtnIcon: 'circle-close',
|
|
438
394
|
backBtnIcon: 'left'
|
|
439
395
|
});
|
|
440
|
-
|
|
441
396
|
var Address = function Address(props) {
|
|
442
397
|
var _useConfig$ = useConfig$1(),
|
|
443
|
-
|
|
444
|
-
|
|
398
|
+
locale = _useConfig$.locale;
|
|
445
399
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
400
|
+
modelValue = _defaultProps$props.modelValue,
|
|
401
|
+
modelSelect = _defaultProps$props.modelSelect,
|
|
402
|
+
children = _defaultProps$props.children,
|
|
403
|
+
type = _defaultProps$props.type,
|
|
404
|
+
height = _defaultProps$props.height,
|
|
405
|
+
customAddressTitle = _defaultProps$props.customAddressTitle,
|
|
406
|
+
existAddress = _defaultProps$props.existAddress,
|
|
407
|
+
existAddressTitle = _defaultProps$props.existAddressTitle,
|
|
408
|
+
province = _defaultProps$props.province,
|
|
409
|
+
city = _defaultProps$props.city,
|
|
410
|
+
country = _defaultProps$props.country,
|
|
411
|
+
town = _defaultProps$props.town,
|
|
412
|
+
isShowCustomAddress = _defaultProps$props.isShowCustomAddress,
|
|
413
|
+
customAndExistTitle = _defaultProps$props.customAndExistTitle,
|
|
414
|
+
selectedIcon = _defaultProps$props.selectedIcon,
|
|
415
|
+
defaultIcon = _defaultProps$props.defaultIcon,
|
|
416
|
+
closeBtnIcon = _defaultProps$props.closeBtnIcon,
|
|
417
|
+
backBtnIcon = _defaultProps$props.backBtnIcon,
|
|
418
|
+
onChange = _defaultProps$props.onChange,
|
|
419
|
+
onSelected = _defaultProps$props.onSelected,
|
|
420
|
+
onClose = _defaultProps$props.onClose,
|
|
421
|
+
closeMask = _defaultProps$props.closeMask,
|
|
422
|
+
switchModule = _defaultProps$props.switchModule,
|
|
423
|
+
onTabChecked = _defaultProps$props.onTabChecked,
|
|
424
|
+
style = _defaultProps$props.style,
|
|
425
|
+
className = _defaultProps$props.className,
|
|
426
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
427
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
428
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
|
|
476
429
|
var b = cn('address');
|
|
477
|
-
|
|
478
430
|
var _useState13 = useState(type),
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
431
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
432
|
+
privateType = _useState14[0],
|
|
433
|
+
setPrivateType = _useState14[1];
|
|
483
434
|
var _useState15 = useState(['province', 'city', 'country', 'town']),
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
435
|
+
_useState16 = _slicedToArray(_useState15, 1),
|
|
436
|
+
tabName = _useState16[0];
|
|
487
437
|
var _useState17 = useState(modelValue),
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
438
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
439
|
+
showPopup = _useState18[0],
|
|
440
|
+
setShowPopup = _useState18[1];
|
|
492
441
|
var _useState19 = useState({
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
442
|
+
province: {
|
|
443
|
+
name: ''
|
|
444
|
+
},
|
|
445
|
+
city: {
|
|
446
|
+
name: ''
|
|
447
|
+
},
|
|
448
|
+
country: {
|
|
449
|
+
name: ''
|
|
450
|
+
},
|
|
451
|
+
town: {
|
|
452
|
+
name: ''
|
|
453
|
+
}
|
|
454
|
+
}),
|
|
455
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
456
|
+
selectedRegion = _useState20[0],
|
|
457
|
+
setSelectedRegion = _useState20[1]; // 已选择的 省、市、县、镇
|
|
511
458
|
var _useState21 = useState({}),
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
459
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
460
|
+
selectedExistAddress = _useState22[0],
|
|
461
|
+
setSelectedExistAddress = _useState22[1]; // 当前选择的地址
|
|
515
462
|
// 手动关闭 点击叉号(cross),或者蒙层(mask)
|
|
516
|
-
|
|
517
|
-
|
|
518
463
|
var handClose = function handClose() {
|
|
519
464
|
setShowPopup(false);
|
|
520
|
-
};
|
|
521
|
-
|
|
522
|
-
|
|
465
|
+
};
|
|
466
|
+
// 点击遮罩层关闭
|
|
523
467
|
var clickOverlay = function clickOverlay() {
|
|
524
468
|
closeMask && closeMask({
|
|
525
469
|
closeWay: 'mask'
|
|
526
470
|
});
|
|
527
|
-
};
|
|
528
|
-
|
|
529
|
-
|
|
471
|
+
};
|
|
472
|
+
// 切换下一级列表
|
|
530
473
|
var nextAreaList = function nextAreaList(item) {
|
|
531
474
|
// onchange 接收的参数
|
|
532
475
|
var callbackParams = {
|
|
@@ -536,29 +479,25 @@ var Address = function Address(props) {
|
|
|
536
479
|
};
|
|
537
480
|
setSelectedRegion(_objectSpread({}, item.selectedRegion));
|
|
538
481
|
onChange && onChange(callbackParams);
|
|
539
|
-
};
|
|
540
|
-
|
|
541
|
-
|
|
482
|
+
};
|
|
483
|
+
// 选择现有地址
|
|
542
484
|
var selectedExist = function selectedExist(prevExistAdd, item, copyExistAdd) {
|
|
543
485
|
setSelectedExistAddress(item);
|
|
544
486
|
onSelected && onSelected(prevExistAdd, item, copyExistAdd);
|
|
545
487
|
handClose();
|
|
546
|
-
};
|
|
547
|
-
|
|
548
|
-
|
|
488
|
+
};
|
|
489
|
+
// 初始化
|
|
549
490
|
var initAddress = function initAddress() {
|
|
550
491
|
for (var i = 0; i < tabName.length; i++) {
|
|
551
492
|
setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i], {})));
|
|
552
493
|
}
|
|
553
|
-
};
|
|
554
|
-
|
|
555
|
-
|
|
494
|
+
};
|
|
495
|
+
// 关闭
|
|
556
496
|
var closeFun = function closeFun() {
|
|
557
497
|
var resCopy = _objectSpread({
|
|
558
498
|
addressIdStr: '',
|
|
559
499
|
addressStr: ''
|
|
560
500
|
}, selectedRegion);
|
|
561
|
-
|
|
562
501
|
var res = {
|
|
563
502
|
data: _objectSpread({
|
|
564
503
|
addressIdStr: '',
|
|
@@ -566,37 +505,32 @@ var Address = function Address(props) {
|
|
|
566
505
|
}, selectedRegion),
|
|
567
506
|
type: privateType
|
|
568
507
|
};
|
|
569
|
-
|
|
570
508
|
if (privateType === 'custom' || privateType === 'custom2') {
|
|
571
509
|
var _province = resCopy.province,
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
510
|
+
_city = resCopy.city,
|
|
511
|
+
_country = resCopy.country,
|
|
512
|
+
_town = resCopy.town;
|
|
575
513
|
resCopy.addressIdStr = [_province.id || 0, _city.id || 0, _country.id || 0, _town.id || 0].join('_');
|
|
576
514
|
resCopy.addressStr = [_province.name, _city.name, _country.name, _town.name].join('');
|
|
577
515
|
res.data = resCopy;
|
|
578
516
|
} else {
|
|
579
517
|
res.data = selectedExistAddress;
|
|
580
518
|
}
|
|
581
|
-
|
|
582
519
|
initAddress();
|
|
583
520
|
onClose && onClose(res);
|
|
584
|
-
};
|
|
585
|
-
|
|
586
|
-
|
|
521
|
+
};
|
|
522
|
+
// 选择其他地址
|
|
587
523
|
var onSwitchModule = function onSwitchModule() {
|
|
588
524
|
if (privateType === 'exist') {
|
|
589
525
|
setPrivateType('custom');
|
|
590
526
|
} else {
|
|
591
527
|
setPrivateType('exist');
|
|
592
528
|
}
|
|
593
|
-
|
|
594
529
|
initAddress();
|
|
595
530
|
switchModule && switchModule({
|
|
596
531
|
type: privateType
|
|
597
532
|
});
|
|
598
533
|
};
|
|
599
|
-
|
|
600
534
|
var headerRender = function headerRender() {
|
|
601
535
|
return React__default.createElement("div", {
|
|
602
536
|
className: b('header')
|
|
@@ -622,7 +556,6 @@ var Address = function Address(props) {
|
|
|
622
556
|
size: "18px"
|
|
623
557
|
})));
|
|
624
558
|
};
|
|
625
|
-
|
|
626
559
|
useEffect(function () {
|
|
627
560
|
setShowPopup(modelValue);
|
|
628
561
|
}, [modelValue]);
|
|
@@ -667,7 +600,6 @@ var Address = function Address(props) {
|
|
|
667
600
|
onSwitchModule: onSwitchModule
|
|
668
601
|
}))));
|
|
669
602
|
};
|
|
670
|
-
|
|
671
603
|
Address.defaultProps = defaultProps;
|
|
672
604
|
Address.displayName = 'NutAddress';
|
|
673
605
|
export { Address as A };
|