@nutui/nutui-react 4.0.0-beta.4 → 4.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/hooks/use-props-value.js +1 -1
- package/dist/cjs/hooks/use-touch.js +4 -4
- package/dist/cjs/packages/address/cascaderRender.js +1 -1
- package/dist/cjs/packages/address/existRender.js +1 -1
- package/dist/cjs/packages/animate/animate.js +1 -1
- package/dist/cjs/packages/audio/audio.js +1 -1
- package/dist/cjs/packages/avatar/avatar.js +1 -1
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/cjs/packages/barrage/barrage.js +1 -1
- package/dist/cjs/packages/button/button.js +1 -1
- package/dist/cjs/packages/card/card.js +1 -1
- package/dist/cjs/packages/cascader/utils.js +7 -6
- package/dist/cjs/packages/cell/cell.js +1 -1
- package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/drag/drag.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/empty/empty.js +1 -1
- package/dist/cjs/packages/fixednav/fixednav.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +1 -1
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/loading/loading.js +1 -1
- package/dist/cjs/packages/menu/menu.js +1 -1
- package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +1 -1
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +1 -1
- package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/price/price.js +1 -1
- package/dist/cjs/packages/progress/progress.js +1 -1
- package/dist/cjs/packages/quickenter/quickenter.js +2 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/signature/signature.js +1 -1
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/step/step.js +1 -1
- package/dist/cjs/packages/sticky/sticky.js +1 -1
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +1 -1
- package/dist/cjs/packages/textarea/textarea.js +1 -1
- package/dist/cjs/packages/timeselect/timeselect.js +1 -1
- package/dist/cjs/packages/tour/tour.js +1 -1
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/video/video.js +1 -1
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +4 -4
- package/dist/es/packages/animatingnumbers/countup.js +2 -2
- package/dist/es/packages/audio/audio.js +26 -26
- package/dist/es/packages/avatar/avatar.js +4 -4
- package/dist/es/packages/avatarcropper/avatarcropper.js +20 -20
- package/dist/es/packages/avatargroup/avatargroup.js +1 -1
- package/dist/es/packages/backtop/backtop.js +3 -3
- package/dist/es/packages/badge/badge.js +3 -3
- package/dist/es/packages/barrage/barrage.js +5 -5
- package/dist/es/packages/button/button.js +2 -2
- package/dist/es/packages/calendar/calendar.js +12 -12
- package/dist/es/packages/calendar/utils.js +7 -7
- package/dist/es/packages/calendarcard/calendarcard.js +22 -22
- package/dist/es/packages/calendarcard/icon.js +4 -4
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +9 -8
- package/dist/es/packages/cell/cell.js +5 -5
- package/dist/es/packages/cellgroup/cellgroup.js +2 -2
- package/dist/es/packages/checkbox/checkbox.js +10 -10
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
- package/dist/es/packages/circleprogress/circleprogress.js +5 -5
- package/dist/es/packages/col/col.js +2 -2
- package/dist/es/packages/collapse/collapse.js +3 -3
- package/dist/es/packages/collapse/context.js +2 -2
- package/dist/es/packages/collapseitem/collapseitem.js +5 -5
- package/dist/es/packages/configprovider/configprovider.js +5 -5
- package/dist/es/packages/countdown/countdown.js +12 -12
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/confirm.js +8 -8
- package/dist/es/packages/dialog/content.js +5 -5
- package/dist/es/packages/dialog/dialog.js +23 -23
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +4 -4
- package/dist/es/packages/elevator/elevator.js +14 -14
- package/dist/es/packages/ellipsis/ellipsis.js +11 -11
- package/dist/es/packages/empty/empty.js +2 -2
- package/dist/es/packages/fixednav/fixednav.js +8 -8
- package/dist/es/packages/form/form.js +6 -6
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +4 -4
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +8 -8
- package/dist/es/packages/imagepreview/imagepreview.js +13 -13
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +13 -13
- package/dist/es/packages/input/input.js +13 -13
- package/dist/es/packages/inputnumber/inputnumber.js +12 -12
- package/dist/es/packages/layout/layout.js +1 -1
- package/dist/es/packages/loading/loading.js +3 -3
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +10 -10
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +25 -25
- package/dist/es/packages/notify/Notification.js +1 -1
- package/dist/es/packages/notify/notify.js +3 -3
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +13 -13
- package/dist/es/packages/overlay/overlay.js +6 -6
- package/dist/es/packages/pagination/pagination.js +8 -8
- package/dist/es/packages/picker/picker.js +15 -15
- package/dist/es/packages/pickerview/pickerroller.js +10 -10
- package/dist/es/packages/pickerview/pickerview.js +3 -3
- package/dist/es/packages/pickerview/utils.js +6 -6
- package/dist/es/packages/popover/popover.js +13 -13
- package/dist/es/packages/popup/popup.js +22 -22
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +5 -5
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +7 -7
- package/dist/es/packages/quickenter/quickenter.js +14 -14
- package/dist/es/packages/radio/radio.js +11 -11
- package/dist/es/packages/radiogroup/radiogroup.js +6 -6
- package/dist/es/packages/range/range.js +7 -7
- package/dist/es/packages/range/utils.js +2 -2
- package/dist/es/packages/rate/rate.js +14 -14
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +3 -3
- package/dist/es/packages/segmented/segmented.js +4 -4
- package/dist/es/packages/shortpassword/shortpassword.js +7 -7
- package/dist/es/packages/sidebar/sidebar.js +8 -8
- package/dist/es/packages/sidebar/utils.js +1 -1
- package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
- package/dist/es/packages/signature/signature.js +12 -12
- package/dist/es/packages/skeleton/skeleton.js +4 -4
- package/dist/es/packages/space/space.js +1 -1
- package/dist/es/packages/step/step.js +2 -2
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/sticky/sticky.js +4 -4
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/effects/default.js +2 -2
- package/dist/es/packages/swiper/effects/focus.js +4 -4
- package/dist/es/packages/swiper/swiper.js +14 -14
- package/dist/es/packages/swiperitem/swiperitem.js +2 -2
- package/dist/es/packages/switch/switch.js +6 -6
- package/dist/es/packages/tabbar/tabbar.js +2 -2
- package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
- package/dist/es/packages/table/table.js +10 -10
- package/dist/es/packages/tabpane/tabpane.js +1 -1
- package/dist/es/packages/tabs/tabs.js +10 -10
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +12 -12
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/Notification.js +1 -1
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/tour.js +11 -11
- package/dist/es/packages/trendarrow/trendarrow.js +4 -4
- package/dist/es/packages/uploader/preview.js +8 -8
- package/dist/es/packages/uploader/uploader.js +15 -15
- package/dist/es/packages/video/video.js +4 -4
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +2 -2
- package/dist/es/packages/watermark/watermark.js +2 -2
- package/dist/es/types/spec/empty/base.js +1 -1
- package/dist/es/utils/clamp.js +1 -1
- package/dist/es/utils/date.js +3 -3
- package/dist/es/utils/get-rect.js +1 -1
- package/dist/es/utils/interceptor.js +1 -1
- package/dist/es/utils/is-date.js +1 -1
- package/dist/es/utils/is-empty.js +1 -1
- package/dist/es/utils/is-function.js +1 -1
- package/dist/es/utils/is-object.js +1 -1
- package/dist/es/utils/is-promise.js +1 -1
- package/dist/es/utils/pad-zero.js +1 -1
- package/dist/es/utils/px-check.js +1 -1
- package/dist/es/utils/scale-f.js +2 -4
- package/dist/es/utils/sleep.js +1 -1
- package/dist/es/utils/taro/ConfigurableCSSTransition.js +1 -1
- package/dist/es/utils/taro/get-rect-by-id.js +1 -1
- package/dist/es/utils/taro/get-rect.js +3 -3
- package/dist/es/utils/taro/get-system-info.js +2 -2
- package/dist/es/utils/taro/platform.js +4 -4
- package/dist/es/utils/upper-case-first.js +1 -1
- package/dist/nutui.react.umd.js +1061 -1057
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +34 -34
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +34 -34
- package/dist/style.css +1 -1
- package/dist/style.scss +30 -30
- package/package.json +1 -1
|
@@ -29,14 +29,14 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
29
29
|
closeOnOutsideClick: true,
|
|
30
30
|
closeOnActionClick: true,
|
|
31
31
|
overlay: false,
|
|
32
|
-
onClick: function() {},
|
|
33
|
-
onOpen: function() {},
|
|
34
|
-
onClose: function() {}
|
|
32
|
+
onClick: function onClick() {},
|
|
33
|
+
onOpen: function onOpen() {},
|
|
34
|
+
onClose: function onClose() {}
|
|
35
35
|
});
|
|
36
36
|
var classPrefix = "nut-popover";
|
|
37
|
-
export var Popover = function(props) {
|
|
37
|
+
export var Popover = function Popover(props) {
|
|
38
38
|
var rtl = useRtl();
|
|
39
|
-
var
|
|
39
|
+
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, [
|
|
40
40
|
"children",
|
|
41
41
|
"list",
|
|
42
42
|
"theme",
|
|
@@ -113,7 +113,7 @@ export var Popover = function(props) {
|
|
|
113
113
|
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
114
114
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
115
115
|
}, targetSet, 'touchstart', true, visible, closeOnOutsideClick);
|
|
116
|
-
var getWrapperPosition = function() {
|
|
116
|
+
var getWrapperPosition = function getWrapperPosition() {
|
|
117
117
|
var rect = getRect(targetId ? document.querySelector("#".concat(targetId)) : popoverRef.current);
|
|
118
118
|
var distance = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
|
|
119
119
|
var width = rect.width, height = rect.height, right = rect.right, left = rect.left, top = rect.top;
|
|
@@ -126,12 +126,12 @@ export var Popover = function(props) {
|
|
|
126
126
|
});
|
|
127
127
|
};
|
|
128
128
|
var classes = classNames(classPrefix, _define_property({}, "".concat(classPrefix, "-").concat(theme), theme === 'dark'), className);
|
|
129
|
-
var popoverArrow = function() {
|
|
129
|
+
var popoverArrow = function popoverArrow() {
|
|
130
130
|
var prefixCls = 'nut-popover-arrow';
|
|
131
131
|
var direction = location.split('-')[0];
|
|
132
132
|
return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(direction, " ").concat(prefixCls, "-").concat(location);
|
|
133
133
|
};
|
|
134
|
-
var getPopoverPosition = function() {
|
|
134
|
+
var getPopoverPosition = function getPopoverPosition() {
|
|
135
135
|
var _popoverContentRef_current, _popoverContentRef_current1;
|
|
136
136
|
var styles = {};
|
|
137
137
|
if (!wrapperPosition) {
|
|
@@ -188,7 +188,7 @@ export var Popover = function(props) {
|
|
|
188
188
|
styles.visibility = popWidth === 0 ? 'hidden' : 'initial';
|
|
189
189
|
return styles;
|
|
190
190
|
};
|
|
191
|
-
var popoverArrowStyle = function() {
|
|
191
|
+
var popoverArrowStyle = function popoverArrowStyle() {
|
|
192
192
|
var styles = {};
|
|
193
193
|
var direction = location.split('-')[0];
|
|
194
194
|
var skew = location.split('-')[1];
|
|
@@ -227,7 +227,7 @@ export var Popover = function(props) {
|
|
|
227
227
|
}
|
|
228
228
|
return styles;
|
|
229
229
|
};
|
|
230
|
-
var handleSelect = function(item, index) {
|
|
230
|
+
var handleSelect = function handleSelect(item, index) {
|
|
231
231
|
if (!item.disabled) {
|
|
232
232
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(item, index);
|
|
233
233
|
}
|
|
@@ -239,7 +239,7 @@ export var Popover = function(props) {
|
|
|
239
239
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, !targetId && /*#__PURE__*/ React.createElement("div", {
|
|
240
240
|
className: "nut-popover-wrapper",
|
|
241
241
|
ref: popoverRef,
|
|
242
|
-
onClick: function() {
|
|
242
|
+
onClick: function onClick1() {
|
|
243
243
|
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
244
244
|
if (!visible) {
|
|
245
245
|
onOpen === null || onOpen === void 0 ? void 0 : onOpen();
|
|
@@ -271,7 +271,7 @@ export var Popover = function(props) {
|
|
|
271
271
|
'nut-popover-item-disabled': item.disabled
|
|
272
272
|
}, item.className),
|
|
273
273
|
key: item.key || index,
|
|
274
|
-
onClick: function() {
|
|
274
|
+
onClick: function onClick() {
|
|
275
275
|
return handleSelect(item, index);
|
|
276
276
|
}
|
|
277
277
|
}, item.icon && /*#__PURE__*/ React.createElement("div", {
|
|
@@ -280,7 +280,7 @@ export var Popover = function(props) {
|
|
|
280
280
|
className: "nut-popover-item-name"
|
|
281
281
|
}, item.name), ((_item_action = item.action) === null || _item_action === void 0 ? void 0 : _item_action.icon) && /*#__PURE__*/ React.createElement("div", {
|
|
282
282
|
className: "nut-popover-item-action-icon",
|
|
283
|
-
onClick: function(e) {
|
|
283
|
+
onClick: function onClick(e) {
|
|
284
284
|
var _item_action_onClick, _item_action;
|
|
285
285
|
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);
|
|
286
286
|
}
|
|
@@ -25,21 +25,21 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
|
|
|
25
25
|
round: false,
|
|
26
26
|
resizable: false,
|
|
27
27
|
minHeight: '',
|
|
28
|
-
onOpen: function() {},
|
|
29
|
-
onClose: function() {},
|
|
30
|
-
onOverlayClick: function() {
|
|
28
|
+
onOpen: function onOpen() {},
|
|
29
|
+
onClose: function onClose() {},
|
|
30
|
+
onOverlayClick: function onOverlayClick() {
|
|
31
31
|
return true;
|
|
32
32
|
},
|
|
33
|
-
onCloseIconClick: function() {
|
|
33
|
+
onCloseIconClick: function onCloseIconClick() {
|
|
34
34
|
return true;
|
|
35
35
|
},
|
|
36
|
-
onTouchStart: function() {},
|
|
37
|
-
onTouchMove: function() {},
|
|
38
|
-
onTouchEnd: function() {}
|
|
36
|
+
onTouchStart: function onTouchStart() {},
|
|
37
|
+
onTouchMove: function onTouchMove() {},
|
|
38
|
+
onTouchEnd: function onTouchEnd() {}
|
|
39
39
|
});
|
|
40
40
|
// 默认1000,参看variables
|
|
41
41
|
var _zIndex = 1100;
|
|
42
|
-
export var Popup = function(props) {
|
|
42
|
+
export var Popup = function Popup(props) {
|
|
43
43
|
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;
|
|
44
44
|
var nodeRef = React.useRef(null);
|
|
45
45
|
var topNodeRef = React.useRef(null);
|
|
@@ -64,7 +64,7 @@ export var Popup = function(props) {
|
|
|
64
64
|
});
|
|
65
65
|
var _obj;
|
|
66
66
|
var popClassName = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
|
|
67
|
-
var open = function() {
|
|
67
|
+
var open = function open() {
|
|
68
68
|
if (!innerVisible) {
|
|
69
69
|
// 当高度改变后,再次打开时,将高度置为初始高度
|
|
70
70
|
if (position === 'bottom' && resizable && nodeRef.current && heightRef.current) {
|
|
@@ -86,7 +86,7 @@ export var Popup = function(props) {
|
|
|
86
86
|
}, [
|
|
87
87
|
innerVisible
|
|
88
88
|
]);
|
|
89
|
-
var close = function() {
|
|
89
|
+
var close = function close() {
|
|
90
90
|
if (innerVisible) {
|
|
91
91
|
setInnerVisible(false);
|
|
92
92
|
if (destroyOnClose) {
|
|
@@ -97,16 +97,16 @@ export var Popup = function(props) {
|
|
|
97
97
|
onClose && onClose();
|
|
98
98
|
}
|
|
99
99
|
};
|
|
100
|
-
var handleOverlayClick = function(e) {
|
|
100
|
+
var handleOverlayClick = function handleOverlayClick(e) {
|
|
101
101
|
e.stopPropagation();
|
|
102
102
|
if (closeOnOverlayClick && onOverlayClick(e)) {
|
|
103
103
|
close();
|
|
104
104
|
}
|
|
105
105
|
};
|
|
106
|
-
var handleCloseIconClick = function(e) {
|
|
106
|
+
var handleCloseIconClick = function handleCloseIconClick(e) {
|
|
107
107
|
onCloseIconClick(e) && close();
|
|
108
108
|
};
|
|
109
|
-
var renderCloseIcon = function() {
|
|
109
|
+
var renderCloseIcon = function renderCloseIcon() {
|
|
110
110
|
var closeClasses = classNames("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
|
|
111
111
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable && /*#__PURE__*/ React.createElement("div", {
|
|
112
112
|
className: closeClasses,
|
|
@@ -116,14 +116,14 @@ export var Popup = function(props) {
|
|
|
116
116
|
tabIndex: -1
|
|
117
117
|
}, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ React.createElement(Close, null)));
|
|
118
118
|
};
|
|
119
|
-
var renderTop = function() {
|
|
119
|
+
var renderTop = function renderTop() {
|
|
120
120
|
if (!top) return null;
|
|
121
121
|
return /*#__PURE__*/ React.createElement("div", {
|
|
122
122
|
className: "".concat(classPrefix, "-bottom-top"),
|
|
123
123
|
ref: topNodeRef
|
|
124
124
|
}, top);
|
|
125
125
|
};
|
|
126
|
-
var renderTitle = function() {
|
|
126
|
+
var renderTitle = function renderTitle() {
|
|
127
127
|
if (left || title || description) {
|
|
128
128
|
return /*#__PURE__*/ React.createElement("div", {
|
|
129
129
|
className: "".concat(classPrefix, "-title")
|
|
@@ -141,7 +141,7 @@ export var Popup = function(props) {
|
|
|
141
141
|
return renderCloseIcon();
|
|
142
142
|
}
|
|
143
143
|
};
|
|
144
|
-
var handleTouchStart = function(event) {
|
|
144
|
+
var handleTouchStart = function handleTouchStart(event) {
|
|
145
145
|
var _nodeRef_current;
|
|
146
146
|
if (position !== 'bottom' || !resizable || !nodeRef.current) return;
|
|
147
147
|
// 开始touch,记录下touch的pageY,用以判断是向上滑动还是向下滑动
|
|
@@ -153,7 +153,7 @@ export var Popup = function(props) {
|
|
|
153
153
|
if (!defaultHeightRef.current) defaultHeightRef.current = heightRef.current;
|
|
154
154
|
onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(heightRef.current, event);
|
|
155
155
|
};
|
|
156
|
-
var handleTouchMove = function(event) {
|
|
156
|
+
var handleTouchMove = function handleTouchMove(event) {
|
|
157
157
|
if (position !== 'bottom' || !resizable || !nodeRef.current) return;
|
|
158
158
|
event.stopPropagation();
|
|
159
159
|
// move过程中,当前的pageY 与 start值比较
|
|
@@ -169,14 +169,14 @@ export var Popup = function(props) {
|
|
|
169
169
|
onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, event, 'up');
|
|
170
170
|
}
|
|
171
171
|
};
|
|
172
|
-
var handleTouchEnd = function(event) {
|
|
172
|
+
var handleTouchEnd = function handleTouchEnd(event) {
|
|
173
173
|
if (position !== 'bottom' || !resizable || !nodeRef.current) return;
|
|
174
174
|
isTouching.current = false;
|
|
175
175
|
var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
|
|
176
176
|
var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
|
|
177
177
|
onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(currentHeight, event);
|
|
178
178
|
};
|
|
179
|
-
var renderPop = function() {
|
|
179
|
+
var renderPop = function renderPop() {
|
|
180
180
|
return /*#__PURE__*/ React.createElement(CSSTransition, {
|
|
181
181
|
nodeRef: nodeRef,
|
|
182
182
|
classNames: transitionName,
|
|
@@ -197,7 +197,7 @@ export var Popup = function(props) {
|
|
|
197
197
|
onTouchCancel: handleTouchEnd
|
|
198
198
|
}, renderTop(), renderTitle(), showChildren && children));
|
|
199
199
|
};
|
|
200
|
-
var renderNode = function() {
|
|
200
|
+
var renderNode = function renderNode() {
|
|
201
201
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay && /*#__PURE__*/ React.createElement(Overlay, {
|
|
202
202
|
zIndex: index,
|
|
203
203
|
style: overlayStyles,
|
|
@@ -220,10 +220,10 @@ export var Popup = function(props) {
|
|
|
220
220
|
position,
|
|
221
221
|
transition
|
|
222
222
|
]);
|
|
223
|
-
var resolveContainer = function(getContainer) {
|
|
223
|
+
var resolveContainer = function resolveContainer(getContainer) {
|
|
224
224
|
return (typeof getContainer === 'function' ? getContainer() : getContainer) || document.body;
|
|
225
225
|
};
|
|
226
|
-
var renderToContainer = function(getContainer, node) {
|
|
226
|
+
var renderToContainer = function renderToContainer(getContainer, node) {
|
|
227
227
|
if (getContainer) {
|
|
228
228
|
var container = resolveContainer(getContainer);
|
|
229
229
|
return /*#__PURE__*/ createPortal(node, container);
|
|
@@ -18,8 +18,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
18
18
|
size: 'normal',
|
|
19
19
|
line: false
|
|
20
20
|
});
|
|
21
|
-
export var Price = function(props) {
|
|
22
|
-
var
|
|
21
|
+
export var Price = function Price(props) {
|
|
22
|
+
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, rest = _object_without_properties(_$_object_spread, [
|
|
23
23
|
"color",
|
|
24
24
|
"price",
|
|
25
25
|
"symbol",
|
|
@@ -59,10 +59,10 @@ export var Price = function(props) {
|
|
|
59
59
|
isCustomPriceColor,
|
|
60
60
|
color
|
|
61
61
|
]);
|
|
62
|
-
var checkPoint = function(price) {
|
|
62
|
+
var checkPoint = function checkPoint(price) {
|
|
63
63
|
return String(price).indexOf('.') > 0;
|
|
64
64
|
};
|
|
65
|
-
var formatThousands = function(num) {
|
|
65
|
+
var formatThousands = function formatThousands(num) {
|
|
66
66
|
if (Number(num) === 0) {
|
|
67
67
|
num = 0;
|
|
68
68
|
}
|
|
@@ -75,7 +75,7 @@ export var Price = function(props) {
|
|
|
75
75
|
}
|
|
76
76
|
return num;
|
|
77
77
|
};
|
|
78
|
-
var formatDecimal = function(decimalNum) {
|
|
78
|
+
var formatDecimal = function formatDecimal(decimalNum) {
|
|
79
79
|
if (Number(decimalNum) === 0) {
|
|
80
80
|
decimalNum = 0;
|
|
81
81
|
}
|
|
@@ -92,7 +92,7 @@ export var Price = function(props) {
|
|
|
92
92
|
}
|
|
93
93
|
return decimalNum;
|
|
94
94
|
};
|
|
95
|
-
var renderSymbol = function() {
|
|
95
|
+
var renderSymbol = function renderSymbol() {
|
|
96
96
|
var _obj;
|
|
97
97
|
return /*#__PURE__*/ React.createElement("div", {
|
|
98
98
|
className: classNames([
|
|
@@ -106,10 +106,10 @@ export var Price = function(props) {
|
|
|
106
106
|
}
|
|
107
107
|
});
|
|
108
108
|
};
|
|
109
|
-
var renderRawContent = function() {
|
|
109
|
+
var renderRawContent = function renderRawContent() {
|
|
110
110
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, originalPrice);
|
|
111
111
|
};
|
|
112
|
-
var renderInner = function() {
|
|
112
|
+
var renderInner = function renderInner() {
|
|
113
113
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, symbol && position === 'before' ? renderSymbol() : null, /*#__PURE__*/ React.createElement("div", {
|
|
114
114
|
className: "".concat(classPrefix, "-integer ").concat(classPrefix, "-integer-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
|
|
115
115
|
style: priceColorStyle
|
|
@@ -14,9 +14,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
14
14
|
lazy: false,
|
|
15
15
|
delay: 0
|
|
16
16
|
});
|
|
17
|
-
export var Progress = function(props) {
|
|
17
|
+
export var Progress = function Progress(props) {
|
|
18
18
|
var rtl = useRtl();
|
|
19
|
-
var
|
|
19
|
+
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, borderRadius = _$_object_spread.borderRadius, fontSize = _$_object_spread.fontSize, activeMode = _$_object_spread.activeMode, duration = _$_object_spread.duration, onActiveEnd = _$_object_spread.onActiveEnd, rest = _object_without_properties(_$_object_spread, [
|
|
20
20
|
"className",
|
|
21
21
|
"style",
|
|
22
22
|
"percent",
|
|
@@ -72,7 +72,7 @@ export var Progress = function(props) {
|
|
|
72
72
|
var _useState1 = _sliced_to_array(useState(false), 2), intersecting = _useState1[0], setIntersecting = _useState1[1];
|
|
73
73
|
var progressRef = useRef(null);
|
|
74
74
|
var observer = useRef(null);
|
|
75
|
-
var initObserver = function() {
|
|
75
|
+
var initObserver = function initObserver() {
|
|
76
76
|
var options = {
|
|
77
77
|
threshold: [
|
|
78
78
|
0
|
|
@@ -86,7 +86,7 @@ export var Progress = function(props) {
|
|
|
86
86
|
}, options);
|
|
87
87
|
observer.current.observe(progressRef.current);
|
|
88
88
|
};
|
|
89
|
-
var resetObserver = function() {
|
|
89
|
+
var resetObserver = function resetObserver() {
|
|
90
90
|
observer.current.disconnect && observer.current.disconnect();
|
|
91
91
|
};
|
|
92
92
|
useEffect(function() {
|
|
@@ -126,7 +126,7 @@ export var Progress = function(props) {
|
|
|
126
126
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
127
127
|
className: classesInner,
|
|
128
128
|
style: stylesInner,
|
|
129
|
-
onTransitionEnd: function() {
|
|
129
|
+
onTransitionEnd: function onTransitionEnd() {
|
|
130
130
|
onActiveEnd === null || onActiveEnd === void 0 ? void 0 : onActiveEnd();
|
|
131
131
|
}
|
|
132
132
|
})), showText && /*#__PURE__*/ React.createElement("div", {
|
|
@@ -26,9 +26,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
26
26
|
disabled: false,
|
|
27
27
|
headHeight: 80,
|
|
28
28
|
threshold: 60,
|
|
29
|
-
onRefresh: function() {}
|
|
29
|
+
onRefresh: function onRefresh() {}
|
|
30
30
|
});
|
|
31
|
-
export var PullToRefresh = function(p) {
|
|
31
|
+
export var PullToRefresh = function PullToRefresh(p) {
|
|
32
32
|
var doRefresh = function doRefresh() {
|
|
33
33
|
return _async_to_generator(function() {
|
|
34
34
|
var e;
|
|
@@ -61,7 +61,7 @@ export var PullToRefresh = function(p) {
|
|
|
61
61
|
case 3:
|
|
62
62
|
e = _state.sent();
|
|
63
63
|
api.start({
|
|
64
|
-
to: function(next) {
|
|
64
|
+
to: function to(next) {
|
|
65
65
|
return _async_to_generator(function() {
|
|
66
66
|
return _ts_generator(this, function(_state) {
|
|
67
67
|
switch(_state.label){
|
|
@@ -98,7 +98,7 @@ export var PullToRefresh = function(p) {
|
|
|
98
98
|
_state.label = 6;
|
|
99
99
|
case 6:
|
|
100
100
|
api.start({
|
|
101
|
-
to: function(next) {
|
|
101
|
+
to: function to(next) {
|
|
102
102
|
return _async_to_generator(function() {
|
|
103
103
|
return _ts_generator(this, function(_state) {
|
|
104
104
|
switch(_state.label){
|
|
@@ -218,19 +218,19 @@ export var PullToRefresh = function(p) {
|
|
|
218
218
|
passive: false
|
|
219
219
|
} : false
|
|
220
220
|
});
|
|
221
|
-
var renderIcons = function(status) {
|
|
221
|
+
var renderIcons = function renderIcons(status) {
|
|
222
222
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", {
|
|
223
223
|
className: "".concat(classPrefix, "-head-content-icons")
|
|
224
224
|
}, (status === 'pulling' || status === 'complete') && /*#__PURE__*/ React.createElement(Loading, null), (status === 'canRelease' || status === 'refreshing') && /*#__PURE__*/ React.createElement(More, null)));
|
|
225
225
|
};
|
|
226
|
-
var renderStatusIcon = function() {
|
|
226
|
+
var renderStatusIcon = function renderStatusIcon() {
|
|
227
227
|
if (props.renderIcon) {
|
|
228
228
|
var _props_renderIcon;
|
|
229
229
|
return (_props_renderIcon = props.renderIcon) === null || _props_renderIcon === void 0 ? void 0 : _props_renderIcon.call(props, status);
|
|
230
230
|
}
|
|
231
231
|
return renderIcons(status);
|
|
232
232
|
};
|
|
233
|
-
var renderStatusText = function() {
|
|
233
|
+
var renderStatusText = function renderStatusText() {
|
|
234
234
|
if (props.renderText) {
|
|
235
235
|
var _props_renderText;
|
|
236
236
|
return (_props_renderText = props.renderText) === null || _props_renderText === void 0 ? void 0 : _props_renderText.call(props, status);
|
|
@@ -17,8 +17,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
closeOnOverlayClick: true,
|
|
18
18
|
safeAreaInsetTop: true
|
|
19
19
|
});
|
|
20
|
-
var InternalQuickEnter = function(props, ref) {
|
|
21
|
-
var
|
|
20
|
+
var InternalQuickEnter = function InternalQuickEnter(props, ref) {
|
|
21
|
+
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, className = _$_object_spread.className, style = _$_object_spread.style, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, closeIcon = _$_object_spread.closeIcon, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, rest = _object_without_properties(_$_object_spread, [
|
|
22
22
|
"children",
|
|
23
23
|
"visible",
|
|
24
24
|
"title",
|
|
@@ -42,7 +42,7 @@ var InternalQuickEnter = function(props, ref) {
|
|
|
42
42
|
value: props.visible,
|
|
43
43
|
defaultValue: false,
|
|
44
44
|
finalValue: false,
|
|
45
|
-
onChange: function(v) {
|
|
45
|
+
onChange: function onChange(v) {
|
|
46
46
|
if (!v) {
|
|
47
47
|
var _props_onClose;
|
|
48
48
|
(_props_onClose = props.onClose) === null || _props_onClose === void 0 ? void 0 : _props_onClose.call(props);
|
|
@@ -50,30 +50,30 @@ var InternalQuickEnter = function(props, ref) {
|
|
|
50
50
|
}
|
|
51
51
|
}), 2), innerVisible = _usePropsValue[0], setInnerVisible = _usePropsValue[1];
|
|
52
52
|
var actions = {
|
|
53
|
-
open: function() {
|
|
53
|
+
open: function open() {
|
|
54
54
|
setInnerVisible(true);
|
|
55
55
|
},
|
|
56
|
-
close: function() {
|
|
56
|
+
close: function close() {
|
|
57
57
|
setInnerVisible(false);
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
60
|
useImperativeHandle(ref, function() {
|
|
61
61
|
return actions;
|
|
62
62
|
});
|
|
63
|
-
var onCancelEvent = function() {
|
|
63
|
+
var onCancelEvent = function onCancelEvent() {
|
|
64
64
|
setInnerVisible(false);
|
|
65
65
|
};
|
|
66
|
-
var handleItemClick = function(item, index) {
|
|
66
|
+
var handleItemClick = function handleItemClick(item, index) {
|
|
67
67
|
onChange === null || onChange === void 0 ? void 0 : onChange(item, index);
|
|
68
68
|
};
|
|
69
|
-
var renderTitleBar = function() {
|
|
69
|
+
var renderTitleBar = function renderTitleBar() {
|
|
70
70
|
return /*#__PURE__*/ React.createElement("div", {
|
|
71
71
|
className: "".concat(classPrefix, "-control")
|
|
72
72
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
73
73
|
className: "".concat(classPrefix, "-title")
|
|
74
74
|
}, mergedTitle), /*#__PURE__*/ React.createElement("div", {
|
|
75
75
|
className: "".concat(classPrefix, "-close-btn"),
|
|
76
|
-
onClick: function(e) {
|
|
76
|
+
onClick: function onClick(e) {
|
|
77
77
|
e.stopPropagation();
|
|
78
78
|
onCancelEvent();
|
|
79
79
|
}
|
|
@@ -81,18 +81,18 @@ var InternalQuickEnter = function(props, ref) {
|
|
|
81
81
|
"aria-label": locale.close
|
|
82
82
|
})));
|
|
83
83
|
};
|
|
84
|
-
var renderContent = function() {
|
|
84
|
+
var renderContent = function renderContent() {
|
|
85
85
|
return /*#__PURE__*/ React.createElement("div", {
|
|
86
86
|
className: classNames("".concat(classPrefix, "-content"), _define_property({}, "".concat(classPrefix, "-content-scrollable"), options.length > 8))
|
|
87
87
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
88
88
|
className: "".concat(classPrefix, "-list")
|
|
89
89
|
}, options.map(function(item, index) {
|
|
90
|
-
var _item_badgeProps, _item_badgeProps1;
|
|
91
90
|
var _item_badge, _item_badge1;
|
|
91
|
+
var _item_badgeProps, _item_badgeProps1;
|
|
92
92
|
return /*#__PURE__*/ React.createElement("div", {
|
|
93
93
|
key: index,
|
|
94
94
|
className: "".concat(classPrefix, "-item"),
|
|
95
|
-
onClick: function() {
|
|
95
|
+
onClick: function onClick() {
|
|
96
96
|
return handleItemClick(item, index);
|
|
97
97
|
},
|
|
98
98
|
"aria-label": "".concat(item.title, " ").concat((_item_badge = item.badge) !== null && _item_badge !== void 0 ? _item_badge : (_item_badgeProps = item.badgeProps) === null || _item_badgeProps === void 0 ? void 0 : _item_badgeProps.value)
|
|
@@ -107,7 +107,7 @@ var InternalQuickEnter = function(props, ref) {
|
|
|
107
107
|
}, item.title));
|
|
108
108
|
})));
|
|
109
109
|
};
|
|
110
|
-
var renderQuickEnterElement = function() {
|
|
110
|
+
var renderQuickEnterElement = function renderQuickEnterElement() {
|
|
111
111
|
return /*#__PURE__*/ React.createElement("div", _object_spread({
|
|
112
112
|
className: classes,
|
|
113
113
|
style: style
|
|
@@ -123,7 +123,7 @@ var InternalQuickEnter = function(props, ref) {
|
|
|
123
123
|
},
|
|
124
124
|
visible: innerVisible,
|
|
125
125
|
position: "top",
|
|
126
|
-
onOverlayClick: function() {
|
|
126
|
+
onOverlayClick: function onOverlayClick() {
|
|
127
127
|
if (!closeOnOverlayClick) return;
|
|
128
128
|
onCancelEvent();
|
|
129
129
|
},
|
|
@@ -16,11 +16,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
labelPosition: 'right',
|
|
17
17
|
icon: null,
|
|
18
18
|
activeIcon: null,
|
|
19
|
-
onChange: function(checked) {}
|
|
19
|
+
onChange: function onChange(checked) {}
|
|
20
20
|
});
|
|
21
|
-
export var Radio = function(props) {
|
|
21
|
+
export var Radio = function Radio(props) {
|
|
22
22
|
var classPrefix = 'nut-radio';
|
|
23
|
-
var
|
|
23
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, checked = _$_object_spread.checked, defaultChecked = _$_object_spread.defaultChecked, shape = _$_object_spread.shape, value = _$_object_spread.value, icon = _$_object_spread.icon, activeIcon = _$_object_spread.activeIcon, onChange = _$_object_spread.onChange, others = _object_without_properties(_$_object_spread, [
|
|
24
24
|
"children",
|
|
25
25
|
"className",
|
|
26
26
|
"style",
|
|
@@ -53,7 +53,7 @@ export var Radio = function(props) {
|
|
|
53
53
|
if (context.disabled !== undefined) {
|
|
54
54
|
disabled = context.disabled;
|
|
55
55
|
}
|
|
56
|
-
setCheckedStatement = function(value) {
|
|
56
|
+
setCheckedStatement = function setCheckedStatement(value) {
|
|
57
57
|
if (value) {
|
|
58
58
|
context.check(props.value === undefined ? '' : props.value);
|
|
59
59
|
} else {
|
|
@@ -61,11 +61,11 @@ export var Radio = function(props) {
|
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
}
|
|
64
|
-
var color = function() {
|
|
64
|
+
var color = function color() {
|
|
65
65
|
var _obj;
|
|
66
66
|
return _obj = {}, _define_property(_obj, "".concat(classPrefix, "-icon-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-icon"), !checkedStatement), _define_property(_obj, "".concat(classPrefix, "-icon-checked"), checkedStatement), _obj;
|
|
67
67
|
};
|
|
68
|
-
var renderIcon = function() {
|
|
68
|
+
var renderIcon = function renderIcon() {
|
|
69
69
|
var icon = props.icon, activeIcon = props.activeIcon;
|
|
70
70
|
if (disabled && !checkedStatement) {
|
|
71
71
|
return /*#__PURE__*/ React.createElement(CheckDisabled, {
|
|
@@ -85,26 +85,26 @@ export var Radio = function(props) {
|
|
|
85
85
|
className: classNames(color())
|
|
86
86
|
});
|
|
87
87
|
};
|
|
88
|
-
var renderLabel = function() {
|
|
88
|
+
var renderLabel = function renderLabel() {
|
|
89
89
|
var labelcls = classNames("".concat(classPrefix, "-label"), _define_property({}, "".concat(classPrefix, "-label-disabled"), disabled));
|
|
90
90
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, renderIcon(), children && /*#__PURE__*/ React.createElement("div", {
|
|
91
91
|
className: labelcls
|
|
92
92
|
}, children));
|
|
93
93
|
};
|
|
94
|
-
var renderButton = function() {
|
|
94
|
+
var renderButton = function renderButton() {
|
|
95
95
|
var _obj;
|
|
96
96
|
var buttoncls = classNames("".concat(classPrefix, "-button"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-button-active"), checkedStatement), _define_property(_obj, "".concat(classPrefix, "-button-disabled"), disabled), _obj));
|
|
97
97
|
return /*#__PURE__*/ React.createElement("div", {
|
|
98
98
|
className: buttoncls
|
|
99
99
|
}, children);
|
|
100
100
|
};
|
|
101
|
-
var renderByShape = function(shape) {
|
|
101
|
+
var renderByShape = function renderByShape(shape) {
|
|
102
102
|
return shape === 'button' ? renderButton() : renderLabel();
|
|
103
103
|
};
|
|
104
|
-
var renderRadioItem = function() {
|
|
104
|
+
var renderRadioItem = function renderRadioItem() {
|
|
105
105
|
return renderByShape(context && context.shape ? context.shape : shape);
|
|
106
106
|
};
|
|
107
|
-
var handleClick = function(e) {
|
|
107
|
+
var handleClick = function handleClick(e) {
|
|
108
108
|
if (disabled || checkedStatement) return;
|
|
109
109
|
setCheckedStatement(!checkedStatement);
|
|
110
110
|
};
|
|
@@ -10,13 +10,13 @@ import Radio from "../radio/index";
|
|
|
10
10
|
import { usePropsValue } from "../../hooks/use-props-value";
|
|
11
11
|
var defaultProps = {
|
|
12
12
|
labelPosition: 'right',
|
|
13
|
-
onChange: function(value) {},
|
|
13
|
+
onChange: function onChange(value) {},
|
|
14
14
|
direction: 'vertical',
|
|
15
15
|
options: []
|
|
16
16
|
};
|
|
17
17
|
var classPrefix = 'nut-radiogroup';
|
|
18
18
|
export var RadioGroup = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
19
|
-
var
|
|
19
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, onChange = _$_object_spread.onChange, shape = _$_object_spread.shape, labelPosition = _$_object_spread.labelPosition, direction = _$_object_spread.direction, options = _$_object_spread.options, disabled = _$_object_spread.disabled, rest = _object_without_properties(_$_object_spread, [
|
|
20
20
|
"children",
|
|
21
21
|
"className",
|
|
22
22
|
"value",
|
|
@@ -36,8 +36,8 @@ export var RadioGroup = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
36
36
|
onChange: onChange
|
|
37
37
|
}), 2), val2State = _usePropsValue[0], setVal2State = _usePropsValue[1];
|
|
38
38
|
var renderOptionsChildren = useCallback(function() {
|
|
39
|
-
return options === null || options === void 0 ? void 0 : options.map(function(
|
|
40
|
-
var label =
|
|
39
|
+
return options === null || options === void 0 ? void 0 : options.map(function(_0) {
|
|
40
|
+
var label = _0.label, value = _0.value, disabled = _0.disabled, onChange = _0.onChange, rest = _object_without_properties(_0, [
|
|
41
41
|
"label",
|
|
42
42
|
"value",
|
|
43
43
|
"disabled",
|
|
@@ -64,10 +64,10 @@ export var RadioGroup = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
64
64
|
disabled: disabled,
|
|
65
65
|
shape: shape,
|
|
66
66
|
value: val2State,
|
|
67
|
-
check: function(value) {
|
|
67
|
+
check: function check(value) {
|
|
68
68
|
setVal2State(value);
|
|
69
69
|
},
|
|
70
|
-
uncheck: function() {
|
|
70
|
+
uncheck: function uncheck() {
|
|
71
71
|
setVal2State('');
|
|
72
72
|
}
|
|
73
73
|
}
|
|
@@ -19,16 +19,16 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
});
|
|
20
20
|
var classPrefix = 'nut-range';
|
|
21
21
|
var verticalClassPrefix = "".concat(classPrefix, "-vertical");
|
|
22
|
-
var isSameValue = function(newValue, oldValue) {
|
|
22
|
+
var isSameValue = function isSameValue(newValue, oldValue) {
|
|
23
23
|
return JSON.stringify(newValue) === JSON.stringify(oldValue);
|
|
24
24
|
};
|
|
25
|
-
var handleOverlap = function(value) {
|
|
25
|
+
var handleOverlap = function handleOverlap(value) {
|
|
26
26
|
if (value[0] > value[1]) {
|
|
27
27
|
return value.slice(0).reverse();
|
|
28
28
|
}
|
|
29
29
|
return value;
|
|
30
30
|
};
|
|
31
|
-
export var Range = function(props) {
|
|
31
|
+
export var Range = function Range(props) {
|
|
32
32
|
var rtl = useRtl();
|
|
33
33
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, range = _$_object_spread.range, disabled = _$_object_spread.disabled, button = _$_object_spread.button, vertical = _$_object_spread.vertical, marks = _$_object_spread.marks, minDescription = _$_object_spread.minDescription, maxDescription = _$_object_spread.maxDescription, currentDescription = _$_object_spread.currentDescription, min = _$_object_spread.min, max = _$_object_spread.max, step = _$_object_spread.step, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, onChange = _$_object_spread.onChange, onStart = _$_object_spread.onStart, onEnd = _$_object_spread.onEnd;
|
|
34
34
|
var rtlClassPrefix = useMemo(function() {
|
|
@@ -51,7 +51,7 @@ export var Range = function(props) {
|
|
|
51
51
|
max,
|
|
52
52
|
min
|
|
53
53
|
]);
|
|
54
|
-
var handleChange = function(value) {
|
|
54
|
+
var handleChange = function handleChange(value) {
|
|
55
55
|
onChange && onChange(value);
|
|
56
56
|
};
|
|
57
57
|
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
@@ -411,14 +411,14 @@ export var Range = function(props) {
|
|
|
411
411
|
style: {
|
|
412
412
|
transform: transform
|
|
413
413
|
},
|
|
414
|
-
onTouchStart: function(e) {
|
|
414
|
+
onTouchStart: function onTouchStart1(e) {
|
|
415
415
|
setButtonIndex(index);
|
|
416
416
|
onTouchStart(e);
|
|
417
417
|
},
|
|
418
418
|
onTouchMove: onTouchMove,
|
|
419
419
|
onTouchEnd: onTouchEnd,
|
|
420
420
|
onTouchCancel: onTouchEnd,
|
|
421
|
-
onClick: function(e) {
|
|
421
|
+
onClick: function onClick(e) {
|
|
422
422
|
return e.stopPropagation();
|
|
423
423
|
}
|
|
424
424
|
}, renderButton(index));
|
|
@@ -443,7 +443,7 @@ export var Range = function(props) {
|
|
|
443
443
|
onTouchMove: onTouchMove,
|
|
444
444
|
onTouchEnd: onTouchEnd,
|
|
445
445
|
onTouchCancel: onTouchEnd,
|
|
446
|
-
onClick: function(e) {
|
|
446
|
+
onClick: function onClick(e) {
|
|
447
447
|
return e.stopPropagation();
|
|
448
448
|
}
|
|
449
449
|
}, renderButton());
|