@nutui/nutui-react 1.5.1 → 1.5.2-beta.0
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 +8 -0
- package/dist/nutui.react.mjs +27 -22
- package/dist/nutui.react.umd.js +27 -22
- package/package.json +1 -1
- package/dist/esm/ActionSheet/style/index.js +0 -2
- package/dist/esm/ActionSheet.js +0 -92
- package/dist/esm/Address/style/index.js +0 -4
- package/dist/esm/Address.js +0 -622
- package/dist/esm/Animate/style/index.js +0 -2
- package/dist/esm/Animate.js +0 -55
- package/dist/esm/AnimatingNumbers/style/index.js +0 -3
- package/dist/esm/AnimatingNumbers.js +0 -127
- package/dist/esm/Audio/style/index.js +0 -4
- package/dist/esm/Audio.js +0 -266
- package/dist/esm/Avatar/style/index.js +0 -2
- package/dist/esm/Avatar.js +0 -132
- package/dist/esm/AvatarContext-15733596.js +0 -3
- package/dist/esm/AvatarGroup/style/index.js +0 -2
- package/dist/esm/AvatarGroup.js +0 -43
- package/dist/esm/BackTop/style/index.js +0 -2
- package/dist/esm/BackTop.js +0 -139
- package/dist/esm/Badge/style/index.js +0 -2
- package/dist/esm/Badge.js +0 -73
- package/dist/esm/Barrage/style/index.js +0 -2
- package/dist/esm/Barrage.js +0 -99
- package/dist/esm/Button/style/index.js +0 -2
- package/dist/esm/Button.js +0 -109
- package/dist/esm/Calendar/style/index.js +0 -2
- package/dist/esm/Calendar.js +0 -129
- package/dist/esm/CalendarItem/style/index.js +0 -2
- package/dist/esm/CalendarItem.js +0 -676
- package/dist/esm/Card/style/index.js +0 -4
- package/dist/esm/Card.js +0 -63
- package/dist/esm/Cascader/style/index.js +0 -3
- package/dist/esm/Cascader.js +0 -673
- package/dist/esm/Cell/style/index.js +0 -2
- package/dist/esm/Cell.js +0 -103
- package/dist/esm/CellGroup/style/index.js +0 -2
- package/dist/esm/CellGroup.js +0 -5
- package/dist/esm/Checkbox/style/index.js +0 -3
- package/dist/esm/Checkbox.js +0 -8
- package/dist/esm/CheckboxGroup/style/index.js +0 -2
- package/dist/esm/CheckboxGroup.js +0 -113
- package/dist/esm/CircleProgress/style/index.js +0 -2
- package/dist/esm/CircleProgress.js +0 -116
- package/dist/esm/Col/style/index.js +0 -2
- package/dist/esm/Col.js +0 -58
- package/dist/esm/Collapse/style/index.js +0 -2
- package/dist/esm/Collapse.js +0 -99
- package/dist/esm/CollapseItem/style/index.js +0 -2
- package/dist/esm/CollapseItem.js +0 -148
- package/dist/esm/ConfigProvider/style/index.js +0 -2
- package/dist/esm/ConfigProvider.js +0 -187
- package/dist/esm/CountDown/style/index.js +0 -2
- package/dist/esm/CountDown.js +0 -247
- package/dist/esm/DatePicker/style/index.js +0 -2
- package/dist/esm/DatePicker.js +0 -310
- package/dist/esm/Dialog/style/index.js +0 -3
- package/dist/esm/Dialog.js +0 -296
- package/dist/esm/Divider/style/index.js +0 -2
- package/dist/esm/Divider.js +0 -36
- package/dist/esm/Drag/style/index.js +0 -2
- package/dist/esm/Drag.js +0 -120
- package/dist/esm/Elevator/style/index.js +0 -2
- package/dist/esm/Elevator.js +0 -236
- package/dist/esm/Ellipsis/style/index.js +0 -2
- package/dist/esm/Ellipsis.js +0 -177
- package/dist/esm/Empty/style/index.js +0 -2
- package/dist/esm/Empty.js +0 -82
- package/dist/esm/FixedNav/style/index.js +0 -3
- package/dist/esm/FixedNav.js +0 -105
- package/dist/esm/Form/style/index.js +0 -2
- package/dist/esm/Form.js +0 -221
- package/dist/esm/FormItem/style/index.js +0 -2
- package/dist/esm/FormItem.js +0 -5
- package/dist/esm/Grid/style/index.js +0 -2
- package/dist/esm/Grid.js +0 -83
- package/dist/esm/GridItem/style/index.js +0 -2
- package/dist/esm/GridItem.js +0 -125
- package/dist/esm/Icon/style/index.js +0 -4
- package/dist/esm/Icon.js +0 -5
- package/dist/esm/Image/style/index.js +0 -2
- package/dist/esm/Image.js +0 -170
- package/dist/esm/ImagePreview/style/index.js +0 -4
- package/dist/esm/ImagePreview.js +0 -226
- package/dist/esm/Indicator/style/index.js +0 -2
- package/dist/esm/Indicator.js +0 -52
- package/dist/esm/Infiniteloading/style/index.js +0 -2
- package/dist/esm/Infiniteloading.js +0 -217
- package/dist/esm/Input/style/index.js +0 -2
- package/dist/esm/Input.js +0 -363
- package/dist/esm/InputNumber/style/index.js +0 -2
- package/dist/esm/InputNumber.js +0 -277
- package/dist/esm/Layout/style/index.js +0 -2
- package/dist/esm/Layout.js +0 -14
- package/dist/esm/Menu/style/index.js +0 -3
- package/dist/esm/Menu.js +0 -154
- package/dist/esm/MenuItem/style/index.js +0 -3
- package/dist/esm/MenuItem.js +0 -177
- package/dist/esm/NavBar/style/index.js +0 -2
- package/dist/esm/NavBar.js +0 -116
- package/dist/esm/NoticeBar/style/index.js +0 -2
- package/dist/esm/NoticeBar.js +0 -570
- package/dist/esm/Notify/style/index.js +0 -2
- package/dist/esm/Notify.js +0 -236
- package/dist/esm/NumberKeyboard/style/index.js +0 -2
- package/dist/esm/NumberKeyboard.js +0 -249
- package/dist/esm/Overlay/style/index.js +0 -2
- package/dist/esm/Overlay.js +0 -6
- package/dist/esm/Pagination/style/index.js +0 -2
- package/dist/esm/Pagination.js +0 -170
- package/dist/esm/Picker/style/index.js +0 -2
- package/dist/esm/Picker.js +0 -496
- package/dist/esm/Popover/style/index.js +0 -3
- package/dist/esm/Popover.js +0 -225
- package/dist/esm/Popup/style/index.js +0 -3
- package/dist/esm/Popup.js +0 -195
- package/dist/esm/Price/style/index.js +0 -2
- package/dist/esm/Price.js +0 -86
- package/dist/esm/Progress/style/index.js +0 -2
- package/dist/esm/Progress.js +0 -124
- package/dist/esm/PullToRefresh/style/index.js +0 -2
- package/dist/esm/PullToRefresh.js +0 -277
- package/dist/esm/Radio/style/index.js +0 -3
- package/dist/esm/Radio.js +0 -6
- package/dist/esm/RadioGroup/style/index.js +0 -2
- package/dist/esm/RadioGroup.js +0 -123
- package/dist/esm/Range/style/index.js +0 -2
- package/dist/esm/Range.js +0 -407
- package/dist/esm/Rate/style/index.js +0 -2
- package/dist/esm/Rate.js +0 -123
- package/dist/esm/Row/style/index.js +0 -2
- package/dist/esm/Row.js +0 -50
- package/dist/esm/SearchBar/style/index.js +0 -2
- package/dist/esm/SearchBar.js +0 -237
- package/dist/esm/ShortPassword/style/index.js +0 -3
- package/dist/esm/ShortPassword.js +0 -193
- package/dist/esm/SideNavBar/style/index.js +0 -2
- package/dist/esm/SideNavBar.js +0 -58
- package/dist/esm/SideNavBarItem/style/index.js +0 -2
- package/dist/esm/SideNavBarItem.js +0 -25
- package/dist/esm/Signature/style/index.js +0 -2
- package/dist/esm/Signature.js +0 -155
- package/dist/esm/Skeleton/style/index.js +0 -2
- package/dist/esm/Skeleton.js +0 -100
- package/dist/esm/Step/style/index.js +0 -2
- package/dist/esm/Step.js +0 -89
- package/dist/esm/Steps/style/index.js +0 -2
- package/dist/esm/Steps.js +0 -40
- package/dist/esm/Sticky/style/index.js +0 -2
- package/dist/esm/Sticky.js +0 -192
- package/dist/esm/SubSideNavBar/style/index.js +0 -2
- package/dist/esm/SubSideNavBar.js +0 -79
- package/dist/esm/Swipe/style/index.js +0 -2
- package/dist/esm/Swipe.js +0 -232
- package/dist/esm/Swiper/style/index.js +0 -2
- package/dist/esm/Swiper.js +0 -492
- package/dist/esm/SwiperItem/style/index.js +0 -2
- package/dist/esm/SwiperItem.js +0 -38
- package/dist/esm/Switch/style/index.js +0 -2
- package/dist/esm/Switch.js +0 -73
- package/dist/esm/TabPane/style/index.js +0 -2
- package/dist/esm/TabPane.js +0 -6
- package/dist/esm/Tabbar/style/index.js +0 -2
- package/dist/esm/Tabbar.js +0 -70
- package/dist/esm/TabbarItem/style/index.js +0 -2
- package/dist/esm/TabbarItem.js +0 -80
- package/dist/esm/Table/style/index.js +0 -2
- package/dist/esm/Table.js +0 -142
- package/dist/esm/Tabs/style/index.js +0 -4
- package/dist/esm/Tabs.js +0 -9
- package/dist/esm/Tag/style/index.js +0 -2
- package/dist/esm/Tag.js +0 -111
- package/dist/esm/TextArea/style/index.js +0 -2
- package/dist/esm/TextArea.js +0 -150
- package/dist/esm/TimeDetail/style/index.js +0 -2
- package/dist/esm/TimeDetail.js +0 -69
- package/dist/esm/TimePannel/style/index.js +0 -2
- package/dist/esm/TimePannel.js +0 -31
- package/dist/esm/TimeSelect/style/index.js +0 -4
- package/dist/esm/TimeSelect.js +0 -173
- package/dist/esm/Toast/style/index.js +0 -2
- package/dist/esm/Toast.js +0 -271
- package/dist/esm/TrendArrow/style/index.js +0 -2
- package/dist/esm/TrendArrow.js +0 -101
- package/dist/esm/Uploader/style/index.js +0 -4
- package/dist/esm/Uploader.js +0 -566
- package/dist/esm/UserContext-101ad4a4.js +0 -3
- package/dist/esm/UserContext-2629d479.js +0 -3
- package/dist/esm/UserContext-b33bcf21.js +0 -3
- package/dist/esm/Video/style/index.js +0 -2
- package/dist/esm/Video.js +0 -92
- package/dist/esm/VirtualList/style/index.js +0 -2
- package/dist/esm/VirtualList.js +0 -315
- package/dist/esm/WaterMark/style/index.js +0 -2
- package/dist/esm/WaterMark.js +0 -113
- package/dist/esm/bem-3b438e61.js +0 -8
- package/dist/esm/cellgroup-fcc72767.js +0 -34
- package/dist/esm/checkbox-44e13cd0.js +0 -137
- package/dist/esm/date-c7aad4c0.js +0 -97
- package/dist/esm/formitem-8a73a5fb.js +0 -157
- package/dist/esm/get-scroll-parent-5f85dee8.js +0 -24
- package/dist/esm/grid.context-2ee27d95.js +0 -6
- package/dist/esm/icon-4ef1581c.js +0 -70
- package/dist/esm/index-030b7245.js +0 -11
- package/dist/esm/nutui-react.es.js +0 -94
- package/dist/esm/offsetContext-3ab00d40.js +0 -16
- package/dist/esm/overlay-de6c79d5.js +0 -83
- package/dist/esm/radio-9f141e6b.js +0 -118
- package/dist/esm/render-bbebb760.js +0 -79
- package/dist/esm/tabpane-01075e6c.js +0 -29
- package/dist/esm/tabs-e1b4e4b1.js +0 -181
- package/dist/esm/typings-f27b58f4.js +0 -8
- package/dist/esm/useClientRect-56bb675b.js +0 -39
- package/dist/esm/useTouch-cf73a407.js +0 -99
- package/dist/locales/base.d.ts +0 -129
- package/dist/locales/base.js +0 -5
- package/dist/locales/en-US.d.ts +0 -3
- package/dist/locales/en-US.js +0 -135
- package/dist/locales/id-ID.d.ts +0 -3
- package/dist/locales/id-ID.js +0 -135
- package/dist/locales/zh-CN.d.ts +0 -3
- package/dist/locales/zh-CN.js +0 -137
- package/dist/locales/zh-TW.d.ts +0 -3
- package/dist/locales/zh-TW.js +0 -135
- package/dist/locales/zh-UG.d.ts +0 -3
- package/dist/locales/zh-UG.js +0 -135
- package/dist/packages/actionsheet/actionsheet.scss +0 -103
- package/dist/packages/address/address.scss +0 -243
- package/dist/packages/animate/animate.scss +0 -284
- package/dist/packages/animatingnumbers/animatingnumbers.scss +0 -0
- package/dist/packages/animatingnumbers/countup.scss +0 -45
- package/dist/packages/audio/audio.scss +0 -93
- package/dist/packages/avatar/avatar.scss +0 -58
- package/dist/packages/avatargroup/avatargroup.scss +0 -14
- package/dist/packages/backtop/backtop.scss +0 -29
- package/dist/packages/badge/badge.scss +0 -53
- package/dist/packages/barrage/barrage.scss +0 -60
- package/dist/packages/button/button.scss +0 -245
- package/dist/packages/calendar/calendar.scss +0 -265
- package/dist/packages/calendaritem/calendaritem.scss +0 -0
- package/dist/packages/card/card.scss +0 -83
- package/dist/packages/cascader/cascader.scss +0 -108
- package/dist/packages/cell/cell.scss +0 -107
- package/dist/packages/cellgroup/cellgroup.scss +0 -46
- package/dist/packages/checkbox/checkbox.scss +0 -49
- package/dist/packages/checkboxgroup/checkboxgroup.scss +0 -33
- package/dist/packages/circleprogress/circleprogress.scss +0 -33
- package/dist/packages/col/col.scss +0 -24
- package/dist/packages/collapse/collapse.scss +0 -0
- package/dist/packages/collapseitem/collapseitem.scss +0 -161
- package/dist/packages/configprovider/configprovider.scss +0 -0
- package/dist/packages/countdown/countdown.scss +0 -3
- package/dist/packages/datepicker/datepicker.scss +0 -0
- package/dist/packages/dialog/dialog.scss +0 -135
- package/dist/packages/divider/divider.scss +0 -73
- package/dist/packages/drag/drag.scss +0 -10
- package/dist/packages/elevator/elevator.scss +0 -124
- package/dist/packages/ellipsis/ellipsis.scss +0 -17
- package/dist/packages/empty/empty.scss +0 -42
- package/dist/packages/fixednav/fixednav.scss +0 -141
- package/dist/packages/form/form.scss +0 -31
- package/dist/packages/formitem/formitem.scss +0 -100
- package/dist/packages/grid/grid.scss +0 -10
- package/dist/packages/griditem/griditem.scss +0 -108
- package/dist/packages/icon/icon.scss +0 -132
- package/dist/packages/image/image.scss +0 -53
- package/dist/packages/imagepreview/imagepreview.scss +0 -51
- package/dist/packages/indicator/indicator.scss +0 -70
- package/dist/packages/infiniteloading/infiniteloading.scss +0 -69
- package/dist/packages/input/input.scss +0 -203
- package/dist/packages/inputnumber/inputnumber.scss +0 -79
- package/dist/packages/layout/layout.scss +0 -2
- package/dist/packages/menu/menu.scss +0 -75
- package/dist/packages/menuitem/menuitem.scss +0 -120
- package/dist/packages/navbar/navbar.scss +0 -185
- package/dist/packages/noticebar/noticebar.scss +0 -156
- package/dist/packages/notify/notify.scss +0 -93
- package/dist/packages/numberkeyboard/numberkeyboard.scss +0 -147
- package/dist/packages/overlay/overlay.scss +0 -75
- package/dist/packages/pagination/pagination.scss +0 -81
- package/dist/packages/picker/picker.scss +0 -225
- package/dist/packages/popover/popover.scss +0 -288
- package/dist/packages/popup/popup.scss +0 -201
- package/dist/packages/price/price.scss +0 -37
- package/dist/packages/progress/progress.scss +0 -114
- package/dist/packages/pulltorefresh/pulltorefresh.scss +0 -26
- package/dist/packages/radio/radio.scss +0 -84
- package/dist/packages/radiogroup/radiogroup.scss +0 -86
- package/dist/packages/range/range.scss +0 -224
- package/dist/packages/rate/rate.scss +0 -36
- package/dist/packages/row/row.scss +0 -83
- package/dist/packages/searchbar/searchbar.scss +0 -146
- package/dist/packages/shortpassword/shortpassword.scss +0 -203
- package/dist/packages/sidenavbar/sidenavbar.scss +0 -100
- package/dist/packages/sidenavbaritem/sidenavbaritem.scss +0 -25
- package/dist/packages/signature/signature.scss +0 -39
- package/dist/packages/skeleton/skeleton.scss +0 -70
- package/dist/packages/step/step.scss +0 -274
- package/dist/packages/steps/steps.scss +0 -7
- package/dist/packages/sticky/sticky.scss +0 -3
- package/dist/packages/subsidenavbar/subsidenavbar.scss +0 -35
- package/dist/packages/swipe/swipe.scss +0 -33
- package/dist/packages/swiper/swiper.scss +0 -45
- package/dist/packages/swiperitem/swiperitem.scss +0 -3
- package/dist/packages/switch/switch.scss +0 -87
- package/dist/packages/tabbar/tabbar.scss +0 -46
- package/dist/packages/tabbaritem/tabbaritem.scss +0 -97
- package/dist/packages/table/table.scss +0 -152
- package/dist/packages/tabpane/tabpane.scss +0 -23
- package/dist/packages/tabs/tabs.scss +0 -284
- package/dist/packages/tag/tag.scss +0 -67
- package/dist/packages/textarea/textarea.scss +0 -60
- package/dist/packages/timedetail/timedetail.scss +0 -45
- package/dist/packages/timepannel/timepannel.scss +0 -17
- package/dist/packages/timeselect/timeselect.scss +0 -73
- package/dist/packages/toast/toast.scss +0 -98
- package/dist/packages/trendarrow/trendarrow.scss +0 -17
- package/dist/packages/uploader/uploader.scss +0 -237
- package/dist/packages/video/video.scss +0 -18
- package/dist/packages/virtuallist/virtuallist.scss +0 -87
- package/dist/packages/watermark/watermark.scss +0 -13
- package/dist/style.css +0 -1
- package/dist/style.mjs +0 -9
- package/dist/styles/animation/drop.scss +0 -24
- package/dist/styles/animation/ease.scss +0 -23
- package/dist/styles/animation/fade.scss +0 -20
- package/dist/styles/animation/icon.scss +0 -245
- package/dist/styles/animation/index.scss +0 -7
- package/dist/styles/animation/rotate.scss +0 -10
- package/dist/styles/animation/zoom.scss +0 -26
- package/dist/styles/font/config.json +0 -175
- package/dist/styles/font/demo.css +0 -539
- package/dist/styles/font/demo_index.html +0 -3063
- package/dist/styles/font/iconfont.css +0 -515
- package/dist/styles/font/iconfont.eot +0 -0
- package/dist/styles/font/iconfont.js +0 -68
- package/dist/styles/font/iconfont.json +0 -884
- package/dist/styles/font/iconfont.svg +0 -356
- package/dist/styles/font/iconfont.ttf +0 -0
- package/dist/styles/font/iconfont.woff +0 -0
- package/dist/styles/font/iconfont.woff2 +0 -0
- package/dist/styles/mixins/index.scss +0 -2
- package/dist/styles/mixins/make-animation.scss +0 -24
- package/dist/styles/mixins/text-ellipsis.scss +0 -20
- package/dist/styles/theme-dark.scss +0 -26
- package/dist/styles/theme-default.scss +0 -40
- package/dist/styles/themes/default.scss +0 -97
- package/dist/styles/variables.scss +0 -2610
- package/dist/types/index.d.ts +0 -2198
package/dist/esm/Address.js
DELETED
|
@@ -1,622 +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 Icon from './Icon.js';
|
|
12
|
-
import Popup from './Popup.js';
|
|
13
|
-
import { c as cn } from './bem-3b438e61.js';
|
|
14
|
-
import { useConfig } from './ConfigProvider.js';
|
|
15
|
-
import Elevator from './Elevator.js';
|
|
16
|
-
import { C as ComponentDefaults } from './typings-f27b58f4.js';
|
|
17
|
-
import '@bem-react/classname';
|
|
18
|
-
var defaultProps$2 = {
|
|
19
|
-
type: 'custom',
|
|
20
|
-
existAddress: [],
|
|
21
|
-
defaultIcon: 'location2',
|
|
22
|
-
selectedIcon: 'Check',
|
|
23
|
-
isShowCustomAddress: true,
|
|
24
|
-
customAndExistTitle: ''
|
|
25
|
-
};
|
|
26
|
-
var ExistRender = function ExistRender(props) {
|
|
27
|
-
var _useConfig = useConfig(),
|
|
28
|
-
locale = _useConfig.locale;
|
|
29
|
-
var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
|
|
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
|
-
// 选择现有地址
|
|
43
|
-
var selectedExist = function selectedExist(item) {
|
|
44
|
-
var copyExistAdd = existAddress;
|
|
45
|
-
var prevExistAdd = {
|
|
46
|
-
provinceName: '',
|
|
47
|
-
cityName: '',
|
|
48
|
-
countyName: '',
|
|
49
|
-
townName: '',
|
|
50
|
-
addressDetail: '',
|
|
51
|
-
selectedAddress: false
|
|
52
|
-
};
|
|
53
|
-
copyExistAdd.forEach(function (list, index) {
|
|
54
|
-
if (list && list.selectedAddress) {
|
|
55
|
-
prevExistAdd = list;
|
|
56
|
-
}
|
|
57
|
-
list.selectedAddress = false;
|
|
58
|
-
});
|
|
59
|
-
item.selectedAddress = true;
|
|
60
|
-
onSelected && onSelected(prevExistAdd, item, copyExistAdd);
|
|
61
|
-
};
|
|
62
|
-
// 选择其他地址
|
|
63
|
-
var switchModule = function switchModule() {
|
|
64
|
-
onSwitchModule && onSwitchModule({
|
|
65
|
-
type: type === 'exist' ? 'custom' : 'exist'
|
|
66
|
-
});
|
|
67
|
-
};
|
|
68
|
-
useEffect(function () {}, [existAddress]);
|
|
69
|
-
return React__default.createElement("div", {
|
|
70
|
-
className: b('exist')
|
|
71
|
-
}, React__default.createElement("div", {
|
|
72
|
-
className: b('exist-group')
|
|
73
|
-
}, React__default.createElement("ul", {
|
|
74
|
-
className: b('exist-ul')
|
|
75
|
-
}, existAddress.map(function (item, index) {
|
|
76
|
-
return React__default.createElement("li", {
|
|
77
|
-
className: b('exist-item'),
|
|
78
|
-
key: index
|
|
79
|
-
}, React__default.createElement("div", {
|
|
80
|
-
onClick: function onClick() {
|
|
81
|
-
return selectedExist(item);
|
|
82
|
-
}
|
|
83
|
-
}, React__default.createElement(Icon, {
|
|
84
|
-
className: b('exist-item-icon'),
|
|
85
|
-
name: item.selectedAddress ? selectedIcon : defaultIcon,
|
|
86
|
-
color: item.selectedAddress ? '#FA2C19' : '',
|
|
87
|
-
size: "13px"
|
|
88
|
-
}), React__default.createElement("div", {
|
|
89
|
-
className: b('exist-item-info')
|
|
90
|
-
}, item.name && item.phone && React__default.createElement("div", {
|
|
91
|
-
className: "exist-item-info-top"
|
|
92
|
-
}, React__default.createElement("div", {
|
|
93
|
-
className: "exist-item-info-name"
|
|
94
|
-
}, item.name), React__default.createElement("div", {
|
|
95
|
-
className: "exist-item-info-phone"
|
|
96
|
-
}, item.phone)), React__default.createElement("div", {
|
|
97
|
-
className: "exist-item-info-bottom"
|
|
98
|
-
}, React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
|
|
99
|
-
}))), isShowCustomAddress && React__default.createElement("div", {
|
|
100
|
-
className: b('choose-other'),
|
|
101
|
-
onClick: switchModule
|
|
102
|
-
}, React__default.createElement("div", {
|
|
103
|
-
className: b('choose-other-btn')
|
|
104
|
-
}, customAndExistTitle || locale.address.chooseAnotherAddress)));
|
|
105
|
-
};
|
|
106
|
-
var defaultProps$1 = {
|
|
107
|
-
modelValue: [],
|
|
108
|
-
type: 'custom',
|
|
109
|
-
province: [],
|
|
110
|
-
city: [],
|
|
111
|
-
country: [],
|
|
112
|
-
town: [],
|
|
113
|
-
height: '200px'
|
|
114
|
-
};
|
|
115
|
-
var CustomRender = function CustomRender(props) {
|
|
116
|
-
var _useConfig2 = useConfig(),
|
|
117
|
-
locale = _useConfig2.locale;
|
|
118
|
-
var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
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);
|
|
131
|
-
var b = cn('address');
|
|
132
|
-
var _useState = useState(type),
|
|
133
|
-
_useState2 = _slicedToArray(_useState, 1),
|
|
134
|
-
privateType = _useState2[0];
|
|
135
|
-
var _useState3 = useState(0),
|
|
136
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
137
|
-
tabIndex = _useState4[0],
|
|
138
|
-
setTabIndex = _useState4[1];
|
|
139
|
-
var _useState5 = useState(['province', 'city', 'country', 'town']),
|
|
140
|
-
_useState6 = _slicedToArray(_useState5, 1),
|
|
141
|
-
tabName = _useState6[0];
|
|
142
|
-
var provinceRef = useRef(null);
|
|
143
|
-
var cityRef = useRef(null);
|
|
144
|
-
var countryRef = useRef(null);
|
|
145
|
-
var townRef = useRef(null);
|
|
146
|
-
var regionLine = useRef(null);
|
|
147
|
-
var isCustom2 = function isCustom2() {
|
|
148
|
-
return type === 'custom2';
|
|
149
|
-
};
|
|
150
|
-
var transformData = function transformData(data) {
|
|
151
|
-
if (!Array.isArray(data)) throw new TypeError('params muse be array.');
|
|
152
|
-
if (!data.length) return [];
|
|
153
|
-
data.forEach(function (item) {
|
|
154
|
-
if (!item.title) {
|
|
155
|
-
console.error('[NutUI] <Address> 请检查数组选项的 title 值是否有设置 ,title 为必填项 .');
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
|
-
var newData = [];
|
|
159
|
-
data = data.sort(function (a, b) {
|
|
160
|
-
return a.title.localeCompare(b.title);
|
|
161
|
-
});
|
|
162
|
-
data.forEach(function (item) {
|
|
163
|
-
var index = newData.findIndex(function (value) {
|
|
164
|
-
return value.title === item.title;
|
|
165
|
-
});
|
|
166
|
-
if (index <= -1) {
|
|
167
|
-
newData.push({
|
|
168
|
-
title: item.title,
|
|
169
|
-
list: [].concat(item)
|
|
170
|
-
});
|
|
171
|
-
} else {
|
|
172
|
-
newData[index] = {
|
|
173
|
-
title: item.title,
|
|
174
|
-
list: newData[index].list.concat(item)
|
|
175
|
-
};
|
|
176
|
-
}
|
|
177
|
-
});
|
|
178
|
-
return newData;
|
|
179
|
-
};
|
|
180
|
-
var _useState7 = useState({
|
|
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
|
-
// 已选择的 省、市、县、镇
|
|
190
|
-
var _useState9 = useState({
|
|
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];
|
|
207
|
-
var _useState11 = useState(20),
|
|
208
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
209
|
-
lineDistance = _useState12[0],
|
|
210
|
-
setLineDistance = _useState12[1];
|
|
211
|
-
// 获取已选地区列表名称
|
|
212
|
-
var getTabName = function getTabName(item, index) {
|
|
213
|
-
if (tabIndex > index) {
|
|
214
|
-
return item.name;
|
|
215
|
-
}
|
|
216
|
-
return locale.select;
|
|
217
|
-
};
|
|
218
|
-
var mapRef = {
|
|
219
|
-
province: provinceRef,
|
|
220
|
-
city: cityRef,
|
|
221
|
-
country: countryRef,
|
|
222
|
-
town: townRef
|
|
223
|
-
};
|
|
224
|
-
// 移动下面的红线
|
|
225
|
-
var lineAnimation = function lineAnimation(index) {
|
|
226
|
-
setTimeout(function () {
|
|
227
|
-
var name = tabName[index];
|
|
228
|
-
var refD = mapRef;
|
|
229
|
-
if (name && refD[name] && refD[name].current) {
|
|
230
|
-
var distance = refD[name].current.offsetLeft;
|
|
231
|
-
setLineDistance(distance || 20);
|
|
232
|
-
}
|
|
233
|
-
}, 0);
|
|
234
|
-
};
|
|
235
|
-
// 切换下一级列表
|
|
236
|
-
var nextAreaList = function nextAreaList(item) {
|
|
237
|
-
// onchange 接收的参数
|
|
238
|
-
var calBack = {
|
|
239
|
-
next: '',
|
|
240
|
-
value: '',
|
|
241
|
-
custom: tabName[tabIndex]
|
|
242
|
-
};
|
|
243
|
-
var bbselectedRegion = selectedRegion ? _objectSpread({}, selectedRegion) : null;
|
|
244
|
-
if (bbselectedRegion) {
|
|
245
|
-
setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item)));
|
|
246
|
-
calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item));
|
|
247
|
-
for (var i = tabIndex; i < tabIndex - 1; i++) {
|
|
248
|
-
setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], null)));
|
|
249
|
-
calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
if (tabIndex < 4) {
|
|
253
|
-
// 切换下一个
|
|
254
|
-
if (tabIndex === 3) {
|
|
255
|
-
calBack.next = '';
|
|
256
|
-
} else {
|
|
257
|
-
setTabIndex(function () {
|
|
258
|
-
return tabIndex + 1;
|
|
259
|
-
});
|
|
260
|
-
lineAnimation(tabIndex + 1);
|
|
261
|
-
calBack.next = tabName[tabIndex + 1];
|
|
262
|
-
}
|
|
263
|
-
calBack.value = item;
|
|
264
|
-
onNextArea && onNextArea(calBack);
|
|
265
|
-
} else {
|
|
266
|
-
onClose && onClose();
|
|
267
|
-
}
|
|
268
|
-
};
|
|
269
|
-
// 切换地区Tab
|
|
270
|
-
var changeRegionTab = function changeRegionTab(item, index, key) {
|
|
271
|
-
if (getTabName(item, index)) {
|
|
272
|
-
setTabIndex(index);
|
|
273
|
-
lineAnimation(index);
|
|
274
|
-
}
|
|
275
|
-
onTabClick && onTabClick(key);
|
|
276
|
-
};
|
|
277
|
-
// 默认选中项
|
|
278
|
-
var initCustomSelected = function initCustomSelected() {
|
|
279
|
-
if (modelValue.length > 0) {
|
|
280
|
-
var tagIndex = 0;
|
|
281
|
-
var selectedRegionC = selectedRegion && Object.assign(selectedRegion);
|
|
282
|
-
var _loop = function _loop() {
|
|
283
|
-
if (regionList[tabName[index]].length === 0) {
|
|
284
|
-
tagIndex = index - 1;
|
|
285
|
-
setTabIndex(index - 1);
|
|
286
|
-
return "break";
|
|
287
|
-
} else {
|
|
288
|
-
var val = modelValue[index];
|
|
289
|
-
var arr = regionList[tabName[index]];
|
|
290
|
-
if (privateType === 'custom') {
|
|
291
|
-
selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
|
|
292
|
-
return item.id === val;
|
|
293
|
-
})[0];
|
|
294
|
-
} else if (privateType === 'custom2') {
|
|
295
|
-
var sumArr = [];
|
|
296
|
-
arr.forEach(function (item) {
|
|
297
|
-
sumArr.push.apply(sumArr, _toConsumableArray(item.list));
|
|
298
|
-
});
|
|
299
|
-
selectedRegionC[[tabName[index]]] = sumArr.filter(function (item) {
|
|
300
|
-
return item.id === val;
|
|
301
|
-
})[0];
|
|
302
|
-
}
|
|
303
|
-
tagIndex = index;
|
|
304
|
-
setSelectedRegion(selectedRegionC);
|
|
305
|
-
}
|
|
306
|
-
};
|
|
307
|
-
for (var index = 0; index < modelValue.length; index++) {
|
|
308
|
-
var _ret = _loop();
|
|
309
|
-
if (_ret === "break") break;
|
|
310
|
-
}
|
|
311
|
-
setTabIndex(tagIndex);
|
|
312
|
-
lineAnimation(tagIndex);
|
|
313
|
-
}
|
|
314
|
-
};
|
|
315
|
-
var handleElevatorItem = function handleElevatorItem(key, item) {
|
|
316
|
-
nextAreaList(item);
|
|
317
|
-
};
|
|
318
|
-
useEffect(function () {
|
|
319
|
-
var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
320
|
-
province = _defaultProps$1$props2.province;
|
|
321
|
-
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
322
|
-
province: isCustom2() ? transformData(province) : province
|
|
323
|
-
}));
|
|
324
|
-
}, [province]);
|
|
325
|
-
useEffect(function () {
|
|
326
|
-
var _defaultProps$1$props3 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
327
|
-
city = _defaultProps$1$props3.city;
|
|
328
|
-
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
329
|
-
city: isCustom2() ? transformData(city) : city
|
|
330
|
-
}));
|
|
331
|
-
}, [city]);
|
|
332
|
-
useEffect(function () {
|
|
333
|
-
var _defaultProps$1$props4 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
334
|
-
country = _defaultProps$1$props4.country;
|
|
335
|
-
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
336
|
-
country: isCustom2() ? transformData(country) : country
|
|
337
|
-
}));
|
|
338
|
-
}, [country]);
|
|
339
|
-
useEffect(function () {
|
|
340
|
-
var _defaultProps$1$props5 = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
341
|
-
town = _defaultProps$1$props5.town;
|
|
342
|
-
setRegionList(_objectSpread(_objectSpread({}, regionList), {}, {
|
|
343
|
-
town: isCustom2() ? transformData(town) : town
|
|
344
|
-
}));
|
|
345
|
-
}, [town]);
|
|
346
|
-
useEffect(function () {
|
|
347
|
-
initCustomSelected();
|
|
348
|
-
}, [modelValue]);
|
|
349
|
-
return React__default.createElement("div", {
|
|
350
|
-
className: b('custom')
|
|
351
|
-
}, React__default.createElement("div", {
|
|
352
|
-
className: b('region-tab')
|
|
353
|
-
}, selectedRegion && Object.keys(selectedRegion).map(function (key, index) {
|
|
354
|
-
return React__default.createElement("div", {
|
|
355
|
-
className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : ''),
|
|
356
|
-
key: index,
|
|
357
|
-
ref: mapRef[key],
|
|
358
|
-
onClick: function onClick() {
|
|
359
|
-
return changeRegionTab(selectedRegion[key], index, key);
|
|
360
|
-
}
|
|
361
|
-
}, index <= tabIndex && React__default.createElement("div", null, getTabName(selectedRegion[key], index)));
|
|
362
|
-
}), React__default.createElement("div", {
|
|
363
|
-
className: b('tab-line'),
|
|
364
|
-
ref: regionLine,
|
|
365
|
-
style: {
|
|
366
|
-
left: "".concat(lineDistance, "px")
|
|
367
|
-
}
|
|
368
|
-
})), privateType === 'custom' && React__default.createElement("div", {
|
|
369
|
-
className: b('region-con')
|
|
370
|
-
}, React__default.createElement("ul", {
|
|
371
|
-
className: b('region-group')
|
|
372
|
-
}, regionList[tabName[tabIndex]].map(function (item, index) {
|
|
373
|
-
return React__default.createElement("li", {
|
|
374
|
-
key: index,
|
|
375
|
-
className: b('region-item')
|
|
376
|
-
}, React__default.createElement("div", {
|
|
377
|
-
onClick: function onClick() {
|
|
378
|
-
nextAreaList(item);
|
|
379
|
-
}
|
|
380
|
-
}, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && React__default.createElement(Icon, {
|
|
381
|
-
className: b('region-item--icon'),
|
|
382
|
-
name: "Check",
|
|
383
|
-
color: "#FA2C19",
|
|
384
|
-
size: "13px"
|
|
385
|
-
}), item.name));
|
|
386
|
-
}))), privateType === 'custom2' && React__default.createElement("div", {
|
|
387
|
-
className: b('elevator-group')
|
|
388
|
-
}, React__default.createElement(Elevator, {
|
|
389
|
-
height: height,
|
|
390
|
-
indexList: regionList[tabName[tabIndex]],
|
|
391
|
-
onClickItem: handleElevatorItem
|
|
392
|
-
})));
|
|
393
|
-
};
|
|
394
|
-
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
395
|
-
modelValue: false,
|
|
396
|
-
modelSelect: [],
|
|
397
|
-
type: 'custom',
|
|
398
|
-
customAddressTitle: '',
|
|
399
|
-
province: [],
|
|
400
|
-
city: [],
|
|
401
|
-
country: [],
|
|
402
|
-
town: [],
|
|
403
|
-
isShowCustomAddress: true,
|
|
404
|
-
existAddress: [],
|
|
405
|
-
existAddressTitle: '',
|
|
406
|
-
customAndExistTitle: '',
|
|
407
|
-
height: '200px',
|
|
408
|
-
defaultIcon: 'location2',
|
|
409
|
-
selectedIcon: 'Check',
|
|
410
|
-
closeBtnIcon: 'circle-close',
|
|
411
|
-
backBtnIcon: 'left'
|
|
412
|
-
});
|
|
413
|
-
var Address = function Address(props) {
|
|
414
|
-
var _useConfig3 = useConfig(),
|
|
415
|
-
locale = _useConfig3.locale;
|
|
416
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
417
|
-
modelValue = _defaultProps$props.modelValue,
|
|
418
|
-
modelSelect = _defaultProps$props.modelSelect,
|
|
419
|
-
children = _defaultProps$props.children,
|
|
420
|
-
type = _defaultProps$props.type,
|
|
421
|
-
height = _defaultProps$props.height,
|
|
422
|
-
customAddressTitle = _defaultProps$props.customAddressTitle,
|
|
423
|
-
existAddress = _defaultProps$props.existAddress,
|
|
424
|
-
existAddressTitle = _defaultProps$props.existAddressTitle,
|
|
425
|
-
province = _defaultProps$props.province,
|
|
426
|
-
city = _defaultProps$props.city,
|
|
427
|
-
country = _defaultProps$props.country,
|
|
428
|
-
town = _defaultProps$props.town,
|
|
429
|
-
isShowCustomAddress = _defaultProps$props.isShowCustomAddress,
|
|
430
|
-
customAndExistTitle = _defaultProps$props.customAndExistTitle,
|
|
431
|
-
selectedIcon = _defaultProps$props.selectedIcon,
|
|
432
|
-
defaultIcon = _defaultProps$props.defaultIcon,
|
|
433
|
-
closeBtnIcon = _defaultProps$props.closeBtnIcon,
|
|
434
|
-
backBtnIcon = _defaultProps$props.backBtnIcon,
|
|
435
|
-
onChange = _defaultProps$props.onChange,
|
|
436
|
-
onSelected = _defaultProps$props.onSelected,
|
|
437
|
-
onClose = _defaultProps$props.onClose,
|
|
438
|
-
closeMask = _defaultProps$props.closeMask,
|
|
439
|
-
switchModule = _defaultProps$props.switchModule,
|
|
440
|
-
onTabChecked = _defaultProps$props.onTabChecked,
|
|
441
|
-
style = _defaultProps$props.style,
|
|
442
|
-
className = _defaultProps$props.className,
|
|
443
|
-
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
444
|
-
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
445
|
-
rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
|
|
446
|
-
var b = cn('address');
|
|
447
|
-
var _useState13 = useState(type),
|
|
448
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
449
|
-
privateType = _useState14[0],
|
|
450
|
-
setPrivateType = _useState14[1];
|
|
451
|
-
var _useState15 = useState(['province', 'city', 'country', 'town']),
|
|
452
|
-
_useState16 = _slicedToArray(_useState15, 1),
|
|
453
|
-
tabName = _useState16[0];
|
|
454
|
-
var _useState17 = useState(modelValue),
|
|
455
|
-
_useState18 = _slicedToArray(_useState17, 2),
|
|
456
|
-
showPopup = _useState18[0],
|
|
457
|
-
setShowPopup = _useState18[1];
|
|
458
|
-
var _useState19 = useState({
|
|
459
|
-
province: {
|
|
460
|
-
name: ''
|
|
461
|
-
},
|
|
462
|
-
city: {
|
|
463
|
-
name: ''
|
|
464
|
-
},
|
|
465
|
-
country: {
|
|
466
|
-
name: ''
|
|
467
|
-
},
|
|
468
|
-
town: {
|
|
469
|
-
name: ''
|
|
470
|
-
}
|
|
471
|
-
}),
|
|
472
|
-
_useState20 = _slicedToArray(_useState19, 2),
|
|
473
|
-
selectedRegion = _useState20[0],
|
|
474
|
-
setSelectedRegion = _useState20[1]; // 已选择的 省、市、县、镇
|
|
475
|
-
var _useState21 = useState({}),
|
|
476
|
-
_useState22 = _slicedToArray(_useState21, 2),
|
|
477
|
-
selectedExistAddress = _useState22[0],
|
|
478
|
-
setSelectedExistAddress = _useState22[1]; // 当前选择的地址
|
|
479
|
-
// 手动关闭 点击叉号(cross),或者蒙层(mask)
|
|
480
|
-
var handClose = function handClose() {
|
|
481
|
-
setShowPopup(false);
|
|
482
|
-
};
|
|
483
|
-
// 点击遮罩层关闭
|
|
484
|
-
var clickOverlay = function clickOverlay() {
|
|
485
|
-
closeMask && closeMask({
|
|
486
|
-
closeWay: 'mask'
|
|
487
|
-
});
|
|
488
|
-
};
|
|
489
|
-
// 切换下一级列表
|
|
490
|
-
var nextAreaList = function nextAreaList(item) {
|
|
491
|
-
// onchange 接收的参数
|
|
492
|
-
var callbackParams = {
|
|
493
|
-
next: item.next,
|
|
494
|
-
value: item.value,
|
|
495
|
-
custom: item.custom
|
|
496
|
-
};
|
|
497
|
-
setSelectedRegion(_objectSpread({}, item.selectedRegion));
|
|
498
|
-
onChange && onChange(callbackParams);
|
|
499
|
-
};
|
|
500
|
-
// 选择现有地址
|
|
501
|
-
var selectedExist = function selectedExist(prevExistAdd, item, copyExistAdd) {
|
|
502
|
-
setSelectedExistAddress(item);
|
|
503
|
-
onSelected && onSelected(prevExistAdd, item, copyExistAdd);
|
|
504
|
-
handClose();
|
|
505
|
-
};
|
|
506
|
-
// 初始化
|
|
507
|
-
var initAddress = function initAddress() {
|
|
508
|
-
for (var i = 0; i < tabName.length; i++) {
|
|
509
|
-
setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i], {})));
|
|
510
|
-
}
|
|
511
|
-
};
|
|
512
|
-
// 关闭
|
|
513
|
-
var closeFun = function closeFun() {
|
|
514
|
-
var resCopy = _objectSpread({
|
|
515
|
-
addressIdStr: '',
|
|
516
|
-
addressStr: ''
|
|
517
|
-
}, selectedRegion);
|
|
518
|
-
var res = {
|
|
519
|
-
data: _objectSpread({
|
|
520
|
-
addressIdStr: '',
|
|
521
|
-
addressStr: ''
|
|
522
|
-
}, selectedRegion),
|
|
523
|
-
type: privateType
|
|
524
|
-
};
|
|
525
|
-
if (privateType === 'custom' || privateType === 'custom2') {
|
|
526
|
-
var _province = resCopy.province,
|
|
527
|
-
_city = resCopy.city,
|
|
528
|
-
_country = resCopy.country,
|
|
529
|
-
_town = resCopy.town;
|
|
530
|
-
resCopy.addressIdStr = [_province.id || 0, _city.id || 0, _country.id || 0, _town.id || 0].join('_');
|
|
531
|
-
resCopy.addressStr = [_province.name, _city.name, _country.name, _town.name].join('');
|
|
532
|
-
res.data = resCopy;
|
|
533
|
-
} else {
|
|
534
|
-
res.data = selectedExistAddress;
|
|
535
|
-
}
|
|
536
|
-
initAddress();
|
|
537
|
-
onClose && onClose(res);
|
|
538
|
-
};
|
|
539
|
-
// 选择其他地址
|
|
540
|
-
var onSwitchModule = function onSwitchModule() {
|
|
541
|
-
if (privateType === 'exist') {
|
|
542
|
-
setPrivateType('custom');
|
|
543
|
-
} else {
|
|
544
|
-
setPrivateType('exist');
|
|
545
|
-
}
|
|
546
|
-
initAddress();
|
|
547
|
-
switchModule && switchModule({
|
|
548
|
-
type: privateType
|
|
549
|
-
});
|
|
550
|
-
};
|
|
551
|
-
var headerRender = function headerRender() {
|
|
552
|
-
return React__default.createElement("div", {
|
|
553
|
-
className: b('header')
|
|
554
|
-
}, React__default.createElement("div", {
|
|
555
|
-
className: "arrow-back",
|
|
556
|
-
onClick: onSwitchModule
|
|
557
|
-
}, privateType === 'custom' && backBtnIcon && React__default.createElement(Icon, {
|
|
558
|
-
classPrefix: iconClassPrefix,
|
|
559
|
-
fontClassName: iconFontClassName,
|
|
560
|
-
name: backBtnIcon,
|
|
561
|
-
color: "#cccccc"
|
|
562
|
-
})), React__default.createElement("div", {
|
|
563
|
-
className: b('header__title')
|
|
564
|
-
}, privateType === 'custom' ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo), React__default.createElement("div", {
|
|
565
|
-
onClick: function onClick() {
|
|
566
|
-
return handClose();
|
|
567
|
-
}
|
|
568
|
-
}, closeBtnIcon && React__default.createElement(Icon, {
|
|
569
|
-
classPrefix: iconClassPrefix,
|
|
570
|
-
fontClassName: iconFontClassName,
|
|
571
|
-
name: closeBtnIcon,
|
|
572
|
-
color: "#cccccc",
|
|
573
|
-
size: "18px"
|
|
574
|
-
})));
|
|
575
|
-
};
|
|
576
|
-
useEffect(function () {
|
|
577
|
-
setShowPopup(modelValue);
|
|
578
|
-
}, [modelValue]);
|
|
579
|
-
useEffect(function () {
|
|
580
|
-
if (!showPopup) {
|
|
581
|
-
closeFun();
|
|
582
|
-
}
|
|
583
|
-
}, [showPopup]);
|
|
584
|
-
return React__default.createElement(React__default.Fragment, null, showPopup && React__default.createElement(Popup, {
|
|
585
|
-
visible: showPopup,
|
|
586
|
-
position: "bottom",
|
|
587
|
-
onClickOverlay: clickOverlay,
|
|
588
|
-
onClose: function onClose() {
|
|
589
|
-
closeFun();
|
|
590
|
-
}
|
|
591
|
-
}, React__default.createElement("div", _objectSpread({
|
|
592
|
-
className: "".concat(b(), " ").concat(className || ''),
|
|
593
|
-
style: _objectSpread({}, style)
|
|
594
|
-
}, rest), headerRender(), (privateType === 'custom' || privateType === 'custom2') && React__default.createElement(CustomRender, {
|
|
595
|
-
modelValue: modelSelect,
|
|
596
|
-
type: privateType,
|
|
597
|
-
province: province,
|
|
598
|
-
city: city,
|
|
599
|
-
country: country,
|
|
600
|
-
town: town,
|
|
601
|
-
height: height,
|
|
602
|
-
onNextArea: function onNextArea(cal) {
|
|
603
|
-
nextAreaList && nextAreaList(cal);
|
|
604
|
-
},
|
|
605
|
-
onTabClick: function onTabClick(type) {
|
|
606
|
-
onTabChecked && onTabChecked(type);
|
|
607
|
-
},
|
|
608
|
-
onClose: handClose
|
|
609
|
-
}), privateType === 'exist' && React__default.createElement(ExistRender, {
|
|
610
|
-
type: privateType,
|
|
611
|
-
existAddress: existAddress,
|
|
612
|
-
selectedIcon: selectedIcon,
|
|
613
|
-
defaultIcon: defaultIcon,
|
|
614
|
-
isShowCustomAddress: isShowCustomAddress,
|
|
615
|
-
customAndExistTitle: customAndExistTitle || locale.address.chooseAnotherAddress,
|
|
616
|
-
onSelected: selectedExist,
|
|
617
|
-
onSwitchModule: onSwitchModule
|
|
618
|
-
}))));
|
|
619
|
-
};
|
|
620
|
-
Address.defaultProps = defaultProps;
|
|
621
|
-
Address.displayName = 'NutAddress';
|
|
622
|
-
export { Address as default };
|
package/dist/esm/Animate.js
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["className", "type", "action", "loop", "onClick", "children"];
|
|
5
|
-
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; }
|
|
6
|
-
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; }
|
|
7
|
-
import React__default, { useState } from 'react';
|
|
8
|
-
import classNames from 'classnames';
|
|
9
|
-
import { c as cn } from './bem-3b438e61.js';
|
|
10
|
-
import '@bem-react/classname';
|
|
11
|
-
var defaultProps = {
|
|
12
|
-
type: 'shake',
|
|
13
|
-
action: 'initial',
|
|
14
|
-
loop: false,
|
|
15
|
-
onClick: function onClick(event) {}
|
|
16
|
-
};
|
|
17
|
-
var Animate = function Animate(props) {
|
|
18
|
-
var _classNames;
|
|
19
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
20
|
-
className = _defaultProps$props.className,
|
|
21
|
-
type = _defaultProps$props.type,
|
|
22
|
-
action = _defaultProps$props.action,
|
|
23
|
-
loop = _defaultProps$props.loop,
|
|
24
|
-
onClick = _defaultProps$props.onClick,
|
|
25
|
-
children = _defaultProps$props.children,
|
|
26
|
-
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
27
|
-
var _useState = useState(false),
|
|
28
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
-
clicked = _useState2[0],
|
|
30
|
-
setClicked = _useState2[1];
|
|
31
|
-
var b = cn('animate');
|
|
32
|
-
var classes = classNames((_classNames = {
|
|
33
|
-
'nut-ani-container': true
|
|
34
|
-
}, _defineProperty(_classNames, "".concat(b(''), "-").concat(type), action === 'initial' || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
|
|
35
|
-
var cls = classNames(classes, className);
|
|
36
|
-
var handleClick = function handleClick(event) {
|
|
37
|
-
setClicked(true);
|
|
38
|
-
// 如果不是无限循环,清除类名
|
|
39
|
-
if (!loop) {
|
|
40
|
-
setTimeout(function () {
|
|
41
|
-
setClicked(false);
|
|
42
|
-
}, 1000);
|
|
43
|
-
}
|
|
44
|
-
onClick && onClick(event);
|
|
45
|
-
};
|
|
46
|
-
return React__default.createElement("div", {
|
|
47
|
-
className: "nut-animate"
|
|
48
|
-
}, React__default.createElement("div", _objectSpread({
|
|
49
|
-
className: cls,
|
|
50
|
-
onClick: handleClick
|
|
51
|
-
}, rest), children));
|
|
52
|
-
};
|
|
53
|
-
Animate.defaultProps = defaultProps;
|
|
54
|
-
Animate.displayName = 'NutAnimate';
|
|
55
|
-
export { Animate as default };
|