@nutui/nutui-react-taro 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/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 +7 -6
- package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/form/form.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/image/image.js +1 -1
- package/dist/cjs/packages/imagepreview/imagepreview.js +2 -2
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +3 -3
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/loading/loading.js +1 -1
- package/dist/cjs/packages/menu/menu.js +1 -1
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +1 -1
- package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/progress/progress.js +6 -9
- package/dist/cjs/packages/quickenter/quickenter.js +2 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
- package/dist/cjs/packages/range/range.js +3 -3
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/sidebar/sidebar.js +1 -1
- package/dist/cjs/packages/signature/signature.js +2 -2
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/sticky/sticky.js +3 -3
- package/dist/cjs/packages/swiper/swiper.js +1 -1
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +1 -1
- package/dist/cjs/packages/textarea/textarea.js +1 -1
- package/dist/cjs/packages/timeselect/timeselect.js +1 -1
- package/dist/cjs/packages/toast/toast.js +2 -2
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/uploader/uploader.js +1 -1
- package/dist/cjs/packages/video/video.js +2 -2
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +3 -3
- package/dist/es/packages/animatingnumbers/countup.js +1 -1
- package/dist/es/packages/audio/audio.js +16 -16
- package/dist/es/packages/avatar/avatar.js +3 -3
- package/dist/es/packages/avatarcropper/avatarcropper.js +25 -25
- package/dist/es/packages/avatargroup/avatargroup.js +1 -1
- package/dist/es/packages/backtop/backtop.js +3 -3
- package/dist/es/packages/badge/badge.js +3 -3
- package/dist/es/packages/barrage/barrage.js +9 -9
- package/dist/es/packages/button/button.js +4 -4
- package/dist/es/packages/calendar/calendar.js +12 -12
- package/dist/es/packages/calendar/utils.js +7 -7
- package/dist/es/packages/calendarcard/calendarcard.js +22 -22
- package/dist/es/packages/calendarcard/icon.js +5 -5
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +9 -8
- package/dist/es/packages/cell/cell.js +4 -4
- package/dist/es/packages/cellgroup/cellgroup.js +2 -2
- package/dist/es/packages/checkbox/checkbox.js +10 -10
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
- package/dist/es/packages/circleprogress/circleprogress.js +7 -7
- package/dist/es/packages/col/col.js +2 -2
- package/dist/es/packages/collapse/collapse.js +3 -3
- package/dist/es/packages/collapse/context.js +2 -2
- package/dist/es/packages/collapseitem/collapseitem.js +5 -5
- package/dist/es/packages/configprovider/configprovider.js +5 -5
- package/dist/es/packages/countdown/countdown.js +15 -15
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/content.js +6 -6
- package/dist/es/packages/dialog/dialog.js +24 -24
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +5 -5
- package/dist/es/packages/elevator/elevator.js +17 -17
- package/dist/es/packages/ellipsis/ellipsis.js +14 -14
- package/dist/es/packages/empty/empty.js +1 -1
- package/dist/es/packages/fixednav/fixednav.js +7 -7
- package/dist/es/packages/form/form.js +7 -7
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +6 -6
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +7 -7
- package/dist/es/packages/imagepreview/imagepreview.js +15 -15
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +14 -14
- package/dist/es/packages/input/input.js +13 -13
- package/dist/es/packages/inputnumber/inputnumber.js +12 -12
- package/dist/es/packages/layout/layout.js +1 -1
- package/dist/es/packages/loading/loading.js +3 -3
- package/dist/es/packages/lottie/index.js +1 -1
- package/dist/es/packages/lottie/lottiemp.js +1 -1
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +12 -12
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +22 -22
- package/dist/es/packages/notify/notify.js +8 -8
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +12 -12
- package/dist/es/packages/overlay/overlay.js +7 -7
- package/dist/es/packages/pagination/pagination.js +8 -8
- package/dist/es/packages/picker/picker.js +15 -15
- package/dist/es/packages/pickerview/pickerroller.js +12 -12
- package/dist/es/packages/pickerview/pickerview.js +3 -3
- package/dist/es/packages/pickerview/utils.js +6 -6
- package/dist/es/packages/popover/popover.js +15 -15
- package/dist/es/packages/popup/popup.js +26 -26
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +16 -19
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +8 -8
- package/dist/es/packages/quickenter/quickenter.js +14 -14
- package/dist/es/packages/radio/radio.js +11 -11
- package/dist/es/packages/radiogroup/radiogroup.js +6 -6
- package/dist/es/packages/range/range.js +12 -12
- package/dist/es/packages/rate/rate.js +13 -13
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +4 -4
- package/dist/es/packages/segmented/segmented.js +4 -4
- package/dist/es/packages/shortpassword/shortpassword.js +7 -7
- package/dist/es/packages/sidebar/sidebar.js +11 -11
- package/dist/es/packages/sidebar/utils.js +1 -1
- package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
- package/dist/es/packages/signature/signature.js +15 -15
- package/dist/es/packages/skeleton/skeleton.js +4 -4
- package/dist/es/packages/space/space.js +1 -1
- package/dist/es/packages/step/step.js +1 -1
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/sticky/sticky.js +5 -5
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/swiper.js +7 -7
- package/dist/es/packages/swiperitem/swiperitem.js +1 -1
- package/dist/es/packages/switch/switch.js +6 -6
- package/dist/es/packages/tabbar/tabbar.js +2 -2
- package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
- package/dist/es/packages/table/table.js +10 -10
- package/dist/es/packages/tabpane/tabpane.js +1 -1
- package/dist/es/packages/tabs/tabs.js +11 -11
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +11 -11
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/toast.js +10 -10
- package/dist/es/packages/tour/tour.js +10 -10
- package/dist/es/packages/trendarrow/trendarrow.js +4 -4
- package/dist/es/packages/uploader/preview.js +8 -8
- package/dist/es/packages/uploader/uploader.js +19 -19
- package/dist/es/packages/video/video.js +3 -3
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +8 -8
- package/dist/es/packages/watermark/watermark.js +2 -2
- package/dist/es/types/spec/empty/base.js +1 -1
- package/dist/es/utils/clamp.js +1 -1
- package/dist/es/utils/date.js +3 -3
- package/dist/es/utils/get-rect.js +1 -1
- package/dist/es/utils/interceptor.js +1 -1
- package/dist/es/utils/is-date.js +1 -1
- package/dist/es/utils/is-empty.js +1 -1
- package/dist/es/utils/is-function.js +1 -1
- package/dist/es/utils/is-object.js +1 -1
- package/dist/es/utils/is-promise.js +1 -1
- package/dist/es/utils/pad-zero.js +1 -1
- package/dist/es/utils/px-check.js +1 -1
- package/dist/es/utils/scale-f.js +2 -4
- package/dist/es/utils/sleep.js +1 -1
- package/dist/es/utils/taro/ConfigurableCSSTransition.js +1 -1
- package/dist/es/utils/taro/get-rect-by-id.js +1 -1
- package/dist/es/utils/taro/get-rect.js +3 -3
- package/dist/es/utils/taro/get-system-info.js +2 -2
- package/dist/es/utils/taro/platform.js +4 -4
- package/dist/es/utils/upper-case-first.js +1 -1
- package/dist/nutui.react.umd.js +1161 -1161
- 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 +40 -40
- package/package.json +1 -1
|
@@ -21,9 +21,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
defaultValue: [],
|
|
22
22
|
closeOnOverlayClick: true
|
|
23
23
|
});
|
|
24
|
-
var InternalPicker = function(props, ref) {
|
|
24
|
+
var InternalPicker = function InternalPicker(props, ref) {
|
|
25
25
|
var locale = useConfig().locale;
|
|
26
|
-
var
|
|
26
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, title = _$_object_spread.title, _object_spread_options = _$_object_spread.options, options = _object_spread_options === void 0 ? [] : _object_spread_options, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, className = _$_object_spread.className, style = _$_object_spread.style, threeDimensional = _$_object_spread.threeDimensional, duration = _$_object_spread.duration, onConfirm = _$_object_spread.onConfirm, onCancel = _$_object_spread.onCancel, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, rest = _object_without_properties(_$_object_spread, [
|
|
27
27
|
"children",
|
|
28
28
|
"visible",
|
|
29
29
|
"title",
|
|
@@ -46,7 +46,7 @@ var InternalPicker = function(props, ref) {
|
|
|
46
46
|
value: props.value,
|
|
47
47
|
defaultValue: _to_consumable_array(defaultValue),
|
|
48
48
|
finalValue: _to_consumable_array(defaultValue),
|
|
49
|
-
onChange: function(value) {
|
|
49
|
+
onChange: function onChange(value) {
|
|
50
50
|
var _props_onConfirm;
|
|
51
51
|
(_props_onConfirm = props.onConfirm) === null || _props_onConfirm === void 0 ? void 0 : _props_onConfirm.call(props, selectedOptionsRef.current, value);
|
|
52
52
|
}
|
|
@@ -55,7 +55,7 @@ var InternalPicker = function(props, ref) {
|
|
|
55
55
|
value: props.visible,
|
|
56
56
|
defaultValue: false,
|
|
57
57
|
finalValue: false,
|
|
58
|
-
onChange: function(v) {
|
|
58
|
+
onChange: function onChange(v) {
|
|
59
59
|
if (!v) {
|
|
60
60
|
var _props_onClose;
|
|
61
61
|
(_props_onClose = props.onClose) === null || _props_onClose === void 0 ? void 0 : _props_onClose.call(props, selectedOptionsRef.current, innerValue);
|
|
@@ -63,10 +63,10 @@ var InternalPicker = function(props, ref) {
|
|
|
63
63
|
}
|
|
64
64
|
}), 2), innerVisible = _usePropsValue1[0], setInnerVisible = _usePropsValue1[1];
|
|
65
65
|
var actions = {
|
|
66
|
-
open: function() {
|
|
66
|
+
open: function open() {
|
|
67
67
|
setInnerVisible(true);
|
|
68
68
|
},
|
|
69
|
-
close: function() {
|
|
69
|
+
close: function close() {
|
|
70
70
|
setInnerVisible(false);
|
|
71
71
|
}
|
|
72
72
|
};
|
|
@@ -88,7 +88,7 @@ var InternalPicker = function(props, ref) {
|
|
|
88
88
|
innerOptions,
|
|
89
89
|
innerVisible
|
|
90
90
|
]);
|
|
91
|
-
var onChangeItem = function(param) {
|
|
91
|
+
var onChangeItem = function onChangeItem(param) {
|
|
92
92
|
var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
|
|
93
93
|
if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) {
|
|
94
94
|
selectedOptionsRef.current = selectedOptions;
|
|
@@ -102,7 +102,7 @@ var InternalPicker = function(props, ref) {
|
|
|
102
102
|
index: index
|
|
103
103
|
}));
|
|
104
104
|
};
|
|
105
|
-
var onConfirmEvent = function() {
|
|
105
|
+
var onConfirmEvent = function onConfirmEvent() {
|
|
106
106
|
var moving = false;
|
|
107
107
|
refs.forEach(function(ref) {
|
|
108
108
|
if (ref.moving) moving = true;
|
|
@@ -113,17 +113,17 @@ var InternalPicker = function(props, ref) {
|
|
|
113
113
|
setInnerVisible(false);
|
|
114
114
|
}
|
|
115
115
|
};
|
|
116
|
-
var onCancelEvent = function() {
|
|
116
|
+
var onCancelEvent = function onCancelEvent() {
|
|
117
117
|
setInnerValue(selectedValue);
|
|
118
118
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
119
119
|
setInnerVisible(false);
|
|
120
120
|
};
|
|
121
|
-
var renderTitleBar = function() {
|
|
121
|
+
var renderTitleBar = function renderTitleBar() {
|
|
122
122
|
return /*#__PURE__*/ React.createElement(View, {
|
|
123
123
|
className: "".concat(classPrefix, "-control")
|
|
124
124
|
}, /*#__PURE__*/ React.createElement(View, {
|
|
125
125
|
className: "".concat(classPrefix, "-cancel-btn"),
|
|
126
|
-
onClick: function(e) {
|
|
126
|
+
onClick: function onClick(e) {
|
|
127
127
|
e.stopPropagation();
|
|
128
128
|
onCancelEvent();
|
|
129
129
|
}
|
|
@@ -131,13 +131,13 @@ var InternalPicker = function(props, ref) {
|
|
|
131
131
|
className: "".concat(classPrefix, "-title")
|
|
132
132
|
}, title || ''), /*#__PURE__*/ React.createElement(View, {
|
|
133
133
|
className: "".concat(classPrefix, "-confirm-btn"),
|
|
134
|
-
onClick: function(e) {
|
|
134
|
+
onClick: function onClick(e) {
|
|
135
135
|
e.stopPropagation();
|
|
136
136
|
onConfirmEvent();
|
|
137
137
|
}
|
|
138
138
|
}, locale.confirm));
|
|
139
139
|
};
|
|
140
|
-
var renderPickerElement = function() {
|
|
140
|
+
var renderPickerElement = function renderPickerElement() {
|
|
141
141
|
return /*#__PURE__*/ React.createElement(View, _object_spread({
|
|
142
142
|
className: classes,
|
|
143
143
|
style: style
|
|
@@ -149,7 +149,7 @@ var InternalPicker = function(props, ref) {
|
|
|
149
149
|
options: props.options,
|
|
150
150
|
threeDimensional: threeDimensional,
|
|
151
151
|
duration: duration,
|
|
152
|
-
onChange: function(param) {
|
|
152
|
+
onChange: function onChange(param) {
|
|
153
153
|
var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
|
|
154
154
|
onChangeItem({
|
|
155
155
|
value: value,
|
|
@@ -162,7 +162,7 @@ var InternalPicker = function(props, ref) {
|
|
|
162
162
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, typeof children === 'function' && children(selectedValue), /*#__PURE__*/ React.createElement(Popup, _object_spread_props(_object_spread({}, popupProps), {
|
|
163
163
|
visible: innerVisible,
|
|
164
164
|
position: "bottom",
|
|
165
|
-
onOverlayClick: function() {
|
|
165
|
+
onOverlayClick: function onOverlayClick() {
|
|
166
166
|
if (!closeOnOverlayClick) return;
|
|
167
167
|
onCancelEvent();
|
|
168
168
|
}
|
|
@@ -12,7 +12,7 @@ import { preventDefault } from "../../utils";
|
|
|
12
12
|
import { momentum, useStyles } from "./utils";
|
|
13
13
|
import { useUuid } from "../../hooks/use-uuid";
|
|
14
14
|
import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
|
|
15
|
-
var InternalPickerRoller = function(props, ref) {
|
|
15
|
+
var InternalPickerRoller = function InternalPickerRoller(props, ref) {
|
|
16
16
|
var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1000 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function(item) {
|
|
17
17
|
return item.label;
|
|
18
18
|
} : _props_renderLabel;
|
|
@@ -37,16 +37,16 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
37
37
|
var _useState5 = _sliced_to_array(useState(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
|
|
38
38
|
var _useState6 = _sliced_to_array(useState(web()), 2), isGetLineSpacing = _useState6[0], setGetStatus = _useState6[1];
|
|
39
39
|
var _useStyles = useStyles(touchTime, touchDeg, scrollDistance, lineSpacing, ROTATION), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
|
|
40
|
-
var isItemHidden = function(index) {
|
|
40
|
+
var isItemHidden = function isItemHidden(index) {
|
|
41
41
|
return index >= currentIndex + 8 || index <= currentIndex - 8;
|
|
42
42
|
};
|
|
43
|
-
var applyTransform = function(type, deg) {
|
|
43
|
+
var applyTransform = function applyTransform(type, deg) {
|
|
44
44
|
var time = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, translateY = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
|
|
45
45
|
setTouchTime(type !== 'end' ? 0 : time);
|
|
46
46
|
setTouchDeg(deg);
|
|
47
47
|
setScrollDistance(translateY);
|
|
48
48
|
};
|
|
49
|
-
var handleMove = function(move, type, time) {
|
|
49
|
+
var handleMove = function handleMove(move, type, time) {
|
|
50
50
|
var updatedMove = move + transformY.current;
|
|
51
51
|
if (type === 'end') {
|
|
52
52
|
updatedMove = Math.max(Math.min(updatedMove, 0), -(options.length - 1) * lineSpacing.current);
|
|
@@ -64,18 +64,18 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
var selectValue = function(move) {
|
|
67
|
+
var selectValue = function selectValue(move) {
|
|
68
68
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing.current)], keyIndex);
|
|
69
69
|
};
|
|
70
70
|
var isScroll = useRef(false);
|
|
71
|
-
var handleTouchStart = function(event) {
|
|
71
|
+
var handleTouchStart = function handleTouchStart(event) {
|
|
72
72
|
isScroll.current = true;
|
|
73
73
|
touch.start(event);
|
|
74
74
|
setStartY(touch.deltaY.current);
|
|
75
75
|
setStartTime(Date.now());
|
|
76
76
|
transformY.current = scrollDistance;
|
|
77
77
|
};
|
|
78
|
-
var handleTouchMove = function(event) {
|
|
78
|
+
var handleTouchMove = function handleTouchMove(event) {
|
|
79
79
|
touch.move(event);
|
|
80
80
|
if (touch.isVertical) {
|
|
81
81
|
isMoving.current = true;
|
|
@@ -84,7 +84,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
84
84
|
var move = touch.deltaY.current - startY;
|
|
85
85
|
handleMove(move);
|
|
86
86
|
};
|
|
87
|
-
var handleTouchEnd = function() {
|
|
87
|
+
var handleTouchEnd = function handleTouchEnd() {
|
|
88
88
|
if (!isMoving.current) return;
|
|
89
89
|
var move = touch.deltaY.current - startY;
|
|
90
90
|
var moveTime = Date.now() - startTime;
|
|
@@ -99,7 +99,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
99
99
|
touch.reset();
|
|
100
100
|
}, 0);
|
|
101
101
|
};
|
|
102
|
-
var updateStatus = function(shouldSelect, value) {
|
|
102
|
+
var updateStatus = function updateStatus(shouldSelect, value) {
|
|
103
103
|
var selectedValue = value || props.value;
|
|
104
104
|
var index = options.findIndex(function(item) {
|
|
105
105
|
return item.value === selectedValue;
|
|
@@ -109,12 +109,12 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
109
109
|
shouldSelect && selectValue(-move);
|
|
110
110
|
handleMove(-move);
|
|
111
111
|
};
|
|
112
|
-
var stopMomentumScroll = function() {
|
|
112
|
+
var stopMomentumScroll = function stopMomentumScroll() {
|
|
113
113
|
isMoving.current = false;
|
|
114
114
|
setTouchTime(0);
|
|
115
115
|
selectValue(scrollDistance);
|
|
116
116
|
};
|
|
117
|
-
var getReactHeight = function() {
|
|
117
|
+
var getReactHeight = function getReactHeight() {
|
|
118
118
|
return _async_to_generator(function() {
|
|
119
119
|
var placeholder, placeholderHeight, error;
|
|
120
120
|
return _ts_generator(this, function(_state) {
|
|
@@ -211,7 +211,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
211
211
|
handleTouchMove,
|
|
212
212
|
handleTouchEnd
|
|
213
213
|
]);
|
|
214
|
-
var onTransitionEnd = function() {
|
|
214
|
+
var onTransitionEnd = function onTransitionEnd() {
|
|
215
215
|
if (!isScroll.current) {
|
|
216
216
|
stopMomentumScroll();
|
|
217
217
|
}
|
|
@@ -14,11 +14,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
14
14
|
options: [],
|
|
15
15
|
defaultValue: [],
|
|
16
16
|
value: undefined,
|
|
17
|
-
renderLabel: function(item) {
|
|
17
|
+
renderLabel: function renderLabel(item) {
|
|
18
18
|
return item.label;
|
|
19
19
|
}
|
|
20
20
|
});
|
|
21
|
-
var InternalPickerView = function(props, ref) {
|
|
21
|
+
var InternalPickerView = function InternalPickerView(props, ref) {
|
|
22
22
|
var _$_object_spread = _object_spread({}, defaultProps, props), options = _$_object_spread.options, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, value = _$_object_spread.value, duration = _$_object_spread.duration, threeDimensional = _$_object_spread.threeDimensional, renderLabel = _$_object_spread.renderLabel, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange;
|
|
23
23
|
var classPrefix = 'nut-pickerview';
|
|
24
24
|
var cls = classNames(classPrefix, className);
|
|
@@ -41,7 +41,7 @@ var InternalPickerView = function(props, ref) {
|
|
|
41
41
|
}, [
|
|
42
42
|
props.options
|
|
43
43
|
]);
|
|
44
|
-
var formatCascadeOptions = function(options, value) {
|
|
44
|
+
var formatCascadeOptions = function formatCascadeOptions(options, value) {
|
|
45
45
|
var _loop = function() {
|
|
46
46
|
var currentOptions = columnOptions.children;
|
|
47
47
|
formatted.push(currentOptions);
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
export var momentum = function(distance, duration) {
|
|
1
|
+
export var momentum = function momentum(distance, duration) {
|
|
2
2
|
var speed = Math.abs(distance / duration);
|
|
3
3
|
return speed / 0.003 * (distance < 0 ? -1 : 1);
|
|
4
4
|
};
|
|
5
|
-
export var useStyles = function(touchTime, touchDeg, scrollDistance, lineSpacing, rotation) {
|
|
6
|
-
var getTransitionStyle = function(transformValue) {
|
|
5
|
+
export var useStyles = function useStyles(touchTime, touchDeg, scrollDistance, lineSpacing, rotation) {
|
|
6
|
+
var getTransitionStyle = function getTransitionStyle(transformValue) {
|
|
7
7
|
return {
|
|
8
8
|
transition: "transform ".concat(touchTime, "ms cubic-bezier(0.17, 0.89, 0.45, 1)"),
|
|
9
9
|
transform: transformValue
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
|
-
var touchRollerStyle = function() {
|
|
12
|
+
var touchRollerStyle = function touchRollerStyle() {
|
|
13
13
|
return getTransitionStyle("rotate3d(1, 0, 0, ".concat(touchDeg, ")"));
|
|
14
14
|
};
|
|
15
|
-
var touchTiledStyle = function() {
|
|
15
|
+
var touchTiledStyle = function touchTiledStyle() {
|
|
16
16
|
return getTransitionStyle("translate3d(0, ".concat(scrollDistance, "px, 0)"));
|
|
17
17
|
};
|
|
18
|
-
var rollerStyle = function(index) {
|
|
18
|
+
var rollerStyle = function rollerStyle(index) {
|
|
19
19
|
return {
|
|
20
20
|
transform: "rotate3d(1, 0, 0, ".concat(-rotation * (index + 1), "deg) translate3d(0px, 0px, ").concat(Math.round(lineSpacing.current * 3.2), "px)")
|
|
21
21
|
};
|
|
@@ -31,14 +31,14 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
31
31
|
closeOnOutsideClick: true,
|
|
32
32
|
closeOnActionClick: true,
|
|
33
33
|
overlay: false,
|
|
34
|
-
onClick: function() {},
|
|
35
|
-
onOpen: function() {},
|
|
36
|
-
onClose: function() {}
|
|
34
|
+
onClick: function onClick() {},
|
|
35
|
+
onOpen: function onOpen() {},
|
|
36
|
+
onClose: function onClose() {}
|
|
37
37
|
});
|
|
38
38
|
var classPrefix = "nut-popover";
|
|
39
|
-
export var Popover = function(props) {
|
|
39
|
+
export var Popover = function Popover(props) {
|
|
40
40
|
var rtl = useRtl();
|
|
41
|
-
var
|
|
41
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, list = _$_object_spread.list, theme = _$_object_spread.theme, location = _$_object_spread.location, visible = _$_object_spread.visible, offset = _$_object_spread.offset, arrowOffset = _$_object_spread.arrowOffset, targetId = _$_object_spread.targetId, overlay = _$_object_spread.overlay, closeOnOutsideClick = _$_object_spread.closeOnOutsideClick, closeOnActionClick = _$_object_spread.closeOnActionClick, className = _$_object_spread.className, showArrow = _$_object_spread.showArrow, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onSelect = _$_object_spread.onSelect, rest = _object_without_properties(_$_object_spread, [
|
|
42
42
|
"children",
|
|
43
43
|
"list",
|
|
44
44
|
"theme",
|
|
@@ -74,7 +74,7 @@ export var Popover = function(props) {
|
|
|
74
74
|
]);
|
|
75
75
|
var uid = useUuid();
|
|
76
76
|
var popoverId = "popover-".concat(uid);
|
|
77
|
-
var getWrapperPosition = function() {
|
|
77
|
+
var getWrapperPosition = function getWrapperPosition() {
|
|
78
78
|
return _async_to_generator(function() {
|
|
79
79
|
return _ts_generator(this, function(_state) {
|
|
80
80
|
nextTick(function() {
|
|
@@ -129,7 +129,7 @@ export var Popover = function(props) {
|
|
|
129
129
|
});
|
|
130
130
|
})();
|
|
131
131
|
};
|
|
132
|
-
var getPopoverContentW = function() {
|
|
132
|
+
var getPopoverContentW = function getPopoverContentW() {
|
|
133
133
|
return _async_to_generator(function() {
|
|
134
134
|
return _ts_generator(this, function(_state) {
|
|
135
135
|
nextTick(function() {
|
|
@@ -159,19 +159,19 @@ export var Popover = function(props) {
|
|
|
159
159
|
});
|
|
160
160
|
})();
|
|
161
161
|
};
|
|
162
|
-
var clickAway = function() {
|
|
162
|
+
var clickAway = function clickAway() {
|
|
163
163
|
if (closeOnOutsideClick) {
|
|
164
164
|
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
165
165
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
166
166
|
}
|
|
167
167
|
};
|
|
168
168
|
var classes = classNames(classPrefix, _define_property({}, "".concat(classPrefix, "-").concat(theme), theme === 'dark'), className);
|
|
169
|
-
var popoverArrow = function() {
|
|
169
|
+
var popoverArrow = function popoverArrow() {
|
|
170
170
|
var prefixCls = 'nut-popover-arrow';
|
|
171
171
|
var direction = location.split('-')[0];
|
|
172
172
|
return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(direction, " ").concat(prefixCls, "-").concat(location);
|
|
173
173
|
};
|
|
174
|
-
var getPopoverPosition = function() {
|
|
174
|
+
var getPopoverPosition = function getPopoverPosition() {
|
|
175
175
|
var styles = {};
|
|
176
176
|
if (!wrapperPosition) {
|
|
177
177
|
styles.visibility = 'hidden';
|
|
@@ -225,7 +225,7 @@ export var Popover = function(props) {
|
|
|
225
225
|
styles.visibility = popWidth === 0 ? 'hidden' : 'initial';
|
|
226
226
|
return styles;
|
|
227
227
|
};
|
|
228
|
-
var popoverArrowStyle = function() {
|
|
228
|
+
var popoverArrowStyle = function popoverArrowStyle() {
|
|
229
229
|
var styles = {};
|
|
230
230
|
var direction = location.split('-')[0];
|
|
231
231
|
var skew = location.split('-')[1];
|
|
@@ -264,7 +264,7 @@ export var Popover = function(props) {
|
|
|
264
264
|
}
|
|
265
265
|
return styles;
|
|
266
266
|
};
|
|
267
|
-
var handleSelect = function(item, index) {
|
|
267
|
+
var handleSelect = function handleSelect(item, index) {
|
|
268
268
|
if (!item.disabled) {
|
|
269
269
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(item, index);
|
|
270
270
|
}
|
|
@@ -277,7 +277,7 @@ export var Popover = function(props) {
|
|
|
277
277
|
className: "nut-popover-wrapper",
|
|
278
278
|
ref: popoverRef,
|
|
279
279
|
id: popoverId,
|
|
280
|
-
onClick: function() {
|
|
280
|
+
onClick: function onClick() {
|
|
281
281
|
var _props_onClick;
|
|
282
282
|
props === null || props === void 0 ? void 0 : (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props);
|
|
283
283
|
if (!visible) {
|
|
@@ -309,7 +309,7 @@ export var Popover = function(props) {
|
|
|
309
309
|
'nut-popover-item-disabled': item.disabled
|
|
310
310
|
}, item.className),
|
|
311
311
|
key: item.key || index,
|
|
312
|
-
onClick: function() {
|
|
312
|
+
onClick: function onClick() {
|
|
313
313
|
return handleSelect(item, index);
|
|
314
314
|
}
|
|
315
315
|
}, item.icon && /*#__PURE__*/ React.createElement(View, {
|
|
@@ -318,7 +318,7 @@ export var Popover = function(props) {
|
|
|
318
318
|
className: "nut-popover-item-name"
|
|
319
319
|
}, item.name), ((_item_action = item.action) === null || _item_action === void 0 ? void 0 : _item_action.icon) && /*#__PURE__*/ React.createElement(View, {
|
|
320
320
|
className: "nut-popover-item-action-icon",
|
|
321
|
-
onClick: function(e) {
|
|
321
|
+
onClick: function onClick(e) {
|
|
322
322
|
var _item_action_onClick, _item_action;
|
|
323
323
|
return (_item_action = item.action) === null || _item_action === void 0 ? void 0 : (_item_action_onClick = _item_action.onClick) === null || _item_action_onClick === void 0 ? void 0 : _item_action_onClick.call(_item_action, e);
|
|
324
324
|
}
|
|
@@ -32,21 +32,21 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
|
|
|
32
32
|
round: false,
|
|
33
33
|
resizable: false,
|
|
34
34
|
minHeight: '',
|
|
35
|
-
onOpen: function() {},
|
|
36
|
-
onClose: function() {},
|
|
37
|
-
onOverlayClick: function() {
|
|
35
|
+
onOpen: function onOpen() {},
|
|
36
|
+
onClose: function onClose() {},
|
|
37
|
+
onOverlayClick: function onOverlayClick() {
|
|
38
38
|
return true;
|
|
39
39
|
},
|
|
40
|
-
onCloseIconClick: function() {
|
|
40
|
+
onCloseIconClick: function onCloseIconClick() {
|
|
41
41
|
return true;
|
|
42
42
|
},
|
|
43
|
-
onTouchStart: function() {},
|
|
44
|
-
onTouchMove: function() {},
|
|
45
|
-
onTouchEnd: function() {}
|
|
43
|
+
onTouchStart: function onTouchStart() {},
|
|
44
|
+
onTouchMove: function onTouchMove() {},
|
|
45
|
+
onTouchEnd: function onTouchEnd() {}
|
|
46
46
|
});
|
|
47
47
|
// 默认1000,参看variables
|
|
48
48
|
var _zIndex = 1100;
|
|
49
|
-
export var Popup = function(props) {
|
|
49
|
+
export var Popup = function Popup(props) {
|
|
50
50
|
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
|
|
51
51
|
var innerIndex = zIndex || _zIndex;
|
|
52
52
|
var _useState = _sliced_to_array(useState(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
|
|
@@ -74,14 +74,14 @@ export var Popup = function(props) {
|
|
|
74
74
|
var popClassName = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
|
|
75
75
|
var _useState4 = _sliced_to_array(useState(''), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
|
|
76
76
|
var _useState5 = _sliced_to_array(useState(''), 2), topBottom = _useState5[0], setTopBottom = _useState5[1];
|
|
77
|
-
var resizeStyles = function() {
|
|
77
|
+
var resizeStyles = function resizeStyles() {
|
|
78
78
|
if (popupHeight !== '') {
|
|
79
79
|
return {
|
|
80
80
|
height: popupHeight
|
|
81
81
|
};
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
|
-
var open = function() {
|
|
84
|
+
var open = function open() {
|
|
85
85
|
if (!innerVisible) {
|
|
86
86
|
// 当高度改变后,再次打开时,将高度置为初始高度
|
|
87
87
|
if (position === 'bottom' && resizable && nodeRef.current && heightRef.current) {
|
|
@@ -95,7 +95,7 @@ export var Popup = function(props) {
|
|
|
95
95
|
}
|
|
96
96
|
onOpen && onOpen();
|
|
97
97
|
};
|
|
98
|
-
var getPopupHeight = function() {
|
|
98
|
+
var getPopupHeight = function getPopupHeight() {
|
|
99
99
|
return _async_to_generator(function() {
|
|
100
100
|
var _nodeRef_current, rect, height;
|
|
101
101
|
return _ts_generator(this, function(_state) {
|
|
@@ -127,7 +127,7 @@ export var Popup = function(props) {
|
|
|
127
127
|
}, [
|
|
128
128
|
innerVisible
|
|
129
129
|
]);
|
|
130
|
-
var close = function() {
|
|
130
|
+
var close = function close() {
|
|
131
131
|
if (innerVisible) {
|
|
132
132
|
setInnerVisible(false);
|
|
133
133
|
if (destroyOnClose) {
|
|
@@ -138,16 +138,16 @@ export var Popup = function(props) {
|
|
|
138
138
|
onClose && onClose();
|
|
139
139
|
}
|
|
140
140
|
};
|
|
141
|
-
var handleOverlayClick = function(e) {
|
|
141
|
+
var handleOverlayClick = function handleOverlayClick(e) {
|
|
142
142
|
e.stopPropagation();
|
|
143
143
|
if (closeOnOverlayClick && onOverlayClick(e)) {
|
|
144
144
|
close();
|
|
145
145
|
}
|
|
146
146
|
};
|
|
147
|
-
var handleCloseIconClick = function(e) {
|
|
147
|
+
var handleCloseIconClick = function handleCloseIconClick(e) {
|
|
148
148
|
onCloseIconClick(e) && close();
|
|
149
149
|
};
|
|
150
|
-
var renderCloseIcon = function() {
|
|
150
|
+
var renderCloseIcon = function renderCloseIcon() {
|
|
151
151
|
var closeClasses = classNames("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
|
|
152
152
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable && /*#__PURE__*/ React.createElement(View, {
|
|
153
153
|
className: closeClasses,
|
|
@@ -156,7 +156,7 @@ export var Popup = function(props) {
|
|
|
156
156
|
ariaLabel: closeAriaLabel || locale.close
|
|
157
157
|
}, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ React.createElement(Close, null)));
|
|
158
158
|
};
|
|
159
|
-
var renderTop = function() {
|
|
159
|
+
var renderTop = function renderTop() {
|
|
160
160
|
if (!top) return null;
|
|
161
161
|
return /*#__PURE__*/ React.createElement(View, {
|
|
162
162
|
className: "".concat(classPrefix, "-bottom-top"),
|
|
@@ -166,7 +166,7 @@ export var Popup = function(props) {
|
|
|
166
166
|
}
|
|
167
167
|
}, top);
|
|
168
168
|
};
|
|
169
|
-
var renderTitle = function() {
|
|
169
|
+
var renderTitle = function renderTitle() {
|
|
170
170
|
if (left || title || description) {
|
|
171
171
|
return /*#__PURE__*/ React.createElement(View, {
|
|
172
172
|
className: "".concat(classPrefix, "-title")
|
|
@@ -184,7 +184,7 @@ export var Popup = function(props) {
|
|
|
184
184
|
return renderCloseIcon();
|
|
185
185
|
}
|
|
186
186
|
};
|
|
187
|
-
var handleTouchStart = function(event) {
|
|
187
|
+
var handleTouchStart = function handleTouchStart(event) {
|
|
188
188
|
return _async_to_generator(function() {
|
|
189
189
|
var _nodeRef_current, _rootRect_current, e, rect;
|
|
190
190
|
return _ts_generator(this, function(_state) {
|
|
@@ -215,13 +215,13 @@ export var Popup = function(props) {
|
|
|
215
215
|
});
|
|
216
216
|
})();
|
|
217
217
|
};
|
|
218
|
-
var handleTouchMove = function(event) {
|
|
218
|
+
var handleTouchMove = function handleTouchMove(event) {
|
|
219
219
|
if (position !== 'bottom' || !resizable || !nodeRef.current || !rootRect.current) return;
|
|
220
220
|
var e = event;
|
|
221
221
|
e.stopPropagation();
|
|
222
222
|
// 计算位移:move过程中,当前的pageY 与 start值比较
|
|
223
223
|
touchMoveDistanceRef.current = e.touches[0].pageY - touchStartRef.current;
|
|
224
|
-
var handleMove = function() {
|
|
224
|
+
var handleMove = function handleMove() {
|
|
225
225
|
var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
|
|
226
226
|
var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
|
|
227
227
|
setPopupHeight(pxTransform(currentHeight));
|
|
@@ -235,7 +235,7 @@ export var Popup = function(props) {
|
|
|
235
235
|
};
|
|
236
236
|
requestAnimationFrame(handleMove);
|
|
237
237
|
};
|
|
238
|
-
var handleTouchEnd = function(event) {
|
|
238
|
+
var handleTouchEnd = function handleTouchEnd(event) {
|
|
239
239
|
if (position !== 'bottom' || !resizable || !nodeRef.current || !rootRect.current) return;
|
|
240
240
|
var e = event;
|
|
241
241
|
isTouching.current = false;
|
|
@@ -243,7 +243,7 @@ export var Popup = function(props) {
|
|
|
243
243
|
var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
|
|
244
244
|
onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(currentHeight, e);
|
|
245
245
|
};
|
|
246
|
-
var renderContent = function() {
|
|
246
|
+
var renderContent = function renderContent() {
|
|
247
247
|
return /*#__PURE__*/ React.createElement(View, {
|
|
248
248
|
ref: nodeRef,
|
|
249
249
|
style: _object_spread(_object_spread_props(_object_spread({}, popStyles), {
|
|
@@ -258,7 +258,7 @@ export var Popup = function(props) {
|
|
|
258
258
|
onTouchCancel: handleTouchEnd
|
|
259
259
|
}, renderTop(), renderTitle(), showChildren ? children : null);
|
|
260
260
|
};
|
|
261
|
-
var renderPop = function() {
|
|
261
|
+
var renderPop = function renderPop() {
|
|
262
262
|
return /*#__PURE__*/ React.createElement(CSSTransition, {
|
|
263
263
|
nodeRef: nodeRef,
|
|
264
264
|
classNames: transitionName,
|
|
@@ -270,7 +270,7 @@ export var Popup = function(props) {
|
|
|
270
270
|
onExited: afterClose
|
|
271
271
|
}, renderContent());
|
|
272
272
|
};
|
|
273
|
-
var renderNode = function() {
|
|
273
|
+
var renderNode = function renderNode() {
|
|
274
274
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay ? /*#__PURE__*/ React.createElement(Overlay, {
|
|
275
275
|
zIndex: index,
|
|
276
276
|
style: overlayStyles,
|
|
@@ -293,10 +293,10 @@ export var Popup = function(props) {
|
|
|
293
293
|
position,
|
|
294
294
|
transition
|
|
295
295
|
]);
|
|
296
|
-
var resolveContainer = function(getContainer) {
|
|
296
|
+
var resolveContainer = function resolveContainer(getContainer) {
|
|
297
297
|
return (typeof getContainer === 'function' ? getContainer() : getContainer) || document.body;
|
|
298
298
|
};
|
|
299
|
-
var renderToContainer = function(getContainer, node) {
|
|
299
|
+
var renderToContainer = function renderToContainer(getContainer, node) {
|
|
300
300
|
if (getContainer) {
|
|
301
301
|
var container = resolveContainer(getContainer);
|
|
302
302
|
return /*#__PURE__*/ createPortal(node, container);
|
|
@@ -19,7 +19,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
size: 'normal',
|
|
20
20
|
line: false
|
|
21
21
|
});
|
|
22
|
-
export var Price = function(props) {
|
|
22
|
+
export var Price = function Price(props) {
|
|
23
23
|
var _$_object_spread = _object_spread({}, defaultProps, props), color = _$_object_spread.color, originalPrice = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style;
|
|
24
24
|
var classPrefix = 'nut-price';
|
|
25
25
|
var rtl = useRtl();
|
|
@@ -49,7 +49,7 @@ export var Price = function(props) {
|
|
|
49
49
|
isCustomPriceColor,
|
|
50
50
|
color
|
|
51
51
|
]);
|
|
52
|
-
var replaceSpecialChar = function(url) {
|
|
52
|
+
var replaceSpecialChar = function replaceSpecialChar(url) {
|
|
53
53
|
url = url.replace(/"/g, '"');
|
|
54
54
|
url = url.replace(/&/g, '&');
|
|
55
55
|
url = url.replace(/</g, '<');
|
|
@@ -58,10 +58,10 @@ export var Price = function(props) {
|
|
|
58
58
|
url = url.replace(/¥/g, '¥');
|
|
59
59
|
return url;
|
|
60
60
|
};
|
|
61
|
-
var checkPoint = function(price) {
|
|
61
|
+
var checkPoint = function checkPoint(price) {
|
|
62
62
|
return String(price).indexOf('.') > 0;
|
|
63
63
|
};
|
|
64
|
-
var formatThousands = function(num) {
|
|
64
|
+
var formatThousands = function formatThousands(num) {
|
|
65
65
|
if (Number(num) === 0) {
|
|
66
66
|
num = 0;
|
|
67
67
|
}
|
|
@@ -74,7 +74,7 @@ export var Price = function(props) {
|
|
|
74
74
|
}
|
|
75
75
|
return num;
|
|
76
76
|
};
|
|
77
|
-
var formatDecimal = function(decimalNum) {
|
|
77
|
+
var formatDecimal = function formatDecimal(decimalNum) {
|
|
78
78
|
if (Number(decimalNum) === 0) {
|
|
79
79
|
decimalNum = 0;
|
|
80
80
|
}
|
|
@@ -91,7 +91,7 @@ export var Price = function(props) {
|
|
|
91
91
|
}
|
|
92
92
|
return decimalNum;
|
|
93
93
|
};
|
|
94
|
-
var renderSymbol = function() {
|
|
94
|
+
var renderSymbol = function renderSymbol() {
|
|
95
95
|
var _obj;
|
|
96
96
|
return /*#__PURE__*/ React.createElement(Text, {
|
|
97
97
|
className: classNames([
|
|
@@ -102,7 +102,7 @@ export var Price = function(props) {
|
|
|
102
102
|
style: priceColorStyle
|
|
103
103
|
}, symbol ? replaceSpecialChar(symbol) : '');
|
|
104
104
|
};
|
|
105
|
-
var renderInner = function() {
|
|
105
|
+
var renderInner = function renderInner() {
|
|
106
106
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, symbol && position === 'before' ? renderSymbol() : null, /*#__PURE__*/ React.createElement(Text, {
|
|
107
107
|
className: "".concat(classPrefix, "-integer ").concat(classPrefix, "-integer-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
|
|
108
108
|
style: priceColorStyle
|
|
@@ -114,7 +114,7 @@ export var Price = function(props) {
|
|
|
114
114
|
style: priceColorStyle
|
|
115
115
|
}, formatDecimal(price))) : null, symbol && position === 'after' ? renderSymbol() : null);
|
|
116
116
|
};
|
|
117
|
-
var renderRawContent = function() {
|
|
117
|
+
var renderRawContent = function renderRawContent() {
|
|
118
118
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, originalPrice);
|
|
119
119
|
};
|
|
120
120
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, harmony() || process.env.TARO_ENV === 'dynamic' ? /*#__PURE__*/ React.createElement(Text, {
|