@nutui/nutui-react-taro 4.0.0-beta.3 → 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 +21 -6
- 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/configprovider/types.d.ts +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/empty/empty.d.ts +4 -11
- package/dist/cjs/packages/empty/empty.js +21 -18
- package/dist/cjs/packages/empty/index.d.ts +1 -1
- package/dist/cjs/packages/empty/style/empty.scss +97 -31
- package/dist/cjs/packages/empty/style/style.css +77 -32
- package/dist/cjs/packages/empty/style/style.harmony.css +77 -32
- package/dist/cjs/packages/empty/style-jmapp/empty.scss +97 -31
- package/dist/cjs/packages/empty/style-jmapp/style.css +77 -32
- package/dist/cjs/packages/empty/style-jrkf/empty.scss +97 -31
- package/dist/cjs/packages/empty/style-jrkf/style.css +77 -32
- 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/rate/index.d.ts +1 -1
- package/dist/cjs/packages/rate/rate.js +54 -8
- package/dist/cjs/packages/rate/style/rate.scss +244 -76
- package/dist/cjs/packages/rate/style/style.css +198 -68
- package/dist/cjs/packages/rate/style/style.harmony.css +198 -68
- package/dist/cjs/packages/rate/style-jmapp/rate.scss +244 -76
- package/dist/cjs/packages/rate/style-jmapp/style.css +198 -68
- package/dist/cjs/packages/rate/style-jrkf/rate.scss +244 -76
- package/dist/cjs/packages/rate/style-jrkf/style.css +198 -68
- 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/steps/style/style.css +1 -1
- package/dist/cjs/packages/steps/style/style.harmony.css +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/types/spec/empty/base.d.ts +12 -8
- package/dist/cjs/types/spec/empty/base.js +28 -1
- package/dist/cjs/types/spec/rate/base.d.ts +3 -0
- 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/configprovider/types.d.ts +1 -1
- 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.d.ts +4 -11
- package/dist/es/packages/empty/empty.js +22 -19
- package/dist/es/packages/empty/index.d.ts +1 -1
- package/dist/es/packages/empty/style/empty.scss +97 -31
- package/dist/es/packages/empty/style/style.css +77 -32
- package/dist/es/packages/empty/style/style.harmony.css +77 -32
- package/dist/es/packages/empty/style-jmapp/empty.scss +97 -31
- package/dist/es/packages/empty/style-jmapp/style.css +77 -32
- package/dist/es/packages/empty/style-jrkf/empty.scss +97 -31
- package/dist/es/packages/empty/style-jrkf/style.css +77 -32
- 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/index.d.ts +1 -1
- package/dist/es/packages/rate/rate.js +64 -18
- package/dist/es/packages/rate/style/rate.scss +244 -76
- package/dist/es/packages/rate/style/style.css +198 -68
- package/dist/es/packages/rate/style/style.harmony.css +198 -68
- package/dist/es/packages/rate/style-jmapp/rate.scss +244 -76
- package/dist/es/packages/rate/style-jmapp/style.css +198 -68
- package/dist/es/packages/rate/style-jrkf/rate.scss +244 -76
- package/dist/es/packages/rate/style-jrkf/style.css +198 -68
- 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/steps/style/style.css +1 -1
- package/dist/es/packages/steps/style/style.harmony.css +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.d.ts +15 -11
- package/dist/es/types/spec/empty/base.js +13 -1
- package/dist/es/types/spec/rate/base.d.ts +10 -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 +1252 -1189
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +33 -33
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +32 -32
- package/dist/style.css +1 -1
- package/dist/style.scss +42 -42
- package/dist/styles/variables-daojia.scss +25 -12
- package/dist/styles/variables-jmapp.scss +42 -17
- package/dist/styles/variables-jrkf.scss +24 -20
- package/dist/styles/variables.scss +32 -24
- package/package.json +1 -1
|
@@ -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, {
|
|
@@ -12,8 +12,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
12
12
|
direction: 'horizontal'
|
|
13
13
|
});
|
|
14
14
|
var classPrefix = "nut-divider";
|
|
15
|
-
export var Divider = function(props) {
|
|
16
|
-
var
|
|
15
|
+
export var Divider = function Divider(props) {
|
|
16
|
+
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, [
|
|
17
17
|
"children",
|
|
18
18
|
"contentPosition",
|
|
19
19
|
"style",
|
|
@@ -26,7 +26,7 @@ export var Divider = function(props) {
|
|
|
26
26
|
'left',
|
|
27
27
|
'right'
|
|
28
28
|
].includes(contentPosition) || children) && rtl), _obj)) : classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix), true), _define_property(_obj1, "".concat(classPrefix, "-vertical"), direction === 'vertical'), _obj1));
|
|
29
|
-
var getClassNames = function(direction) {
|
|
29
|
+
var getClassNames = function getClassNames(direction) {
|
|
30
30
|
return "".concat(classes.split(' ').map(function(item) {
|
|
31
31
|
return "".concat(item, "-").concat(direction);
|
|
32
32
|
}).join(' '));
|
|
@@ -20,7 +20,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
20
20
|
},
|
|
21
21
|
className: 'myDrag'
|
|
22
22
|
});
|
|
23
|
-
export var Drag = function(props) {
|
|
23
|
+
export var Drag = function Drag(props) {
|
|
24
24
|
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;
|
|
25
25
|
var classPrefix = 'nut-drag';
|
|
26
26
|
var _useState = _sliced_to_array(useState(boundary), 2), boundaryState = _useState[0], setBoundaryState = _useState[1];
|
|
@@ -39,7 +39,7 @@ export var Drag = function(props) {
|
|
|
39
39
|
var translateX = useRef(0);
|
|
40
40
|
var translateY = useRef(0);
|
|
41
41
|
var middleLine = useRef(0);
|
|
42
|
-
var getInfo = function() {
|
|
42
|
+
var getInfo = function getInfo() {
|
|
43
43
|
return _async_to_generator(function() {
|
|
44
44
|
var el, top, left, bottom, right, _getWindowInfo, screenWidth, windowHeight, _ref, width, height, dragTop, dragLeft;
|
|
45
45
|
return _ts_generator(this, function(_state) {
|
|
@@ -74,7 +74,7 @@ export var Drag = function(props) {
|
|
|
74
74
|
});
|
|
75
75
|
})();
|
|
76
76
|
};
|
|
77
|
-
var touchStart = function(e) {
|
|
77
|
+
var touchStart = function touchStart(e) {
|
|
78
78
|
onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart();
|
|
79
79
|
var touches = e.touches[0];
|
|
80
80
|
axisCache.current = {
|
|
@@ -86,7 +86,7 @@ export var Drag = function(props) {
|
|
|
86
86
|
y: translateY.current
|
|
87
87
|
};
|
|
88
88
|
};
|
|
89
|
-
var touchMove = function(e) {
|
|
89
|
+
var touchMove = function touchMove(e) {
|
|
90
90
|
if (e.touches.length === 1 && dragRef.current) {
|
|
91
91
|
var touch = e.touches[0];
|
|
92
92
|
var x = touch.clientX - axisCache.current.x;
|
|
@@ -116,7 +116,7 @@ export var Drag = function(props) {
|
|
|
116
116
|
});
|
|
117
117
|
}
|
|
118
118
|
};
|
|
119
|
-
var touchEnd = function() {
|
|
119
|
+
var touchEnd = function touchEnd() {
|
|
120
120
|
onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd({
|
|
121
121
|
offset: [
|
|
122
122
|
translateX.current,
|
|
@@ -26,8 +26,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
26
26
|
defaultValue: undefined,
|
|
27
27
|
value: undefined
|
|
28
28
|
});
|
|
29
|
-
export var Elevator = function(props) {
|
|
30
|
-
var
|
|
29
|
+
export var Elevator = function Elevator(props) {
|
|
30
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, mode = _$_object_spread.mode, height = _$_object_spread.height, floorKey = _$_object_spread.floorKey, list = _$_object_spread.list, sticky = _$_object_spread.sticky, spaceHeight = _$_object_spread.spaceHeight, showKeys = _$_object_spread.showKeys, className = _$_object_spread.className, style = _$_object_spread.style, onItemClick = _$_object_spread.onItemClick, onIndexClick = _$_object_spread.onIndexClick, children = _$_object_spread.children, rest = _object_without_properties(_$_object_spread, [
|
|
31
31
|
"value",
|
|
32
32
|
"defaultValue",
|
|
33
33
|
"mode",
|
|
@@ -64,16 +64,16 @@ export var Elevator = function(props) {
|
|
|
64
64
|
var scrolling = useRef(false);
|
|
65
65
|
var _useState2 = _sliced_to_array(useState(0), 2), scrollTop = _useState2[0], setScrollTop = _useState2[1];
|
|
66
66
|
var _useState3 = _sliced_to_array(useState(0), 2), scrollY = _useState3[0], setScrollY = _useState3[1];
|
|
67
|
-
var resetScrollState = function() {
|
|
67
|
+
var resetScrollState = function resetScrollState() {
|
|
68
68
|
setScrollStart(false);
|
|
69
69
|
};
|
|
70
|
-
var getData = function(el) {
|
|
70
|
+
var getData = function getData(el) {
|
|
71
71
|
if (!el.dataset.index) {
|
|
72
72
|
return '0';
|
|
73
73
|
}
|
|
74
74
|
return el.dataset.index;
|
|
75
75
|
};
|
|
76
|
-
var calculateHeight = function() {
|
|
76
|
+
var calculateHeight = function calculateHeight() {
|
|
77
77
|
state.current.listHeight = [
|
|
78
78
|
0
|
|
79
79
|
];
|
|
@@ -93,7 +93,7 @@ export var Elevator = function(props) {
|
|
|
93
93
|
}
|
|
94
94
|
});
|
|
95
95
|
};
|
|
96
|
-
var scrollTo = function(index) {
|
|
96
|
+
var scrollTo = function scrollTo(index) {
|
|
97
97
|
return _async_to_generator(function() {
|
|
98
98
|
var cacheIndex, scrollTop;
|
|
99
99
|
return _ts_generator(this, function(_state) {
|
|
@@ -136,7 +136,7 @@ export var Elevator = function(props) {
|
|
|
136
136
|
});
|
|
137
137
|
})();
|
|
138
138
|
};
|
|
139
|
-
var touchMove = function(e) {
|
|
139
|
+
var touchMove = function touchMove(e) {
|
|
140
140
|
var firstTouch = e.touches[0];
|
|
141
141
|
touchState.current.y2 = firstTouch.pageY;
|
|
142
142
|
var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
|
|
@@ -144,10 +144,10 @@ export var Elevator = function(props) {
|
|
|
144
144
|
setCodeIndex(cacheIndex);
|
|
145
145
|
scrollTo(cacheIndex);
|
|
146
146
|
};
|
|
147
|
-
var touchEnd = function() {
|
|
147
|
+
var touchEnd = function touchEnd() {
|
|
148
148
|
resetScrollState();
|
|
149
149
|
};
|
|
150
|
-
var touchStart = function(e) {
|
|
150
|
+
var touchStart = function touchStart(e) {
|
|
151
151
|
var index = Number(getData(e.target));
|
|
152
152
|
var firstTouch = e.touches[0];
|
|
153
153
|
scrolling.current = true;
|
|
@@ -157,14 +157,14 @@ export var Elevator = function(props) {
|
|
|
157
157
|
setCodeIndex(index);
|
|
158
158
|
scrollTo(index);
|
|
159
159
|
};
|
|
160
|
-
var handleClickItem = function(key, item) {
|
|
160
|
+
var handleClickItem = function handleClickItem(key, item) {
|
|
161
161
|
onItemClick && onItemClick(key, item);
|
|
162
162
|
setCurrentData(item);
|
|
163
163
|
};
|
|
164
|
-
var handleClickIndex = function(key) {
|
|
164
|
+
var handleClickIndex = function handleClickIndex(key) {
|
|
165
165
|
onIndexClick && onIndexClick(key);
|
|
166
166
|
};
|
|
167
|
-
var listViewScroll = function(e) {
|
|
167
|
+
var listViewScroll = function listViewScroll(e) {
|
|
168
168
|
raf(function() {
|
|
169
169
|
var listHeight = state.current.listHeight;
|
|
170
170
|
if (!listHeight.length) {
|
|
@@ -215,7 +215,7 @@ export var Elevator = function(props) {
|
|
|
215
215
|
scrollAnchoring: true,
|
|
216
216
|
className: "".concat(classPrefix, "-list-inner"),
|
|
217
217
|
onScroll: listViewScroll,
|
|
218
|
-
onTouchStart: function(e) {
|
|
218
|
+
onTouchStart: function onTouchStart(e) {
|
|
219
219
|
scrolling.current = false;
|
|
220
220
|
}
|
|
221
221
|
}, list.map(function(item, idx) {
|
|
@@ -231,7 +231,7 @@ export var Elevator = function(props) {
|
|
|
231
231
|
return /*#__PURE__*/ React.createElement(View, {
|
|
232
232
|
className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-list-item-name"), true), _define_property(_obj, "".concat(classPrefix, "-list-item-name-highcolor"), currentData.id === subitem.id), _obj)),
|
|
233
233
|
key: subitem.id,
|
|
234
|
-
onClick: function() {
|
|
234
|
+
onClick: function onClick() {
|
|
235
235
|
return handleClickItem(item[floorKey], subitem);
|
|
236
236
|
}
|
|
237
237
|
}, children ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(elevatorContext.Provider, {
|
|
@@ -250,13 +250,13 @@ export var Elevator = function(props) {
|
|
|
250
250
|
className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-bars-inner-item"), true), _define_property(_obj, "".concat(classPrefix, "-bars-inner-item-active"), item[floorKey] === list[codeIndex][floorKey]), _obj)),
|
|
251
251
|
"data-index": index,
|
|
252
252
|
key: index,
|
|
253
|
-
onClick: function() {
|
|
253
|
+
onClick: function onClick() {
|
|
254
254
|
return handleClickIndex(item[floorKey]);
|
|
255
255
|
},
|
|
256
|
-
onTouchStart: function(event) {
|
|
256
|
+
onTouchStart: function onTouchStart(event) {
|
|
257
257
|
return touchStart(event);
|
|
258
258
|
},
|
|
259
|
-
onTouchMove: function(event) {
|
|
259
|
+
onTouchMove: function onTouchMove(event) {
|
|
260
260
|
return touchMove(event);
|
|
261
261
|
},
|
|
262
262
|
onTouchEnd: touchEnd,
|