@nutui/nutui-react-taro 4.0.0-beta.4 → 4.0.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/hooks/use-props-value.js +1 -1
- package/dist/cjs/hooks/use-touch.js +4 -4
- package/dist/cjs/packages/address/cascaderRender.js +1 -1
- package/dist/cjs/packages/address/existRender.js +1 -1
- package/dist/cjs/packages/audio/audio.js +1 -1
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/cjs/packages/badge/badge.js +1 -1
- package/dist/cjs/packages/barrage/barrage.js +1 -1
- package/dist/cjs/packages/button/button.js +1 -1
- package/dist/cjs/packages/card/card.js +1 -1
- package/dist/cjs/packages/cascader/utils.js +4 -4
- package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/form/form.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/image/image.js +1 -1
- package/dist/cjs/packages/imagepreview/imagepreview.js +2 -2
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +3 -3
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/loading/loading.js +1 -1
- package/dist/cjs/packages/menu/menu.js +1 -1
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +1 -1
- package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/progress/progress.js +6 -9
- package/dist/cjs/packages/quickenter/quickenter.js +2 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
- package/dist/cjs/packages/range/range.js +3 -3
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/sidebar/sidebar.js +1 -1
- package/dist/cjs/packages/signature/signature.js +2 -2
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/sticky/sticky.js +3 -3
- package/dist/cjs/packages/swiper/swiper.js +1 -1
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +1 -1
- package/dist/cjs/packages/textarea/textarea.js +1 -1
- package/dist/cjs/packages/timeselect/timeselect.js +1 -1
- package/dist/cjs/packages/toast/toast.js +2 -2
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/uploader/uploader.js +1 -1
- package/dist/cjs/packages/video/video.js +2 -2
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +3 -3
- package/dist/es/packages/animatingnumbers/countup.js +1 -1
- package/dist/es/packages/audio/audio.js +16 -16
- package/dist/es/packages/avatar/avatar.js +3 -3
- package/dist/es/packages/avatarcropper/avatarcropper.js +25 -25
- package/dist/es/packages/avatargroup/avatargroup.js +1 -1
- package/dist/es/packages/backtop/backtop.js +3 -3
- package/dist/es/packages/badge/badge.js +3 -3
- package/dist/es/packages/barrage/barrage.js +9 -9
- package/dist/es/packages/button/button.js +4 -4
- package/dist/es/packages/calendar/calendar.js +12 -12
- package/dist/es/packages/calendar/utils.js +7 -7
- package/dist/es/packages/calendarcard/calendarcard.js +22 -22
- package/dist/es/packages/calendarcard/icon.js +5 -5
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +6 -6
- package/dist/es/packages/cell/cell.js +4 -4
- package/dist/es/packages/cellgroup/cellgroup.js +2 -2
- package/dist/es/packages/checkbox/checkbox.js +10 -10
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
- package/dist/es/packages/circleprogress/circleprogress.js +7 -7
- package/dist/es/packages/col/col.js +2 -2
- package/dist/es/packages/collapse/collapse.js +3 -3
- package/dist/es/packages/collapse/context.js +2 -2
- package/dist/es/packages/collapseitem/collapseitem.js +5 -5
- package/dist/es/packages/configprovider/configprovider.js +5 -5
- package/dist/es/packages/countdown/countdown.js +15 -15
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/content.js +6 -6
- package/dist/es/packages/dialog/dialog.js +24 -24
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +5 -5
- package/dist/es/packages/elevator/elevator.js +17 -17
- package/dist/es/packages/ellipsis/ellipsis.js +14 -14
- package/dist/es/packages/empty/empty.js +1 -1
- package/dist/es/packages/fixednav/fixednav.js +7 -7
- package/dist/es/packages/form/form.js +7 -7
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +6 -6
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +7 -7
- package/dist/es/packages/imagepreview/imagepreview.js +15 -15
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +14 -14
- package/dist/es/packages/input/input.js +13 -13
- package/dist/es/packages/inputnumber/inputnumber.js +12 -12
- package/dist/es/packages/layout/layout.js +1 -1
- package/dist/es/packages/loading/loading.js +3 -3
- package/dist/es/packages/lottie/index.js +1 -1
- package/dist/es/packages/lottie/lottiemp.js +1 -1
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +12 -12
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +22 -22
- package/dist/es/packages/notify/notify.js +8 -8
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +12 -12
- package/dist/es/packages/overlay/overlay.js +7 -7
- package/dist/es/packages/pagination/pagination.js +8 -8
- package/dist/es/packages/picker/picker.js +15 -15
- package/dist/es/packages/pickerview/pickerroller.js +12 -12
- package/dist/es/packages/pickerview/pickerview.js +3 -3
- package/dist/es/packages/pickerview/utils.js +6 -6
- package/dist/es/packages/popover/popover.js +15 -15
- package/dist/es/packages/popup/popup.js +26 -26
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +16 -19
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +8 -8
- package/dist/es/packages/quickenter/quickenter.js +14 -14
- package/dist/es/packages/radio/radio.js +11 -11
- package/dist/es/packages/radiogroup/radiogroup.js +6 -6
- package/dist/es/packages/range/range.js +12 -12
- package/dist/es/packages/rate/rate.js +13 -13
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +4 -4
- package/dist/es/packages/segmented/segmented.js +4 -4
- package/dist/es/packages/shortpassword/shortpassword.js +7 -7
- package/dist/es/packages/sidebar/sidebar.js +11 -11
- package/dist/es/packages/sidebar/utils.js +1 -1
- package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
- package/dist/es/packages/signature/signature.js +15 -15
- package/dist/es/packages/skeleton/skeleton.js +4 -4
- package/dist/es/packages/space/space.js +1 -1
- package/dist/es/packages/step/step.js +1 -1
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/sticky/sticky.js +5 -5
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/swiper.js +7 -7
- package/dist/es/packages/swiperitem/swiperitem.js +1 -1
- package/dist/es/packages/switch/switch.js +6 -6
- package/dist/es/packages/tabbar/tabbar.js +2 -2
- package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
- package/dist/es/packages/table/table.js +10 -10
- package/dist/es/packages/tabpane/tabpane.js +1 -1
- package/dist/es/packages/tabs/tabs.js +11 -11
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +11 -11
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/toast.js +10 -10
- package/dist/es/packages/tour/tour.js +10 -10
- package/dist/es/packages/trendarrow/trendarrow.js +4 -4
- package/dist/es/packages/uploader/preview.js +8 -8
- package/dist/es/packages/uploader/uploader.js +19 -19
- package/dist/es/packages/video/video.js +3 -3
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +8 -8
- package/dist/es/packages/watermark/watermark.js +2 -2
- package/dist/es/types/spec/empty/base.js +1 -1
- package/dist/es/utils/clamp.js +1 -1
- package/dist/es/utils/date.js +3 -3
- package/dist/es/utils/get-rect.js +1 -1
- package/dist/es/utils/interceptor.js +1 -1
- package/dist/es/utils/is-date.js +1 -1
- package/dist/es/utils/is-empty.js +1 -1
- package/dist/es/utils/is-function.js +1 -1
- package/dist/es/utils/is-object.js +1 -1
- package/dist/es/utils/is-promise.js +1 -1
- package/dist/es/utils/pad-zero.js +1 -1
- package/dist/es/utils/px-check.js +1 -1
- package/dist/es/utils/scale-f.js +2 -4
- package/dist/es/utils/sleep.js +1 -1
- package/dist/es/utils/taro/ConfigurableCSSTransition.js +1 -1
- package/dist/es/utils/taro/get-rect-by-id.js +1 -1
- package/dist/es/utils/taro/get-rect.js +3 -3
- package/dist/es/utils/taro/get-system-info.js +2 -2
- package/dist/es/utils/taro/platform.js +4 -4
- package/dist/es/utils/upper-case-first.js +1 -1
- package/dist/nutui.react.umd.js +1159 -1159
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +35 -35
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +28 -28
- package/dist/style.css +1 -1
- package/dist/style.scss +36 -36
- package/package.json +1 -1
|
@@ -16,8 +16,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
clockwise: true
|
|
17
17
|
});
|
|
18
18
|
var classPrefix = "nut-circleprogress";
|
|
19
|
-
export var CircleProgress = function(props) {
|
|
20
|
-
var
|
|
19
|
+
export var CircleProgress = function CircleProgress(props) {
|
|
20
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, percent = _$_object_spread.percent, className = _$_object_spread.className, radius = _$_object_spread.radius, background = _$_object_spread.background, clockwise = _$_object_spread.clockwise, color = _$_object_spread.color, strokeWidth = _$_object_spread.strokeWidth, style = _$_object_spread.style, strokeLinecap = _$_object_spread.strokeLinecap, restProps = _object_without_properties(_$_object_spread, [
|
|
21
21
|
"children",
|
|
22
22
|
"percent",
|
|
23
23
|
"className",
|
|
@@ -46,7 +46,7 @@ export var CircleProgress = function(props) {
|
|
|
46
46
|
;
|
|
47
47
|
var duration = Math.abs((startRate - endRate) * 1000 / +100) // 100
|
|
48
48
|
;
|
|
49
|
-
var animate = function() {
|
|
49
|
+
var animate = function animate1() {
|
|
50
50
|
var now = Date.now();
|
|
51
51
|
var progress = Math.min((now - startTime) / duration, 1);
|
|
52
52
|
var rate = progress * (endRate - startRate) + startRate;
|
|
@@ -65,7 +65,7 @@ export var CircleProgress = function(props) {
|
|
|
65
65
|
}, [
|
|
66
66
|
percent
|
|
67
67
|
]);
|
|
68
|
-
var stop = function() {
|
|
68
|
+
var stop = function stop() {
|
|
69
69
|
if (!isObject(color)) {
|
|
70
70
|
return [];
|
|
71
71
|
}
|
|
@@ -84,13 +84,13 @@ export var CircleProgress = function(props) {
|
|
|
84
84
|
});
|
|
85
85
|
return stopArr;
|
|
86
86
|
};
|
|
87
|
-
var transColor = function(color) {
|
|
87
|
+
var transColor = function transColor(color) {
|
|
88
88
|
return color && color.replace('#', '%23');
|
|
89
89
|
};
|
|
90
|
-
var format = function(progress) {
|
|
90
|
+
var format = function format(progress) {
|
|
91
91
|
return Math.min(Math.max(+progress, 0), 100);
|
|
92
92
|
};
|
|
93
|
-
var circleStyle = function() {
|
|
93
|
+
var circleStyle = function circleStyle() {
|
|
94
94
|
var stopArr = stop();
|
|
95
95
|
var stopDom = [];
|
|
96
96
|
if (stopArr) {
|
|
@@ -14,7 +14,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
14
14
|
isFirst: false,
|
|
15
15
|
isLast: false
|
|
16
16
|
});
|
|
17
|
-
export var Col = function(props) {
|
|
17
|
+
export var Col = function Col(props) {
|
|
18
18
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
|
|
19
19
|
var gutter = useContext(DataContext).gutter;
|
|
20
20
|
var classs = useMemo(function() {
|
|
@@ -52,7 +52,7 @@ export var Col = function(props) {
|
|
|
52
52
|
className: classNames(colName, className),
|
|
53
53
|
style: _object_spread({}, style, colStyle),
|
|
54
54
|
key: classNames(colName, className),
|
|
55
|
-
onClick: function(e) {
|
|
55
|
+
onClick: function onClick1(e) {
|
|
56
56
|
onClick && onClick(e, 'col');
|
|
57
57
|
}
|
|
58
58
|
}, children);
|
|
@@ -14,7 +14,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
14
14
|
expandIcon: null,
|
|
15
15
|
rotate: 180
|
|
16
16
|
});
|
|
17
|
-
export var Collapse = function(props) {
|
|
17
|
+
export var Collapse = function Collapse(props) {
|
|
18
18
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, activeName = _$_object_spread.activeName, defaultActiveName = _$_object_spread.defaultActiveName, accordion = _$_object_spread.accordion, expandIcon = _$_object_spread.expandIcon, rotate = _$_object_spread.rotate, onChange = _$_object_spread.onChange;
|
|
19
19
|
var classPrefix = 'nut-collapse';
|
|
20
20
|
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
@@ -22,11 +22,11 @@ export var Collapse = function(props) {
|
|
|
22
22
|
defaultValue: defaultActiveName,
|
|
23
23
|
finalValue: []
|
|
24
24
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
25
|
-
var changeVal = function(newValue, name, isOpen) {
|
|
25
|
+
var changeVal = function changeVal(newValue, name, isOpen) {
|
|
26
26
|
setValue(newValue);
|
|
27
27
|
onChange && onChange(newValue, name, isOpen);
|
|
28
28
|
};
|
|
29
|
-
var updateValue = function(name) {
|
|
29
|
+
var updateValue = function updateValue(name) {
|
|
30
30
|
if (accordion) {
|
|
31
31
|
if (value === name) {
|
|
32
32
|
changeVal('', name, false);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { createContext } from "react";
|
|
2
2
|
var collapseContext = {
|
|
3
|
-
isOpen: function(name) {
|
|
3
|
+
isOpen: function isOpen(name) {
|
|
4
4
|
return true;
|
|
5
5
|
},
|
|
6
|
-
updateValue: function(name) {},
|
|
6
|
+
updateValue: function updateValue(name) {},
|
|
7
7
|
expandIcon: null,
|
|
8
8
|
rotate: 180
|
|
9
9
|
};
|
|
@@ -21,8 +21,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
disabled: false,
|
|
22
22
|
extra: null
|
|
23
23
|
});
|
|
24
|
-
export var CollapseItem = function(props) {
|
|
25
|
-
var
|
|
24
|
+
export var CollapseItem = function CollapseItem(props) {
|
|
25
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, title = _$_object_spread.title, name = _$_object_spread.name, disabled = _$_object_spread.disabled, expandIcon = _$_object_spread.expandIcon, rotate = _$_object_spread.rotate, extra = _$_object_spread.extra, style = _$_object_spread.style, className = _$_object_spread.className, rest = _object_without_properties(_$_object_spread, [
|
|
26
26
|
"children",
|
|
27
27
|
"title",
|
|
28
28
|
"name",
|
|
@@ -61,7 +61,7 @@ export var CollapseItem = function(props) {
|
|
|
61
61
|
var _useState = _sliced_to_array(useState(0), 2), tran = _useState[0], setTran = _useState[1];
|
|
62
62
|
var _useRefState = _sliced_to_array(useRefState(0), 2), currentHeight = _useRefState[0], setCurrentHeight = _useRefState[1];
|
|
63
63
|
var _useState1 = _sliced_to_array(useState(0), 2), wrapperHeight = _useState1[0], setWrapperHeight = _useState1[1];
|
|
64
|
-
var updateRectHeight = function() {
|
|
64
|
+
var updateRectHeight = function updateRectHeight() {
|
|
65
65
|
return _async_to_generator(function() {
|
|
66
66
|
var res;
|
|
67
67
|
return _ts_generator(this, function(_state) {
|
|
@@ -95,11 +95,11 @@ export var CollapseItem = function(props) {
|
|
|
95
95
|
children,
|
|
96
96
|
expanded
|
|
97
97
|
]);
|
|
98
|
-
var toggle = function() {
|
|
98
|
+
var toggle = function toggle() {
|
|
99
99
|
var end = !expanded ? currentHeight.current : 0;
|
|
100
100
|
setWrapperHeight(end);
|
|
101
101
|
};
|
|
102
|
-
var handleClick = function() {
|
|
102
|
+
var handleClick = function handleClick() {
|
|
103
103
|
if (!disabled) {
|
|
104
104
|
context.updateValue(name);
|
|
105
105
|
setTimeout(function() {
|
|
@@ -15,14 +15,14 @@ export var defaultConfigRef = {
|
|
|
15
15
|
direction: 'ltr'
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
export var setDefaultConfig = function(config) {
|
|
18
|
+
export var setDefaultConfig = function setDefaultConfig(config) {
|
|
19
19
|
defaultConfigRef.current = config;
|
|
20
20
|
};
|
|
21
|
-
export var getDefaultConfig = function() {
|
|
21
|
+
export var getDefaultConfig = function getDefaultConfig() {
|
|
22
22
|
return defaultConfigRef.current;
|
|
23
23
|
};
|
|
24
24
|
var ConfigContext = /*#__PURE__*/ createContext(null);
|
|
25
|
-
export var useConfig = function() {
|
|
25
|
+
export var useConfig = function useConfig() {
|
|
26
26
|
var _useContext;
|
|
27
27
|
return (_useContext = useContext(ConfigContext)) !== null && _useContext !== void 0 ? _useContext : getDefaultConfig();
|
|
28
28
|
};
|
|
@@ -33,11 +33,11 @@ function convertThemeVarsToCSSVars(themeVars) {
|
|
|
33
33
|
});
|
|
34
34
|
return cssVars;
|
|
35
35
|
}
|
|
36
|
-
export var useRtl = function() {
|
|
36
|
+
export var useRtl = function useRtl() {
|
|
37
37
|
var direction = useConfig().direction;
|
|
38
38
|
return direction === 'rtl';
|
|
39
39
|
};
|
|
40
|
-
export var ConfigProvider = function(props) {
|
|
40
|
+
export var ConfigProvider = function ConfigProvider(props) {
|
|
41
41
|
var style = props.style, className = props.className, children = props.children, direction = props.direction, config = _object_without_properties(props, [
|
|
42
42
|
"style",
|
|
43
43
|
"className",
|
|
@@ -21,8 +21,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
time: 0,
|
|
22
22
|
destroy: false
|
|
23
23
|
});
|
|
24
|
-
var InternalCountDown = function(props, ref) {
|
|
25
|
-
var
|
|
24
|
+
var InternalCountDown = function InternalCountDown(props, ref) {
|
|
25
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), type = _$_object_spread.type, paused = _$_object_spread.paused, startTime = _$_object_spread.startTime, endTime = _$_object_spread.endTime, remainingTime = _$_object_spread.remainingTime, millisecond = _$_object_spread.millisecond, format = _$_object_spread.format, autoStart = _$_object_spread.autoStart, time = _$_object_spread.time, destroy = _$_object_spread.destroy, className = _$_object_spread.className, style = _$_object_spread.style, onEnd = _$_object_spread.onEnd, onPaused = _$_object_spread.onPaused, onRestart = _$_object_spread.onRestart, onUpdate = _$_object_spread.onUpdate, children = _$_object_spread.children, rest = _object_without_properties(_$_object_spread, [
|
|
26
26
|
"type",
|
|
27
27
|
"paused",
|
|
28
28
|
"startTime",
|
|
@@ -55,14 +55,14 @@ var InternalCountDown = function(props, ref) {
|
|
|
55
55
|
diffTime: 0
|
|
56
56
|
});
|
|
57
57
|
// 时间戳转换 或 获取当前时间的时间戳
|
|
58
|
-
var getTimeStamp = function(timeStr) {
|
|
58
|
+
var getTimeStamp = function getTimeStamp(timeStr) {
|
|
59
59
|
if (!timeStr) return Date.now();
|
|
60
60
|
var t = timeStr;
|
|
61
61
|
t = Number(t) > 0 ? +t : t.toString().replace(/-/g, '/');
|
|
62
62
|
return new Date(t).getTime();
|
|
63
63
|
};
|
|
64
64
|
// 倒计时 interval
|
|
65
|
-
var initTime = function() {
|
|
65
|
+
var initTime = function initTime() {
|
|
66
66
|
if (remainingTime) {
|
|
67
67
|
stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
|
|
68
68
|
} else {
|
|
@@ -74,7 +74,7 @@ var InternalCountDown = function(props, ref) {
|
|
|
74
74
|
if (!stateRef.current.counting) stateRef.current.counting = true;
|
|
75
75
|
tick();
|
|
76
76
|
};
|
|
77
|
-
var tick = function() {
|
|
77
|
+
var tick = function tick1() {
|
|
78
78
|
stateRef.current.timer = requestAnimationFrame(function() {
|
|
79
79
|
if (stateRef.current.counting) {
|
|
80
80
|
var currentTime = Date.now() - stateRef.current.diffTime;
|
|
@@ -93,7 +93,7 @@ var InternalCountDown = function(props, ref) {
|
|
|
93
93
|
});
|
|
94
94
|
};
|
|
95
95
|
// 将倒计时剩余时间格式化 参数:t时间戳 type custom 自定义类型
|
|
96
|
-
var formatRemainTime = function(t, type) {
|
|
96
|
+
var formatRemainTime = function formatRemainTime(t, type) {
|
|
97
97
|
var ts = t;
|
|
98
98
|
var rest = {
|
|
99
99
|
d: 0,
|
|
@@ -115,7 +115,7 @@ var InternalCountDown = function(props, ref) {
|
|
|
115
115
|
}
|
|
116
116
|
return type === 'custom' ? rest : parseFormat(_object_spread({}, rest));
|
|
117
117
|
};
|
|
118
|
-
var parseFormat = function(time) {
|
|
118
|
+
var parseFormat = function parseFormat(time) {
|
|
119
119
|
var d = time.d;
|
|
120
120
|
var h = time.h, m = time.m, s = time.s, ms = time.ms;
|
|
121
121
|
var formatCache = format;
|
|
@@ -151,14 +151,14 @@ var InternalCountDown = function(props, ref) {
|
|
|
151
151
|
}
|
|
152
152
|
return formatCache;
|
|
153
153
|
};
|
|
154
|
-
var pause = function() {
|
|
154
|
+
var pause = function pause() {
|
|
155
155
|
cancelAnimationFrame(stateRef.current.timer);
|
|
156
156
|
stateRef.current.counting = false;
|
|
157
157
|
onPaused && onPaused(stateRef.current.restTime);
|
|
158
158
|
};
|
|
159
159
|
useImperativeHandle(ref, function() {
|
|
160
160
|
return {
|
|
161
|
-
start: function() {
|
|
161
|
+
start: function start() {
|
|
162
162
|
if (!stateRef.current.counting && !autoStart) {
|
|
163
163
|
stateRef.current.counting = true;
|
|
164
164
|
stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
|
|
@@ -166,12 +166,12 @@ var InternalCountDown = function(props, ref) {
|
|
|
166
166
|
onRestart && onRestart(stateRef.current.restTime);
|
|
167
167
|
}
|
|
168
168
|
},
|
|
169
|
-
pause: function() {
|
|
169
|
+
pause: function pause() {
|
|
170
170
|
cancelAnimationFrame(stateRef.current.timer);
|
|
171
171
|
stateRef.current.counting = false;
|
|
172
172
|
onPaused && onPaused(stateRef.current.restTime);
|
|
173
173
|
},
|
|
174
|
-
reset: function() {
|
|
174
|
+
reset: function reset() {
|
|
175
175
|
if (!autoStart) {
|
|
176
176
|
pause();
|
|
177
177
|
stateRef.current.restTime = time;
|
|
@@ -229,15 +229,15 @@ var InternalCountDown = function(props, ref) {
|
|
|
229
229
|
}
|
|
230
230
|
return componentWillUnmount;
|
|
231
231
|
}, []);
|
|
232
|
-
var componentWillUnmount = function() {
|
|
232
|
+
var componentWillUnmount = function componentWillUnmount() {
|
|
233
233
|
destroy && cancelAnimationFrame(stateRef.current.timer);
|
|
234
234
|
};
|
|
235
|
-
var getUnit = function(unit) {
|
|
235
|
+
var getUnit = function getUnit(unit) {
|
|
236
236
|
var formatArr = format.split(/(DD|HH|mm|ss|S)/);
|
|
237
237
|
var index = formatArr.indexOf(unit);
|
|
238
238
|
return index > -1 ? formatArr[index + 1] : ':';
|
|
239
239
|
};
|
|
240
|
-
var renderTimeItem = function(formatUnit, time) {
|
|
240
|
+
var renderTimeItem = function renderTimeItem(formatUnit, time) {
|
|
241
241
|
var unit = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : '';
|
|
242
242
|
var _obj;
|
|
243
243
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, format.includes(formatUnit) ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
|
|
@@ -246,7 +246,7 @@ var InternalCountDown = function(props, ref) {
|
|
|
246
246
|
className: "".concat(classPrefix, "-unit")
|
|
247
247
|
}, getUnit(unit)) : null) : null);
|
|
248
248
|
};
|
|
249
|
-
var renderTaroTime = function() {
|
|
249
|
+
var renderTaroTime = function renderTaroTime() {
|
|
250
250
|
var _format_match;
|
|
251
251
|
var formatCache = formatRemainTime(stateRef.current.restTime, 'custom');
|
|
252
252
|
var d = formatCache.d, h = formatCache.h, m = formatCache.m, s = formatCache.s, ms = formatCache.ms;
|
|
@@ -24,8 +24,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
24
24
|
startDate: new Date(currentYear - 10, 0, 1),
|
|
25
25
|
endDate: new Date(currentYear + 10, 11, 31)
|
|
26
26
|
});
|
|
27
|
-
var InternalPicker = function(props, ref) {
|
|
28
|
-
var
|
|
27
|
+
var InternalPicker = function InternalPicker(props, ref) {
|
|
28
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, type = _$_object_spread.type, showChinese = _$_object_spread.showChinese, minuteStep = _$_object_spread.minuteStep, visible = _$_object_spread.visible, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, _object_spread_pickerProps = _$_object_spread.pickerProps, pickerProps = _object_spread_pickerProps === void 0 ? {} : _object_spread_pickerProps, formatter = _$_object_spread.formatter, onClose = _$_object_spread.onClose, onCancel = _$_object_spread.onCancel, onConfirm = _$_object_spread.onConfirm, filter = _$_object_spread.filter, onChange = _$_object_spread.onChange, threeDimensional = _$_object_spread.threeDimensional, className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, rest = _object_without_properties(_$_object_spread, [
|
|
29
29
|
"startDate",
|
|
30
30
|
"endDate",
|
|
31
31
|
"type",
|
|
@@ -72,17 +72,17 @@ var InternalPicker = function(props, ref) {
|
|
|
72
72
|
finalValue: false
|
|
73
73
|
}), 2), innerVisible = _usePropsValue1[0], setInnerVisible = _usePropsValue1[1];
|
|
74
74
|
var actions = {
|
|
75
|
-
open: function() {
|
|
75
|
+
open: function open() {
|
|
76
76
|
setInnerVisible(true);
|
|
77
77
|
},
|
|
78
|
-
close: function() {
|
|
78
|
+
close: function close() {
|
|
79
79
|
setInnerVisible(false);
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
82
|
useImperativeHandle(ref, function() {
|
|
83
83
|
return actions;
|
|
84
84
|
});
|
|
85
|
-
var handleDateComparison = function(newDate, selectedOptions, index) {
|
|
85
|
+
var handleDateComparison = function handleDateComparison(newDate, selectedOptions, index) {
|
|
86
86
|
if (newDate && isDate(newDate)) {
|
|
87
87
|
var _this;
|
|
88
88
|
if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
|
|
@@ -93,7 +93,7 @@ var InternalPicker = function(props, ref) {
|
|
|
93
93
|
}), index);
|
|
94
94
|
}
|
|
95
95
|
};
|
|
96
|
-
var handleConfirmDateComparison = function(newDate) {
|
|
96
|
+
var handleConfirmDateComparison = function handleConfirmDateComparison(newDate) {
|
|
97
97
|
if (newDate && isDate(newDate)) {
|
|
98
98
|
var _this;
|
|
99
99
|
if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
|
|
@@ -101,22 +101,22 @@ var InternalPicker = function(props, ref) {
|
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
|
-
var handleCancel = function() {
|
|
104
|
+
var handleCancel = function handleCancel() {
|
|
105
105
|
setInnerDate(selectedDate);
|
|
106
106
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
107
107
|
};
|
|
108
|
-
var handleClose = function() {
|
|
108
|
+
var handleClose = function handleClose() {
|
|
109
109
|
setInnerVisible(false);
|
|
110
110
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
111
111
|
};
|
|
112
|
-
var handleConfirm = function(options, value) {
|
|
112
|
+
var handleConfirm = function handleConfirm(options, value) {
|
|
113
113
|
handlePickerValueChange(options, value, 0, type, defaultValue || startDate || endDate, handleConfirmDateComparison);
|
|
114
114
|
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(options, value);
|
|
115
115
|
};
|
|
116
|
-
var handleChange = function(selectedOptions, selectedValue, index) {
|
|
116
|
+
var handleChange = function handleChange(selectedOptions, selectedValue, index) {
|
|
117
117
|
innerVisible && handlePickerValueChange(selectedOptions, selectedValue, index, type, defaultValue || startDate || endDate, handleDateComparison);
|
|
118
118
|
};
|
|
119
|
-
var generatePickerColumns = function() {
|
|
119
|
+
var generatePickerColumns = function generatePickerColumns() {
|
|
120
120
|
var dateRanges = generateDatePickerRanges(type, innerDate, startDate, endDate);
|
|
121
121
|
var columns = dateRanges.map(function(rangeConfig, columnIndex) {
|
|
122
122
|
var columnType = rangeConfig.type, range = rangeConfig.range;
|
|
@@ -156,7 +156,7 @@ var InternalPicker = function(props, ref) {
|
|
|
156
156
|
onClose: handleClose,
|
|
157
157
|
onCancel: handleCancel,
|
|
158
158
|
onConfirm: handleConfirm,
|
|
159
|
-
onChange: function(param) {
|
|
159
|
+
onChange: function onChange(param) {
|
|
160
160
|
var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
|
|
161
161
|
handleChange(selectedOptions, value, index);
|
|
162
162
|
},
|
|
@@ -16,7 +16,7 @@ import { isDate } from "../../utils/is-date";
|
|
|
16
16
|
* @param startDate 传入的开始时间
|
|
17
17
|
* @param endDate 传入的结束时间
|
|
18
18
|
* @returns 返回包含边界值的对象
|
|
19
|
-
*/ export var calculateDateBoundary = function(type, value, startDate, endDate) {
|
|
19
|
+
*/ export var calculateDateBoundary = function calculateDateBoundary(type, value, startDate, endDate) {
|
|
20
20
|
var boundary = type === 'min' ? startDate : endDate;
|
|
21
21
|
var year = boundary.getFullYear();
|
|
22
22
|
var isMax = type === 'max';
|
|
@@ -43,7 +43,7 @@ import { isDate } from "../../utils/is-date";
|
|
|
43
43
|
/**
|
|
44
44
|
* 根据选中的日期和类型,生成日期选择器的范围配置
|
|
45
45
|
* @returns {Array} 返回日期选择器的范围配置数组
|
|
46
|
-
*/ export var generateDatePickerRanges = function(type, selectedDate, startDate, endDate) {
|
|
46
|
+
*/ export var generateDatePickerRanges = function generateDatePickerRanges(type, selectedDate, startDate, endDate) {
|
|
47
47
|
var selected = selectedDate ? new Date(selectedDate) : new Date(startDate);
|
|
48
48
|
if (!selected) return [];
|
|
49
49
|
// 获取最大和最小边界值
|
|
@@ -118,7 +118,7 @@ import { isDate } from "../../utils/is-date";
|
|
|
118
118
|
* @param type 需要获取的日期部分(如 'year', 'month', 'day' 等)
|
|
119
119
|
* @param selectedDate 选中的日期时间戳
|
|
120
120
|
* @returns 返回日期对象中对应部分的值,如果类型无效或日期无效,返回 0
|
|
121
|
-
*/ export var getDatePartValue = function(type, selectedDate) {
|
|
121
|
+
*/ export var getDatePartValue = function getDatePartValue(type, selectedDate) {
|
|
122
122
|
var date = new Date(selectedDate);
|
|
123
123
|
if (!selectedDate) return 0;
|
|
124
124
|
switch(type){
|
|
@@ -147,7 +147,7 @@ import { isDate } from "../../utils/is-date";
|
|
|
147
147
|
* @param minuteStep 分钟步长(仅当类型为 'minute' 时生效)
|
|
148
148
|
* @param callback 回调函数,用于返回选中索引
|
|
149
149
|
* @returns 返回生成的 Picker 列数据
|
|
150
|
-
*/ export var generatePickerColumnWithCallback = function(min, max, currentValue, type, minuteStep, callback, showChinese, zhCNType, formatter) {
|
|
150
|
+
*/ export var generatePickerColumnWithCallback = function generatePickerColumnWithCallback(min, max, currentValue, type, minuteStep, callback, showChinese, zhCNType, formatter) {
|
|
151
151
|
var currentMin = min;
|
|
152
152
|
var options = [];
|
|
153
153
|
var selectedIndex = 0;
|
|
@@ -177,7 +177,7 @@ import { isDate } from "../../utils/is-date";
|
|
|
177
177
|
* @param zhCNType 中文文本映射对象
|
|
178
178
|
* @param formatter 自定义格式化函数
|
|
179
179
|
* @returns 返回格式化后的 Picker 选项
|
|
180
|
-
*/ export var formatPickerOption = function(type, value, showChinese, zhCNType, formatter) {
|
|
180
|
+
*/ export var formatPickerOption = function formatPickerOption(type, value, showChinese, zhCNType, formatter) {
|
|
181
181
|
if (formatter) {
|
|
182
182
|
return formatter(type, {
|
|
183
183
|
label: padZero(value, 2),
|
|
@@ -193,7 +193,7 @@ import { isDate } from "../../utils/is-date";
|
|
|
193
193
|
};
|
|
194
194
|
/**
|
|
195
195
|
* 格式化日期值,确保其在 startDate 和 endDate 之间
|
|
196
|
-
*/ export var formatValue = function(value, startDate, endDate) {
|
|
196
|
+
*/ export var formatValue = function formatValue(value, startDate, endDate) {
|
|
197
197
|
if (!value || value && !isDate(value)) {
|
|
198
198
|
value = startDate;
|
|
199
199
|
}
|
|
@@ -204,7 +204,7 @@ import { isDate } from "../../utils/is-date";
|
|
|
204
204
|
* @param selectedOptions 选中的选项数组
|
|
205
205
|
* @param selectedValue 选中的值数组
|
|
206
206
|
* @param index 当前列的索引
|
|
207
|
-
*/ export var handlePickerValueChange = function(selectedOptions, selectedValue, index, type, defaultDate, handleDateComparison) {
|
|
207
|
+
*/ export var handlePickerValueChange = function handlePickerValueChange(selectedOptions, selectedValue, index, type, defaultDate, handleDateComparison) {
|
|
208
208
|
var rangeType = type.toLocaleLowerCase();
|
|
209
209
|
var formattedDate = [];
|
|
210
210
|
selectedValue.forEach(function(item) {
|
|
@@ -22,7 +22,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
22
22
|
startDate: new Date(currentYear - 10, 0, 1),
|
|
23
23
|
endDate: new Date(currentYear + 10, 11, 31)
|
|
24
24
|
});
|
|
25
|
-
export var DatePickerView = function(props) {
|
|
25
|
+
export var DatePickerView = function DatePickerView(props) {
|
|
26
26
|
var _$_object_spread = _object_spread({}, defaultProps, props), startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, type = _$_object_spread.type, showChinese = _$_object_spread.showChinese, minuteStep = _$_object_spread.minuteStep, defaultValue = _$_object_spread.defaultValue, formatter = _$_object_spread.formatter, filter = _$_object_spread.filter, onChange = _$_object_spread.onChange, threeDimensional = _$_object_spread.threeDimensional, className = _$_object_spread.className, style = _$_object_spread.style;
|
|
27
27
|
var classPrefix = 'nut-datepickerview';
|
|
28
28
|
var cls = classNames(classPrefix, className);
|
|
@@ -43,7 +43,7 @@ export var DatePickerView = function(props) {
|
|
|
43
43
|
defaultValue: defaultValue && formatValue(defaultValue, startDate, endDate),
|
|
44
44
|
finalValue: 0
|
|
45
45
|
}), 2), selectedDate = _usePropsValue[0], setSelectedDate = _usePropsValue[1];
|
|
46
|
-
var handleDateComparison = function(newDate, selectedOptions, index) {
|
|
46
|
+
var handleDateComparison = function handleDateComparison(newDate, selectedOptions, index) {
|
|
47
47
|
if (newDate && isDate(newDate)) {
|
|
48
48
|
var _this;
|
|
49
49
|
if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
|
|
@@ -56,10 +56,10 @@ export var DatePickerView = function(props) {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
var handleChange = function(selectedOptions, selectedValue, index) {
|
|
59
|
+
var handleChange = function handleChange(selectedOptions, selectedValue, index) {
|
|
60
60
|
handlePickerValueChange(selectedOptions, selectedValue, index, type, defaultValue || startDate || endDate, handleDateComparison);
|
|
61
61
|
};
|
|
62
|
-
var generatePickerColumns = function() {
|
|
62
|
+
var generatePickerColumns = function generatePickerColumns() {
|
|
63
63
|
var dateRanges = generateDatePickerRanges(type, selectedDate, startDate, endDate);
|
|
64
64
|
var columns = dateRanges.map(function(rangeConfig, columnIndex) {
|
|
65
65
|
var columnType = rangeConfig.type, range = rangeConfig.range;
|
|
@@ -97,7 +97,7 @@ export var DatePickerView = function(props) {
|
|
|
97
97
|
}, pickerOptions.length && /*#__PURE__*/ React.createElement(PickerView, {
|
|
98
98
|
value: pickerValue,
|
|
99
99
|
options: pickerOptions,
|
|
100
|
-
onChange: function(param) {
|
|
100
|
+
onChange: function onChange(param) {
|
|
101
101
|
var selectedOptions = param.selectedOptions, value = param.value, index = param.index;
|
|
102
102
|
handleChange(selectedOptions, value, index);
|
|
103
103
|
},
|
|
@@ -10,28 +10,28 @@ export var defaultContentProps = {
|
|
|
10
10
|
footer: '',
|
|
11
11
|
close: '',
|
|
12
12
|
footerDirection: 'horizontal',
|
|
13
|
-
onClick: function() {}
|
|
13
|
+
onClick: function onClick() {}
|
|
14
14
|
};
|
|
15
|
-
export var Content = function(props) {
|
|
15
|
+
export var Content = function Content(props) {
|
|
16
16
|
var _$_object_spread = _object_spread({}, defaultContentProps, props), visible = _$_object_spread.visible, title = _$_object_spread.title, header = _$_object_spread.header, footer = _$_object_spread.footer, close = _$_object_spread.close, footerDirection = _$_object_spread.footerDirection, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick;
|
|
17
17
|
var classPrefix = 'nut-dialog';
|
|
18
|
-
var renderHeader = function() {
|
|
18
|
+
var renderHeader = function renderHeader() {
|
|
19
19
|
return title && /*#__PURE__*/ React.createElement(View, {
|
|
20
20
|
className: "".concat(classPrefix, "-header")
|
|
21
21
|
}, title);
|
|
22
22
|
};
|
|
23
|
-
var renderFooter = function() {
|
|
23
|
+
var renderFooter = function renderFooter() {
|
|
24
24
|
return footer && /*#__PURE__*/ React.createElement(View, {
|
|
25
25
|
className: classNames("".concat(classPrefix, "-footer"), _define_property({}, footerDirection, footerDirection))
|
|
26
26
|
}, footer);
|
|
27
27
|
};
|
|
28
|
-
var handleClick = function(e) {
|
|
28
|
+
var handleClick = function handleClick(e) {
|
|
29
29
|
onClick(e);
|
|
30
30
|
};
|
|
31
31
|
return /*#__PURE__*/ React.createElement(View, {
|
|
32
32
|
className: classNames("".concat(classPrefix, "-outer"), className),
|
|
33
33
|
style: style,
|
|
34
|
-
onClick: function(e) {
|
|
34
|
+
onClick: function onClick(e) {
|
|
35
35
|
return handleClick(e);
|
|
36
36
|
}
|
|
37
37
|
}, close, header, /*#__PURE__*/ React.createElement(View, {
|
|
@@ -37,20 +37,20 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps,
|
|
|
37
37
|
overlayStyle: {},
|
|
38
38
|
overlayClassName: 'nut-dialog-overlay',
|
|
39
39
|
zIndex: 1200,
|
|
40
|
-
beforeCancel: function() {
|
|
40
|
+
beforeCancel: function beforeCancel() {
|
|
41
41
|
return true;
|
|
42
42
|
},
|
|
43
|
-
beforeClose: function() {
|
|
43
|
+
beforeClose: function beforeClose() {
|
|
44
44
|
return true;
|
|
45
45
|
},
|
|
46
|
-
onCancel: function() {},
|
|
47
|
-
onClose: function() {},
|
|
48
|
-
onConfirm: function() {},
|
|
49
|
-
onOverlayClick: function() {
|
|
46
|
+
onCancel: function onCancel() {},
|
|
47
|
+
onClose: function onClose() {},
|
|
48
|
+
onConfirm: function onConfirm() {},
|
|
49
|
+
onOverlayClick: function onOverlayClick() {
|
|
50
50
|
return true;
|
|
51
51
|
}
|
|
52
52
|
});
|
|
53
|
-
export var BaseDialog = function(props) {
|
|
53
|
+
export var BaseDialog = function BaseDialog(props) {
|
|
54
54
|
var _useParams = useParams(mergeProps(defaultProps, props)), _useParams_params = _useParams.params, id = _useParams_params.id, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, confirmText = _useParams_params.confirmText, cancelText = _useParams_params.cancelText, children = _useParams_params.children, className = _useParams_params.className, closeIconPosition = _useParams_params.closeIconPosition, closeIcon = _useParams_params.closeIcon, content = _useParams_params.content, disableConfirmButton = _useParams_params.disableConfirmButton, footer = _useParams_params.footer, footerDirection = _useParams_params.footerDirection, header = _useParams_params.header, cancelBadge = _useParams_params.cancelBadge, confirmBadge = _useParams_params.confirmBadge, hideConfirmButton = _useParams_params.hideConfirmButton, hideCancelButton = _useParams_params.hideCancelButton, lockScroll = _useParams_params.lockScroll, overlay = _useParams_params.overlay, overlayStyle = _useParams_params.overlayStyle, overlayClassName = _useParams_params.overlayClassName, style = _useParams_params.style, title = _useParams_params.title, visible = _useParams_params.visible, zIndex = _useParams_params.zIndex, beforeCancel = _useParams_params.beforeCancel, beforeClose = _useParams_params.beforeClose, onClose = _useParams_params.onClose, onCancel = _useParams_params.onCancel, onConfirm = _useParams_params.onConfirm, onOverlayClick = _useParams_params.onOverlayClick, setParams = _useParams.setParams;
|
|
55
55
|
var classPrefix = 'nut-dialog';
|
|
56
56
|
var locale = useConfig().locale;
|
|
@@ -62,16 +62,16 @@ export var BaseDialog = function(props) {
|
|
|
62
62
|
}));
|
|
63
63
|
});
|
|
64
64
|
var refObject = useLockScrollTaro(!!(visible && lockScroll));
|
|
65
|
-
var renderFooter = function() {
|
|
65
|
+
var renderFooter = function renderFooter() {
|
|
66
66
|
if (footer === null) return '';
|
|
67
|
-
var handleCancel = function(e) {
|
|
67
|
+
var handleCancel = function handleCancel(e) {
|
|
68
68
|
e.stopPropagation();
|
|
69
69
|
if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel())) return;
|
|
70
70
|
onCancel();
|
|
71
71
|
};
|
|
72
|
-
var handleOk = function(e) {
|
|
72
|
+
var handleOk = function handleOk(e) {
|
|
73
73
|
return _async_to_generator(function() {
|
|
74
|
-
var
|
|
74
|
+
var unused;
|
|
75
75
|
return _ts_generator(this, function(_state) {
|
|
76
76
|
switch(_state.label){
|
|
77
77
|
case 0:
|
|
@@ -98,7 +98,7 @@ export var BaseDialog = function(props) {
|
|
|
98
98
|
4
|
|
99
99
|
];
|
|
100
100
|
case 3:
|
|
101
|
-
|
|
101
|
+
unused = _state.sent();
|
|
102
102
|
setLoading(false);
|
|
103
103
|
return [
|
|
104
104
|
3,
|
|
@@ -113,22 +113,22 @@ export var BaseDialog = function(props) {
|
|
|
113
113
|
})();
|
|
114
114
|
};
|
|
115
115
|
var btnClass = hideCancelButton || hideConfirmButton ? "".concat(classPrefix, "-footer-block") : '';
|
|
116
|
-
var renderCancelOfVertical = function() {
|
|
116
|
+
var renderCancelOfVertical = function renderCancelOfVertical() {
|
|
117
117
|
return !hideCancelButton && /*#__PURE__*/ React.createElement(View, {
|
|
118
118
|
className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
|
|
119
|
-
onClick: function(e) {
|
|
119
|
+
onClick: function onClick(e) {
|
|
120
120
|
return handleCancel(e);
|
|
121
121
|
}
|
|
122
122
|
}, cancelText || locale.cancel);
|
|
123
123
|
};
|
|
124
|
-
var renderCancel = function() {
|
|
124
|
+
var renderCancel = function renderCancel() {
|
|
125
125
|
return !hideCancelButton && /*#__PURE__*/ React.createElement(React.Fragment, null, cancelBadge ? /*#__PURE__*/ React.createElement(View, {
|
|
126
126
|
className: "".concat(classPrefix, "-footer-cancel-container")
|
|
127
127
|
}, /*#__PURE__*/ React.createElement(Button, {
|
|
128
128
|
type: "default",
|
|
129
129
|
size: "large",
|
|
130
130
|
className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
|
|
131
|
-
onClick: function(e) {
|
|
131
|
+
onClick: function onClick(e) {
|
|
132
132
|
return handleCancel(e);
|
|
133
133
|
}
|
|
134
134
|
}, cancelText || locale.cancel), cancelBadge ? /*#__PURE__*/ React.createElement(View, {
|
|
@@ -137,12 +137,12 @@ export var BaseDialog = function(props) {
|
|
|
137
137
|
type: "default",
|
|
138
138
|
size: "large",
|
|
139
139
|
className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
|
|
140
|
-
onClick: function(e) {
|
|
140
|
+
onClick: function onClick(e) {
|
|
141
141
|
return handleCancel(e);
|
|
142
142
|
}
|
|
143
143
|
}, cancelText || locale.cancel));
|
|
144
144
|
};
|
|
145
|
-
var renderConfirm = function() {
|
|
145
|
+
var renderConfirm = function renderConfirm() {
|
|
146
146
|
return !hideConfirmButton && /*#__PURE__*/ React.createElement(React.Fragment, null, confirmBadge ? /*#__PURE__*/ React.createElement(View, {
|
|
147
147
|
className: "".concat(classPrefix, "-footer-ok-container")
|
|
148
148
|
}, /*#__PURE__*/ React.createElement(Button, {
|
|
@@ -152,7 +152,7 @@ export var BaseDialog = function(props) {
|
|
|
152
152
|
disabled: disableConfirmButton
|
|
153
153
|
}),
|
|
154
154
|
disabled: disableConfirmButton,
|
|
155
|
-
onClick: function(e) {
|
|
155
|
+
onClick: function onClick(e) {
|
|
156
156
|
return handleOk(e);
|
|
157
157
|
},
|
|
158
158
|
loading: loading
|
|
@@ -165,7 +165,7 @@ export var BaseDialog = function(props) {
|
|
|
165
165
|
disabled: disableConfirmButton
|
|
166
166
|
}),
|
|
167
167
|
disabled: disableConfirmButton,
|
|
168
|
-
onClick: function(e) {
|
|
168
|
+
onClick: function onClick(e) {
|
|
169
169
|
return handleOk(e);
|
|
170
170
|
},
|
|
171
171
|
loading: loading
|
|
@@ -173,9 +173,9 @@ export var BaseDialog = function(props) {
|
|
|
173
173
|
};
|
|
174
174
|
return footer || /*#__PURE__*/ React.createElement(React.Fragment, null, footerDirection === 'vertical' ? /*#__PURE__*/ React.createElement(React.Fragment, null, renderConfirm(), renderCancelOfVertical()) : /*#__PURE__*/ React.createElement(React.Fragment, null, renderCancel(), renderConfirm()));
|
|
175
175
|
};
|
|
176
|
-
var renderCloseIcon = function() {
|
|
176
|
+
var renderCloseIcon = function renderCloseIcon() {
|
|
177
177
|
if (!closeIcon) return null;
|
|
178
|
-
var handleClose = function() {
|
|
178
|
+
var handleClose = function handleClose() {
|
|
179
179
|
if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose())) return;
|
|
180
180
|
onClose();
|
|
181
181
|
};
|
|
@@ -191,13 +191,13 @@ export var BaseDialog = function(props) {
|
|
|
191
191
|
tabIndex: 0
|
|
192
192
|
}, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
|
|
193
193
|
};
|
|
194
|
-
var onHandleClickOverlay = function(e) {
|
|
194
|
+
var onHandleClickOverlay = function onHandleClickOverlay(e) {
|
|
195
195
|
if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
|
|
196
196
|
var closed = onOverlayClick && onOverlayClick(e);
|
|
197
197
|
closed && onCancel();
|
|
198
198
|
}
|
|
199
199
|
};
|
|
200
|
-
var renderContent = function() {
|
|
200
|
+
var renderContent = function renderContent() {
|
|
201
201
|
var contentZIndex = harmony() ? zIndex + 1 : zIndex // 解决harmony层级问题
|
|
202
202
|
;
|
|
203
203
|
return /*#__PURE__*/ React.createElement(CSSTransition, {
|