@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/DatePicker.js
DELETED
|
@@ -1,310 +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 = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "onChange", "threeDimensional", "className", "style"];
|
|
6
|
-
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; }
|
|
7
|
-
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; }
|
|
8
|
-
import React__default, { useState, useRef, useEffect } from 'react';
|
|
9
|
-
import Picker from './Picker.js';
|
|
10
|
-
import { useConfig } from './ConfigProvider.js';
|
|
11
|
-
var currentYear = new Date().getFullYear();
|
|
12
|
-
var defaultProps = {
|
|
13
|
-
modelValue: null,
|
|
14
|
-
visible: false,
|
|
15
|
-
title: '',
|
|
16
|
-
type: 'date',
|
|
17
|
-
isShowChinese: false,
|
|
18
|
-
threeDimensional: true,
|
|
19
|
-
minuteStep: 1,
|
|
20
|
-
minDate: new Date(currentYear - 10, 0, 1),
|
|
21
|
-
maxDate: new Date(currentYear + 10, 11, 31)
|
|
22
|
-
};
|
|
23
|
-
var DatePicker = function DatePicker(props) {
|
|
24
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
25
|
-
minDate = _defaultProps$props.minDate,
|
|
26
|
-
maxDate = _defaultProps$props.maxDate,
|
|
27
|
-
type = _defaultProps$props.type,
|
|
28
|
-
isShowChinese = _defaultProps$props.isShowChinese,
|
|
29
|
-
minuteStep = _defaultProps$props.minuteStep,
|
|
30
|
-
modelValue = _defaultProps$props.modelValue,
|
|
31
|
-
visible = _defaultProps$props.visible,
|
|
32
|
-
title = _defaultProps$props.title,
|
|
33
|
-
formatter = _defaultProps$props.formatter,
|
|
34
|
-
onCloseDatePicker = _defaultProps$props.onCloseDatePicker,
|
|
35
|
-
onConfirmDatePicker = _defaultProps$props.onConfirmDatePicker,
|
|
36
|
-
filter = _defaultProps$props.filter,
|
|
37
|
-
onChange = _defaultProps$props.onChange,
|
|
38
|
-
threeDimensional = _defaultProps$props.threeDimensional,
|
|
39
|
-
className = _defaultProps$props.className,
|
|
40
|
-
style = _defaultProps$props.style,
|
|
41
|
-
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
42
|
-
var _useConfig = useConfig(),
|
|
43
|
-
locale = _useConfig.locale;
|
|
44
|
-
var _useState = useState(false),
|
|
45
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
46
|
-
show = _useState2[0],
|
|
47
|
-
setShow = _useState2[1];
|
|
48
|
-
var _useState3 = useState(modelValue),
|
|
49
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
50
|
-
currentDate = _useState4[0],
|
|
51
|
-
setCurrentDate = _useState4[1];
|
|
52
|
-
var _useState5 = useState([]),
|
|
53
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
54
|
-
defaultValue = _useState6[0],
|
|
55
|
-
setDefaultValue = _useState6[1];
|
|
56
|
-
var _useState7 = useState([]),
|
|
57
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
58
|
-
listData = _useState8[0],
|
|
59
|
-
setListData = _useState8[1];
|
|
60
|
-
var pickerRef = useRef(null);
|
|
61
|
-
var isDate = function isDate(val) {
|
|
62
|
-
return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
|
|
63
|
-
};
|
|
64
|
-
var datepickerLang = locale.datepicker;
|
|
65
|
-
var zhCNType = {
|
|
66
|
-
day: datepickerLang.day,
|
|
67
|
-
year: datepickerLang.year,
|
|
68
|
-
month: datepickerLang.month,
|
|
69
|
-
hour: datepickerLang.hour,
|
|
70
|
-
minute: datepickerLang.min,
|
|
71
|
-
seconds: datepickerLang.seconds
|
|
72
|
-
};
|
|
73
|
-
var formatValue = function formatValue(value) {
|
|
74
|
-
var cvalue = value;
|
|
75
|
-
if (!cvalue || cvalue && !isDate(cvalue)) {
|
|
76
|
-
cvalue = minDate;
|
|
77
|
-
}
|
|
78
|
-
var timestmp = Math.max(cvalue.getTime(), minDate.getTime());
|
|
79
|
-
timestmp = Math.min(timestmp, maxDate.getTime());
|
|
80
|
-
return new Date(timestmp);
|
|
81
|
-
};
|
|
82
|
-
function getMonthEndDay(year, month) {
|
|
83
|
-
return new Date(year, month, 0).getDate();
|
|
84
|
-
}
|
|
85
|
-
var getBoundary = function getBoundary(type, value) {
|
|
86
|
-
var _ref;
|
|
87
|
-
var boundary = type === 'min' ? minDate : maxDate;
|
|
88
|
-
var year = boundary.getFullYear();
|
|
89
|
-
var month = 1;
|
|
90
|
-
var date = 1;
|
|
91
|
-
var hour = 0;
|
|
92
|
-
var minute = 0;
|
|
93
|
-
if (type === 'max') {
|
|
94
|
-
month = 12;
|
|
95
|
-
date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
|
|
96
|
-
hour = 23;
|
|
97
|
-
minute = 59;
|
|
98
|
-
}
|
|
99
|
-
var seconds = minute;
|
|
100
|
-
if (value.getFullYear() === year) {
|
|
101
|
-
month = boundary.getMonth() + 1;
|
|
102
|
-
if (value.getMonth() + 1 === month) {
|
|
103
|
-
date = boundary.getDate();
|
|
104
|
-
if (value.getDate() === date) {
|
|
105
|
-
hour = boundary.getHours();
|
|
106
|
-
if (value.getHours() === hour) {
|
|
107
|
-
minute = boundary.getMinutes();
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
return _ref = {}, _defineProperty(_ref, "".concat(type, "Year"), year), _defineProperty(_ref, "".concat(type, "Month"), month), _defineProperty(_ref, "".concat(type, "Date"), date), _defineProperty(_ref, "".concat(type, "Hour"), hour), _defineProperty(_ref, "".concat(type, "Minute"), minute), _defineProperty(_ref, "".concat(type, "Seconds"), seconds), _ref;
|
|
113
|
-
};
|
|
114
|
-
var ranges = function ranges(date) {
|
|
115
|
-
var curDate = date || currentDate;
|
|
116
|
-
if (!curDate) return [];
|
|
117
|
-
var _getBoundary = getBoundary('max', curDate),
|
|
118
|
-
maxYear = _getBoundary.maxYear,
|
|
119
|
-
maxDate = _getBoundary.maxDate,
|
|
120
|
-
maxMonth = _getBoundary.maxMonth,
|
|
121
|
-
maxHour = _getBoundary.maxHour,
|
|
122
|
-
maxMinute = _getBoundary.maxMinute,
|
|
123
|
-
maxSeconds = _getBoundary.maxSeconds;
|
|
124
|
-
var _getBoundary2 = getBoundary('min', curDate),
|
|
125
|
-
minYear = _getBoundary2.minYear,
|
|
126
|
-
minDate = _getBoundary2.minDate,
|
|
127
|
-
minMonth = _getBoundary2.minMonth,
|
|
128
|
-
minHour = _getBoundary2.minHour,
|
|
129
|
-
minMinute = _getBoundary2.minMinute,
|
|
130
|
-
minSeconds = _getBoundary2.minSeconds;
|
|
131
|
-
var result = [{
|
|
132
|
-
type: 'year',
|
|
133
|
-
range: [minYear, maxYear]
|
|
134
|
-
}, {
|
|
135
|
-
type: 'month',
|
|
136
|
-
range: [minMonth, maxMonth]
|
|
137
|
-
}, {
|
|
138
|
-
type: 'day',
|
|
139
|
-
range: [minDate, maxDate]
|
|
140
|
-
}, {
|
|
141
|
-
type: 'hour',
|
|
142
|
-
range: [minHour, maxHour]
|
|
143
|
-
}, {
|
|
144
|
-
type: 'minute',
|
|
145
|
-
range: [minMinute, maxMinute]
|
|
146
|
-
}, {
|
|
147
|
-
type: 'seconds',
|
|
148
|
-
range: [minSeconds, maxSeconds]
|
|
149
|
-
}];
|
|
150
|
-
switch (type.toLocaleLowerCase()) {
|
|
151
|
-
case 'date':
|
|
152
|
-
result = result.slice(0, 3);
|
|
153
|
-
break;
|
|
154
|
-
case 'datetime':
|
|
155
|
-
result = result.slice(0, 5);
|
|
156
|
-
break;
|
|
157
|
-
case 'time':
|
|
158
|
-
result = result.slice(3, 6);
|
|
159
|
-
break;
|
|
160
|
-
case 'year-month':
|
|
161
|
-
result = result.slice(0, 2);
|
|
162
|
-
break;
|
|
163
|
-
case 'hour-minutes':
|
|
164
|
-
result = result.slice(3, 5);
|
|
165
|
-
break;
|
|
166
|
-
case 'month-day':
|
|
167
|
-
result = result.slice(1, 3);
|
|
168
|
-
break;
|
|
169
|
-
case 'datehour':
|
|
170
|
-
result = result.slice(0, 4);
|
|
171
|
-
break;
|
|
172
|
-
}
|
|
173
|
-
return result;
|
|
174
|
-
};
|
|
175
|
-
var updateChooseValueCustmer = function updateChooseValueCustmer(index, selectedValue, cacheValueData) {
|
|
176
|
-
if (['date', 'datetime', 'datehour', 'month-day', 'year-month'].includes(type.toLocaleLowerCase())) {
|
|
177
|
-
var _date;
|
|
178
|
-
var formatDate = [];
|
|
179
|
-
selectedValue.forEach(function (item) {
|
|
180
|
-
formatDate.push(item);
|
|
181
|
-
});
|
|
182
|
-
if (type.toLocaleLowerCase() === 'month-day' && formatDate.length < 3) {
|
|
183
|
-
formatDate.unshift(new Date(modelValue || minDate || maxDate).getFullYear());
|
|
184
|
-
}
|
|
185
|
-
if (type.toLocaleLowerCase() === 'year-month' && formatDate.length < 3) {
|
|
186
|
-
formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
|
|
187
|
-
}
|
|
188
|
-
var year = Number(formatDate[0]);
|
|
189
|
-
var month = Number(formatDate[1]) - 1;
|
|
190
|
-
var day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
|
|
191
|
-
var date = null;
|
|
192
|
-
if (type.toLocaleLowerCase() === 'date' || type.toLocaleLowerCase() === 'month-day' || type.toLocaleLowerCase() === 'year-month') {
|
|
193
|
-
date = new Date(year, month, day);
|
|
194
|
-
} else if (type.toLocaleLowerCase() === 'datetime') {
|
|
195
|
-
date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
|
|
196
|
-
} else if (type.toLocaleLowerCase() === 'datehour') {
|
|
197
|
-
date = new Date(year, month, day, Number(formatDate[3]));
|
|
198
|
-
}
|
|
199
|
-
var isEqual = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.getTime()) === ((_date = date) === null || _date === void 0 ? void 0 : _date.getTime());
|
|
200
|
-
date && isDate(date) && !isEqual && setCurrentDate(formatValue(date));
|
|
201
|
-
}
|
|
202
|
-
props.onChange && props.onChange(index, selectedValue, cacheValueData);
|
|
203
|
-
};
|
|
204
|
-
var padZero = function padZero(num) {
|
|
205
|
-
var targetLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
|
|
206
|
-
var str = "".concat(num);
|
|
207
|
-
while (str.length < targetLength) {
|
|
208
|
-
str = "0".concat(str);
|
|
209
|
-
}
|
|
210
|
-
return str;
|
|
211
|
-
};
|
|
212
|
-
var formatterOption = function formatterOption(type, value) {
|
|
213
|
-
var fOption = null;
|
|
214
|
-
if (formatter) {
|
|
215
|
-
fOption = formatter(type, {
|
|
216
|
-
text: padZero(value, 2),
|
|
217
|
-
value: padZero(value, 2)
|
|
218
|
-
});
|
|
219
|
-
} else {
|
|
220
|
-
var padMin = padZero(value, 2);
|
|
221
|
-
var fatter = isShowChinese ? zhCNType[type] : '';
|
|
222
|
-
fOption = {
|
|
223
|
-
text: padMin + fatter,
|
|
224
|
-
value: padMin
|
|
225
|
-
};
|
|
226
|
-
}
|
|
227
|
-
return fOption;
|
|
228
|
-
};
|
|
229
|
-
var generateValue = function generateValue(min, max, val, type, columnIndex) {
|
|
230
|
-
var cmin = min;
|
|
231
|
-
var arr = [];
|
|
232
|
-
var index = 0;
|
|
233
|
-
while (cmin <= max) {
|
|
234
|
-
arr.push(formatterOption(type, cmin));
|
|
235
|
-
if (type === 'minute') {
|
|
236
|
-
cmin += minuteStep;
|
|
237
|
-
} else {
|
|
238
|
-
cmin++;
|
|
239
|
-
}
|
|
240
|
-
if (cmin <= val) {
|
|
241
|
-
index++;
|
|
242
|
-
}
|
|
243
|
-
}
|
|
244
|
-
defaultValue[columnIndex] = arr[index].value;
|
|
245
|
-
setDefaultValue(_toConsumableArray(defaultValue));
|
|
246
|
-
if (props.filter && props.filter(type, arr)) {
|
|
247
|
-
return props.filter(type, arr);
|
|
248
|
-
}
|
|
249
|
-
return arr;
|
|
250
|
-
};
|
|
251
|
-
var getDateIndex = function getDateIndex(type) {
|
|
252
|
-
if (!currentDate) return 0;
|
|
253
|
-
var d = 0;
|
|
254
|
-
if (type === 'year') {
|
|
255
|
-
d = currentDate.getFullYear();
|
|
256
|
-
} else if (type === 'month') {
|
|
257
|
-
d = currentDate.getMonth() + 1;
|
|
258
|
-
} else if (type === 'day') {
|
|
259
|
-
d = currentDate.getDate();
|
|
260
|
-
} else if (type === 'hour') {
|
|
261
|
-
d = currentDate.getHours();
|
|
262
|
-
} else if (type === 'minute') {
|
|
263
|
-
d = currentDate.getMinutes();
|
|
264
|
-
} else if (type === 'seconds') {
|
|
265
|
-
d = currentDate.getSeconds();
|
|
266
|
-
}
|
|
267
|
-
return d;
|
|
268
|
-
};
|
|
269
|
-
var columns = function columns(date) {
|
|
270
|
-
var val = ranges(date).map(function (res, columnIndex) {
|
|
271
|
-
return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
|
|
272
|
-
});
|
|
273
|
-
return val || [];
|
|
274
|
-
};
|
|
275
|
-
useEffect(function () {
|
|
276
|
-
setCurrentDate(formatValue(modelValue));
|
|
277
|
-
}, []);
|
|
278
|
-
useEffect(function () {
|
|
279
|
-
setCurrentDate(formatValue(modelValue));
|
|
280
|
-
}, [modelValue]);
|
|
281
|
-
useEffect(function () {
|
|
282
|
-
setShow(visible);
|
|
283
|
-
}, [visible]);
|
|
284
|
-
useEffect(function () {
|
|
285
|
-
if (currentDate) {
|
|
286
|
-
setListData(columns());
|
|
287
|
-
}
|
|
288
|
-
}, [currentDate]);
|
|
289
|
-
return React__default.createElement("div", _objectSpread({
|
|
290
|
-
className: "nut-datepicker ".concat(className || ''),
|
|
291
|
-
style: style
|
|
292
|
-
}, rest), listData.length > 0 && React__default.createElement(Picker, {
|
|
293
|
-
title: title,
|
|
294
|
-
isVisible: show,
|
|
295
|
-
listData: listData,
|
|
296
|
-
onClose: onCloseDatePicker,
|
|
297
|
-
defaultValueData: defaultValue,
|
|
298
|
-
onConfirm: function onConfirm(values, options) {
|
|
299
|
-
return onConfirmDatePicker && onConfirmDatePicker(values, options);
|
|
300
|
-
},
|
|
301
|
-
onChange: function onChange(index, value, list) {
|
|
302
|
-
return updateChooseValueCustmer(index, value, list);
|
|
303
|
-
},
|
|
304
|
-
threeDimensional: threeDimensional,
|
|
305
|
-
ref: pickerRef
|
|
306
|
-
}));
|
|
307
|
-
};
|
|
308
|
-
DatePicker.defaultProps = defaultProps;
|
|
309
|
-
DatePicker.displayName = 'NutDatePicker';
|
|
310
|
-
export { DatePicker as default };
|
package/dist/esm/Dialog.js
DELETED
|
@@ -1,296 +0,0 @@
|
|
|
1
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
var _excluded = ["visible", "footer", "noFooter", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"];
|
|
4
|
-
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; }
|
|
5
|
-
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; }
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import React__default, { useEffect, forwardRef } from 'react';
|
|
8
|
-
import classNames from 'classnames';
|
|
9
|
-
import Button from './Button.js';
|
|
10
|
-
import { CSSTransition } from 'react-transition-group';
|
|
11
|
-
import { r as render, u as unmount } from './render-bbebb760.js';
|
|
12
|
-
import 'react-dom';
|
|
13
|
-
var Content = function Content(props) {
|
|
14
|
-
var visible = props.visible,
|
|
15
|
-
title = props.title,
|
|
16
|
-
footer = props.footer,
|
|
17
|
-
textAlign = props.textAlign,
|
|
18
|
-
footerDirection = props.footerDirection,
|
|
19
|
-
onClickSelf = props.onClickSelf,
|
|
20
|
-
children = props.children;
|
|
21
|
-
var headerNode;
|
|
22
|
-
if (title) {
|
|
23
|
-
headerNode = React__default.createElement("div", {
|
|
24
|
-
className: "nut-dialog__header"
|
|
25
|
-
}, title);
|
|
26
|
-
}
|
|
27
|
-
var footerNode;
|
|
28
|
-
if (footer) {
|
|
29
|
-
footerNode = React__default.createElement("div", {
|
|
30
|
-
className: classNames('nut-dialog__footer', _defineProperty({}, footerDirection, footerDirection))
|
|
31
|
-
}, footer);
|
|
32
|
-
}
|
|
33
|
-
var handleClick = function handleClick() {
|
|
34
|
-
onClickSelf && onClickSelf();
|
|
35
|
-
};
|
|
36
|
-
return React__default.createElement("div", {
|
|
37
|
-
className: "nut-dialog__outer",
|
|
38
|
-
onClick: handleClick
|
|
39
|
-
}, React__default.createElement("div", {
|
|
40
|
-
className: "nut-dialog",
|
|
41
|
-
style: {
|
|
42
|
-
display: visible ? 'flex' : 'none'
|
|
43
|
-
}
|
|
44
|
-
}, headerNode, React__default.createElement("div", {
|
|
45
|
-
className: "nut-dialog__content",
|
|
46
|
-
style: {
|
|
47
|
-
textAlign: textAlign
|
|
48
|
-
}
|
|
49
|
-
}, React__default.createElement("div", null, children)), footerNode));
|
|
50
|
-
};
|
|
51
|
-
Content.displayName = 'NutContent';
|
|
52
|
-
function Mask(props) {
|
|
53
|
-
return React.createElement("div", {
|
|
54
|
-
className: "nut-dialog__mask"
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
var DialogWrap = function DialogWrap(props) {
|
|
58
|
-
var className = props.className,
|
|
59
|
-
style = props.style,
|
|
60
|
-
visible = props.visible,
|
|
61
|
-
mask = props.mask,
|
|
62
|
-
closeOnClickOverlay = props.closeOnClickOverlay,
|
|
63
|
-
lockScroll = props.lockScroll,
|
|
64
|
-
onClosed = props.onClosed,
|
|
65
|
-
onCancel = props.onCancel;
|
|
66
|
-
var handleClick = function handleClick(e) {
|
|
67
|
-
if (closeOnClickOverlay && visible && e.target === e.currentTarget) {
|
|
68
|
-
onClosed === null || onClosed === void 0 ? void 0 : onClosed();
|
|
69
|
-
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
70
|
-
lockScroll && document.body.classList.remove('nut-overflow-hidden');
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
var wrapStyle = _objectSpread(_objectSpread({}, style), {}, {
|
|
74
|
-
display: visible ? 'block' : 'none'
|
|
75
|
-
});
|
|
76
|
-
if (lockScroll && visible) {
|
|
77
|
-
document.body.classList.add('nut-overflow-hidden');
|
|
78
|
-
}
|
|
79
|
-
return React__default.createElement(React__default.Fragment, null, mask ? React__default.createElement(CSSTransition, {
|
|
80
|
-
"in": visible,
|
|
81
|
-
timeout: 300,
|
|
82
|
-
classNames: "fadeDialog",
|
|
83
|
-
unmountOnExit: true,
|
|
84
|
-
appear: true
|
|
85
|
-
}, React__default.createElement(Mask, null)) : null, React__default.createElement("div", {
|
|
86
|
-
className: classNames('nut-dialog__wrap', className),
|
|
87
|
-
onClick: handleClick,
|
|
88
|
-
style: wrapStyle
|
|
89
|
-
}, React__default.createElement(Content, _objectSpread(_objectSpread({}, props), {}, {
|
|
90
|
-
visible: visible
|
|
91
|
-
}))));
|
|
92
|
-
};
|
|
93
|
-
DialogWrap.displayName = 'NutDialogWrap';
|
|
94
|
-
var DialogWrapper = function DialogWrapper(props) {
|
|
95
|
-
var visible = props.visible,
|
|
96
|
-
lockScroll = props.lockScroll;
|
|
97
|
-
useEffect(function () {
|
|
98
|
-
if (lockScroll && visible) {
|
|
99
|
-
document.body.classList.add('nut-overflow-hidden');
|
|
100
|
-
} else {
|
|
101
|
-
document.body.classList.remove('nut-overflow-hidden');
|
|
102
|
-
}
|
|
103
|
-
}, [visible]);
|
|
104
|
-
useEffect(function () {
|
|
105
|
-
return function () {
|
|
106
|
-
if (document.body.classList.value.includes('nut-overflow-hidden')) {
|
|
107
|
-
document.body.classList.remove('nut-overflow-hidden');
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
}, []);
|
|
111
|
-
return React__default.createElement("div", {
|
|
112
|
-
style: {
|
|
113
|
-
display: visible ? 'block' : 'none'
|
|
114
|
-
}
|
|
115
|
-
}, React__default.createElement(DialogWrap, _objectSpread({}, props)));
|
|
116
|
-
};
|
|
117
|
-
DialogWrapper.displayName = 'NutDialogWrapper';
|
|
118
|
-
function ConfirmDialog(props) {
|
|
119
|
-
return React__default.createElement(Dialog, _objectSpread({}, props), props.content);
|
|
120
|
-
}
|
|
121
|
-
// 如果是消息提示型弹出框,那么只有确认按钮
|
|
122
|
-
var normalizeConfig = function normalizeConfig(_config) {
|
|
123
|
-
if (_config.isNotice) {
|
|
124
|
-
var icon = _config.icon;
|
|
125
|
-
if (!icon && icon !== null) {
|
|
126
|
-
switch (_config.noticeType) {
|
|
127
|
-
case 'alert':
|
|
128
|
-
icon = '';
|
|
129
|
-
break;
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
_config.noCancelBtn = true;
|
|
133
|
-
}
|
|
134
|
-
return _config;
|
|
135
|
-
};
|
|
136
|
-
function confirm(config, renderFunc) {
|
|
137
|
-
var div = document.createElement('div');
|
|
138
|
-
document.body.appendChild(div);
|
|
139
|
-
function render$1(props, callback) {
|
|
140
|
-
render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
|
|
141
|
-
onCancel: onCancel
|
|
142
|
-
})), div);
|
|
143
|
-
callback && callback();
|
|
144
|
-
}
|
|
145
|
-
var renderFunction = renderFunc || render$1;
|
|
146
|
-
var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
|
|
147
|
-
visible: false
|
|
148
|
-
});
|
|
149
|
-
var onOk = function onOk() {
|
|
150
|
-
var ret;
|
|
151
|
-
var _onOk = config.onOk || config.onConfirm;
|
|
152
|
-
if (_onOk) {
|
|
153
|
-
ret = _onOk();
|
|
154
|
-
}
|
|
155
|
-
if (ret && ret.then) {
|
|
156
|
-
renderFunction(dialogConfig);
|
|
157
|
-
ret.then(function () {
|
|
158
|
-
onCancel(true);
|
|
159
|
-
}, function (e) {
|
|
160
|
-
console.error(e);
|
|
161
|
-
renderFunction(dialogConfig);
|
|
162
|
-
});
|
|
163
|
-
}
|
|
164
|
-
if (!ret) {
|
|
165
|
-
onCancel(true);
|
|
166
|
-
}
|
|
167
|
-
};
|
|
168
|
-
// 如果是promise,那么处理loading和加载完成关闭
|
|
169
|
-
dialogConfig.onOk = onOk;
|
|
170
|
-
dialogConfig = normalizeConfig(dialogConfig);
|
|
171
|
-
dialogConfig.visible = true;
|
|
172
|
-
renderFunction(dialogConfig);
|
|
173
|
-
function destroy() {
|
|
174
|
-
unmount(div);
|
|
175
|
-
if (div !== null && div !== void 0 && div.parentNode) {
|
|
176
|
-
div.parentNode.removeChild(div);
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
function onCancel(isOnOk) {
|
|
180
|
-
!isOnOk && config.onCancel && config.onCancel();
|
|
181
|
-
dialogConfig.visible = false;
|
|
182
|
-
dialogConfig.onClosed = function () {
|
|
183
|
-
config.onClosed && config.onClosed();
|
|
184
|
-
};
|
|
185
|
-
renderFunction(dialogConfig, function () {
|
|
186
|
-
destroy();
|
|
187
|
-
});
|
|
188
|
-
}
|
|
189
|
-
function update(newConfig) {
|
|
190
|
-
dialogConfig = _objectSpread(_objectSpread({}, dialogConfig), {}, {
|
|
191
|
-
title: config.title
|
|
192
|
-
}, newConfig);
|
|
193
|
-
dialogConfig = normalizeConfig(dialogConfig);
|
|
194
|
-
renderFunction(dialogConfig);
|
|
195
|
-
}
|
|
196
|
-
function close() {
|
|
197
|
-
dialogConfig.visible = false;
|
|
198
|
-
dialogConfig.onClosed = function () {
|
|
199
|
-
config.onClosed && config.onClosed();
|
|
200
|
-
destroy();
|
|
201
|
-
};
|
|
202
|
-
renderFunction(dialogConfig);
|
|
203
|
-
}
|
|
204
|
-
return {
|
|
205
|
-
close: close,
|
|
206
|
-
update: update
|
|
207
|
-
};
|
|
208
|
-
}
|
|
209
|
-
var defaultProps = {
|
|
210
|
-
okText: '确认',
|
|
211
|
-
cancelText: '取消',
|
|
212
|
-
mask: true,
|
|
213
|
-
closeOnClickOverlay: true,
|
|
214
|
-
noFooter: false,
|
|
215
|
-
noOkBtn: false,
|
|
216
|
-
noCancelBtn: false,
|
|
217
|
-
okBtnDisabled: false,
|
|
218
|
-
cancelAutoClose: true,
|
|
219
|
-
textAlign: 'center',
|
|
220
|
-
footerDirection: 'horizontal',
|
|
221
|
-
lockScroll: false
|
|
222
|
-
};
|
|
223
|
-
var BaseDialog = function BaseDialog(props, ref) {
|
|
224
|
-
var visible = props.visible,
|
|
225
|
-
footer = props.footer,
|
|
226
|
-
noFooter = props.noFooter,
|
|
227
|
-
noOkBtn = props.noOkBtn,
|
|
228
|
-
noCancelBtn = props.noCancelBtn,
|
|
229
|
-
lockScroll = props.lockScroll,
|
|
230
|
-
okBtnDisabled = props.okBtnDisabled,
|
|
231
|
-
cancelAutoClose = props.cancelAutoClose,
|
|
232
|
-
okText = props.okText,
|
|
233
|
-
cancelText = props.cancelText,
|
|
234
|
-
onClosed = props.onClosed,
|
|
235
|
-
onCancel = props.onCancel,
|
|
236
|
-
onOk = props.onOk,
|
|
237
|
-
restProps = _objectWithoutProperties(props, _excluded);
|
|
238
|
-
var renderFooter = function renderFooter() {
|
|
239
|
-
if (footer === null || noFooter) return '';
|
|
240
|
-
var handleCancel = function handleCancel(e) {
|
|
241
|
-
e.stopPropagation();
|
|
242
|
-
if (!cancelAutoClose) return;
|
|
243
|
-
onClosed === null || onClosed === void 0 ? void 0 : onClosed();
|
|
244
|
-
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
245
|
-
if (lockScroll && visible) {
|
|
246
|
-
document.body.classList.remove('nut-overflow-hidden');
|
|
247
|
-
}
|
|
248
|
-
};
|
|
249
|
-
var handleOk = function handleOk(e) {
|
|
250
|
-
e.stopPropagation();
|
|
251
|
-
onClosed === null || onClosed === void 0 ? void 0 : onClosed();
|
|
252
|
-
onOk === null || onOk === void 0 ? void 0 : onOk(e);
|
|
253
|
-
if (lockScroll && visible) {
|
|
254
|
-
document.body.classList.remove('nut-overflow-hidden');
|
|
255
|
-
}
|
|
256
|
-
};
|
|
257
|
-
var footerContent = footer || React__default.createElement(React__default.Fragment, null, !noCancelBtn && React__default.createElement(Button, {
|
|
258
|
-
size: "small",
|
|
259
|
-
plain: true,
|
|
260
|
-
type: "primary",
|
|
261
|
-
className: "nut-dialog__footer-cancel",
|
|
262
|
-
onClick: handleCancel
|
|
263
|
-
}, cancelText), !noOkBtn && React__default.createElement(Button, {
|
|
264
|
-
size: "small",
|
|
265
|
-
type: "primary",
|
|
266
|
-
className: classNames('nut-dialog__footer-ok', {
|
|
267
|
-
disabled: okBtnDisabled
|
|
268
|
-
}),
|
|
269
|
-
disabled: okBtnDisabled,
|
|
270
|
-
onClick: handleOk
|
|
271
|
-
}, okText));
|
|
272
|
-
return footerContent;
|
|
273
|
-
};
|
|
274
|
-
return React__default.createElement(DialogWrapper, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
275
|
-
visible: visible,
|
|
276
|
-
lockScroll: lockScroll,
|
|
277
|
-
footer: renderFooter(),
|
|
278
|
-
onClosed: onClosed,
|
|
279
|
-
onCancel: onCancel
|
|
280
|
-
}));
|
|
281
|
-
};
|
|
282
|
-
var Dialog = forwardRef(BaseDialog);
|
|
283
|
-
Dialog.confirm = function (props) {
|
|
284
|
-
return confirm(props);
|
|
285
|
-
};
|
|
286
|
-
['alert'].forEach(function (type) {
|
|
287
|
-
Dialog[type] = function (props) {
|
|
288
|
-
return confirm(_objectSpread(_objectSpread({}, props), {}, {
|
|
289
|
-
isNotice: false,
|
|
290
|
-
noticeType: type
|
|
291
|
-
}));
|
|
292
|
-
};
|
|
293
|
-
});
|
|
294
|
-
Dialog.defaultProps = defaultProps;
|
|
295
|
-
Dialog.displayName = 'NutDialog';
|
|
296
|
-
export { Dialog as default };
|
package/dist/esm/Divider.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["children", "contentPosition", "dashed", "hairline", "styles", "className", "direction"];
|
|
4
|
-
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; }
|
|
5
|
-
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; }
|
|
6
|
-
import React__default from 'react';
|
|
7
|
-
import classNames from 'classnames';
|
|
8
|
-
import { c as cn } from './bem-3b438e61.js';
|
|
9
|
-
import '@bem-react/classname';
|
|
10
|
-
var defaultProps = {
|
|
11
|
-
contentPosition: 'center',
|
|
12
|
-
dashed: false,
|
|
13
|
-
hairline: true,
|
|
14
|
-
direction: 'horizontal'
|
|
15
|
-
};
|
|
16
|
-
var Divider = function Divider(props) {
|
|
17
|
-
var _classNames, _classNames2;
|
|
18
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
19
|
-
children = _defaultProps$props.children,
|
|
20
|
-
contentPosition = _defaultProps$props.contentPosition,
|
|
21
|
-
dashed = _defaultProps$props.dashed,
|
|
22
|
-
hairline = _defaultProps$props.hairline,
|
|
23
|
-
styles = _defaultProps$props.styles,
|
|
24
|
-
className = _defaultProps$props.className,
|
|
25
|
-
direction = _defaultProps$props.direction,
|
|
26
|
-
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
27
|
-
var dividerBem = cn('divider');
|
|
28
|
-
var classes = direction === 'horizontal' ? classNames((_classNames = {}, _defineProperty(_classNames, dividerBem(), true), _defineProperty(_classNames, dividerBem('center'), children), _defineProperty(_classNames, dividerBem('left'), contentPosition === 'left'), _defineProperty(_classNames, dividerBem('right'), contentPosition === 'right'), _defineProperty(_classNames, dividerBem('dashed'), dashed), _defineProperty(_classNames, dividerBem('hairline'), hairline), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, dividerBem(), true), _defineProperty(_classNames2, dividerBem('vertical'), direction === 'vertical'), _classNames2));
|
|
29
|
-
return React__default.createElement("div", _objectSpread({
|
|
30
|
-
className: "".concat(classes, " ").concat(className || ''),
|
|
31
|
-
style: styles
|
|
32
|
-
}, rest), children);
|
|
33
|
-
};
|
|
34
|
-
Divider.defaultProps = defaultProps;
|
|
35
|
-
Divider.displayName = 'NutDivider';
|
|
36
|
-
export { Divider as default };
|