@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
|
@@ -19,12 +19,12 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
|
|
|
19
19
|
bottom: 'auto'
|
|
20
20
|
},
|
|
21
21
|
zIndex: 200,
|
|
22
|
-
onChange: function(value) {},
|
|
23
|
-
onSelect: function() {}
|
|
22
|
+
onChange: function onChange(value) {},
|
|
23
|
+
onSelect: function onSelect() {}
|
|
24
24
|
});
|
|
25
|
-
export var FixedNav = function(props) {
|
|
25
|
+
export var FixedNav = function FixedNav(props) {
|
|
26
26
|
var locale = useConfig().locale;
|
|
27
|
-
var
|
|
27
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), overlay = _$_object_spread.overlay, visible = _$_object_spread.visible, list = _$_object_spread.list, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, position = _$_object_spread.position, type = _$_object_spread.type, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, content = _$_object_spread.content, zIndex = _$_object_spread.zIndex, onChange = _$_object_spread.onChange, onSelect = _$_object_spread.onSelect, rest = _object_without_properties(_$_object_spread, [
|
|
28
28
|
"overlay",
|
|
29
29
|
"visible",
|
|
30
30
|
"list",
|
|
@@ -44,10 +44,10 @@ export var FixedNav = function(props) {
|
|
|
44
44
|
var classes = classNames(classPrefix, {
|
|
45
45
|
active: visible
|
|
46
46
|
}, "".concat(classPrefix, "-").concat(type), className);
|
|
47
|
-
var renderListItem = function(item, index) {
|
|
47
|
+
var renderListItem = function renderListItem(item, index) {
|
|
48
48
|
return /*#__PURE__*/ React.createElement("div", {
|
|
49
49
|
className: "".concat(classPrefix, "-list-item"),
|
|
50
|
-
onClick: function(event) {
|
|
50
|
+
onClick: function onClick(event) {
|
|
51
51
|
return onSelect(item, event);
|
|
52
52
|
},
|
|
53
53
|
key: item.id || index
|
|
@@ -65,7 +65,7 @@ export var FixedNav = function(props) {
|
|
|
65
65
|
}, rest), overlay && /*#__PURE__*/ React.createElement(Overlay, {
|
|
66
66
|
visible: visible,
|
|
67
67
|
zIndex: zIndex,
|
|
68
|
-
onClick: function() {
|
|
68
|
+
onClick: function onClick() {
|
|
69
69
|
return onChange(false);
|
|
70
70
|
}
|
|
71
71
|
}), /*#__PURE__*/ React.createElement("div", {
|
|
@@ -80,7 +80,7 @@ export var FixedNav = function(props) {
|
|
|
80
80
|
}, renderListItem(item, index)) : /*#__PURE__*/ React.createElement(React.Fragment, null, renderListItem(item, index)));
|
|
81
81
|
}))), /*#__PURE__*/ React.createElement("div", {
|
|
82
82
|
className: "".concat(classPrefix, "-btn"),
|
|
83
|
-
onClick: function() {
|
|
83
|
+
onClick: function onClick() {
|
|
84
84
|
return onChange(!visible);
|
|
85
85
|
}
|
|
86
86
|
}, content || /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(ArrowLeft, {
|
|
@@ -13,10 +13,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
13
13
|
disabled: false,
|
|
14
14
|
divider: false,
|
|
15
15
|
validateTrigger: 'onChange',
|
|
16
|
-
onReset: function() {},
|
|
17
|
-
onSubmit: function() {},
|
|
18
|
-
onFinish: function(values) {},
|
|
19
|
-
onFinishFailed: function(values, errorFields) {}
|
|
16
|
+
onReset: function onReset() {},
|
|
17
|
+
onSubmit: function onSubmit() {},
|
|
18
|
+
onFinish: function onFinish(values) {},
|
|
19
|
+
onFinishFailed: function onFinishFailed(values, errorFields) {}
|
|
20
20
|
});
|
|
21
21
|
var PositionInfo = {
|
|
22
22
|
top: 'form-layout-top',
|
|
@@ -55,13 +55,13 @@ export var Form = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
55
55
|
return /*#__PURE__*/ React.createElement("form", {
|
|
56
56
|
className: classNames(classPrefix, PositionInfo[labelPosition], className),
|
|
57
57
|
style: style,
|
|
58
|
-
onSubmit: function(e) {
|
|
58
|
+
onSubmit: function onSubmit1(e) {
|
|
59
59
|
e.preventDefault();
|
|
60
60
|
e.stopPropagation();
|
|
61
61
|
submit();
|
|
62
62
|
onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
|
|
63
63
|
},
|
|
64
|
-
onReset: function(e) {
|
|
64
|
+
onReset: function onReset1(e) {
|
|
65
65
|
e.preventDefault();
|
|
66
66
|
e.stopPropagation();
|
|
67
67
|
resetFields();
|
|
@@ -345,8 +345,8 @@ export var SECRET = 'NUT_FORM_INTERNAL';
|
|
|
345
345
|
}
|
|
346
346
|
});
|
|
347
347
|
this.callbacks = {
|
|
348
|
-
onFinish: function() {},
|
|
349
|
-
onFinishFailed: function() {}
|
|
348
|
+
onFinish: function onFinish() {},
|
|
349
|
+
onFinishFailed: function onFinishFailed() {}
|
|
350
350
|
};
|
|
351
351
|
}
|
|
352
352
|
_create_class(FormStore, [
|
|
@@ -359,7 +359,7 @@ export var SECRET = 'NUT_FORM_INTERNAL';
|
|
|
359
359
|
]);
|
|
360
360
|
return FormStore;
|
|
361
361
|
}();
|
|
362
|
-
export var useForm = function(form) {
|
|
362
|
+
export var useForm = function useForm(form) {
|
|
363
363
|
var formRef = useRef();
|
|
364
364
|
if (!formRef.current) {
|
|
365
365
|
if (form) {
|
|
@@ -373,7 +373,7 @@ export var useForm = function(form) {
|
|
|
373
373
|
formRef.current
|
|
374
374
|
];
|
|
375
375
|
};
|
|
376
|
-
export var useWatch = function(path, form) {
|
|
376
|
+
export var useWatch = function useWatch(path, form) {
|
|
377
377
|
var formInstance = form.getInternal(SECRET);
|
|
378
378
|
var _useState = _sliced_to_array(useState(), 2), value = _useState[0], setValue = _useState[1];
|
|
379
379
|
useEffect(function() {
|
|
@@ -133,7 +133,7 @@ export var FormItem = /*#__PURE__*/ function(_superClass) {
|
|
|
133
133
|
className: "".concat(_this.getClassNameWithDirection('nut-form-item'), " ").concat(className),
|
|
134
134
|
style: style,
|
|
135
135
|
align: align,
|
|
136
|
-
onClick: function(e) {
|
|
136
|
+
onClick: function onClick(e) {
|
|
137
137
|
return _this.props.onClick && _this.props.onClick(e, _this.componentRef);
|
|
138
138
|
}
|
|
139
139
|
}, label ? /*#__PURE__*/ React.createElement("div", {
|
|
@@ -13,8 +13,8 @@ var defaultProps = {
|
|
|
13
13
|
reverse: false,
|
|
14
14
|
direction: 'vertical'
|
|
15
15
|
};
|
|
16
|
-
export var Grid = function(props) {
|
|
17
|
-
var
|
|
16
|
+
export var Grid = function Grid(props) {
|
|
17
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, columns = _$_object_spread.columns, gap = _$_object_spread.gap, center = _$_object_spread.center, square = _$_object_spread.square, reverse = _$_object_spread.reverse, direction = _$_object_spread.direction, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick, rest = _object_without_properties(_$_object_spread, [
|
|
18
18
|
"children",
|
|
19
19
|
"columns",
|
|
20
20
|
"gap",
|
|
@@ -28,10 +28,10 @@ export var Grid = function(props) {
|
|
|
28
28
|
]);
|
|
29
29
|
var childrenDom = React.Children.toArray(children);
|
|
30
30
|
var classPrefix = 'nut-grid';
|
|
31
|
-
var rootClass = function() {
|
|
31
|
+
var rootClass = function rootClass() {
|
|
32
32
|
return classNames(classPrefix, _define_property({}, "".concat(classPrefix, "-border"), !gap), className);
|
|
33
33
|
};
|
|
34
|
-
var rootStyle = function() {
|
|
34
|
+
var rootStyle = function rootStyle() {
|
|
35
35
|
var styleSelf = {};
|
|
36
36
|
if (style) {
|
|
37
37
|
styleSelf = style;
|
|
@@ -15,8 +15,8 @@ var defaultProps = {
|
|
|
15
15
|
reverse: false,
|
|
16
16
|
direction: 'vertical'
|
|
17
17
|
};
|
|
18
|
-
export var GridItem = function(props) {
|
|
19
|
-
var
|
|
18
|
+
export var GridItem = function GridItem(props) {
|
|
19
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, style = _$_object_spread.style, columns = _$_object_spread.columns, index = _$_object_spread.index, gap = _$_object_spread.gap, square = _$_object_spread.square, text = _$_object_spread.text, center = _$_object_spread.center, reverse = _$_object_spread.reverse, direction = _$_object_spread.direction, className = _$_object_spread.className, onClick = _$_object_spread.onClick, rest = _object_without_properties(_$_object_spread, [
|
|
20
20
|
"children",
|
|
21
21
|
"style",
|
|
22
22
|
"columns",
|
|
@@ -33,7 +33,7 @@ export var GridItem = function(props) {
|
|
|
33
33
|
var classPrefix = 'nut-grid-item';
|
|
34
34
|
var classes = classNames(classPrefix, className);
|
|
35
35
|
var context = useContext(GridContext);
|
|
36
|
-
var rootStyle = function() {
|
|
36
|
+
var rootStyle = function rootStyle() {
|
|
37
37
|
var width = "calc((100% - ".concat(Number(gap) * (Number(columns) - 1), "px) / ").concat(Number(columns), ")");
|
|
38
38
|
var styles = _object_spread({
|
|
39
39
|
flexBasis: width
|
|
@@ -53,15 +53,15 @@ export var GridItem = function(props) {
|
|
|
53
53
|
}
|
|
54
54
|
return styles;
|
|
55
55
|
};
|
|
56
|
-
var contentClass = function() {
|
|
56
|
+
var contentClass = function contentClass() {
|
|
57
57
|
var _obj;
|
|
58
58
|
return classNames("".concat(classPrefix, "-content"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-content-border"), true), _define_property(_obj, "".concat(classPrefix, "-content-surround"), gap), _define_property(_obj, "".concat(classPrefix, "-content-center"), center), _define_property(_obj, "".concat(classPrefix, "-content-square"), square), _define_property(_obj, "".concat(classPrefix, "-content-reverse"), reverse && direction !== 'horizontal'), _define_property(_obj, "".concat(classPrefix, "-content-").concat(direction), !!direction), _define_property(_obj, "".concat(classPrefix, "-content-horizontal-reverse"), reverse && direction === 'horizontal'), _obj));
|
|
59
59
|
};
|
|
60
|
-
var textClass = function() {
|
|
60
|
+
var textClass = function textClass() {
|
|
61
61
|
var _obj;
|
|
62
62
|
return classNames("".concat(classPrefix, "-text"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-text-reverse"), reverse && direction !== 'horizontal'), _define_property(_obj, "".concat(classPrefix, "-text-horizontal"), direction === 'horizontal'), _define_property(_obj, "".concat(classPrefix, "-text-horizontal-reverse"), reverse && direction === 'horizontal'), _obj));
|
|
63
63
|
};
|
|
64
|
-
var handleClick = function(e) {
|
|
64
|
+
var handleClick = function handleClick(e) {
|
|
65
65
|
onClick && onClick(e);
|
|
66
66
|
context.onClick && context.onClick({
|
|
67
67
|
text: text,
|
|
@@ -9,7 +9,7 @@ import SafeArea from "../safearea/index";
|
|
|
9
9
|
import { UI_BOTTOM_DISTANCE } from "./utils";
|
|
10
10
|
var defaultProps = _object_spread({}, ComponentDefaults);
|
|
11
11
|
var classPrefix = 'nut-hoverbutton';
|
|
12
|
-
export var HoverButton = function(props) {
|
|
12
|
+
export var HoverButton = function HoverButton(props) {
|
|
13
13
|
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
|
|
14
14
|
var rtl = useRtl();
|
|
15
15
|
var baseStyle = _object_spread({}, style);
|
|
@@ -7,17 +7,17 @@ import { ComponentDefaults } from "../../utils/typings";
|
|
|
7
7
|
import { getIcon } from "./utils";
|
|
8
8
|
var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
9
9
|
icon: null,
|
|
10
|
-
onClick: function(event) {}
|
|
10
|
+
onClick: function onClick(event) {}
|
|
11
11
|
});
|
|
12
12
|
var classPrefix = 'nut-hoverbutton-item';
|
|
13
|
-
export var HoverButtonItem = function(props) {
|
|
13
|
+
export var HoverButtonItem = function HoverButtonItem(props) {
|
|
14
14
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, children = _$_object_spread.children, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
|
|
15
|
-
var handleClick = function(event) {
|
|
15
|
+
var handleClick = function handleClick(event) {
|
|
16
16
|
if (onClick) {
|
|
17
17
|
onClick(event);
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
var renderBody = function() {
|
|
20
|
+
var renderBody = function renderBody() {
|
|
21
21
|
if (icon && !children) return /*#__PURE__*/ React.createElement("div", {
|
|
22
22
|
className: "".concat(classPrefix, "-icon")
|
|
23
23
|
}, getIcon(icon));
|
|
@@ -17,13 +17,13 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
lazy: false
|
|
18
18
|
});
|
|
19
19
|
var classPrefix = 'nut-image';
|
|
20
|
-
export var Image = function(props) {
|
|
20
|
+
export var Image = function Image(props) {
|
|
21
21
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, src = _$_object_spread.src, fit = _$_object_spread.fit, position = _$_object_spread.position, alt = _$_object_spread.alt, width = _$_object_spread.width, height = _$_object_spread.height, radius = _$_object_spread.radius, error = _$_object_spread.error, loading = _$_object_spread.loading, lazy = _$_object_spread.lazy, draggable = _$_object_spread.draggable, onClick = _$_object_spread.onClick, onLoad = _$_object_spread.onLoad, onError = _$_object_spread.onError;
|
|
22
22
|
var _useState = _sliced_to_array(useState(false), 2), innerLoading = _useState[0], setInnerLoading = _useState[1];
|
|
23
23
|
var _useState1 = _sliced_to_array(useState(false), 2), isError = _useState1[0], setIsError = _useState1[1];
|
|
24
24
|
var _useState2 = _sliced_to_array(useState(false), 2), complete = _useState2[0], setComplete = _useState2[1];
|
|
25
25
|
var imgRef = useRef(null);
|
|
26
|
-
var pxCheck = function(value) {
|
|
26
|
+
var pxCheck = function pxCheck(value) {
|
|
27
27
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
28
28
|
};
|
|
29
29
|
useEffect(function() {
|
|
@@ -45,7 +45,7 @@ export var Image = function(props) {
|
|
|
45
45
|
}, [
|
|
46
46
|
src
|
|
47
47
|
]);
|
|
48
|
-
var handleLoad = function() {
|
|
48
|
+
var handleLoad = function handleLoad() {
|
|
49
49
|
if (!complete) {
|
|
50
50
|
setIsError(false);
|
|
51
51
|
setInnerLoading(false);
|
|
@@ -53,7 +53,7 @@ export var Image = function(props) {
|
|
|
53
53
|
setComplete(true);
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
var handleError = function() {
|
|
56
|
+
var handleError = function handleError() {
|
|
57
57
|
if (!complete) {
|
|
58
58
|
setIsError(true);
|
|
59
59
|
setInnerLoading(false);
|
|
@@ -73,7 +73,7 @@ export var Image = function(props) {
|
|
|
73
73
|
}, style);
|
|
74
74
|
// 图片懒加载
|
|
75
75
|
var observer = useRef(null);
|
|
76
|
-
var initObserver = function() {
|
|
76
|
+
var initObserver = function initObserver() {
|
|
77
77
|
var options = {
|
|
78
78
|
threshold: [
|
|
79
79
|
0
|
|
@@ -101,7 +101,7 @@ export var Image = function(props) {
|
|
|
101
101
|
observer.current.observe(imgRef.current);
|
|
102
102
|
};
|
|
103
103
|
// 使用disconnect将取消的Observer实例中的所有监听
|
|
104
|
-
var resetObserver = function() {
|
|
104
|
+
var resetObserver = function resetObserver() {
|
|
105
105
|
observer.current.disconnect && observer.current.disconnect();
|
|
106
106
|
};
|
|
107
107
|
useEffect(function() {
|
|
@@ -112,7 +112,7 @@ export var Image = function(props) {
|
|
|
112
112
|
}, [
|
|
113
113
|
lazy
|
|
114
114
|
]);
|
|
115
|
-
var imageClick = function(event) {
|
|
115
|
+
var imageClick = function imageClick(event) {
|
|
116
116
|
onClick && onClick(event);
|
|
117
117
|
};
|
|
118
118
|
var renderErrorImg = useCallback(function() {
|
|
@@ -152,7 +152,7 @@ export var Image = function(props) {
|
|
|
152
152
|
return /*#__PURE__*/ React.createElement("div", {
|
|
153
153
|
className: classNames(classPrefix, className),
|
|
154
154
|
style: containerStyle,
|
|
155
|
-
onClick: function(e) {
|
|
155
|
+
onClick: function onClick(e) {
|
|
156
156
|
imageClick(e);
|
|
157
157
|
}
|
|
158
158
|
}, /*#__PURE__*/ React.createElement("img", _object_spread_props(_object_spread({
|
|
@@ -26,10 +26,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
26
26
|
indicatorColor: '#fff',
|
|
27
27
|
closeIcon: false,
|
|
28
28
|
closeIconPosition: 'top-right',
|
|
29
|
-
onChange: function() {},
|
|
30
|
-
onClose: function() {}
|
|
29
|
+
onChange: function onChange() {},
|
|
30
|
+
onClose: function onClose() {}
|
|
31
31
|
});
|
|
32
|
-
export var ImagePreview = function(props) {
|
|
32
|
+
export var ImagePreview = function ImagePreview(props) {
|
|
33
33
|
var _mergeProps = mergeProps(defaultProps, props), value = _mergeProps.value, className = _mergeProps.className, style = _mergeProps.style, images = _mergeProps.images, videos = _mergeProps.videos, visible = _mergeProps.visible, defaultValue = _mergeProps.defaultValue, indicatorColor = _mergeProps.indicatorColor, pagination = _mergeProps.pagination, indicator = _mergeProps.indicator, autoPlay = _mergeProps.autoPlay, closeOnContentClick = _mergeProps.closeOnContentClick, closeIcon = _mergeProps.closeIcon, closeIconPosition = _mergeProps.closeIconPosition, onClose = _mergeProps.onClose, onChange = _mergeProps.onChange, rest = _object_without_properties(_mergeProps, [
|
|
34
34
|
"value",
|
|
35
35
|
"className",
|
|
@@ -67,7 +67,7 @@ export var ImagePreview = function(props) {
|
|
|
67
67
|
}), 2), store = _useState3[0], setStore = _useState3[1];
|
|
68
68
|
var lastTouchEndTime = useRef(0) // 用来辅助监听双击
|
|
69
69
|
;
|
|
70
|
-
var onTouchStart = function(event) {
|
|
70
|
+
var onTouchStart = function onTouchStart(event) {
|
|
71
71
|
var touches = event.touches;
|
|
72
72
|
var events = touches[0];
|
|
73
73
|
var events2 = touches[1];
|
|
@@ -87,7 +87,7 @@ export var ImagePreview = function(props) {
|
|
|
87
87
|
// 取到开始两指操作时的放大(缩小比例),store.scale 存储的是当前的放缩比(相对于标准大小 scale 为 1 的情况的放大缩小比)
|
|
88
88
|
store11.originScale = store11.scale;
|
|
89
89
|
};
|
|
90
|
-
var onTouchMove = function(event) {
|
|
90
|
+
var onTouchMove = function onTouchMove(event) {
|
|
91
91
|
if (!store.moveable) return;
|
|
92
92
|
var touches = event.touches;
|
|
93
93
|
var events = touches[0];
|
|
@@ -105,7 +105,7 @@ export var ImagePreview = function(props) {
|
|
|
105
105
|
scaleNow();
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
|
-
var onTouchEnd = function() {
|
|
108
|
+
var onTouchEnd = function onTouchEnd() {
|
|
109
109
|
lastTouchEndTime.current = Date.now();
|
|
110
110
|
var store1 = store;
|
|
111
111
|
store1.moveable = false;
|
|
@@ -117,7 +117,7 @@ export var ImagePreview = function(props) {
|
|
|
117
117
|
useEffect(function() {
|
|
118
118
|
init();
|
|
119
119
|
}, []);
|
|
120
|
-
var init = function() {
|
|
120
|
+
var init = function init() {
|
|
121
121
|
document.addEventListener('touchmove', onTouchMove);
|
|
122
122
|
document.addEventListener('touchend', onTouchEnd);
|
|
123
123
|
document.addEventListener('touchcancel', onTouchEnd);
|
|
@@ -148,20 +148,20 @@ export var ImagePreview = function(props) {
|
|
|
148
148
|
images,
|
|
149
149
|
videos
|
|
150
150
|
]);
|
|
151
|
-
var scaleNow = function() {
|
|
151
|
+
var scaleNow = function scaleNow() {
|
|
152
152
|
if (ref.current) {
|
|
153
153
|
ref.current.style.transform = "scale(".concat(store.scale, ")");
|
|
154
154
|
}
|
|
155
155
|
};
|
|
156
156
|
// 用于查找给定数字的斜边。起止两点间距离。
|
|
157
|
-
var getDistance = function(first, second) {
|
|
157
|
+
var getDistance = function getDistance(first, second) {
|
|
158
158
|
return Math.hypot(Math.abs(second.pageX - first.pageX), Math.abs(second.pageY - first.pageY));
|
|
159
159
|
};
|
|
160
|
-
var slideChangeEnd = function(page) {
|
|
160
|
+
var slideChangeEnd = function slideChangeEnd(page) {
|
|
161
161
|
setActive(page + 1);
|
|
162
162
|
onChange === null || onChange === void 0 ? void 0 : onChange(page + 1);
|
|
163
163
|
};
|
|
164
|
-
var onCloseInner = function(e) {
|
|
164
|
+
var onCloseInner = function onCloseInner(e) {
|
|
165
165
|
e.stopPropagation();
|
|
166
166
|
setShowPop(false);
|
|
167
167
|
setActive(innerNo);
|
|
@@ -171,7 +171,7 @@ export var ImagePreview = function(props) {
|
|
|
171
171
|
scale: 1
|
|
172
172
|
}));
|
|
173
173
|
};
|
|
174
|
-
var closeOnImg = function(e) {
|
|
174
|
+
var closeOnImg = function closeOnImg(e) {
|
|
175
175
|
e.stopPropagation();
|
|
176
176
|
// 点击内容区域的图片是否可以关闭弹层(视频区域由于nut-video做了限制,无法关闭弹层)
|
|
177
177
|
if (closeOnContentClick) onCloseInner(e);
|
|
@@ -192,7 +192,7 @@ export var ImagePreview = function(props) {
|
|
|
192
192
|
style: {
|
|
193
193
|
'--nutui-indicator-color': indicatorColor
|
|
194
194
|
},
|
|
195
|
-
onChange: function(page) {
|
|
195
|
+
onChange: function onChange(page) {
|
|
196
196
|
return slideChangeEnd(page);
|
|
197
197
|
},
|
|
198
198
|
defaultValue: innerNo > maxNo ? maxNo - 1 : innerNo - 1,
|
|
@@ -11,14 +11,14 @@ var defaultProps = {
|
|
|
11
11
|
type: 'anchor'
|
|
12
12
|
};
|
|
13
13
|
var classPrefix = "nut-indicator";
|
|
14
|
-
export var Indicator = function(props) {
|
|
14
|
+
export var Indicator = function Indicator(props) {
|
|
15
15
|
var maybeFixedWidth = function maybeFixedWidth() {
|
|
16
16
|
if (type === 'dualScreen' || type === 'slide') {
|
|
17
17
|
return "".concat(classPrefix, "-fixed-width");
|
|
18
18
|
}
|
|
19
19
|
return '';
|
|
20
20
|
};
|
|
21
|
-
var
|
|
21
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), color = _$_object_spread.color, type = _$_object_spread.type, total = _$_object_spread.total, current = _$_object_spread.current, children = _$_object_spread.children, className = _$_object_spread.className, direction = _$_object_spread.direction, placement = _$_object_spread.placement, rest = _object_without_properties(_$_object_spread, [
|
|
22
22
|
"color",
|
|
23
23
|
"type",
|
|
24
24
|
"total",
|
|
@@ -30,7 +30,7 @@ export var Indicator = function(props) {
|
|
|
30
30
|
]);
|
|
31
31
|
var _obj;
|
|
32
32
|
var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-vertical"), direction === 'vertical'), _define_property(_obj, "".concat(classPrefix, "-white"), color === 'default'), _define_property(_obj, "".concat(classPrefix, "-track"), type === 'slide'), _define_property(_obj, "".concat(classPrefix, "-").concat(placement), !!placement), _obj));
|
|
33
|
-
var renderDotElement = function() {
|
|
33
|
+
var renderDotElement = function renderDotElement() {
|
|
34
34
|
var childs = [];
|
|
35
35
|
for(var item = 0; item < total; item++){
|
|
36
36
|
childs.push(item === current ? children || /*#__PURE__*/ React.createElement("div", {
|
|
@@ -43,7 +43,7 @@ export var Indicator = function(props) {
|
|
|
43
43
|
}
|
|
44
44
|
return childs;
|
|
45
45
|
};
|
|
46
|
-
var renderLineElement = function() {
|
|
46
|
+
var renderLineElement = function renderLineElement() {
|
|
47
47
|
return /*#__PURE__*/ React.createElement("div", {
|
|
48
48
|
style: {
|
|
49
49
|
'--nutui-indicator-current': current,
|
|
@@ -52,7 +52,7 @@ export var Indicator = function(props) {
|
|
|
52
52
|
className: "".concat(classPrefix, "-line ").concat(classPrefix, "-line-active")
|
|
53
53
|
});
|
|
54
54
|
};
|
|
55
|
-
var renderByType = function(type) {
|
|
55
|
+
var renderByType = function renderByType(type) {
|
|
56
56
|
switch(type){
|
|
57
57
|
case 'slide':
|
|
58
58
|
return renderLineElement();
|
|
@@ -17,7 +17,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
pullRefresh: false
|
|
18
18
|
});
|
|
19
19
|
var classPrefix = "nut-infiniteloading";
|
|
20
|
-
export var InfiniteLoading = function(props) {
|
|
20
|
+
export var InfiniteLoading = function InfiniteLoading(props) {
|
|
21
21
|
var getBottomTipsText = function getBottomTipsText() {
|
|
22
22
|
if (isInfiniting) {
|
|
23
23
|
return loadingText || locale.infiniteloading.loadText;
|
|
@@ -28,7 +28,7 @@ export var InfiniteLoading = function(props) {
|
|
|
28
28
|
return null;
|
|
29
29
|
};
|
|
30
30
|
var locale = useConfig().locale;
|
|
31
|
-
var
|
|
31
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, type = _$_object_spread.type, hasMore = _$_object_spread.hasMore, threshold = _$_object_spread.threshold, target = _$_object_spread.target, capture = _$_object_spread.capture, pullRefresh = _$_object_spread.pullRefresh, pullingText = _$_object_spread.pullingText, loadingText = _$_object_spread.loadingText, loadMoreText = _$_object_spread.loadMoreText, className = _$_object_spread.className, onRefresh = _$_object_spread.onRefresh, onLoadMore = _$_object_spread.onLoadMore, onScroll = _$_object_spread.onScroll, restProps = _object_without_properties(_$_object_spread, [
|
|
32
32
|
"children",
|
|
33
33
|
"type",
|
|
34
34
|
"hasMore",
|
|
@@ -82,13 +82,13 @@ export var InfiniteLoading = function(props) {
|
|
|
82
82
|
});
|
|
83
83
|
};
|
|
84
84
|
}, []);
|
|
85
|
-
var getStyle = function() {
|
|
85
|
+
var getStyle = function getStyle() {
|
|
86
86
|
return {
|
|
87
87
|
height: distance.current < 0 ? "0px" : "".concat(distance.current, "px"),
|
|
88
88
|
transition: isTouching.current ? "height 0s cubic-bezier(0.25,0.1,0.25,1)" : "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
|
|
89
89
|
};
|
|
90
90
|
};
|
|
91
|
-
var handleScroll = function() {
|
|
91
|
+
var handleScroll = function handleScroll() {
|
|
92
92
|
return _async_to_generator(function() {
|
|
93
93
|
return _ts_generator(this, function(_state) {
|
|
94
94
|
switch(_state.label){
|
|
@@ -113,18 +113,18 @@ export var InfiniteLoading = function(props) {
|
|
|
113
113
|
});
|
|
114
114
|
})();
|
|
115
115
|
};
|
|
116
|
-
var infiniteDone = function() {
|
|
116
|
+
var infiniteDone = function infiniteDone() {
|
|
117
117
|
setIsInfiniting(false);
|
|
118
118
|
};
|
|
119
|
-
var getRefreshTop = function() {
|
|
119
|
+
var getRefreshTop = function getRefreshTop() {
|
|
120
120
|
return refreshTop.current;
|
|
121
121
|
};
|
|
122
|
-
var refreshDone = function() {
|
|
122
|
+
var refreshDone = function refreshDone() {
|
|
123
123
|
distance.current = 0;
|
|
124
124
|
getRefreshTop().style.height = "".concat(distance.current, "px");
|
|
125
125
|
isTouching.current = false;
|
|
126
126
|
};
|
|
127
|
-
var touchStart = function(event) {
|
|
127
|
+
var touchStart = function touchStart(event) {
|
|
128
128
|
if (beforeScrollTop.current === 0 && !isTouching.current && pullRefresh) {
|
|
129
129
|
y.current = event.touches[0].pageY;
|
|
130
130
|
isTouching.current = true;
|
|
@@ -132,7 +132,7 @@ export var InfiniteLoading = function(props) {
|
|
|
132
132
|
refreshMaxH.current = Math.floor(childHeight * 1 + 10);
|
|
133
133
|
}
|
|
134
134
|
};
|
|
135
|
-
var touchMove = function(event) {
|
|
135
|
+
var touchMove = function touchMove(event) {
|
|
136
136
|
distance.current = event.touches[0].pageY - y.current;
|
|
137
137
|
if (distance.current > 0 && isTouching.current) {
|
|
138
138
|
event.preventDefault();
|
|
@@ -148,7 +148,7 @@ export var InfiniteLoading = function(props) {
|
|
|
148
148
|
isTouching.current = false;
|
|
149
149
|
}
|
|
150
150
|
};
|
|
151
|
-
var touchEnd = function() {
|
|
151
|
+
var touchEnd = function touchEnd() {
|
|
152
152
|
return _async_to_generator(function() {
|
|
153
153
|
return _ts_generator(this, function(_state) {
|
|
154
154
|
switch(_state.label){
|
|
@@ -181,13 +181,13 @@ export var InfiniteLoading = function(props) {
|
|
|
181
181
|
});
|
|
182
182
|
})();
|
|
183
183
|
};
|
|
184
|
-
var getWindowScrollTop = function() {
|
|
184
|
+
var getWindowScrollTop = function getWindowScrollTop() {
|
|
185
185
|
return window.scrollY !== undefined ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;
|
|
186
186
|
};
|
|
187
|
-
var calculateTopPosition = function(el) {
|
|
187
|
+
var calculateTopPosition = function calculateTopPosition1(el) {
|
|
188
188
|
return !el ? 0 : el.offsetTop + calculateTopPosition(el.offsetParent);
|
|
189
189
|
};
|
|
190
|
-
var isScrollAtBottom = function() {
|
|
190
|
+
var isScrollAtBottom = function isScrollAtBottom() {
|
|
191
191
|
var offsetDistance = 0;
|
|
192
192
|
var resScrollTop = 0;
|
|
193
193
|
var direction = 'down';
|
|
@@ -27,7 +27,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
27
27
|
export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
28
28
|
var rtl = useRtl();
|
|
29
29
|
var locale = useConfig().locale;
|
|
30
|
-
var
|
|
30
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), type = _$_object_spread.type, name = _$_object_spread.name, placeholder = _$_object_spread.placeholder, align = _$_object_spread.align, disabled = _$_object_spread.disabled, readOnly = _$_object_spread.readOnly, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, clearIcon = _$_object_spread.clearIcon, formatTrigger = _$_object_spread.formatTrigger, autoFocus = _$_object_spread.autoFocus, style = _$_object_spread.style, className = _$_object_spread.className, inputStyle = _$_object_spread.inputStyle, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onClear = _$_object_spread.onClear, formatter = _$_object_spread.formatter, onClick = _$_object_spread.onClick, confirmType = _$_object_spread.confirmType, plain = _$_object_spread.plain, defaultValue = _$_object_spread.defaultValue, _value = _$_object_spread.value, onCompositionStart = _$_object_spread.onCompositionStart, onCompositionEnd = _$_object_spread.onCompositionEnd, rest = _object_without_properties(_$_object_spread, [
|
|
31
31
|
"type",
|
|
32
32
|
"name",
|
|
33
33
|
"placeholder",
|
|
@@ -65,14 +65,14 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
65
65
|
var _useState = _sliced_to_array(useState(false), 2), active = _useState[0], setActive = _useState[1];
|
|
66
66
|
useImperativeHandle(ref, function() {
|
|
67
67
|
return {
|
|
68
|
-
clear: function() {
|
|
68
|
+
clear: function clear() {
|
|
69
69
|
return setValue('');
|
|
70
70
|
},
|
|
71
|
-
focus: function() {
|
|
71
|
+
focus: function focus() {
|
|
72
72
|
var _inputRef_current;
|
|
73
73
|
return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
|
|
74
74
|
},
|
|
75
|
-
blur: function() {
|
|
75
|
+
blur: function blur() {
|
|
76
76
|
var _inputRef_current;
|
|
77
77
|
return (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
|
|
78
78
|
},
|
|
@@ -94,7 +94,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
94
94
|
readOnly,
|
|
95
95
|
plain
|
|
96
96
|
]);
|
|
97
|
-
var handleValueUpdate = function(inputValue, trigger) {
|
|
97
|
+
var handleValueUpdate = function handleValueUpdate(inputValue, trigger) {
|
|
98
98
|
var updatedValue = inputValue;
|
|
99
99
|
if (type === 'number') updatedValue = formatNumber(updatedValue, false, true);
|
|
100
100
|
if (type === 'digit') updatedValue = formatNumber(updatedValue, true, true);
|
|
@@ -105,25 +105,25 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
105
105
|
eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler(updatedValue);
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
|
-
var handleFocus = function(event) {
|
|
108
|
+
var handleFocus = function handleFocus(event) {
|
|
109
109
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event.target.value);
|
|
110
110
|
setActive(true);
|
|
111
111
|
};
|
|
112
|
-
var handleBlur = function(event) {
|
|
112
|
+
var handleBlur = function handleBlur(event) {
|
|
113
113
|
handleValueUpdate(event.target.value, 'onBlur');
|
|
114
114
|
setTimeout(function() {
|
|
115
115
|
return setActive(false);
|
|
116
116
|
}, 200);
|
|
117
117
|
};
|
|
118
|
-
var handleInputChange = function(event) {
|
|
118
|
+
var handleInputChange = function handleInputChange(event) {
|
|
119
119
|
handleValueUpdate(event.target.value, 'onChange');
|
|
120
120
|
};
|
|
121
|
-
var getInputType = function(inputType) {
|
|
121
|
+
var getInputType = function getInputType(inputType) {
|
|
122
122
|
if (inputType === 'digit') return 'text';
|
|
123
123
|
if (inputType === 'number') return 'tel';
|
|
124
124
|
return inputType;
|
|
125
125
|
};
|
|
126
|
-
var getTextAlign = function() {
|
|
126
|
+
var getTextAlign = function getTextAlign() {
|
|
127
127
|
if (rtl) {
|
|
128
128
|
if (align === 'right') return 'left';
|
|
129
129
|
if (align === 'left') return 'right';
|
|
@@ -152,11 +152,11 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
152
152
|
onFocus: handleFocus,
|
|
153
153
|
onBlur: handleBlur,
|
|
154
154
|
onChange: handleInputChange,
|
|
155
|
-
onCompositionStart: function(e) {
|
|
155
|
+
onCompositionStart: function onCompositionStart1(e) {
|
|
156
156
|
composingRef.current = true;
|
|
157
157
|
onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
|
|
158
158
|
},
|
|
159
|
-
onCompositionEnd: function(e) {
|
|
159
|
+
onCompositionEnd: function onCompositionEnd1(e) {
|
|
160
160
|
composingRef.current = false;
|
|
161
161
|
onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
|
|
162
162
|
}
|
|
@@ -166,7 +166,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
166
166
|
alignItems: 'center',
|
|
167
167
|
cursor: 'pointer'
|
|
168
168
|
},
|
|
169
|
-
onClick: function() {
|
|
169
|
+
onClick: function onClick() {
|
|
170
170
|
if (!disabled) {
|
|
171
171
|
setValue('');
|
|
172
172
|
onClear === null || onClear === void 0 ? void 0 : onClear('');
|