@nutui/nutui-react 4.0.0-beta.4 → 4.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -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/animate/animate.js +1 -1
- package/dist/cjs/packages/audio/audio.js +1 -1
- package/dist/cjs/packages/avatar/avatar.js +1 -1
- package/dist/cjs/packages/avatarcropper/avatarcropper.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 +7 -6
- package/dist/cjs/packages/cell/cell.js +1 -1
- 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/drag/drag.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/empty/empty.js +1 -1
- package/dist/cjs/packages/fixednav/fixednav.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/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +1 -1
- 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/numberkeyboard/numberkeyboard.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/price/price.js +1 -1
- package/dist/cjs/packages/progress/progress.js +1 -1
- 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/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/signature/signature.js +1 -1
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/step/step.js +1 -1
- package/dist/cjs/packages/sticky/sticky.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/tour/tour.js +1 -1
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/video/video.js +1 -1
- 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 +4 -4
- package/dist/es/packages/animatingnumbers/countup.js +2 -2
- package/dist/es/packages/audio/audio.js +26 -26
- package/dist/es/packages/avatar/avatar.js +4 -4
- package/dist/es/packages/avatarcropper/avatarcropper.js +20 -20
- 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 +5 -5
- package/dist/es/packages/button/button.js +2 -2
- 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 +4 -4
- 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 +9 -8
- package/dist/es/packages/cell/cell.js +5 -5
- 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 +5 -5
- 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 +12 -12
- 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/confirm.js +8 -8
- package/dist/es/packages/dialog/content.js +5 -5
- package/dist/es/packages/dialog/dialog.js +23 -23
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +4 -4
- package/dist/es/packages/elevator/elevator.js +14 -14
- package/dist/es/packages/ellipsis/ellipsis.js +11 -11
- package/dist/es/packages/empty/empty.js +2 -2
- package/dist/es/packages/fixednav/fixednav.js +8 -8
- package/dist/es/packages/form/form.js +6 -6
- 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 +4 -4
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +8 -8
- package/dist/es/packages/imagepreview/imagepreview.js +13 -13
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +13 -13
- 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/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +10 -10
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +25 -25
- package/dist/es/packages/notify/Notification.js +1 -1
- package/dist/es/packages/notify/notify.js +3 -3
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +13 -13
- package/dist/es/packages/overlay/overlay.js +6 -6
- 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 +10 -10
- 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 +13 -13
- package/dist/es/packages/popup/popup.js +22 -22
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +5 -5
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +7 -7
- 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 +7 -7
- package/dist/es/packages/range/utils.js +2 -2
- package/dist/es/packages/rate/rate.js +14 -14
- 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 +3 -3
- 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 +8 -8
- 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 +12 -12
- 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 +2 -2
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/sticky/sticky.js +4 -4
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/effects/default.js +2 -2
- package/dist/es/packages/swiper/effects/focus.js +4 -4
- package/dist/es/packages/swiper/swiper.js +14 -14
- package/dist/es/packages/swiperitem/swiperitem.js +2 -2
- 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 +10 -10
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +12 -12
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/Notification.js +1 -1
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/tour.js +11 -11
- 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 +15 -15
- package/dist/es/packages/video/video.js +4 -4
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +2 -2
- 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 +1061 -1057
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +34 -34
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +34 -34
- package/dist/style.css +1 -1
- package/dist/style.scss +30 -30
- package/package.json +1 -1
|
@@ -17,8 +17,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
disabled: false,
|
|
18
18
|
extra: null
|
|
19
19
|
});
|
|
20
|
-
export var CollapseItem = function(props) {
|
|
21
|
-
var
|
|
20
|
+
export var CollapseItem = function CollapseItem(props) {
|
|
21
|
+
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, [
|
|
22
22
|
"children",
|
|
23
23
|
"title",
|
|
24
24
|
"name",
|
|
@@ -55,7 +55,7 @@ export var CollapseItem = function(props) {
|
|
|
55
55
|
var _useState = _sliced_to_array(useState(0), 2), tran = _useState[0], setTran = _useState[1];
|
|
56
56
|
var _useRefState = _sliced_to_array(useRefState(0), 2), currentHeight = _useRefState[0], setCurrentHeight = _useRefState[1];
|
|
57
57
|
var _useState1 = _sliced_to_array(useState(0), 2), wrapperHeight = _useState1[0], setWrapperHeight = _useState1[1];
|
|
58
|
-
var updateRectHeight = function() {
|
|
58
|
+
var updateRectHeight = function updateRectHeight() {
|
|
59
59
|
return _async_to_generator(function() {
|
|
60
60
|
var height;
|
|
61
61
|
return _ts_generator(this, function(_state) {
|
|
@@ -77,11 +77,11 @@ export var CollapseItem = function(props) {
|
|
|
77
77
|
children,
|
|
78
78
|
expanded
|
|
79
79
|
]);
|
|
80
|
-
var toggle = function() {
|
|
80
|
+
var toggle = function toggle() {
|
|
81
81
|
var end = !expanded ? currentHeight.current : 0;
|
|
82
82
|
setWrapperHeight(end);
|
|
83
83
|
};
|
|
84
|
-
var handleClick = function() {
|
|
84
|
+
var handleClick = function handleClick() {
|
|
85
85
|
if (!disabled) {
|
|
86
86
|
context.updateValue(name);
|
|
87
87
|
toggle();
|
|
@@ -14,14 +14,14 @@ export var defaultConfigRef = {
|
|
|
14
14
|
locale: zhCN
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
export var setDefaultConfig = function(config) {
|
|
17
|
+
export var setDefaultConfig = function setDefaultConfig(config) {
|
|
18
18
|
defaultConfigRef.current = config;
|
|
19
19
|
};
|
|
20
|
-
export var getDefaultConfig = function() {
|
|
20
|
+
export var getDefaultConfig = function getDefaultConfig() {
|
|
21
21
|
return defaultConfigRef.current;
|
|
22
22
|
};
|
|
23
23
|
var ConfigContext = /*#__PURE__*/ createContext(null);
|
|
24
|
-
export var useConfig = function() {
|
|
24
|
+
export var useConfig = function useConfig() {
|
|
25
25
|
var _useContext;
|
|
26
26
|
return (_useContext = useContext(ConfigContext)) !== null && _useContext !== void 0 ? _useContext : getDefaultConfig();
|
|
27
27
|
};
|
|
@@ -32,14 +32,14 @@ function convertThemeVarsToCSSVars(themeVars) {
|
|
|
32
32
|
});
|
|
33
33
|
return cssVars;
|
|
34
34
|
}
|
|
35
|
-
export var useRtl = function() {
|
|
35
|
+
export var useRtl = function useRtl() {
|
|
36
36
|
var direction = useConfig().direction;
|
|
37
37
|
if (direction) {
|
|
38
38
|
return direction === 'rtl';
|
|
39
39
|
}
|
|
40
40
|
return inBrowser && document.dir === 'rtl';
|
|
41
41
|
};
|
|
42
|
-
export var ConfigProvider = function(props) {
|
|
42
|
+
export var ConfigProvider = function ConfigProvider(props) {
|
|
43
43
|
var style = props.style, className = props.className, children = props.children, direction = props.direction, config = _object_without_properties(props, [
|
|
44
44
|
"style",
|
|
45
45
|
"className",
|
|
@@ -17,8 +17,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
time: 0,
|
|
18
18
|
destroy: false
|
|
19
19
|
});
|
|
20
|
-
var InternalCountDown = function(props, ref) {
|
|
21
|
-
var
|
|
20
|
+
var InternalCountDown = function InternalCountDown(props, ref) {
|
|
21
|
+
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, [
|
|
22
22
|
"type",
|
|
23
23
|
"paused",
|
|
24
24
|
"startTime",
|
|
@@ -51,14 +51,14 @@ var InternalCountDown = function(props, ref) {
|
|
|
51
51
|
diffTime: 0
|
|
52
52
|
});
|
|
53
53
|
// 时间戳转换 或 获取当前时间的时间戳
|
|
54
|
-
var getTimeStamp = function(timeStr) {
|
|
54
|
+
var getTimeStamp = function getTimeStamp(timeStr) {
|
|
55
55
|
if (!timeStr) return Date.now();
|
|
56
56
|
var t = timeStr;
|
|
57
57
|
t = Number(t) > 0 ? +t : t.toString().replace(/-/g, '/');
|
|
58
58
|
return new Date(t).getTime();
|
|
59
59
|
};
|
|
60
60
|
// 倒计时 interval
|
|
61
|
-
var initTime = function() {
|
|
61
|
+
var initTime = function initTime() {
|
|
62
62
|
if (remainingTime) {
|
|
63
63
|
stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
|
|
64
64
|
} else {
|
|
@@ -68,7 +68,7 @@ var InternalCountDown = function(props, ref) {
|
|
|
68
68
|
if (!stateRef.current.counting) stateRef.current.counting = true;
|
|
69
69
|
tick();
|
|
70
70
|
};
|
|
71
|
-
var tick = function() {
|
|
71
|
+
var tick = function tick1() {
|
|
72
72
|
stateRef.current.timer = requestAnimationFrame(function() {
|
|
73
73
|
if (stateRef.current.counting) {
|
|
74
74
|
var currentTime = Date.now() - stateRef.current.diffTime;
|
|
@@ -87,7 +87,7 @@ var InternalCountDown = function(props, ref) {
|
|
|
87
87
|
});
|
|
88
88
|
};
|
|
89
89
|
// 将倒计时剩余时间格式化 参数: t 时间戳 type custom 自定义类型
|
|
90
|
-
var formatRemainTime = function(t, type) {
|
|
90
|
+
var formatRemainTime = function formatRemainTime(t, type) {
|
|
91
91
|
var ts = t;
|
|
92
92
|
var rest = {
|
|
93
93
|
d: 0,
|
|
@@ -109,7 +109,7 @@ var InternalCountDown = function(props, ref) {
|
|
|
109
109
|
}
|
|
110
110
|
return type === 'custom' ? rest : parseFormat(_object_spread({}, rest));
|
|
111
111
|
};
|
|
112
|
-
var parseFormat = function(time) {
|
|
112
|
+
var parseFormat = function parseFormat(time) {
|
|
113
113
|
var d = time.d;
|
|
114
114
|
var h = time.h, m = time.m, s = time.s, ms = time.ms;
|
|
115
115
|
var formatCache = format;
|
|
@@ -147,14 +147,14 @@ var InternalCountDown = function(props, ref) {
|
|
|
147
147
|
formatCache = formatCache.replace(/(\d+)/g, type === 'primary' ? '<span class="nut-countdown-number-primary">$1</span>' : isTextDom);
|
|
148
148
|
return formatCache;
|
|
149
149
|
};
|
|
150
|
-
var pause = function() {
|
|
150
|
+
var pause = function pause() {
|
|
151
151
|
cancelAnimationFrame(stateRef.current.timer);
|
|
152
152
|
stateRef.current.counting = false;
|
|
153
153
|
onPaused && onPaused(stateRef.current.restTime);
|
|
154
154
|
};
|
|
155
155
|
useImperativeHandle(ref, function() {
|
|
156
156
|
return {
|
|
157
|
-
start: function() {
|
|
157
|
+
start: function start() {
|
|
158
158
|
if (!stateRef.current.counting && !autoStart) {
|
|
159
159
|
stateRef.current.counting = true;
|
|
160
160
|
stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
|
|
@@ -162,12 +162,12 @@ var InternalCountDown = function(props, ref) {
|
|
|
162
162
|
onRestart && onRestart(stateRef.current.restTime);
|
|
163
163
|
}
|
|
164
164
|
},
|
|
165
|
-
pause: function() {
|
|
165
|
+
pause: function pause() {
|
|
166
166
|
cancelAnimationFrame(stateRef.current.timer);
|
|
167
167
|
stateRef.current.counting = false;
|
|
168
168
|
onPaused && onPaused(stateRef.current.restTime);
|
|
169
169
|
},
|
|
170
|
-
reset: function() {
|
|
170
|
+
reset: function reset() {
|
|
171
171
|
if (!autoStart) {
|
|
172
172
|
pause();
|
|
173
173
|
stateRef.current.restTime = time;
|
|
@@ -225,7 +225,7 @@ var InternalCountDown = function(props, ref) {
|
|
|
225
225
|
}
|
|
226
226
|
return componentWillUnmount;
|
|
227
227
|
}, []);
|
|
228
|
-
var componentWillUnmount = function() {
|
|
228
|
+
var componentWillUnmount = function componentWillUnmount() {
|
|
229
229
|
destroy && cancelAnimationFrame(stateRef.current.timer);
|
|
230
230
|
};
|
|
231
231
|
var renderTime = function() {
|
|
@@ -23,8 +23,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
23
23
|
startDate: new Date(currentYear - 10, 0, 1),
|
|
24
24
|
endDate: new Date(currentYear + 10, 11, 31)
|
|
25
25
|
});
|
|
26
|
-
var InternalPicker = function(props, ref) {
|
|
27
|
-
var
|
|
26
|
+
var InternalPicker = function InternalPicker(props, ref) {
|
|
27
|
+
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, [
|
|
28
28
|
"startDate",
|
|
29
29
|
"endDate",
|
|
30
30
|
"type",
|
|
@@ -71,17 +71,17 @@ var InternalPicker = function(props, ref) {
|
|
|
71
71
|
finalValue: false
|
|
72
72
|
}), 2), innerVisible = _usePropsValue1[0], setInnerVisible = _usePropsValue1[1];
|
|
73
73
|
var actions = {
|
|
74
|
-
open: function() {
|
|
74
|
+
open: function open() {
|
|
75
75
|
setInnerVisible(true);
|
|
76
76
|
},
|
|
77
|
-
close: function() {
|
|
77
|
+
close: function close() {
|
|
78
78
|
setInnerVisible(false);
|
|
79
79
|
}
|
|
80
80
|
};
|
|
81
81
|
useImperativeHandle(ref, function() {
|
|
82
82
|
return actions;
|
|
83
83
|
});
|
|
84
|
-
var handleDateComparison = function(newDate, selectedOptions, index) {
|
|
84
|
+
var handleDateComparison = function handleDateComparison(newDate, selectedOptions, index) {
|
|
85
85
|
if (newDate && isDate(newDate)) {
|
|
86
86
|
var _this;
|
|
87
87
|
if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
|
|
@@ -92,7 +92,7 @@ var InternalPicker = function(props, ref) {
|
|
|
92
92
|
}), index);
|
|
93
93
|
}
|
|
94
94
|
};
|
|
95
|
-
var handleConfirmDateComparison = function(newDate) {
|
|
95
|
+
var handleConfirmDateComparison = function handleConfirmDateComparison(newDate) {
|
|
96
96
|
if (newDate && isDate(newDate)) {
|
|
97
97
|
var _this;
|
|
98
98
|
if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
|
|
@@ -100,22 +100,22 @@ var InternalPicker = function(props, ref) {
|
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
};
|
|
103
|
-
var handleCancel = function() {
|
|
103
|
+
var handleCancel = function handleCancel() {
|
|
104
104
|
setInnerDate(selectedDate);
|
|
105
105
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
106
106
|
};
|
|
107
|
-
var handleClose = function() {
|
|
107
|
+
var handleClose = function handleClose() {
|
|
108
108
|
setInnerVisible(false);
|
|
109
109
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
110
110
|
};
|
|
111
|
-
var handleConfirm = function(options, value) {
|
|
111
|
+
var handleConfirm = function handleConfirm(options, value) {
|
|
112
112
|
handlePickerValueChange(options, value, 0, type, defaultValue || startDate || endDate, handleConfirmDateComparison);
|
|
113
113
|
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(options, value);
|
|
114
114
|
};
|
|
115
|
-
var handleChange = function(selectedOptions, selectedValue, index) {
|
|
115
|
+
var handleChange = function handleChange(selectedOptions, selectedValue, index) {
|
|
116
116
|
innerVisible && handlePickerValueChange(selectedOptions, selectedValue, index, type, defaultValue || startDate || endDate, handleDateComparison);
|
|
117
117
|
};
|
|
118
|
-
var generatePickerColumns = function() {
|
|
118
|
+
var generatePickerColumns = function generatePickerColumns() {
|
|
119
119
|
var dateRanges = generateDatePickerRanges(type, innerDate, startDate, endDate);
|
|
120
120
|
var columns = dateRanges.map(function(rangeConfig, columnIndex) {
|
|
121
121
|
var columnType = rangeConfig.type, range = rangeConfig.range;
|
|
@@ -155,7 +155,7 @@ var InternalPicker = function(props, ref) {
|
|
|
155
155
|
onClose: handleClose,
|
|
156
156
|
onCancel: handleCancel,
|
|
157
157
|
onConfirm: handleConfirm,
|
|
158
|
-
onChange: function(param) {
|
|
158
|
+
onChange: function onChange(param) {
|
|
159
159
|
var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
|
|
160
160
|
handleChange(selectedOptions, value, index);
|
|
161
161
|
},
|
|
@@ -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) {
|
|
@@ -21,7 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
startDate: new Date(currentYear - 10, 0, 1),
|
|
22
22
|
endDate: new Date(currentYear + 10, 11, 31)
|
|
23
23
|
});
|
|
24
|
-
export var DatePickerView = function(props) {
|
|
24
|
+
export var DatePickerView = function DatePickerView(props) {
|
|
25
25
|
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;
|
|
26
26
|
var classPrefix = 'nut-datepickerview';
|
|
27
27
|
var cls = classNames(classPrefix, className);
|
|
@@ -42,7 +42,7 @@ export var DatePickerView = function(props) {
|
|
|
42
42
|
defaultValue: defaultValue && formatValue(defaultValue, startDate, endDate),
|
|
43
43
|
finalValue: 0
|
|
44
44
|
}), 2), selectedDate = _usePropsValue[0], setSelectedDate = _usePropsValue[1];
|
|
45
|
-
var handleDateComparison = function(newDate, selectedOptions, index) {
|
|
45
|
+
var handleDateComparison = function handleDateComparison(newDate, selectedOptions, index) {
|
|
46
46
|
if (newDate && isDate(newDate)) {
|
|
47
47
|
var _this;
|
|
48
48
|
if (!isEqual((_this = new Date(selectedDate)) === null || _this === void 0 ? void 0 : _this.getTime(), newDate === null || newDate === void 0 ? void 0 : newDate.getTime())) {
|
|
@@ -55,10 +55,10 @@ export var DatePickerView = function(props) {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
var handleChange = function(selectedOptions, selectedValue, index) {
|
|
58
|
+
var handleChange = function handleChange(selectedOptions, selectedValue, index) {
|
|
59
59
|
handlePickerValueChange(selectedOptions, selectedValue, index, type, defaultValue || startDate || endDate, handleDateComparison);
|
|
60
60
|
};
|
|
61
|
-
var generatePickerColumns = function() {
|
|
61
|
+
var generatePickerColumns = function generatePickerColumns() {
|
|
62
62
|
var dateRanges = generateDatePickerRanges(type, selectedDate, startDate, endDate);
|
|
63
63
|
var columns = dateRanges.map(function(rangeConfig, columnIndex) {
|
|
64
64
|
var columnType = rangeConfig.type, range = rangeConfig.range;
|
|
@@ -96,7 +96,7 @@ export var DatePickerView = function(props) {
|
|
|
96
96
|
}, pickerOptions.length && /*#__PURE__*/ React.createElement(PickerView, {
|
|
97
97
|
value: pickerValue,
|
|
98
98
|
options: pickerOptions,
|
|
99
|
-
onChange: function(param) {
|
|
99
|
+
onChange: function onChange(param) {
|
|
100
100
|
var selectedOptions = param.selectedOptions, value = param.value, index = param.index;
|
|
101
101
|
handleChange(selectedOptions, value, index);
|
|
102
102
|
},
|
|
@@ -7,22 +7,22 @@ import { render as reactRender, unmount } from "../../utils/render";
|
|
|
7
7
|
function ConfirmDialog(props) {
|
|
8
8
|
return /*#__PURE__*/ React.createElement(Dialog, props, props.content);
|
|
9
9
|
}
|
|
10
|
-
var confirm = function(config, renderFunc) {
|
|
10
|
+
var confirm = function confirm(config, renderFunc) {
|
|
11
11
|
var div = document.createElement('div');
|
|
12
12
|
document.body.appendChild(div);
|
|
13
13
|
var dialogConfig = _object_spread_props(_object_spread({}, config), {
|
|
14
14
|
visible: false
|
|
15
15
|
});
|
|
16
|
-
var render = function(props, callback) {
|
|
16
|
+
var render = function render(props, callback) {
|
|
17
17
|
reactRender(/*#__PURE__*/ React.createElement(ConfirmDialog, _object_spread_props(_object_spread({}, props), {
|
|
18
|
-
onCancel: function() {
|
|
18
|
+
onCancel: function onCancel1() {
|
|
19
19
|
return onCancel();
|
|
20
20
|
}
|
|
21
21
|
})), div);
|
|
22
22
|
callback && callback();
|
|
23
23
|
};
|
|
24
24
|
var renderFunction = renderFunc || render;
|
|
25
|
-
var onConfirm = function() {
|
|
25
|
+
var onConfirm = function onConfirm() {
|
|
26
26
|
var _onConfirm = config.onConfirm || config.onConfirm;
|
|
27
27
|
var ret = _onConfirm === null || _onConfirm === void 0 ? void 0 : _onConfirm();
|
|
28
28
|
if (ret && ret.then) {
|
|
@@ -42,7 +42,7 @@ var confirm = function(config, renderFunc) {
|
|
|
42
42
|
dialogConfig.onConfirm = onConfirm;
|
|
43
43
|
dialogConfig.visible = true;
|
|
44
44
|
renderFunction(dialogConfig);
|
|
45
|
-
var destroy = function() {
|
|
45
|
+
var destroy = function destroy() {
|
|
46
46
|
unmount(div);
|
|
47
47
|
if (div === null || div === void 0 ? void 0 : div.parentNode) {
|
|
48
48
|
div.parentNode.removeChild(div);
|
|
@@ -55,7 +55,7 @@ var confirm = function(config, renderFunc) {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
var onCancel = function(confirm) {
|
|
58
|
+
var onCancel = function onCancel(confirm) {
|
|
59
59
|
!confirm && config.onCancel && config.onCancel();
|
|
60
60
|
dialogConfig.visible = false;
|
|
61
61
|
dialogConfig.onClose = function() {
|
|
@@ -65,11 +65,11 @@ var confirm = function(config, renderFunc) {
|
|
|
65
65
|
destroy();
|
|
66
66
|
});
|
|
67
67
|
};
|
|
68
|
-
var update = function(newConfig) {
|
|
68
|
+
var update = function update(newConfig) {
|
|
69
69
|
dialogConfig = _object_spread({}, dialogConfig, newConfig);
|
|
70
70
|
renderFunction(dialogConfig);
|
|
71
71
|
};
|
|
72
|
-
var close = function() {
|
|
72
|
+
var close = function close() {
|
|
73
73
|
dialogConfig.visible = false;
|
|
74
74
|
dialogConfig.onClose = function() {
|
|
75
75
|
config.onClose && config.onClose();
|
|
@@ -9,22 +9,22 @@ export var defaultContentProps = {
|
|
|
9
9
|
footer: '',
|
|
10
10
|
close: '',
|
|
11
11
|
footerDirection: 'horizontal',
|
|
12
|
-
onClick: function() {}
|
|
12
|
+
onClick: function onClick() {}
|
|
13
13
|
};
|
|
14
|
-
export var Content = function(props) {
|
|
14
|
+
export var Content = function Content(props) {
|
|
15
15
|
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;
|
|
16
16
|
var classPrefix = 'nut-dialog';
|
|
17
|
-
var renderHeader = function() {
|
|
17
|
+
var renderHeader = function renderHeader() {
|
|
18
18
|
return title && /*#__PURE__*/ React.createElement("div", {
|
|
19
19
|
className: "".concat(classPrefix, "-header")
|
|
20
20
|
}, title);
|
|
21
21
|
};
|
|
22
|
-
var renderFooter = function() {
|
|
22
|
+
var renderFooter = function renderFooter() {
|
|
23
23
|
return footer && /*#__PURE__*/ React.createElement("div", {
|
|
24
24
|
className: classNames("".concat(classPrefix, "-footer"), _define_property({}, footerDirection, footerDirection))
|
|
25
25
|
}, footer);
|
|
26
26
|
};
|
|
27
|
-
var handleClick = function(e) {
|
|
27
|
+
var handleClick = function handleClick(e) {
|
|
28
28
|
onClick && onClick(e);
|
|
29
29
|
};
|
|
30
30
|
return /*#__PURE__*/ React.createElement("div", {
|
|
@@ -36,33 +36,33 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps,
|
|
|
36
36
|
overlayStyle: {},
|
|
37
37
|
overlayClassName: 'nut-dialog-overlay',
|
|
38
38
|
zIndex: 1200,
|
|
39
|
-
beforeCancel: function() {
|
|
39
|
+
beforeCancel: function beforeCancel() {
|
|
40
40
|
return true;
|
|
41
41
|
},
|
|
42
|
-
beforeClose: function() {
|
|
42
|
+
beforeClose: function beforeClose() {
|
|
43
43
|
return true;
|
|
44
44
|
},
|
|
45
|
-
onCancel: function() {},
|
|
46
|
-
onClose: function() {},
|
|
47
|
-
onOverlayClick: function() {
|
|
45
|
+
onCancel: function onCancel() {},
|
|
46
|
+
onClose: function onClose() {},
|
|
47
|
+
onOverlayClick: function onOverlayClick() {
|
|
48
48
|
return true;
|
|
49
49
|
}
|
|
50
50
|
});
|
|
51
|
-
var BaseDialog = function(props, ref) {
|
|
51
|
+
var BaseDialog = function BaseDialog(props, ref) {
|
|
52
52
|
var _mergeProps = mergeProps(defaultProps, props), closeOnOverlayClick = _mergeProps.closeOnOverlayClick, confirmText = _mergeProps.confirmText, cancelText = _mergeProps.cancelText, children = _mergeProps.children, className = _mergeProps.className, closeIconPosition = _mergeProps.closeIconPosition, closeIcon = _mergeProps.closeIcon, content = _mergeProps.content, disableConfirmButton = _mergeProps.disableConfirmButton, footer = _mergeProps.footer, footerDirection = _mergeProps.footerDirection, header = _mergeProps.header, cancelBadge = _mergeProps.cancelBadge, confirmBadge = _mergeProps.confirmBadge, hideConfirmButton = _mergeProps.hideConfirmButton, hideCancelButton = _mergeProps.hideCancelButton, lockScroll = _mergeProps.lockScroll, overlay = _mergeProps.overlay, overlayStyle = _mergeProps.overlayStyle, overlayClassName = _mergeProps.overlayClassName, style = _mergeProps.style, title = _mergeProps.title, visible = _mergeProps.visible, zIndex = _mergeProps.zIndex, beforeCancel = _mergeProps.beforeCancel, beforeClose = _mergeProps.beforeClose, onClose = _mergeProps.onClose, onCancel = _mergeProps.onCancel, onConfirm = _mergeProps.onConfirm, onOverlayClick = _mergeProps.onOverlayClick;
|
|
53
53
|
var classPrefix = 'nut-dialog';
|
|
54
54
|
var locale = useConfig().locale;
|
|
55
55
|
var _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1];
|
|
56
|
-
var renderFooter = function() {
|
|
56
|
+
var renderFooter = function renderFooter() {
|
|
57
57
|
if (footer === null) return '';
|
|
58
|
-
var handleCancel = function(e) {
|
|
58
|
+
var handleCancel = function handleCancel(e) {
|
|
59
59
|
e.stopPropagation();
|
|
60
60
|
if (!(beforeCancel === null || beforeCancel === void 0 ? void 0 : beforeCancel())) return;
|
|
61
61
|
onCancel();
|
|
62
62
|
};
|
|
63
|
-
var handleOk = function(e) {
|
|
63
|
+
var handleOk = function handleOk(e) {
|
|
64
64
|
return _async_to_generator(function() {
|
|
65
|
-
var
|
|
65
|
+
var unused;
|
|
66
66
|
return _ts_generator(this, function(_state) {
|
|
67
67
|
switch(_state.label){
|
|
68
68
|
case 0:
|
|
@@ -89,7 +89,7 @@ var BaseDialog = function(props, ref) {
|
|
|
89
89
|
4
|
|
90
90
|
];
|
|
91
91
|
case 3:
|
|
92
|
-
|
|
92
|
+
unused = _state.sent();
|
|
93
93
|
setLoading(false);
|
|
94
94
|
return [
|
|
95
95
|
3,
|
|
@@ -104,22 +104,22 @@ var BaseDialog = function(props, ref) {
|
|
|
104
104
|
})();
|
|
105
105
|
};
|
|
106
106
|
var btnClass = hideCancelButton || hideConfirmButton ? "".concat(classPrefix, "-footer-block") : '';
|
|
107
|
-
var renderCancelOfVertical = function() {
|
|
107
|
+
var renderCancelOfVertical = function renderCancelOfVertical() {
|
|
108
108
|
return !hideCancelButton && /*#__PURE__*/ React.createElement("div", {
|
|
109
109
|
className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
|
|
110
|
-
onClick: function(e) {
|
|
110
|
+
onClick: function onClick(e) {
|
|
111
111
|
return handleCancel(e);
|
|
112
112
|
}
|
|
113
113
|
}, cancelText || locale.cancel);
|
|
114
114
|
};
|
|
115
|
-
var renderCancel = function() {
|
|
115
|
+
var renderCancel = function renderCancel() {
|
|
116
116
|
return !hideCancelButton && /*#__PURE__*/ React.createElement(React.Fragment, null, cancelBadge ? /*#__PURE__*/ React.createElement("div", {
|
|
117
117
|
className: "".concat(classPrefix, "-footer-cancel-container")
|
|
118
118
|
}, /*#__PURE__*/ React.createElement(Button, {
|
|
119
119
|
type: "default",
|
|
120
120
|
size: "large",
|
|
121
121
|
className: "".concat(classPrefix, "-footer-cancel ").concat(btnClass),
|
|
122
|
-
onClick: function(e) {
|
|
122
|
+
onClick: function onClick(e) {
|
|
123
123
|
return handleCancel(e);
|
|
124
124
|
}
|
|
125
125
|
}, cancelText || locale.cancel), cancelBadge ? /*#__PURE__*/ React.createElement("div", {
|
|
@@ -128,12 +128,12 @@ var BaseDialog = function(props, ref) {
|
|
|
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));
|
|
135
135
|
};
|
|
136
|
-
var renderConfirm = function() {
|
|
136
|
+
var renderConfirm = function renderConfirm() {
|
|
137
137
|
return !hideConfirmButton && /*#__PURE__*/ React.createElement(React.Fragment, null, confirmBadge ? /*#__PURE__*/ React.createElement("div", {
|
|
138
138
|
className: "".concat(classPrefix, "-footer-ok-container")
|
|
139
139
|
}, /*#__PURE__*/ React.createElement(Button, {
|
|
@@ -143,7 +143,7 @@ var BaseDialog = function(props, ref) {
|
|
|
143
143
|
disabled: disableConfirmButton
|
|
144
144
|
}),
|
|
145
145
|
disabled: disableConfirmButton,
|
|
146
|
-
onClick: function(e) {
|
|
146
|
+
onClick: function onClick(e) {
|
|
147
147
|
return handleOk(e);
|
|
148
148
|
},
|
|
149
149
|
loading: loading
|
|
@@ -156,7 +156,7 @@ var BaseDialog = function(props, ref) {
|
|
|
156
156
|
disabled: disableConfirmButton
|
|
157
157
|
}),
|
|
158
158
|
disabled: disableConfirmButton,
|
|
159
|
-
onClick: function(e) {
|
|
159
|
+
onClick: function onClick(e) {
|
|
160
160
|
return handleOk(e);
|
|
161
161
|
},
|
|
162
162
|
loading: loading
|
|
@@ -164,9 +164,9 @@ var BaseDialog = function(props, ref) {
|
|
|
164
164
|
};
|
|
165
165
|
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()));
|
|
166
166
|
};
|
|
167
|
-
var renderCloseIcon = function() {
|
|
167
|
+
var renderCloseIcon = function renderCloseIcon() {
|
|
168
168
|
if (!closeIcon) return null;
|
|
169
|
-
var handleClose = function() {
|
|
169
|
+
var handleClose = function handleClose() {
|
|
170
170
|
if (!(beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose())) return;
|
|
171
171
|
onClose();
|
|
172
172
|
};
|
|
@@ -181,13 +181,13 @@ var BaseDialog = function(props, ref) {
|
|
|
181
181
|
tabIndex: 0
|
|
182
182
|
}, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
|
|
183
183
|
};
|
|
184
|
-
var onHandleClickOverlay = function(e) {
|
|
184
|
+
var onHandleClickOverlay = function onHandleClickOverlay(e) {
|
|
185
185
|
if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
|
|
186
186
|
var closed = onOverlayClick && onOverlayClick(e);
|
|
187
187
|
closed && onCancel();
|
|
188
188
|
}
|
|
189
189
|
};
|
|
190
|
-
var renderContent = function() {
|
|
190
|
+
var renderContent = function renderContent() {
|
|
191
191
|
return /*#__PURE__*/ React.createElement(CSSTransition, {
|
|
192
192
|
in: visible,
|
|
193
193
|
timeout: 300,
|
|
@@ -11,8 +11,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
11
11
|
direction: 'horizontal'
|
|
12
12
|
});
|
|
13
13
|
var classPrefix = "nut-divider";
|
|
14
|
-
export var Divider = function(props) {
|
|
15
|
-
var
|
|
14
|
+
export var Divider = function Divider(props) {
|
|
15
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, contentPosition = _$_object_spread.contentPosition, style = _$_object_spread.style, className = _$_object_spread.className, direction = _$_object_spread.direction, rest = _object_without_properties(_$_object_spread, [
|
|
16
16
|
"children",
|
|
17
17
|
"contentPosition",
|
|
18
18
|
"style",
|
|
@@ -25,7 +25,7 @@ export var Divider = function(props) {
|
|
|
25
25
|
'left',
|
|
26
26
|
'right'
|
|
27
27
|
].includes(contentPosition) || children) && rtl), _obj)) : classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix), true), _define_property(_obj1, "".concat(classPrefix, "-vertical"), direction === 'vertical'), _obj1));
|
|
28
|
-
var getClassNames = function(direction) {
|
|
28
|
+
var getClassNames = function getClassNames(direction) {
|
|
29
29
|
return "".concat(classes.split(' ').map(function(item) {
|
|
30
30
|
return "".concat(item, "-").concat(direction);
|
|
31
31
|
}).join(' '));
|
|
@@ -16,8 +16,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
bottom: 0
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
export var Drag = function(props) {
|
|
20
|
-
var
|
|
19
|
+
export var Drag = function Drag(props) {
|
|
20
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), attract = _$_object_spread.attract, direction = _$_object_spread.direction, boundary = _$_object_spread.boundary, onDrag = _$_object_spread.onDrag, onDragStart = _$_object_spread.onDragStart, onDragEnd = _$_object_spread.onDragEnd, children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, reset = _object_without_properties(_$_object_spread, [
|
|
21
21
|
"attract",
|
|
22
22
|
"direction",
|
|
23
23
|
"boundary",
|
|
@@ -38,7 +38,7 @@ export var Drag = function(props) {
|
|
|
38
38
|
};
|
|
39
39
|
}), 2), currstyle = _useSpring[0], api = _useSpring[1];
|
|
40
40
|
var middleLine = useRef(0);
|
|
41
|
-
var getInfo = function() {
|
|
41
|
+
var getInfo = function getInfo() {
|
|
42
42
|
var el = myDrag.current;
|
|
43
43
|
if (el) {
|
|
44
44
|
var offsetTop = el.offsetTop, offsetLeft = el.offsetLeft;
|
|
@@ -92,7 +92,7 @@ export var Drag = function(props) {
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
}, {
|
|
95
|
-
from: function() {
|
|
95
|
+
from: function from() {
|
|
96
96
|
return [
|
|
97
97
|
currstyle.x.get(),
|
|
98
98
|
currstyle.y.get()
|