@nutui/nutui-react-taro 1.4.4 → 1.4.5

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.
Files changed (219) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/esm/Address.js +5 -5
  3. package/dist/esm/Audio.js +5 -5
  4. package/dist/esm/AvatarContext-7153ad2b.js +3 -1
  5. package/dist/esm/AvatarGroup.js +4 -4
  6. package/dist/esm/Calendar.js +5 -5
  7. package/dist/esm/CalendarItem.js +4 -4
  8. package/dist/esm/Card.js +4 -3
  9. package/dist/esm/Cell.js +2 -2
  10. package/dist/esm/ConfigProvider.js +3 -3
  11. package/dist/esm/CountDown.js +4 -4
  12. package/dist/esm/DatePicker.js +5 -5
  13. package/dist/esm/Dialog.js +4 -4
  14. package/dist/esm/Ellipsis.js +4 -4
  15. package/dist/esm/Empty.js +4 -4
  16. package/dist/esm/FixedNav.js +4 -4
  17. package/dist/esm/Form.js +4 -4
  18. package/dist/esm/FormItem.js +3 -3
  19. package/dist/esm/Grid.js +4 -4
  20. package/dist/esm/GridItem.js +4 -4
  21. package/dist/esm/Image.js +4 -4
  22. package/dist/esm/Infiniteloading.js +4 -4
  23. package/dist/esm/Input.js +4 -4
  24. package/dist/esm/MenuItem.js +4 -4
  25. package/dist/esm/NoticeBar.js +2 -2
  26. package/dist/esm/NumberKeyboard.js +4 -4
  27. package/dist/esm/Pagination.js +4 -4
  28. package/dist/esm/Picker.js +4 -4
  29. package/dist/esm/PullToRefresh.js +4 -4
  30. package/dist/esm/Range.js +4 -4
  31. package/dist/esm/SearchBar.js +4 -4
  32. package/dist/esm/ShortPassword.js +4 -4
  33. package/dist/esm/SideNavBar.js +4 -4
  34. package/dist/esm/Signature.js +4 -4
  35. package/dist/esm/Sticky.js +4 -4
  36. package/dist/esm/Table.js +4 -4
  37. package/dist/esm/Tag.js +3 -2
  38. package/dist/esm/TextArea.js +4 -4
  39. package/dist/esm/TimeDetail.js +4 -4
  40. package/dist/esm/TimePannel.js +4 -4
  41. package/dist/esm/TimeSelect.js +6 -6
  42. package/dist/esm/Uploader.js +4 -4
  43. package/dist/esm/UserContext-68f62e66.js +3 -1
  44. package/dist/esm/UserContext-b4181162.js +3 -1
  45. package/dist/esm/UserContext-be8097d2.js +3 -1
  46. package/dist/esm/VirtualList.js +6 -4
  47. package/dist/esm/WaterMark.js +4 -4
  48. package/dist/esm/actionsheet.taro-a58d3d12.js +45 -83
  49. package/dist/esm/address.taro-79cc7c96.js +461 -0
  50. package/dist/esm/animate.taro-b0e83dd5.js +32 -46
  51. package/dist/esm/animatingnumbers.taro-6f40a2e9.js +93 -134
  52. package/dist/esm/audio.taro-4fadc583.js +161 -0
  53. package/dist/esm/avatar.taro-85ced995.js +93 -119
  54. package/dist/esm/avatargroup-1d900174.js +34 -0
  55. package/dist/esm/backtop.taro-99107c30.js +39 -62
  56. package/dist/esm/badge.taro-fe9171ec.js +40 -58
  57. package/dist/esm/barrage.taro-0e157b5e.js +61 -91
  58. package/dist/esm/bem-893ad28d.js +3 -6
  59. package/dist/esm/button.taro-4ce133b9.js +87 -98
  60. package/dist/esm/calendar.taro-4ed72058.js +38 -0
  61. package/dist/esm/calendaritem.taro-1ebe428d.js +571 -0
  62. package/dist/esm/card.taro-39055e82.js +32 -0
  63. package/dist/esm/cascader.taro-d8cb1c3e.js +397 -636
  64. package/dist/esm/cell.taro-9a04a92e.js +64 -0
  65. package/dist/esm/cellgroup.taro-e094471c.js +18 -27
  66. package/dist/esm/checkbox.taro-0bda9796.js +160 -232
  67. package/dist/esm/circleprogress.taro-47db537c.js +99 -120
  68. package/dist/esm/col.taro-b61c7cba.js +33 -50
  69. package/dist/esm/collapse.taro-af58206c.js +73 -86
  70. package/dist/esm/collapseitem-ce1849d2.js +75 -139
  71. package/dist/esm/configprovider-5eea4f5d.js +19 -0
  72. package/dist/esm/configprovider.taro-26882dd2.js +42 -0
  73. package/dist/esm/countdown.taro-9e40de9c.js +225 -0
  74. package/dist/esm/datepicker.taro-7220e495.js +270 -0
  75. package/dist/esm/dialog.taro-1c03960e.js +123 -0
  76. package/dist/esm/divider.taro-5236fe6a.js +27 -27
  77. package/dist/esm/drag.taro-82b6b27a.js +99 -138
  78. package/dist/esm/elevator.taro-d7d65470.js +185 -259
  79. package/dist/esm/ellipsis.taro-49b6db0c.js +232 -0
  80. package/dist/esm/empty.taro-7bd813f9.js +62 -0
  81. package/dist/esm/fixednav.taro-5ad15202.js +53 -0
  82. package/dist/esm/form.taro-71d32671.js +179 -0
  83. package/dist/esm/formitem.taro-3089489b.js +89 -0
  84. package/dist/esm/grid.taro-e6decfce.js +58 -0
  85. package/dist/esm/grid.taro.context-39636af9.js +4 -2
  86. package/dist/esm/griditem.taro-4cade72e.js +90 -0
  87. package/dist/esm/icon-8dc4de10.js +43 -51
  88. package/dist/esm/icon.taro-1d0d4fb7.js +43 -51
  89. package/dist/esm/image.taro-e6dc5867.js +64 -0
  90. package/dist/esm/imagepreview.taro-3400ea03.js +158 -205
  91. package/dist/esm/index.taro-a36f96fb.js +149 -210
  92. package/dist/esm/indicator.taro-183ea169.js +29 -43
  93. package/dist/esm/infiniteloading.taro-6c2a2e95.js +142 -0
  94. package/dist/esm/input.taro-fd566407.js +243 -0
  95. package/dist/esm/inputnumber.taro-dc39b853.js +129 -177
  96. package/dist/esm/layout.taro-358f014f.js +6 -9
  97. package/dist/esm/menu.taro-4abed328.js +89 -132
  98. package/dist/esm/menuitem.taro-6e8b27c3.js +130 -0
  99. package/dist/esm/navbar.taro-c931c078.js +69 -105
  100. package/dist/esm/noticebar.taro-69ea7673.js +450 -0
  101. package/dist/esm/notify.taro-308e5892.js +66 -97
  102. package/dist/esm/numberkeyboard.taro-194519e4.js +158 -0
  103. package/dist/esm/nutui-react.es.js +44 -44
  104. package/dist/esm/offsetContext-bfb02c25.js +3 -1
  105. package/dist/esm/overlay.taro-98367bc1.js +59 -74
  106. package/dist/esm/pagination.taro-bb490de9.js +124 -0
  107. package/dist/esm/picker.taro-2a8ded7c.js +420 -0
  108. package/dist/esm/popover.taro-46d813e8.js +132 -222
  109. package/dist/esm/popup.taro-cb777e09.js +125 -178
  110. package/dist/esm/price.taro-8801462e.js +75 -86
  111. package/dist/esm/progress.taro-623bc807.js +84 -118
  112. package/dist/esm/pulltorefresh.taro-cab7b51c.js +221 -0
  113. package/dist/esm/range.taro-5d6ff217.js +332 -0
  114. package/dist/esm/rate.taro-10197384.js +64 -111
  115. package/dist/esm/row.taro-37a895de.js +38 -42
  116. package/dist/esm/searchbar.taro-839dd622.js +148 -0
  117. package/dist/esm/shortpassword.taro-182d46f7.js +111 -0
  118. package/dist/esm/sidenavbar.taro-006cf38b.js +35 -0
  119. package/dist/esm/sidenavbaritem.taro-fee11d26.js +9 -22
  120. package/dist/esm/signature.taro-33632585.js +143 -0
  121. package/dist/esm/skeleton.taro-853ce460.js +51 -88
  122. package/dist/esm/step.taro-1c94e067.js +49 -78
  123. package/dist/esm/steps.taro-acf205a0.js +21 -30
  124. package/dist/esm/sticky.taro-d0553f48.js +13 -0
  125. package/dist/esm/subsidenavbar.taro-f46b4c73.js +58 -75
  126. package/dist/esm/swipe.taro-83bc248f.js +164 -254
  127. package/dist/esm/swiper.taro-852f6615.js +424 -505
  128. package/dist/esm/swiperitem-86a3578a.js +20 -28
  129. package/dist/esm/switch.taro-bae2dca0.js +43 -64
  130. package/dist/esm/tabbar.taro-86cece39.js +47 -57
  131. package/dist/esm/tabbaritem.taro-8dfb8055.js +51 -79
  132. package/dist/esm/table.taro-cb4dd2c3.js +92 -0
  133. package/dist/esm/tabpane.taro-91cd6cf4.js +17 -22
  134. package/dist/esm/tabs.taro-e71875fa.js +121 -165
  135. package/dist/esm/tag.taro-00fe554d.js +89 -0
  136. package/dist/esm/textarea.taro-42600f8c.js +74 -0
  137. package/dist/esm/timedetail.taro-c5f564fd.js +44 -0
  138. package/dist/esm/timepannel.taro-29f9dd86.js +22 -0
  139. package/dist/esm/timeselect.taro-3ecce65d.js +133 -0
  140. package/dist/esm/toast.taro-0804b6b4.js +99 -137
  141. package/dist/esm/trendarrow.taro-5a7153e4.js +63 -90
  142. package/dist/esm/types/src/packages/cell/cell.taro.d.ts +0 -1
  143. package/dist/esm/types/src/packages/noticebar/noticebar.d.ts +5 -4
  144. package/dist/esm/types/src/packages/noticebar/noticebar.taro.d.ts +5 -4
  145. package/dist/esm/types/src/packages/uploader/uploader.d.ts +1 -1
  146. package/dist/esm/types/src/packages/virtuallist/virtuallist.taro.d.ts +13 -2
  147. package/dist/esm/typings-1c5f2628.js +7 -6
  148. package/dist/esm/uploader.taro-f80d76d9.js +392 -0
  149. package/dist/esm/useClientRect-bf69d7b3.js +5 -25
  150. package/dist/esm/useTouch-a2ea68c6.js +63 -93
  151. package/dist/esm/video-8a3518c5.js +59 -83
  152. package/dist/esm/virtuallist.taro-e3345ced.js +215 -0
  153. package/dist/esm/watermark.taro-cd9db98a.js +114 -0
  154. package/dist/esm/zh-CN-dfc384d0.js +128 -133
  155. package/dist/locales/base.js +1 -1
  156. package/dist/locales/en-US.js +1 -1
  157. package/dist/locales/id-ID.js +1 -1
  158. package/dist/locales/zh-CN.js +1 -1
  159. package/dist/locales/zh-TW.js +1 -1
  160. package/dist/locales/zh-UG.js +1 -1
  161. package/dist/nutui.react.es.js +634 -5664
  162. package/dist/nutui.react.umd.js +634 -5664
  163. package/dist/packages/noticebar/noticebar.scss +17 -0
  164. package/dist/packages/radio/radio.scss +3 -1
  165. package/dist/packages/row/row.scss +2 -0
  166. package/dist/packages/searchbar/searchbar.scss +1 -1
  167. package/dist/packages/tag/tag.scss +13 -5
  168. package/dist/packages/virtuallist/virtuallist.scss +24 -0
  169. package/dist/style.css +1 -1
  170. package/dist/style.es.js +1 -1
  171. package/dist/styles/temp.scss +2340 -0
  172. package/dist/styles/theme-dark.scss +7 -0
  173. package/dist/styles/theme-default.scss +11 -0
  174. package/dist/styles/variables.scss +1945 -710
  175. package/dist/types/index.d.ts +16 -23
  176. package/package.json +9 -4
  177. package/dist/esm/address.taro-1e2aea24.js +0 -615
  178. package/dist/esm/audio.taro-fddcdfc0.js +0 -228
  179. package/dist/esm/avatargroup-f7f600ff.js +0 -42
  180. package/dist/esm/calendar.taro-72974415.js +0 -83
  181. package/dist/esm/calendaritem.taro-84e889eb.js +0 -580
  182. package/dist/esm/card.taro-a530dfb3.js +0 -61
  183. package/dist/esm/cell.taro-cf50c4f2.js +0 -109
  184. package/dist/esm/configprovider-c7d60e20.js +0 -18
  185. package/dist/esm/configprovider.taro-8bdb3a28.js +0 -50
  186. package/dist/esm/countdown.taro-d7dc8681.js +0 -246
  187. package/dist/esm/datepicker.taro-7199f521.js +0 -304
  188. package/dist/esm/dialog.taro-f54cfbf0.js +0 -187
  189. package/dist/esm/ellipsis.taro-c0de6ff4.js +0 -309
  190. package/dist/esm/empty.taro-dbc66496.js +0 -81
  191. package/dist/esm/fixednav.taro-9e759320.js +0 -97
  192. package/dist/esm/form.taro-880014b1.js +0 -181
  193. package/dist/esm/formitem.taro-3695f4a7.js +0 -136
  194. package/dist/esm/grid.taro-c2cc12d6.js +0 -81
  195. package/dist/esm/griditem.taro-892153cd.js +0 -122
  196. package/dist/esm/image.taro-c30973d5.js +0 -105
  197. package/dist/esm/infiniteloading.taro-b5ddf3cc.js +0 -188
  198. package/dist/esm/input.taro-104130c1.js +0 -361
  199. package/dist/esm/menuitem.taro-216e9f7d.js +0 -193
  200. package/dist/esm/noticebar.taro-94002898.js +0 -368
  201. package/dist/esm/numberkeyboard.taro-5e8f0ddf.js +0 -245
  202. package/dist/esm/pagination.taro-9925ffab.js +0 -169
  203. package/dist/esm/picker.taro-3b5cc054.js +0 -540
  204. package/dist/esm/pulltorefresh.taro-f26a20dd.js +0 -302
  205. package/dist/esm/range.taro-c41e9b90.js +0 -469
  206. package/dist/esm/searchbar.taro-01ed4ea4.js +0 -236
  207. package/dist/esm/shortpassword.taro-3a3bf412.js +0 -190
  208. package/dist/esm/sidenavbar.taro-06026f31.js +0 -66
  209. package/dist/esm/signature.taro-17648cac.js +0 -192
  210. package/dist/esm/sticky.taro-36013e97.js +0 -16
  211. package/dist/esm/table.taro-adda6622.js +0 -139
  212. package/dist/esm/tag.taro-bd900990.js +0 -104
  213. package/dist/esm/textarea.taro-83d5fe73.js +0 -102
  214. package/dist/esm/timedetail.taro-105f5380.js +0 -68
  215. package/dist/esm/timepannel.taro-c66c63dd.js +0 -30
  216. package/dist/esm/timeselect.taro-fc7ec6ee.js +0 -172
  217. package/dist/esm/uploader.taro-a1edf38f.js +0 -529
  218. package/dist/esm/virtuallist.taro-4add61c3.js +0 -315
  219. package/dist/esm/watermark.taro-323d1cf3.js +0 -132
