@nutui/nutui-react-taro 3.0.21-cpp → 3.0.22-cpp
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 +9 -2
- 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/avatar/avatar.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 +2 -1
- package/dist/cjs/packages/button/button.js +1 -1
- package/dist/cjs/packages/card/card.js +1 -1
- package/dist/cjs/packages/cascader/utils.js +4 -4
- package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/form/form.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/image/image.js +1 -1
- package/dist/cjs/packages/imagepreview/imagepreview.js +3 -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 +2 -2
- 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/swipe/swipe.js +1 -0
- 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/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/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 +4 -4
- 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 +10 -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 +24 -24
- package/dist/es/packages/calendarcard/icon.js +5 -5
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +6 -6
- package/dist/es/packages/cell/cell.js +4 -4
- package/dist/es/packages/cellgroup/cellgroup.js +2 -2
- package/dist/es/packages/checkbox/checkbox.js +10 -10
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
- package/dist/es/packages/circleprogress/circleprogress.js +7 -7
- package/dist/es/packages/col/col.js +2 -2
- package/dist/es/packages/collapse/collapse.js +3 -3
- package/dist/es/packages/collapse/context.js +2 -2
- package/dist/es/packages/collapseitem/collapseitem.js +5 -5
- package/dist/es/packages/configprovider/configprovider.js +5 -5
- package/dist/es/packages/countdown/countdown.js +15 -15
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/content.js +6 -6
- package/dist/es/packages/dialog/dialog.js +24 -24
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +5 -5
- package/dist/es/packages/elevator/elevator.js +17 -17
- package/dist/es/packages/ellipsis/ellipsis.js +14 -14
- package/dist/es/packages/empty/empty.js +1 -1
- package/dist/es/packages/fixednav/fixednav.js +7 -7
- package/dist/es/packages/form/form.js +7 -7
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +6 -6
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +7 -7
- package/dist/es/packages/imagepreview/imagepreview.js +16 -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 +16 -16
- package/dist/es/packages/popup/popup.js +13 -13
- 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 +11 -11
- 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 +17 -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/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/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 +2 -2
- 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 +1147 -1142
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +31 -31
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +24 -24
- package/dist/style.css +1 -1
- package/dist/style.scss +40 -40
- package/package.json +1 -1
- package/dist/cjs/utils/taro/ConfigurableCSSTransition copy.d.ts +0 -15
- package/dist/cjs/utils/taro/ConfigurableCSSTransition copy.js +0 -130
- package/dist/es/utils/taro/ConfigurableCSSTransition copy.d.ts +0 -15
- package/dist/es/utils/taro/ConfigurableCSSTransition copy.js +0 -119
|
@@ -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() {
|
|
@@ -89,7 +89,7 @@ export var Popover = function(props) {
|
|
|
89
89
|
];
|
|
90
90
|
return [
|
|
91
91
|
4,
|
|
92
|
-
getRectInMultiPlatform(document.querySelector("#".concat(targetId)), targetId)
|
|
92
|
+
getRectInMultiPlatform(typeof document !== 'undefined' ? document.querySelector("#".concat(targetId)) : null, targetId)
|
|
93
93
|
];
|
|
94
94
|
case 1:
|
|
95
95
|
_tmp = _state.sent();
|
|
@@ -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) {
|
|
@@ -312,7 +312,7 @@ export var Popover = function(props) {
|
|
|
312
312
|
'nut-popover-item-disabled': item.disabled
|
|
313
313
|
}, item.className),
|
|
314
314
|
key: item.key || index,
|
|
315
|
-
onClick: function() {
|
|
315
|
+
onClick: function onClick() {
|
|
316
316
|
return handleSelect(item, index);
|
|
317
317
|
}
|
|
318
318
|
}, item.icon && /*#__PURE__*/ React.createElement(View, {
|
|
@@ -321,7 +321,7 @@ export var Popover = function(props) {
|
|
|
321
321
|
className: "nut-popover-item-name"
|
|
322
322
|
}, item.name), ((_item_action = item.action) === null || _item_action === void 0 ? void 0 : _item_action.icon) && /*#__PURE__*/ React.createElement(View, {
|
|
323
323
|
className: "nut-popover-item-action-icon",
|
|
324
|
-
onClick: function(e) {
|
|
324
|
+
onClick: function onClick(e) {
|
|
325
325
|
var _item_action_onClick, _item_action;
|
|
326
326
|
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);
|
|
327
327
|
}
|
|
@@ -32,23 +32,23 @@ 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
|
overlayProps: {},
|
|
47
47
|
animated: true
|
|
48
48
|
});
|
|
49
49
|
// 默认1000,参看variables
|
|
50
50
|
var _zIndex = 1100;
|
|
51
|
-
export var Popup = function(props) {
|
|
51
|
+
export var Popup = function Popup(props) {
|
|
52
52
|
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, overlayProps = _$_object_spread.overlayProps, animated = _$_object_spread.animated;
|
|
53
53
|
var locale = useConfig().locale;
|
|
54
54
|
var transitionDuration = useMemo(function() {
|
|
@@ -308,7 +308,7 @@ export var Popup = function(props) {
|
|
|
308
308
|
e.stopPropagation();
|
|
309
309
|
// 计算位移:move过程中,当前的pageY 与 start值比较
|
|
310
310
|
touchMoveDistanceRef.current = e.touches[0].pageY - touchStartRef.current;
|
|
311
|
-
var handleMove = function() {
|
|
311
|
+
var handleMove = function handleMove() {
|
|
312
312
|
var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
|
|
313
313
|
var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
|
|
314
314
|
setPopupHeight(pxTransform(currentHeight));
|
|
@@ -342,7 +342,7 @@ export var Popup = function(props) {
|
|
|
342
342
|
onTouchEnd,
|
|
343
343
|
nodeRef
|
|
344
344
|
]);
|
|
345
|
-
var renderPop = function() {
|
|
345
|
+
var renderPop = function renderPop() {
|
|
346
346
|
return /*#__PURE__*/ React.createElement(ConfigurableCSSTransition, {
|
|
347
347
|
nodeRef: nodeRef,
|
|
348
348
|
classNames: transitionName,
|
|
@@ -366,7 +366,7 @@ export var Popup = function(props) {
|
|
|
366
366
|
onTouchCancel: handleTouchEnd
|
|
367
367
|
}, renderTop(), renderTitle(), showChildren ? children : null));
|
|
368
368
|
};
|
|
369
|
-
var renderNode = function() {
|
|
369
|
+
var renderNode = function renderNode() {
|
|
370
370
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay ? /*#__PURE__*/ React.createElement(Overlay, _object_spread({
|
|
371
371
|
zIndex: index,
|
|
372
372
|
style: overlayStyles,
|
|
@@ -378,10 +378,10 @@ export var Popup = function(props) {
|
|
|
378
378
|
onClick: handleOverlayClick
|
|
379
379
|
}, overlayProps)) : null, renderPop());
|
|
380
380
|
};
|
|
381
|
-
var resolveContainer = function(getContainer) {
|
|
381
|
+
var resolveContainer = function resolveContainer(getContainer) {
|
|
382
382
|
return (typeof getContainer === 'function' ? getContainer() : getContainer) || document.body;
|
|
383
383
|
};
|
|
384
|
-
var renderToContainer = function(getContainer, node) {
|
|
384
|
+
var renderToContainer = function renderToContainer(getContainer, node) {
|
|
385
385
|
if (getContainer) {
|
|
386
386
|
var container = resolveContainer(getContainer);
|
|
387
387
|
return /*#__PURE__*/ createPortal(node, container);
|
|
@@ -20,7 +20,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
20
20
|
line: false,
|
|
21
21
|
raw: false
|
|
22
22
|
});
|
|
23
|
-
export var Price = function(props) {
|
|
23
|
+
export var Price = function Price(props) {
|
|
24
24
|
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, raw = _$_object_spread.raw, className = _$_object_spread.className, style = _$_object_spread.style;
|
|
25
25
|
var classPrefix = 'nut-price';
|
|
26
26
|
var rtl = useRtl();
|
|
@@ -51,7 +51,7 @@ export var Price = function(props) {
|
|
|
51
51
|
isCustomPriceColor,
|
|
52
52
|
color
|
|
53
53
|
]);
|
|
54
|
-
var replaceSpecialChar = function(url) {
|
|
54
|
+
var replaceSpecialChar = function replaceSpecialChar(url) {
|
|
55
55
|
url = url.replace(/"/g, '"');
|
|
56
56
|
url = url.replace(/&/g, '&');
|
|
57
57
|
url = url.replace(/</g, '<');
|
|
@@ -60,10 +60,10 @@ export var Price = function(props) {
|
|
|
60
60
|
url = url.replace(/¥/g, '¥');
|
|
61
61
|
return url;
|
|
62
62
|
};
|
|
63
|
-
var checkPoint = function(price) {
|
|
63
|
+
var checkPoint = function checkPoint(price) {
|
|
64
64
|
return String(price).indexOf('.') > 0;
|
|
65
65
|
};
|
|
66
|
-
var formatThousands = function(num) {
|
|
66
|
+
var formatThousands = function formatThousands(num) {
|
|
67
67
|
if (Number(num) === 0) {
|
|
68
68
|
num = 0;
|
|
69
69
|
}
|
|
@@ -76,7 +76,7 @@ export var Price = function(props) {
|
|
|
76
76
|
}
|
|
77
77
|
return num;
|
|
78
78
|
};
|
|
79
|
-
var formatDecimal = function(decimalNum) {
|
|
79
|
+
var formatDecimal = function formatDecimal(decimalNum) {
|
|
80
80
|
if (Number(decimalNum) === 0 && !checkPoint(decimalNum)) {
|
|
81
81
|
decimalNum = 0;
|
|
82
82
|
}
|
|
@@ -93,7 +93,7 @@ export var Price = function(props) {
|
|
|
93
93
|
}
|
|
94
94
|
return decimalNum;
|
|
95
95
|
};
|
|
96
|
-
var renderSymbol = function() {
|
|
96
|
+
var renderSymbol = function renderSymbol() {
|
|
97
97
|
var _obj;
|
|
98
98
|
return /*#__PURE__*/ React.createElement(Text, {
|
|
99
99
|
className: classNames([
|
|
@@ -106,7 +106,7 @@ export var Price = function(props) {
|
|
|
106
106
|
ariaHidden: true
|
|
107
107
|
}, symbol ? replaceSpecialChar(symbol) : '');
|
|
108
108
|
};
|
|
109
|
-
var renderInner = function() {
|
|
109
|
+
var renderInner = function renderInner() {
|
|
110
110
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, symbol && position === 'before' ? renderSymbol() : null, /*#__PURE__*/ React.createElement(Text, {
|
|
111
111
|
className: "".concat(classPrefix, "-integer ").concat(classPrefix, "-integer-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
|
|
112
112
|
style: priceColorStyle,
|
|
@@ -124,7 +124,7 @@ export var Price = function(props) {
|
|
|
124
124
|
ariaHidden: true
|
|
125
125
|
}, formatDecimal(price))) : null, symbol && position === 'after' ? renderSymbol() : null);
|
|
126
126
|
};
|
|
127
|
-
var renderRawContent = function() {
|
|
127
|
+
var renderRawContent = function renderRawContent() {
|
|
128
128
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, originalPrice);
|
|
129
129
|
};
|
|
130
130
|
var accessiblePriceText = useMemo(function() {
|
|
@@ -19,10 +19,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
lazy: false,
|
|
20
20
|
delay: 0
|
|
21
21
|
});
|
|
22
|
-
export var Progress = function(props) {
|
|
22
|
+
export var Progress = function Progress(props) {
|
|
23
|
+
var _ref, _props_showText, _ref1, _props_color, _ref2, _props_background, _ref3, _props_animated;
|
|
23
24
|
var rtl = useRtl();
|
|
24
|
-
var
|
|
25
|
-
showInfo =
|
|
25
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, percent = _$_object_spread.percent, background = _$_object_spread.background, color = _$_object_spread.color, strokeWidth = _$_object_spread.strokeWidth, showText = _$_object_spread.showText, animated = _$_object_spread.animated, children = _$_object_spread.children, lazy = _$_object_spread.lazy, delay = _$_object_spread.delay, // tc
|
|
26
|
+
showInfo = _$_object_spread.showInfo, borderRadius = _$_object_spread.borderRadius, fontSize = _$_object_spread.fontSize, activeColor = _$_object_spread.activeColor, backgroundColor = _$_object_spread.backgroundColor, active = _$_object_spread.active, activeMode = _$_object_spread.activeMode, duration = _$_object_spread.duration, onActiveEnd = _$_object_spread.onActiveEnd, rest = _object_without_properties(_$_object_spread, [
|
|
26
27
|
"className",
|
|
27
28
|
"style",
|
|
28
29
|
"percent",
|
|
@@ -45,18 +46,14 @@ export var Progress = function(props) {
|
|
|
45
46
|
"onActiveEnd"
|
|
46
47
|
]);
|
|
47
48
|
var classPrefix = 'nut-progress';
|
|
48
|
-
var _props_showText
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var _props_background, _ref3;
|
|
53
|
-
var effectiveBgColor = (_ref3 = (_props_background = props.background) !== null && _props_background !== void 0 ? _props_background : backgroundColor) !== null && _ref3 !== void 0 ? _ref3 : defaultProps.background;
|
|
54
|
-
var _props_animated, _ref4;
|
|
55
|
-
var effectiveAnimated = (_ref4 = (_props_animated = props.animated) !== null && _props_animated !== void 0 ? _props_animated : active) !== null && _ref4 !== void 0 ? _ref4 : defaultProps.animated;
|
|
49
|
+
var effectiveShowText = (_ref = (_props_showText = props.showText) !== null && _props_showText !== void 0 ? _props_showText : showInfo) !== null && _ref !== void 0 ? _ref : defaultProps.showText;
|
|
50
|
+
var effectiveColor = (_ref1 = (_props_color = props.color) !== null && _props_color !== void 0 ? _props_color : activeColor) !== null && _ref1 !== void 0 ? _ref1 : defaultProps.color;
|
|
51
|
+
var effectiveBgColor = (_ref2 = (_props_background = props.background) !== null && _props_background !== void 0 ? _props_background : backgroundColor) !== null && _ref2 !== void 0 ? _ref2 : defaultProps.background;
|
|
52
|
+
var effectiveAnimated = (_ref3 = (_props_animated = props.animated) !== null && _props_animated !== void 0 ? _props_animated : active) !== null && _ref3 !== void 0 ? _ref3 : defaultProps.animated;
|
|
56
53
|
var _obj;
|
|
57
54
|
var classesInner = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-inner"), true), _define_property(_obj, "".concat(classPrefix, "-active"), effectiveAnimated), _obj));
|
|
58
55
|
var _useState = _sliced_to_array(useState(percent), 2), displayPercent = _useState[0], setDispalyPercent = _useState[1];
|
|
59
|
-
var getStyles = function() {
|
|
56
|
+
var getStyles = function getStyles() {
|
|
60
57
|
// 基础样式
|
|
61
58
|
var baseStyles = {
|
|
62
59
|
height: strokeWidth && pxTransform(Number(strokeWidth)),
|
|
@@ -77,7 +74,7 @@ export var Progress = function(props) {
|
|
|
77
74
|
};
|
|
78
75
|
};
|
|
79
76
|
var _getStyles = getStyles(), stylesOuter = _getStyles.outer, stylesInner = _getStyles.inner;
|
|
80
|
-
var handlePercent = function() {
|
|
77
|
+
var handlePercent = function handlePercent() {
|
|
81
78
|
var timer = null;
|
|
82
79
|
if (delay) {
|
|
83
80
|
setDispalyPercent(0);
|
|
@@ -115,7 +112,7 @@ export var Progress = function(props) {
|
|
|
115
112
|
var webObserver = useRef(null);
|
|
116
113
|
var uuid = useUuid();
|
|
117
114
|
var selector = "".concat(classPrefix, "-lazy-").concat(uuid);
|
|
118
|
-
var resetObserver = function() {
|
|
115
|
+
var resetObserver = function resetObserver() {
|
|
119
116
|
var observer = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
|
|
120
117
|
if (web()) {
|
|
121
118
|
webObserver.current.disconnect && webObserver.current.disconnect();
|
|
@@ -136,7 +133,7 @@ export var Progress = function(props) {
|
|
|
136
133
|
}, [
|
|
137
134
|
intersecting
|
|
138
135
|
]);
|
|
139
|
-
var handleWebObserver = function() {
|
|
136
|
+
var handleWebObserver = function handleWebObserver() {
|
|
140
137
|
/// web环境
|
|
141
138
|
if (lazy) {
|
|
142
139
|
webObserver.current = new IntersectionObserver(function(entires, self) {
|
|
@@ -153,7 +150,7 @@ export var Progress = function(props) {
|
|
|
153
150
|
}
|
|
154
151
|
handlePercent();
|
|
155
152
|
};
|
|
156
|
-
var handleOtherObserver = function() {
|
|
153
|
+
var handleOtherObserver = function handleOtherObserver() {
|
|
157
154
|
// 非web环境
|
|
158
155
|
var observer = null;
|
|
159
156
|
if (lazy) {
|
|
@@ -178,14 +175,14 @@ export var Progress = function(props) {
|
|
|
178
175
|
handleOtherObserver();
|
|
179
176
|
}
|
|
180
177
|
}, []);
|
|
181
|
-
var getTextStyle = function() {
|
|
178
|
+
var getTextStyle = function getTextStyle() {
|
|
182
179
|
return rtl ? {
|
|
183
180
|
right: '100%'
|
|
184
181
|
} : {
|
|
185
182
|
left: '100%'
|
|
186
183
|
};
|
|
187
184
|
};
|
|
188
|
-
var computeRight = function() {
|
|
185
|
+
var computeRight = function computeRight() {
|
|
189
186
|
if (children) {
|
|
190
187
|
return 0;
|
|
191
188
|
}
|
|
@@ -194,7 +191,7 @@ export var Progress = function(props) {
|
|
|
194
191
|
}
|
|
195
192
|
return Math.floor(("".concat(percent, "%").length * 9 + 4) / 2);
|
|
196
193
|
};
|
|
197
|
-
var computeInnerStyle = function() {
|
|
194
|
+
var computeInnerStyle = function computeInnerStyle() {
|
|
198
195
|
var style = {
|
|
199
196
|
backgroundColor: effectiveColor || '#ff0f23',
|
|
200
197
|
fontSize: fontSize && pxTransform(parseInt(fontSize.toString()))
|