@nutui/nutui-react 4.0.0-beta.3 → 4.0.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -6
- package/dist/cjs/hooks/use-props-value.js +1 -1
- package/dist/cjs/hooks/use-touch.js +4 -4
- package/dist/cjs/packages/address/cascaderRender.js +1 -1
- package/dist/cjs/packages/address/existRender.js +1 -1
- package/dist/cjs/packages/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 +4 -4
- 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/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/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.d.ts +4 -11
- package/dist/cjs/packages/empty/empty.js +22 -18
- package/dist/cjs/packages/empty/index.d.ts +1 -1
- package/dist/cjs/packages/empty/style/empty.scss +97 -31
- package/dist/cjs/packages/empty/style/style.css +77 -32
- package/dist/cjs/packages/empty/style-jmapp/empty.scss +97 -31
- package/dist/cjs/packages/empty/style-jmapp/style.css +77 -32
- package/dist/cjs/packages/empty/style-jrkf/empty.scss +97 -31
- package/dist/cjs/packages/empty/style-jrkf/style.css +77 -32
- package/dist/cjs/packages/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/rate/index.d.ts +1 -1
- package/dist/cjs/packages/rate/rate.js +54 -8
- package/dist/cjs/packages/rate/style/rate.scss +244 -76
- package/dist/cjs/packages/rate/style/style.css +198 -68
- package/dist/cjs/packages/rate/style-jmapp/rate.scss +244 -76
- package/dist/cjs/packages/rate/style-jmapp/style.css +198 -68
- package/dist/cjs/packages/rate/style-jrkf/rate.scss +244 -76
- package/dist/cjs/packages/rate/style-jrkf/style.css +198 -68
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/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/steps/style/style.css +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/types/spec/empty/base.d.ts +12 -8
- package/dist/cjs/types/spec/empty/base.js +28 -1
- package/dist/cjs/types/spec/rate/base.d.ts +3 -0
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +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 +6 -6
- 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/configprovider/types.d.ts +1 -1
- 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.d.ts +4 -11
- package/dist/es/packages/empty/empty.js +23 -19
- package/dist/es/packages/empty/index.d.ts +1 -1
- package/dist/es/packages/empty/style/empty.scss +97 -31
- package/dist/es/packages/empty/style/style.css +77 -32
- package/dist/es/packages/empty/style-jmapp/empty.scss +97 -31
- package/dist/es/packages/empty/style-jmapp/style.css +77 -32
- package/dist/es/packages/empty/style-jrkf/empty.scss +97 -31
- package/dist/es/packages/empty/style-jrkf/style.css +77 -32
- package/dist/es/packages/fixednav/fixednav.js +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/index.d.ts +1 -1
- package/dist/es/packages/rate/rate.js +65 -19
- package/dist/es/packages/rate/style/rate.scss +244 -76
- package/dist/es/packages/rate/style/style.css +198 -68
- package/dist/es/packages/rate/style-jmapp/rate.scss +244 -76
- package/dist/es/packages/rate/style-jmapp/style.css +198 -68
- package/dist/es/packages/rate/style-jrkf/rate.scss +244 -76
- package/dist/es/packages/rate/style-jrkf/style.css +198 -68
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +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/steps/style/style.css +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.d.ts +15 -11
- package/dist/es/types/spec/empty/base.js +13 -1
- package/dist/es/types/spec/rate/base.d.ts +9 -0
- 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 +1146 -1080
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +41 -41
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +42 -42
- package/dist/style.css +1 -1
- package/dist/style.scss +35 -35
- package/dist/styles/variables-daojia.scss +25 -12
- package/dist/styles/variables-jmapp.scss +42 -17
- package/dist/styles/variables-jrkf.scss +24 -20
- package/dist/styles/variables.scss +32 -24
- package/package.json +1 -1
|
@@ -13,12 +13,12 @@ export var defaultOverlayProps = _object_spread_props(_object_spread({}, Compone
|
|
|
13
13
|
closeOnOverlayClick: true,
|
|
14
14
|
visible: false,
|
|
15
15
|
lockScroll: true,
|
|
16
|
-
onClick: function() {},
|
|
17
|
-
afterShow: function() {},
|
|
18
|
-
afterClose: function() {}
|
|
16
|
+
onClick: function onClick() {},
|
|
17
|
+
afterShow: function afterShow() {},
|
|
18
|
+
afterClose: function afterClose() {}
|
|
19
19
|
});
|
|
20
|
-
export var Overlay = function(props) {
|
|
21
|
-
var
|
|
20
|
+
export var Overlay = function Overlay(props) {
|
|
21
|
+
var _$_object_spread = _object_spread({}, defaultOverlayProps, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, duration = _$_object_spread.duration, className = _$_object_spread.className, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, visible = _$_object_spread.visible, lockScroll = _$_object_spread.lockScroll, style = _$_object_spread.style, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, rest = _object_without_properties(_$_object_spread, [
|
|
22
22
|
"children",
|
|
23
23
|
"zIndex",
|
|
24
24
|
"duration",
|
|
@@ -45,7 +45,7 @@ export var Overlay = function(props) {
|
|
|
45
45
|
var styles = _object_spread_props(_object_spread({}, style), {
|
|
46
46
|
zIndex: zIndex
|
|
47
47
|
});
|
|
48
|
-
var handleClick = function(e) {
|
|
48
|
+
var handleClick = function handleClick(e) {
|
|
49
49
|
if (closeOnOverlayClick) {
|
|
50
50
|
onClick && onClick(e);
|
|
51
51
|
}
|
|
@@ -19,9 +19,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
itemSize: 5,
|
|
20
20
|
ellipse: false
|
|
21
21
|
});
|
|
22
|
-
export var Pagination = function(props) {
|
|
22
|
+
export var Pagination = function Pagination(props) {
|
|
23
23
|
var locale = useConfig().locale;
|
|
24
|
-
var
|
|
24
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), value = _$_object_spread.value, mode = _$_object_spread.mode, prev = _$_object_spread.prev, next = _$_object_spread.next, total = _$_object_spread.total, pageSize = _$_object_spread.pageSize, itemSize = _$_object_spread.itemSize, onChange = _$_object_spread.onChange, ellipse = _$_object_spread.ellipse, itemRender = _$_object_spread.itemRender, defaultValue = _$_object_spread.defaultValue, className = _$_object_spread.className, style = _$_object_spread.style, rest = _object_without_properties(_$_object_spread, [
|
|
25
25
|
"value",
|
|
26
26
|
"mode",
|
|
27
27
|
"prev",
|
|
@@ -50,16 +50,16 @@ export var Pagination = function(props) {
|
|
|
50
50
|
displayCount: itemSize,
|
|
51
51
|
itemsPerPage: pageSize
|
|
52
52
|
}), 2), pages = _usePagination[0], pageCount = _usePagination[1];
|
|
53
|
-
var handleClick = function(item) {
|
|
53
|
+
var handleClick = function handleClick(item) {
|
|
54
54
|
if (item.selected) return;
|
|
55
55
|
if (item.number > pageCount || item.number < 1) return;
|
|
56
56
|
setCurrent(item.number);
|
|
57
57
|
};
|
|
58
|
-
var prevPage = function() {
|
|
58
|
+
var prevPage = function prevPage() {
|
|
59
59
|
var prev = current - 1;
|
|
60
60
|
prev >= 1 && setCurrent(prev);
|
|
61
61
|
};
|
|
62
|
-
var nextPage = function() {
|
|
62
|
+
var nextPage = function nextPage() {
|
|
63
63
|
var next = current + 1;
|
|
64
64
|
next <= pageCount && setCurrent(next);
|
|
65
65
|
};
|
|
@@ -68,7 +68,7 @@ export var Pagination = function(props) {
|
|
|
68
68
|
className: classNames(classPrefix, className)
|
|
69
69
|
}, rest), (mode === 'multi' || mode === 'simple') && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
|
|
70
70
|
className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-prev"), true), _define_property(_obj, "".concat(classPrefix, "-simple-border"), mode !== 'multi'), _define_property(_obj, "".concat(classPrefix, "-prev-disabled"), current === 1), _obj)),
|
|
71
|
-
onClick: function() {
|
|
71
|
+
onClick: function onClick() {
|
|
72
72
|
return prevPage();
|
|
73
73
|
}
|
|
74
74
|
}, prev || locale.pagination.prev), mode === 'multi' && /*#__PURE__*/ React.createElement("div", {
|
|
@@ -78,7 +78,7 @@ export var Pagination = function(props) {
|
|
|
78
78
|
return /*#__PURE__*/ React.createElement("div", {
|
|
79
79
|
key: "".concat(index, "pagination"),
|
|
80
80
|
className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-item"), true), _define_property(_obj, "".concat(classPrefix, "-item-active"), item.selected), _obj)),
|
|
81
|
-
onClick: function() {
|
|
81
|
+
onClick: function onClick() {
|
|
82
82
|
handleClick(item);
|
|
83
83
|
}
|
|
84
84
|
}, itemRender ? itemRender(item, current) : item.text);
|
|
@@ -88,7 +88,7 @@ export var Pagination = function(props) {
|
|
|
88
88
|
className: "".concat(classPrefix, "-simple")
|
|
89
89
|
}, current, "/", pageCount)), /*#__PURE__*/ React.createElement("div", {
|
|
90
90
|
className: classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-next"), true), _define_property(_obj1, "".concat(classPrefix, "-next-disabled"), current >= pageCount), _obj1)),
|
|
91
|
-
onClick: function() {
|
|
91
|
+
onClick: function onClick() {
|
|
92
92
|
return nextPage();
|
|
93
93
|
}
|
|
94
94
|
}, next || locale.pagination.next)), mode === 'lite' && /*#__PURE__*/ React.createElement("div", {
|
|
@@ -20,9 +20,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
20
20
|
defaultValue: [],
|
|
21
21
|
closeOnOverlayClick: true
|
|
22
22
|
});
|
|
23
|
-
var InternalPicker = function(props, ref) {
|
|
23
|
+
var InternalPicker = function InternalPicker(props, ref) {
|
|
24
24
|
var locale = useConfig().locale;
|
|
25
|
-
var
|
|
25
|
+
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, [
|
|
26
26
|
"children",
|
|
27
27
|
"visible",
|
|
28
28
|
"title",
|
|
@@ -45,7 +45,7 @@ var InternalPicker = function(props, ref) {
|
|
|
45
45
|
value: props.value,
|
|
46
46
|
defaultValue: _to_consumable_array(defaultValue),
|
|
47
47
|
finalValue: _to_consumable_array(defaultValue),
|
|
48
|
-
onChange: function(value) {
|
|
48
|
+
onChange: function onChange(value) {
|
|
49
49
|
var _props_onConfirm;
|
|
50
50
|
(_props_onConfirm = props.onConfirm) === null || _props_onConfirm === void 0 ? void 0 : _props_onConfirm.call(props, selectedOptionsRef.current, value);
|
|
51
51
|
}
|
|
@@ -54,7 +54,7 @@ var InternalPicker = function(props, ref) {
|
|
|
54
54
|
value: props.visible,
|
|
55
55
|
defaultValue: false,
|
|
56
56
|
finalValue: false,
|
|
57
|
-
onChange: function(v) {
|
|
57
|
+
onChange: function onChange(v) {
|
|
58
58
|
if (!v) {
|
|
59
59
|
var _props_onClose;
|
|
60
60
|
(_props_onClose = props.onClose) === null || _props_onClose === void 0 ? void 0 : _props_onClose.call(props, selectedOptionsRef.current, innerValue);
|
|
@@ -62,10 +62,10 @@ var InternalPicker = function(props, ref) {
|
|
|
62
62
|
}
|
|
63
63
|
}), 2), innerVisible = _usePropsValue1[0], setInnerVisible = _usePropsValue1[1];
|
|
64
64
|
var actions = {
|
|
65
|
-
open: function() {
|
|
65
|
+
open: function open() {
|
|
66
66
|
setInnerVisible(true);
|
|
67
67
|
},
|
|
68
|
-
close: function() {
|
|
68
|
+
close: function close() {
|
|
69
69
|
setInnerVisible(false);
|
|
70
70
|
}
|
|
71
71
|
};
|
|
@@ -87,7 +87,7 @@ var InternalPicker = function(props, ref) {
|
|
|
87
87
|
innerOptions,
|
|
88
88
|
innerVisible
|
|
89
89
|
]);
|
|
90
|
-
var onChangeItem = function(param) {
|
|
90
|
+
var onChangeItem = function onChangeItem(param) {
|
|
91
91
|
var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
|
|
92
92
|
if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) {
|
|
93
93
|
selectedOptionsRef.current = selectedOptions;
|
|
@@ -101,7 +101,7 @@ var InternalPicker = function(props, ref) {
|
|
|
101
101
|
index: index
|
|
102
102
|
}));
|
|
103
103
|
};
|
|
104
|
-
var onConfirmEvent = function() {
|
|
104
|
+
var onConfirmEvent = function onConfirmEvent() {
|
|
105
105
|
var moving = false;
|
|
106
106
|
refs.forEach(function(ref) {
|
|
107
107
|
if (ref.moving) moving = true;
|
|
@@ -112,17 +112,17 @@ var InternalPicker = function(props, ref) {
|
|
|
112
112
|
setInnerVisible(false);
|
|
113
113
|
}
|
|
114
114
|
};
|
|
115
|
-
var onCancelEvent = function() {
|
|
115
|
+
var onCancelEvent = function onCancelEvent() {
|
|
116
116
|
setInnerValue(selectedValue);
|
|
117
117
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
118
118
|
setInnerVisible(false);
|
|
119
119
|
};
|
|
120
|
-
var renderTitleBar = function() {
|
|
120
|
+
var renderTitleBar = function renderTitleBar() {
|
|
121
121
|
return /*#__PURE__*/ React.createElement("div", {
|
|
122
122
|
className: "".concat(classPrefix, "-control")
|
|
123
123
|
}, /*#__PURE__*/ React.createElement("span", {
|
|
124
124
|
className: "".concat(classPrefix, "-cancel-btn"),
|
|
125
|
-
onClick: function(e) {
|
|
125
|
+
onClick: function onClick(e) {
|
|
126
126
|
e.stopPropagation();
|
|
127
127
|
onCancelEvent();
|
|
128
128
|
}
|
|
@@ -130,13 +130,13 @@ var InternalPicker = function(props, ref) {
|
|
|
130
130
|
className: "".concat(classPrefix, "-title")
|
|
131
131
|
}, title || ''), /*#__PURE__*/ React.createElement("span", {
|
|
132
132
|
className: "".concat(classPrefix, "-confirm-btn"),
|
|
133
|
-
onClick: function(e) {
|
|
133
|
+
onClick: function onClick(e) {
|
|
134
134
|
e.stopPropagation();
|
|
135
135
|
onConfirmEvent();
|
|
136
136
|
}
|
|
137
137
|
}, locale.confirm));
|
|
138
138
|
};
|
|
139
|
-
var renderPickerElement = function() {
|
|
139
|
+
var renderPickerElement = function renderPickerElement() {
|
|
140
140
|
return /*#__PURE__*/ React.createElement("div", _object_spread({
|
|
141
141
|
className: classes,
|
|
142
142
|
style: style
|
|
@@ -148,7 +148,7 @@ var InternalPicker = function(props, ref) {
|
|
|
148
148
|
options: props.options,
|
|
149
149
|
threeDimensional: threeDimensional,
|
|
150
150
|
duration: duration,
|
|
151
|
-
onChange: function(param) {
|
|
151
|
+
onChange: function onChange(param) {
|
|
152
152
|
var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
|
|
153
153
|
onChangeItem({
|
|
154
154
|
value: value,
|
|
@@ -161,7 +161,7 @@ var InternalPicker = function(props, ref) {
|
|
|
161
161
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, typeof children === 'function' && children(selectedValue), /*#__PURE__*/ React.createElement(Popup, _object_spread_props(_object_spread({}, popupProps), {
|
|
162
162
|
visible: innerVisible,
|
|
163
163
|
position: "bottom",
|
|
164
|
-
onOverlayClick: function() {
|
|
164
|
+
onOverlayClick: function onOverlayClick() {
|
|
165
165
|
if (!closeOnOverlayClick) return;
|
|
166
166
|
onCancelEvent();
|
|
167
167
|
}
|
|
@@ -6,7 +6,7 @@ import { useTouch } from "../../hooks/use-touch";
|
|
|
6
6
|
import { passiveSupported } from "../../utils/supports-passive";
|
|
7
7
|
import { preventDefault } from "../../utils";
|
|
8
8
|
import { momentum, useStyles } from "./utils";
|
|
9
|
-
var InternalPickerRoller = function(props, ref) {
|
|
9
|
+
var InternalPickerRoller = function InternalPickerRoller(props, ref) {
|
|
10
10
|
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) {
|
|
11
11
|
return item.label;
|
|
12
12
|
} : _props_renderLabel;
|
|
@@ -28,16 +28,16 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
28
28
|
var transformY = useRef(0);
|
|
29
29
|
var _useState5 = _sliced_to_array(useState(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
|
|
30
30
|
var _useStyles = useStyles(touchTime, touchDeg, scrollDistance, lineSpacing, ROTATION), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
|
|
31
|
-
var isItemHidden = function(index) {
|
|
31
|
+
var isItemHidden = function isItemHidden(index) {
|
|
32
32
|
return index >= currentIndex + 8 || index <= currentIndex - 8;
|
|
33
33
|
};
|
|
34
|
-
var applyTransform = function(type, deg) {
|
|
34
|
+
var applyTransform = function applyTransform(type, deg) {
|
|
35
35
|
var time = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, translateY = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
|
|
36
36
|
setTouchTime(type !== 'end' ? 0 : time);
|
|
37
37
|
setTouchDeg(deg);
|
|
38
38
|
setScrollDistance(translateY);
|
|
39
39
|
};
|
|
40
|
-
var handleMove = function(move, type, time) {
|
|
40
|
+
var handleMove = function handleMove(move, type, time) {
|
|
41
41
|
var updatedMove = move + transformY.current;
|
|
42
42
|
if (type === 'end') {
|
|
43
43
|
updatedMove = Math.max(Math.min(updatedMove, 0), -(options.length - 1) * lineSpacing.current);
|
|
@@ -55,16 +55,16 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
var selectValue = function(move) {
|
|
58
|
+
var selectValue = function selectValue(move) {
|
|
59
59
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing.current)], keyIndex);
|
|
60
60
|
};
|
|
61
|
-
var handleTouchStart = function(event) {
|
|
61
|
+
var handleTouchStart = function handleTouchStart(event) {
|
|
62
62
|
touch.start(event);
|
|
63
63
|
setStartY(touch.deltaY.current);
|
|
64
64
|
setStartTime(Date.now());
|
|
65
65
|
transformY.current = scrollDistance;
|
|
66
66
|
};
|
|
67
|
-
var handleTouchMove = function(event) {
|
|
67
|
+
var handleTouchMove = function handleTouchMove(event) {
|
|
68
68
|
touch.move(event);
|
|
69
69
|
if (touch.isVertical) {
|
|
70
70
|
isMoving.current = true;
|
|
@@ -73,7 +73,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
73
73
|
var move = touch.deltaY.current - startY;
|
|
74
74
|
handleMove(move);
|
|
75
75
|
};
|
|
76
|
-
var handleTouchEnd = function() {
|
|
76
|
+
var handleTouchEnd = function handleTouchEnd() {
|
|
77
77
|
if (!isMoving.current) return;
|
|
78
78
|
var move = touch.deltaY.current - startY;
|
|
79
79
|
var moveTime = Date.now() - startTime;
|
|
@@ -87,7 +87,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
87
87
|
touch.reset();
|
|
88
88
|
}, 0);
|
|
89
89
|
};
|
|
90
|
-
var updateStatus = function(shouldSelect, value) {
|
|
90
|
+
var updateStatus = function updateStatus(shouldSelect, value) {
|
|
91
91
|
var selectedValue = value || props.value;
|
|
92
92
|
var index = options.findIndex(function(item) {
|
|
93
93
|
return item.value === selectedValue;
|
|
@@ -97,7 +97,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
97
97
|
shouldSelect && selectValue(-move);
|
|
98
98
|
handleMove(-move);
|
|
99
99
|
};
|
|
100
|
-
var stopMomentumScroll = function() {
|
|
100
|
+
var stopMomentumScroll = function stopMomentumScroll() {
|
|
101
101
|
isMoving.current = false;
|
|
102
102
|
setTouchTime(0);
|
|
103
103
|
selectValue(scrollDistance);
|
|
@@ -13,11 +13,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
13
13
|
options: [],
|
|
14
14
|
defaultValue: [],
|
|
15
15
|
value: undefined,
|
|
16
|
-
renderLabel: function(item) {
|
|
16
|
+
renderLabel: function renderLabel(item) {
|
|
17
17
|
return item.label;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
var InternalPickerView = function(props, ref) {
|
|
20
|
+
var InternalPickerView = function InternalPickerView(props, ref) {
|
|
21
21
|
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;
|
|
22
22
|
var classPrefix = 'nut-pickerview';
|
|
23
23
|
var cls = classNames(classPrefix, className);
|
|
@@ -40,7 +40,7 @@ var InternalPickerView = function(props, ref) {
|
|
|
40
40
|
}, [
|
|
41
41
|
props.options
|
|
42
42
|
]);
|
|
43
|
-
var formatCascadeOptions = function(options, value) {
|
|
43
|
+
var formatCascadeOptions = function formatCascadeOptions(options, value) {
|
|
44
44
|
var _loop = function() {
|
|
45
45
|
var currentOptions = columnOptions.children;
|
|
46
46
|
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
|
};
|
|
@@ -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
|