@@ -1,615 +0,0 @@
1
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
- var _excluded = ["children", "type", "existAddress", "selectedIcon", "defaultIcon", "isShowCustomAddress", "customAndExistTitle", "onSelected", "onClose", "onSwitchModule"],
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"];
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; }
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; }
10
- import React__default, { useEffect, useState, useRef } from 'react';
11
- import { I as Icon$1 } from './icon.taro-1d0d4fb7.js';
12
- import { P as Popup } from './popup.taro-cb777e09.js';
13
- import { c as cn } from './bem-893ad28d.js';
14
- import { I as Icon } from './icon-8dc4de10.js';
15
- import { u as useConfig } from './configprovider-c7d60e20.js';
16
- import { E as Elevator } from './elevator.taro-d7d65470.js';
17
- import Taro from '@tarojs/taro';
18
- import { u as useConfig$1 } from './configprovider.taro-8bdb3a28.js';
19
- import { C as ComponentDefaults } from './typings-1c5f2628.js';
20
- var defaultProps$2 = {
21
- type: 'custom',
22
- existAddress: [],
23
- defaultIcon: 'location2',
24
- selectedIcon: 'Check',
25
- isShowCustomAddress: true,
26
- customAndExistTitle: '选择其他地址'
27
- };
28
- var ExistRender = function ExistRender(props) {
29
- var _useConfig = useConfig(),
30
- locale = _useConfig.locale;
31
- var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
32
- children = _defaultProps$2$props.children,
33
- type = _defaultProps$2$props.type,
34
- existAddress = _defaultProps$2$props.existAddress,
35
- selectedIcon = _defaultProps$2$props.selectedIcon,
36
- defaultIcon = _defaultProps$2$props.defaultIcon,
37
- isShowCustomAddress = _defaultProps$2$props.isShowCustomAddress,
38
- customAndExistTitle = _defaultProps$2$props.customAndExistTitle,
39
- onSelected = _defaultProps$2$props.onSelected,
40
- onClose = _defaultProps$2$props.onClose,
41
- onSwitchModule = _defaultProps$2$props.onSwitchModule,
42
- rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
43
- var b = cn('address');
44
- // 选择现有地址
45
- var selectedExist = function selectedExist(item) {
46
- var copyExistAdd = existAddress;
47
- var prevExistAdd = {
48
- provinceName: '',
49
- cityName: '',
50
- countyName: '',
51
- townName: '',
52
- addressDetail: '',
53
- selectedAddress: false
54
- };
55
- copyExistAdd.forEach(function (list, index) {
56
- if (list && list.selectedAddress) {
57
- prevExistAdd = list;
58
- }
59
- list.selectedAddress = false;
60
- });
61
- item.selectedAddress = true;
62
- onSelected && onSelected(prevExistAdd, item, copyExistAdd);
63
- };
64
- // 选择其他地址
65
- var switchModule = function switchModule() {
66
- onSwitchModule && onSwitchModule({
67
- type: type === 'exist' ? 'custom' : 'exist'
68
- });
69
- };
70
- useEffect(function () {}, [existAddress]);
71
- return React__default.createElement("div", {
72
- className: b('exist')
73
- }, React__default.createElement("div", {
74
- className: b('exist-group')
75
- }, React__default.createElement("ul", {
76
- className: b('exist-ul')
77
- }, existAddress.map(function (item, index) {
78
- return React__default.createElement("li", {
79
- className: b('exist-item'),
80
- key: index
81
- }, React__default.createElement("div", {
82
- onClick: function onClick() {
83
- return selectedExist(item);
84
- }
85
- }, React__default.createElement(Icon, {
86
- className: b('exist-item-icon'),
87
- name: item.selectedAddress ? selectedIcon : defaultIcon,
88
- color: item.selectedAddress ? '#FA2C19' : '',
89
- size: "13px"
90
- }), React__default.createElement("div", {
91
- className: b('exist-item-info')
92
- }, item.name && item.phone && React__default.createElement("div", {
93
- className: "exist-item-info-top"
94
- }, React__default.createElement("div", {
95
- className: "exist-item-info-name"
96
- }, item.name), React__default.createElement("div", {
97
- className: "exist-item-info-phone"
98
- }, item.phone)), React__default.createElement("div", {
99
- className: "exist-item-info-bottom"
100
- }, React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
101
- }))), isShowCustomAddress && React__default.createElement("div", {
102
- className: b('choose-other'),
103
- onClick: switchModule
104
- }, React__default.createElement("div", {
105
- className: b('choose-other-btn')
106
- }, locale.address.chooseAnotherAddress || customAndExistTitle)));
107
- };
108
- var defaultProps$1 = {
109
- modelValue: [],
110
- type: 'custom',
111
- province: [],
112
- city: [],
113
- country: [],
114
- town: [],
115
- height: '200px'
116
- };
117
- var CustomRender = function CustomRender(props) {
118
- var _useConfig2 = useConfig(),
119
- locale = _useConfig2.locale;
120
- var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
121
- children = _defaultProps$1$props.children,
122
- type = _defaultProps$1$props.type,
123
- modelValue = _defaultProps$1$props.modelValue,
124
- height = _defaultProps$1$props.height,
125
- province = _defaultProps$1$props.province,
126
- city = _defaultProps$1$props.city,
127
- country = _defaultProps$1$props.country,
128
- town = _defaultProps$1$props.town,
129
- onNextArea = _defaultProps$1$props.onNextArea,
130
- onTabClick = _defaultProps$1$props.onTabClick,
131
- onClose = _defaultProps$1$props.onClose,
132
- rest = _objectWithoutProperties(_defaultProps$1$props, _excluded2);
133
- var b = cn('address');
134
- var _useState = useState(type),
135
- _useState2 = _slicedToArray(_useState, 1),
136
- privateType = _useState2[0];
137
- var _useState3 = useState(0),
138
- _useState4 = _slicedToArray(_useState3, 2),
139
- tabIndex = _useState4[0],
140
- setTabIndex = _useState4[1];
141
- var _useState5 = useState(['province', 'city', 'country', 'town']),
142
- _useState6 = _slicedToArray(_useState5, 1),
143
- tabName = _useState6[0];
144
- useRef(null);
145
- useRef(null);
146
- useRef(null);
147
- useRef(null);
148
- var regionLine = useRef(null);
149
- var isCustom2 = function isCustom2() {
150
- return type === 'custom2';
151
- };
152
- var transformData = function transformData(data) {
153
- if (!Array.isArray(data)) throw new TypeError('params muse be array.');
154
- if (!data.length) return [];
155
- data.forEach(function (item) {
156
- if (!item.title) {
157
- console.error('[NutUI] <Address> 请检查数组选项的 title 值是否有设置 ,title 为必填项 .');
158
- }
159
- });
160
- var newData = [];
161
- data = data.sort(function (a, b) {
162
- return a.title.localeCompare(b.title);
163
- });
164
- data.forEach(function (item) {
165
- var index = newData.findIndex(function (value) {
166
- return value.title === item.title;
167
- });
168
- if (index <= -1) {
169
- newData.push({
170
- title: item.title,
171
- list: [].concat(item)
172
- });
173
- } else {
174
- newData[index] = {
175
- title: item.title,
176
- list: newData[index].list.concat(item)
177
- };
178
- }
179
- });
180
- return newData;
181
- };
182
- var _useState7 = useState({
183
- province: isCustom2() ? transformData(province) : province,
184
- city: isCustom2() ? transformData(city) : city,
185
- country: isCustom2() ? transformData(country) : country,
186
- town: isCustom2() ? transformData(town) : town
187
- }),
188
- _useState8 = _slicedToArray(_useState7, 2),
189
- regionList = _useState8[0],
190
- setRegionList = _useState8[1];
191
- // 已选择的 省、市、县、镇
192
- var _useState9 = useState({
193
- province: {
194
- name: ''
195
- },
196
- city: {
197
- name: ''
198
- },
199
- country: {
200
- name: ''
201
- },
202
- town: {
203
- name: ''
204
- }
205
- }),
206
- _useState10 = _slicedToArray(_useState9, 2),
207
- selectedRegion = _useState10[0],
208
- setSelectedRegion = _useState10[1];
209
- var _useState11 = useState(20),
210
- _useState12 = _slicedToArray(_useState11, 2),
211
- lineDistance = _useState12[0],
212
- setLineDistance = _useState12[1];
213
- // 获取已选地区列表名称
214
- var getTabName = function getTabName(item, index) {
215
- if (tabIndex > index) {
216
- return item.name;
217
- }
218
- return locale.select;
219
- };
220
- // 移动下面的红线
221
- var lineAnimation = function lineAnimation(index) {
222
- setTimeout(function () {
223
- var name = tabName[index];
224
- Taro.createSelectorQuery().selectAll(".".concat(name)).boundingClientRect(function (rects) {
225
- rects && rects.length > 0 && rects.forEach(function (rect) {
226
- if (rect.width > 0) setLineDistance(rect.left || 20);
227
- });
228
- }).exec();
229
- }, 100);
230
- };
231
- // 切换下一级列表
232
- var nextAreaList = function nextAreaList(item) {
233
- // onchange 接收的参数
234
- var calBack = {
235
- next: '',
236
- value: '',
237
- custom: tabName[tabIndex]
238
- };
239
- var bbselectedRegion = selectedRegion ? _objectSpread({}, selectedRegion) : null;
240
- if (bbselectedRegion) {
241
- setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item)));
242
- calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item));
243
- for (var i = tabIndex; i < tabIndex - 1; i++) {
244
- setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], null)));
245
- calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
246
- }
247
- }
248
- if (tabIndex < 4) {
249
- // 切换下一个
250
- if (tabIndex === 3) {
251
- calBack.next = '';
252
- } else {
253
- setTabIndex(function () {
254
- return tabIndex + 1;
255
- });
256
- lineAnimation(tabIndex + 1);
257
- calBack.next = tabName[tabIndex + 1];
258
- }
259
- calBack.value = item;
260
- onNextArea && onNextArea(calBack);
261
- } else {
262
- onClose && onClose();
263
- }
264
- };
265
- // 切换地区Tab
266
- var changeRegionTab = function changeRegionTab(item, index, key) {
267
- if (getTabName(item, index)) {
268
- setTabIndex(index);
269
- lineAnimation(index);
270
- }
271
- onTabClick && onTabClick(key);
272
- };
273
- // 默认选中项
274
- var initCustomSelected = function initCustomSelected() {
275
- if (modelValue.length > 0) {
276
- var tagIndex = 0;
277
- var selectedRegionC = selectedRegion && Object.assign(selectedRegion);
278
- for (var index = 0; index < modelValue.length; index++) {
279
- if (regionList[tabName[index]].length === 0) {
280
- tagIndex = index - 1;
281
- setTabIndex(index - 1);
282
- break;
283
- } else {
284
- (function () {
285
- var val = modelValue[index];
286
- var arr = regionList[tabName[index]];
287
- if (privateType === 'custom') {
288
- selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
289
- return item.id === val;
290
- })[0];
291
- } else if (privateType === 'custom2') {
292
- var sumArr = [];
293
- arr.forEach(function (item) {
294
- sumArr.push.apply(sumArr, _toConsumableArray(item.list));
295
- });
296
- selectedRegionC[[tabName[index]]] = sumArr.filter(function (item) {
297
- return item.id === val;
298
- })[0];
299
- }
300
- tagIndex = index;
301
- setSelectedRegion(selectedRegionC);
302
- })();
303
- }
304
- }
305
- setTabIndex(tagIndex);
306
- lineAnimation(tagIndex);
307
- }
308
- };
309
- var handleElevatorItem = function handleElevatorItem(key, item) {
310
- nextAreaList(item);
311
- };
312
- useEffect(function () {
313
- var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
314
- province = _defaultProps$1$props2.province;
315
- setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
316
- province: isCustom2() ? transformData(province) : province
317
- }));
318
- }, [province]);
319
- useEffect(function () {
320
- var _defaultProps$1$props3 = _objectSpread(_objectSpread({}, defaultProps$1), props),
321
- city = _defaultProps$1$props3.city;
322
- setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
323
- city: isCustom2() ? transformData(city) : city
324
- }));
325
- }, [city]);
326
- useEffect(function () {
327
- var _defaultProps$1$props4 = _objectSpread(_objectSpread({}, defaultProps$1), props),
328
- country = _defaultProps$1$props4.country;
329
- setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
330
- country: isCustom2() ? transformData(country) : country
331
- }));
332
- }, [country]);
333
- useEffect(function () {
334
- var _defaultProps$1$props5 = _objectSpread(_objectSpread({}, defaultProps$1), props),
335
- town = _defaultProps$1$props5.town;
336
- setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
337
- town: isCustom2() ? transformData(town) : town
338
- }));
339
- }, [town]);
340
- useEffect(function () {
341
- initCustomSelected();
342
- }, [modelValue]);
343
- return React__default.createElement("div", {
344
- className: b('custom')
345
- }, React__default.createElement("div", {
346
- className: b('region-tab')
347
- }, selectedRegion && Object.keys(selectedRegion).map(function (key, index) {
348
- return React__default.createElement("div", {
349
- className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : '', " ").concat(tabName[index]),
350
- key: index,
351
- onClick: function onClick() {
352
- return changeRegionTab(selectedRegion[key], index, key);
353
- }
354
- }, index <= tabIndex && React__default.createElement("div", null, getTabName(selectedRegion[key], index)));
355
- }), React__default.createElement("div", {
356
- className: b('tab-line'),
357
- ref: regionLine,
358
- style: {
359
- left: "".concat(lineDistance, "px")
360
- }
361
- })), privateType === 'custom' && React__default.createElement("div", {
362
- className: b('region-con')
363
- }, React__default.createElement("ul", {
364
- className: b('region-group')
365
- }, regionList[tabName[tabIndex]].map(function (item, index) {
366
- return React__default.createElement("li", {
367
- key: index,
368
- className: b('region-item')
369
- }, React__default.createElement("div", {
370
- onClick: function onClick() {
371
- nextAreaList(item);
372
- }
373
- }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && React__default.createElement(Icon, {
374
- className: b('region-item--icon'),
375
- name: "Check",
376
- color: "#FA2C19",
377
- size: "13px"
378
- }), item.name));
379
- }))), privateType === 'custom2' && React__default.createElement("div", {
380
- className: b('elevator-group')
381
- }, React__default.createElement(Elevator, {
382
- height: height,
383
- indexList: regionList[tabName[tabIndex]],
384
- onClickItem: handleElevatorItem
385
- })));
386
- };
387
- var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
388
- modelValue: false,
389
- modelSelect: [],
390
- type: 'custom',
391
- customAddressTitle: '请选择所在地区',
392
- province: [],
393
- city: [],
394
- country: [],
395
- town: [],
396
- isShowCustomAddress: true,
397
- existAddress: [],
398
- existAddressTitle: '配送至',
399
- customAndExistTitle: '选择其他地址',
400
- height: '200px',
401
- defaultIcon: 'location2',
402
- selectedIcon: 'Check',
403
- closeBtnIcon: 'circle-close',
404
- backBtnIcon: 'left'
405
- });
406
- var Address = function Address(props) {
407
- var _useConfig$ = useConfig$1(),
408
- locale = _useConfig$.locale;
409
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
410
- modelValue = _defaultProps$props.modelValue,
411
- modelSelect = _defaultProps$props.modelSelect,
412
- children = _defaultProps$props.children,
413
- type = _defaultProps$props.type,
414
- height = _defaultProps$props.height,
415
- customAddressTitle = _defaultProps$props.customAddressTitle,
416
- existAddress = _defaultProps$props.existAddress,
417
- existAddressTitle = _defaultProps$props.existAddressTitle,
418
- province = _defaultProps$props.province,
419
- city = _defaultProps$props.city,
420
- country = _defaultProps$props.country,
421
- town = _defaultProps$props.town,
422
- isShowCustomAddress = _defaultProps$props.isShowCustomAddress,
423
- customAndExistTitle = _defaultProps$props.customAndExistTitle,
424
- selectedIcon = _defaultProps$props.selectedIcon,
425
- defaultIcon = _defaultProps$props.defaultIcon,
426
- closeBtnIcon = _defaultProps$props.closeBtnIcon,
427
- backBtnIcon = _defaultProps$props.backBtnIcon,
428
- onChange = _defaultProps$props.onChange,
429
- onSelected = _defaultProps$props.onSelected,
430
- onClose = _defaultProps$props.onClose,
431
- closeMask = _defaultProps$props.closeMask,
432
- switchModule = _defaultProps$props.switchModule,
433
- onTabChecked = _defaultProps$props.onTabChecked,
434
- style = _defaultProps$props.style,
435
- className = _defaultProps$props.className,
436
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
437
- iconFontClassName = _defaultProps$props.iconFontClassName,
438
- rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
439
- var b = cn('address');
440
- var _useState13 = useState(type),
441
- _useState14 = _slicedToArray(_useState13, 2),
442
- privateType = _useState14[0],
443
- setPrivateType = _useState14[1];
444
- var _useState15 = useState(['province', 'city', 'country', 'town']),
445
- _useState16 = _slicedToArray(_useState15, 1),
446
- tabName = _useState16[0];
447
- var _useState17 = useState(modelValue),
448
- _useState18 = _slicedToArray(_useState17, 2),
449
- showPopup = _useState18[0],
450
- setShowPopup = _useState18[1];
451
- var _useState19 = useState({
452
- province: {
453
- name: ''
454
- },
455
- city: {
456
- name: ''
457
- },
458
- country: {
459
- name: ''
460
- },
461
- town: {
462
- name: ''
463
- }
464
- }),
465
- _useState20 = _slicedToArray(_useState19, 2),
466
- selectedRegion = _useState20[0],
467
- setSelectedRegion = _useState20[1]; // 已选择的 省、市、县、镇
468
- var _useState21 = useState({}),
469
- _useState22 = _slicedToArray(_useState21, 2),
470
- selectedExistAddress = _useState22[0],
471
- setSelectedExistAddress = _useState22[1]; // 当前选择的地址
472
- // 手动关闭 点击叉号(cross),或者蒙层(mask)
473
- var handClose = function handClose() {
474
- setShowPopup(false);
475
- };
476
- // 点击遮罩层关闭
477
- var clickOverlay = function clickOverlay() {
478
- closeMask && closeMask({
479
- closeWay: 'mask'
480
- });
481
- };
482
- // 切换下一级列表
483
- var nextAreaList = function nextAreaList(item) {
484
- // onchange 接收的参数
485
- var callbackParams = {
486
- next: item.next,
487
- value: item.value,
488
- custom: item.custom
489
- };
490
- setSelectedRegion(_objectSpread({}, item.selectedRegion));
491
- onChange && onChange(callbackParams);
492
- };
493
- // 选择现有地址
494
- var selectedExist = function selectedExist(prevExistAdd, item, copyExistAdd) {
495
- setSelectedExistAddress(item);
496
- onSelected && onSelected(prevExistAdd, item, copyExistAdd);
497
- handClose();
498
- };
499
- // 初始化
500
- var initAddress = function initAddress() {
501
- for (var i = 0; i < tabName.length; i++) {
502
- setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i], {})));
503
- }
504
- };
505
- // 关闭
506
- var closeFun = function closeFun() {
507
- var resCopy = _objectSpread({
508
- addressIdStr: '',
509
- addressStr: ''
510
- }, selectedRegion);
511
- var res = {
512
- data: _objectSpread({
513
- addressIdStr: '',
514
- addressStr: ''
515
- }, selectedRegion),
516
- type: privateType
517
- };
518
- if (privateType === 'custom' || privateType === 'custom2') {
519
- var _province = resCopy.province,
520
- _city = resCopy.city,
521
- _country = resCopy.country,
522
- _town = resCopy.town;
523
- resCopy.addressIdStr = [_province.id || 0, _city.id || 0, _country.id || 0, _town.id || 0].join('_');
524
- resCopy.addressStr = [_province.name, _city.name, _country.name, _town.name].join('');
525
- res.data = resCopy;
526
- } else {
527
- res.data = selectedExistAddress;
528
- }
529
- initAddress();
530
- onClose && onClose(res);
531
- };
532
- // 选择其他地址
533
- var onSwitchModule = function onSwitchModule() {
534
- if (privateType === 'exist') {
535
- setPrivateType('custom');
536
- } else {
537
- setPrivateType('exist');
538
- }
539
- initAddress();
540
- switchModule && switchModule({
541
- type: privateType
542
- });
543
- };
544
- var headerRender = function headerRender() {
545
- return React__default.createElement("div", {
546
- className: b('header')
547
- }, React__default.createElement("div", {
548
- className: "arrow-back",
549
- onClick: onSwitchModule
550
- }, privateType === 'custom' && backBtnIcon && React__default.createElement(Icon$1, {
551
- classPrefix: iconClassPrefix,
552
- fontClassName: iconFontClassName,
553
- name: backBtnIcon,
554
- color: "#cccccc"
555
- })), React__default.createElement("div", {
556
- className: b('header__title')
557
- }, privateType === 'custom' ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), React__default.createElement("div", {
558
- onClick: function onClick() {
559
- return handClose();
560
- }
561
- }, closeBtnIcon && React__default.createElement(Icon$1, {
562
- classPrefix: iconClassPrefix,
563
- fontClassName: iconFontClassName,
564
- name: closeBtnIcon,
565
- color: "#cccccc",
566
- size: "18px"
567
- })));
568
- };
569
- useEffect(function () {
570
- setShowPopup(modelValue);
571
- }, [modelValue]);
572
- useEffect(function () {
573
- if (!showPopup) {
574
- closeFun();
575
- }
576
- }, [showPopup]);
577
- return React__default.createElement(React__default.Fragment, null, showPopup && React__default.createElement(Popup, {
578
- visible: showPopup,
579
- position: "bottom",
580
- onClickOverlay: clickOverlay,
581
- onClose: function onClose() {
582
- closeFun();
583
- }
584
- }, React__default.createElement("div", _objectSpread({
585
- className: "".concat(b(), " ").concat(className || ''),
586
- style: _objectSpread({}, style)
587
- }, rest), headerRender(), (privateType === 'custom' || privateType === 'custom2') && React__default.createElement(CustomRender, {
588
- modelValue: modelSelect,
589
- type: privateType,
590
- province: province,
591
- city: city,
592
- country: country,
593
- town: town,
594
- height: height,
595
- onNextArea: function onNextArea(cal) {
596
- nextAreaList && nextAreaList(cal);
597
- },
598
- onTabClick: function onTabClick(type) {
599
- onTabChecked && onTabChecked(type);
600
- },
601
- onClose: handClose
602
- }), privateType === 'exist' && React__default.createElement(ExistRender, {
603
- type: privateType,
604
- existAddress: existAddress,
605
- selectedIcon: selectedIcon,
606
- defaultIcon: defaultIcon,
607
- isShowCustomAddress: isShowCustomAddress,
608
- customAndExistTitle: locale.address.chooseAnotherAddress || customAndExistTitle,
609
- onSelected: selectedExist,
610
- onSwitchModule: onSwitchModule
611
- }))));
612
- };
613
- Address.defaultProps = defaultProps;
614
- Address.displayName = 'NutAddress';
615
- export { Address as A };