@nutui/nutui-react-taro 4.0.0-beta.4 → 4.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/hooks/use-props-value.js +1 -1
- package/dist/cjs/hooks/use-touch.js +4 -4
- package/dist/cjs/packages/address/cascaderRender.js +1 -1
- package/dist/cjs/packages/address/existRender.js +1 -1
- package/dist/cjs/packages/audio/audio.js +1 -1
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/cjs/packages/badge/badge.js +1 -1
- package/dist/cjs/packages/barrage/barrage.js +1 -1
- package/dist/cjs/packages/button/button.js +1 -1
- package/dist/cjs/packages/card/card.js +1 -1
- package/dist/cjs/packages/cascader/utils.js +7 -6
- package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/form/form.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/image/image.js +1 -1
- package/dist/cjs/packages/imagepreview/imagepreview.js +2 -2
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +3 -3
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/loading/loading.js +1 -1
- package/dist/cjs/packages/menu/menu.js +1 -1
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +1 -1
- package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/progress/progress.js +6 -9
- package/dist/cjs/packages/quickenter/quickenter.js +2 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
- package/dist/cjs/packages/range/range.js +3 -3
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/sidebar/sidebar.js +1 -1
- package/dist/cjs/packages/signature/signature.js +2 -2
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/sticky/sticky.js +3 -3
- package/dist/cjs/packages/swiper/swiper.js +1 -1
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +1 -1
- package/dist/cjs/packages/textarea/textarea.js +1 -1
- package/dist/cjs/packages/timeselect/timeselect.js +1 -1
- package/dist/cjs/packages/toast/toast.js +2 -2
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/uploader/uploader.js +1 -1
- package/dist/cjs/packages/video/video.js +2 -2
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +3 -3
- package/dist/es/packages/animatingnumbers/countup.js +1 -1
- package/dist/es/packages/audio/audio.js +16 -16
- package/dist/es/packages/avatar/avatar.js +3 -3
- package/dist/es/packages/avatarcropper/avatarcropper.js +25 -25
- package/dist/es/packages/avatargroup/avatargroup.js +1 -1
- package/dist/es/packages/backtop/backtop.js +3 -3
- package/dist/es/packages/badge/badge.js +3 -3
- package/dist/es/packages/barrage/barrage.js +9 -9
- package/dist/es/packages/button/button.js +4 -4
- package/dist/es/packages/calendar/calendar.js +12 -12
- package/dist/es/packages/calendar/utils.js +7 -7
- package/dist/es/packages/calendarcard/calendarcard.js +22 -22
- package/dist/es/packages/calendarcard/icon.js +5 -5
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +9 -8
- package/dist/es/packages/cell/cell.js +4 -4
- package/dist/es/packages/cellgroup/cellgroup.js +2 -2
- package/dist/es/packages/checkbox/checkbox.js +10 -10
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
- package/dist/es/packages/circleprogress/circleprogress.js +7 -7
- package/dist/es/packages/col/col.js +2 -2
- package/dist/es/packages/collapse/collapse.js +3 -3
- package/dist/es/packages/collapse/context.js +2 -2
- package/dist/es/packages/collapseitem/collapseitem.js +5 -5
- package/dist/es/packages/configprovider/configprovider.js +5 -5
- package/dist/es/packages/countdown/countdown.js +15 -15
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/content.js +6 -6
- package/dist/es/packages/dialog/dialog.js +24 -24
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +5 -5
- package/dist/es/packages/elevator/elevator.js +17 -17
- package/dist/es/packages/ellipsis/ellipsis.js +14 -14
- package/dist/es/packages/empty/empty.js +1 -1
- package/dist/es/packages/fixednav/fixednav.js +7 -7
- package/dist/es/packages/form/form.js +7 -7
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +6 -6
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +7 -7
- package/dist/es/packages/imagepreview/imagepreview.js +15 -15
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +14 -14
- package/dist/es/packages/input/input.js +13 -13
- package/dist/es/packages/inputnumber/inputnumber.js +12 -12
- package/dist/es/packages/layout/layout.js +1 -1
- package/dist/es/packages/loading/loading.js +3 -3
- package/dist/es/packages/lottie/index.js +1 -1
- package/dist/es/packages/lottie/lottiemp.js +1 -1
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +12 -12
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +22 -22
- package/dist/es/packages/notify/notify.js +8 -8
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +12 -12
- package/dist/es/packages/overlay/overlay.js +7 -7
- package/dist/es/packages/pagination/pagination.js +8 -8
- package/dist/es/packages/picker/picker.js +15 -15
- package/dist/es/packages/pickerview/pickerroller.js +12 -12
- package/dist/es/packages/pickerview/pickerview.js +3 -3
- package/dist/es/packages/pickerview/utils.js +6 -6
- package/dist/es/packages/popover/popover.js +15 -15
- package/dist/es/packages/popup/popup.js +26 -26
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +16 -19
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +8 -8
- package/dist/es/packages/quickenter/quickenter.js +14 -14
- package/dist/es/packages/radio/radio.js +11 -11
- package/dist/es/packages/radiogroup/radiogroup.js +6 -6
- package/dist/es/packages/range/range.js +12 -12
- package/dist/es/packages/rate/rate.js +13 -13
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +4 -4
- package/dist/es/packages/segmented/segmented.js +4 -4
- package/dist/es/packages/shortpassword/shortpassword.js +7 -7
- package/dist/es/packages/sidebar/sidebar.js +11 -11
- package/dist/es/packages/sidebar/utils.js +1 -1
- package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
- package/dist/es/packages/signature/signature.js +15 -15
- package/dist/es/packages/skeleton/skeleton.js +4 -4
- package/dist/es/packages/space/space.js +1 -1
- package/dist/es/packages/step/step.js +1 -1
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/sticky/sticky.js +5 -5
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/swiper.js +7 -7
- package/dist/es/packages/swiperitem/swiperitem.js +1 -1
- package/dist/es/packages/switch/switch.js +6 -6
- package/dist/es/packages/tabbar/tabbar.js +2 -2
- package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
- package/dist/es/packages/table/table.js +10 -10
- package/dist/es/packages/tabpane/tabpane.js +1 -1
- package/dist/es/packages/tabs/tabs.js +11 -11
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +11 -11
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/toast.js +10 -10
- package/dist/es/packages/tour/tour.js +10 -10
- package/dist/es/packages/trendarrow/trendarrow.js +4 -4
- package/dist/es/packages/uploader/preview.js +8 -8
- package/dist/es/packages/uploader/uploader.js +19 -19
- package/dist/es/packages/video/video.js +3 -3
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +8 -8
- package/dist/es/packages/watermark/watermark.js +2 -2
- package/dist/es/types/spec/empty/base.js +1 -1
- package/dist/es/utils/clamp.js +1 -1
- package/dist/es/utils/date.js +3 -3
- package/dist/es/utils/get-rect.js +1 -1
- package/dist/es/utils/interceptor.js +1 -1
- package/dist/es/utils/is-date.js +1 -1
- package/dist/es/utils/is-empty.js +1 -1
- package/dist/es/utils/is-function.js +1 -1
- package/dist/es/utils/is-object.js +1 -1
- package/dist/es/utils/is-promise.js +1 -1
- package/dist/es/utils/pad-zero.js +1 -1
- package/dist/es/utils/px-check.js +1 -1
- package/dist/es/utils/scale-f.js +2 -4
- package/dist/es/utils/sleep.js +1 -1
- package/dist/es/utils/taro/ConfigurableCSSTransition.js +1 -1
- package/dist/es/utils/taro/get-rect-by-id.js +1 -1
- package/dist/es/utils/taro/get-rect.js +3 -3
- package/dist/es/utils/taro/get-system-info.js +2 -2
- package/dist/es/utils/taro/platform.js +4 -4
- package/dist/es/utils/upper-case-first.js +1 -1
- package/dist/nutui.react.umd.js +1161 -1161
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +33 -33
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +32 -32
- package/dist/style.css +1 -1
- package/dist/style.scss +40 -40
- package/package.json +1 -1
|
@@ -28,10 +28,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
28
28
|
closeIcon: false,
|
|
29
29
|
closeIconPosition: 'top-right',
|
|
30
30
|
showMenuByLongpress: false,
|
|
31
|
-
onChange: function() {},
|
|
32
|
-
onClose: function() {}
|
|
31
|
+
onChange: function onChange() {},
|
|
32
|
+
onClose: function onClose() {}
|
|
33
33
|
});
|
|
34
|
-
export var ImagePreview = function(props) {
|
|
34
|
+
export var ImagePreview = function ImagePreview(props) {
|
|
35
35
|
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, loop = _mergeProps.loop, closeOnContentClick = _mergeProps.closeOnContentClick, closeIcon = _mergeProps.closeIcon, closeIconPosition = _mergeProps.closeIconPosition, showMenuByLongpress = _mergeProps.showMenuByLongpress, onClose = _mergeProps.onClose, onChange = _mergeProps.onChange, rest = _object_without_properties(_mergeProps, [
|
|
36
36
|
"value",
|
|
37
37
|
"className",
|
|
@@ -71,7 +71,7 @@ export var ImagePreview = function(props) {
|
|
|
71
71
|
}), 2), store = _useState3[0], setStore = _useState3[1];
|
|
72
72
|
var lastTouchEndTime = useRef(0) // 用来辅助监听双击
|
|
73
73
|
;
|
|
74
|
-
var onTouchStart = function(event) {
|
|
74
|
+
var onTouchStart = function onTouchStart(event) {
|
|
75
75
|
var touches = event.touches;
|
|
76
76
|
var events = touches[0];
|
|
77
77
|
var events2 = touches[1];
|
|
@@ -91,7 +91,7 @@ export var ImagePreview = function(props) {
|
|
|
91
91
|
// 取到开始两指操作时的放大(缩小比例),store.scale 存储的是当前的放缩比(相对于标准大小 scale 为 1 的情况的放大缩小比)
|
|
92
92
|
store11.originScale = store11.scale;
|
|
93
93
|
};
|
|
94
|
-
var onTouchMove = function(event) {
|
|
94
|
+
var onTouchMove = function onTouchMove(event) {
|
|
95
95
|
if (!store.moveable) return;
|
|
96
96
|
var touches = event.touches;
|
|
97
97
|
var events = touches[0];
|
|
@@ -109,7 +109,7 @@ export var ImagePreview = function(props) {
|
|
|
109
109
|
scaleNow();
|
|
110
110
|
}
|
|
111
111
|
};
|
|
112
|
-
var onTouchEnd = function() {
|
|
112
|
+
var onTouchEnd = function onTouchEnd() {
|
|
113
113
|
lastTouchEndTime.current = Date.now();
|
|
114
114
|
var store1 = store;
|
|
115
115
|
store1.moveable = false;
|
|
@@ -121,7 +121,7 @@ export var ImagePreview = function(props) {
|
|
|
121
121
|
useEffect(function() {
|
|
122
122
|
init();
|
|
123
123
|
}, []);
|
|
124
|
-
var init = function() {
|
|
124
|
+
var init = function init() {
|
|
125
125
|
document.addEventListener('touchmove', onTouchMove);
|
|
126
126
|
document.addEventListener('touchend', onTouchEnd);
|
|
127
127
|
document.addEventListener('touchcancel', onTouchEnd);
|
|
@@ -152,19 +152,19 @@ export var ImagePreview = function(props) {
|
|
|
152
152
|
images,
|
|
153
153
|
videos
|
|
154
154
|
]);
|
|
155
|
-
var scaleNow = function() {
|
|
155
|
+
var scaleNow = function scaleNow() {
|
|
156
156
|
if (ref.current) {
|
|
157
157
|
ref.current.style.transform = "scale(".concat(store.scale, ")");
|
|
158
158
|
}
|
|
159
159
|
};
|
|
160
|
-
var getDistance = function(first, second) {
|
|
160
|
+
var getDistance = function getDistance(first, second) {
|
|
161
161
|
return Math.hypot(Math.abs(second.pageX - first.pageX), Math.abs(second.pageY - first.pageY));
|
|
162
162
|
};
|
|
163
|
-
var slideChangeEnd = function(page) {
|
|
163
|
+
var slideChangeEnd = function slideChangeEnd(page) {
|
|
164
164
|
setActive(page + 1);
|
|
165
165
|
onChange === null || onChange === void 0 ? void 0 : onChange(page + 1);
|
|
166
166
|
};
|
|
167
|
-
var onCloseInner = function(e) {
|
|
167
|
+
var onCloseInner = function onCloseInner(e) {
|
|
168
168
|
e.stopPropagation();
|
|
169
169
|
setShowPop(false);
|
|
170
170
|
setActive(innerNo);
|
|
@@ -174,7 +174,7 @@ export var ImagePreview = function(props) {
|
|
|
174
174
|
scale: 1
|
|
175
175
|
}));
|
|
176
176
|
};
|
|
177
|
-
var closeOnImg = function(e) {
|
|
177
|
+
var closeOnImg = function closeOnImg(e) {
|
|
178
178
|
e.stopPropagation();
|
|
179
179
|
// 点击内容区域的图片是否可以关闭弹层(视频区域由于nut-video做了限制,无法关闭弹层)
|
|
180
180
|
if (closeOnContentClick) onCloseInner(e);
|
|
@@ -203,7 +203,7 @@ export var ImagePreview = function(props) {
|
|
|
203
203
|
width: '100%',
|
|
204
204
|
height: '100%'
|
|
205
205
|
},
|
|
206
|
-
onChange: function(e) {
|
|
206
|
+
onChange: function onChange(e) {
|
|
207
207
|
return slideChangeEnd(e.detail.current);
|
|
208
208
|
},
|
|
209
209
|
defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
|
|
@@ -219,9 +219,9 @@ export var ImagePreview = function(props) {
|
|
|
219
219
|
data: item
|
|
220
220
|
};
|
|
221
221
|
}))).sort(function(a, b) {
|
|
222
|
+
var _ref, _ref1;
|
|
222
223
|
var _a_data, _b_data;
|
|
223
|
-
|
|
224
|
-
return ((_a_data_index = (_a_data = a.data) === null || _a_data === void 0 ? void 0 : _a_data.index) !== null && _a_data_index !== void 0 ? _a_data_index : 0) - ((_b_data_index = (_b_data = b.data) === null || _b_data === void 0 ? void 0 : _b_data.index) !== null && _b_data_index !== void 0 ? _b_data_index : 0);
|
|
224
|
+
return ((_ref = (_a_data = a.data) === null || _a_data === void 0 ? void 0 : _a_data.index) !== null && _ref !== void 0 ? _ref : 0) - ((_ref1 = (_b_data = b.data) === null || _b_data === void 0 ? void 0 : _b_data.index) !== null && _ref1 !== void 0 ? _ref1 : 0);
|
|
225
225
|
}).map(function(item, index) {
|
|
226
226
|
return /*#__PURE__*/ React.createElement(SwiperItem, {
|
|
227
227
|
key: index,
|
|
@@ -12,14 +12,14 @@ var defaultProps = {
|
|
|
12
12
|
type: 'anchor'
|
|
13
13
|
};
|
|
14
14
|
var classPrefix = "nut-indicator";
|
|
15
|
-
export var Indicator = function(props) {
|
|
15
|
+
export var Indicator = function Indicator(props) {
|
|
16
16
|
var maybeFixedWidth = function maybeFixedWidth() {
|
|
17
17
|
if (type === 'dualScreen' || type === 'slide') {
|
|
18
18
|
return "".concat(classPrefix, "-fixed-width");
|
|
19
19
|
}
|
|
20
20
|
return '';
|
|
21
21
|
};
|
|
22
|
-
var
|
|
22
|
+
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, [
|
|
23
23
|
"color",
|
|
24
24
|
"type",
|
|
25
25
|
"total",
|
|
@@ -31,7 +31,7 @@ export var Indicator = function(props) {
|
|
|
31
31
|
]);
|
|
32
32
|
var _obj;
|
|
33
33
|
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));
|
|
34
|
-
var renderDotElement = function() {
|
|
34
|
+
var renderDotElement = function renderDotElement() {
|
|
35
35
|
var childs = [];
|
|
36
36
|
for(var item = 0; item < total; item++){
|
|
37
37
|
childs.push(item === current ? children || /*#__PURE__*/ React.createElement(View, {
|
|
@@ -44,7 +44,7 @@ export var Indicator = function(props) {
|
|
|
44
44
|
}
|
|
45
45
|
return childs;
|
|
46
46
|
};
|
|
47
|
-
var renderLineElement = function() {
|
|
47
|
+
var renderLineElement = function renderLineElement() {
|
|
48
48
|
return /*#__PURE__*/ React.createElement(View, {
|
|
49
49
|
style: {
|
|
50
50
|
'--nutui-indicator-current': current,
|
|
@@ -53,7 +53,7 @@ export var Indicator = function(props) {
|
|
|
53
53
|
className: "".concat(classPrefix, "-line ").concat(classPrefix, "-line-active")
|
|
54
54
|
});
|
|
55
55
|
};
|
|
56
|
-
var renderByType = function(type) {
|
|
56
|
+
var renderByType = function renderByType(type) {
|
|
57
57
|
switch(type){
|
|
58
58
|
case 'slide':
|
|
59
59
|
return renderLineElement();
|
|
@@ -19,7 +19,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
pullRefresh: false
|
|
20
20
|
});
|
|
21
21
|
var classPrefix = "nut-infiniteloading";
|
|
22
|
-
export var InfiniteLoading = function(props) {
|
|
22
|
+
export var InfiniteLoading = function InfiniteLoading(props) {
|
|
23
23
|
var getBottomTipsText = function getBottomTipsText() {
|
|
24
24
|
if (isInfiniting) {
|
|
25
25
|
return loadingText || locale.infiniteloading.loadText;
|
|
@@ -30,7 +30,7 @@ export var InfiniteLoading = function(props) {
|
|
|
30
30
|
return null;
|
|
31
31
|
};
|
|
32
32
|
var locale = useConfig().locale;
|
|
33
|
-
var
|
|
33
|
+
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, 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, rest = _object_without_properties(_$_object_spread, [
|
|
34
34
|
"children",
|
|
35
35
|
"type",
|
|
36
36
|
"hasMore",
|
|
@@ -68,31 +68,31 @@ export var InfiniteLoading = function(props) {
|
|
|
68
68
|
isInfiniting,
|
|
69
69
|
threshold
|
|
70
70
|
]);
|
|
71
|
-
/** 获取需要滚动的距离 */ var getScrollHeight = function() {
|
|
71
|
+
/** 获取需要滚动的距离 */ var getScrollHeight = function getScrollHeight() {
|
|
72
72
|
var parentElement = getParentElement('scroller');
|
|
73
73
|
parentElement.boundingClientRect(function(rect) {
|
|
74
|
-
var
|
|
75
|
-
scrollHeight.current = (
|
|
74
|
+
var _ref;
|
|
75
|
+
scrollHeight.current = (_ref = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _ref !== void 0 ? _ref : 0;
|
|
76
76
|
}).exec();
|
|
77
77
|
};
|
|
78
|
-
var getStyle = function() {
|
|
78
|
+
var getStyle = function getStyle() {
|
|
79
79
|
return {
|
|
80
80
|
height: topDisScoll < 0 ? pxTransform(0) : pxTransform(topDisScoll),
|
|
81
81
|
transition: "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
|
|
82
82
|
};
|
|
83
83
|
};
|
|
84
|
-
var getParentElement = function(el) {
|
|
84
|
+
var getParentElement = function getParentElement(el) {
|
|
85
85
|
return createSelectorQuery().select(target ? "#".concat(target, " #").concat(el) : "#".concat(el));
|
|
86
86
|
};
|
|
87
|
-
var infiniteDone = function() {
|
|
87
|
+
var infiniteDone = function infiniteDone() {
|
|
88
88
|
setIsInfiniting(false);
|
|
89
89
|
};
|
|
90
|
-
var refreshDone = function() {
|
|
90
|
+
var refreshDone = function refreshDone() {
|
|
91
91
|
distance.current = 0;
|
|
92
92
|
setTopDisScoll(0);
|
|
93
93
|
isTouching.current = false;
|
|
94
94
|
};
|
|
95
|
-
var scrollAction = function(e) {
|
|
95
|
+
var scrollAction = function scrollAction(e) {
|
|
96
96
|
var _e_target;
|
|
97
97
|
scrollTop.current = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.scrollTop;
|
|
98
98
|
if (e.target.scrollTop <= 0) {
|
|
@@ -101,7 +101,7 @@ export var InfiniteLoading = function(props) {
|
|
|
101
101
|
}
|
|
102
102
|
onScroll && onScroll(e.target.scrollTop);
|
|
103
103
|
};
|
|
104
|
-
var lower = function() {
|
|
104
|
+
var lower = function lower() {
|
|
105
105
|
return _async_to_generator(function() {
|
|
106
106
|
return _ts_generator(this, function(_state) {
|
|
107
107
|
switch(_state.label){
|
|
@@ -127,13 +127,13 @@ export var InfiniteLoading = function(props) {
|
|
|
127
127
|
});
|
|
128
128
|
})();
|
|
129
129
|
};
|
|
130
|
-
var touchStart = function(event) {
|
|
130
|
+
var touchStart = function touchStart(event) {
|
|
131
131
|
if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
|
|
132
132
|
y.current = event.touches[0].pageY;
|
|
133
133
|
isTouching.current = true;
|
|
134
134
|
}
|
|
135
135
|
};
|
|
136
|
-
var touchMove = function(event) {
|
|
136
|
+
var touchMove = function touchMove(event) {
|
|
137
137
|
distance.current = event.touches[0].pageY - y.current;
|
|
138
138
|
if (distance.current > 0 && isTouching.current) {
|
|
139
139
|
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){
|
|
@@ -42,7 +42,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
42
42
|
var classPrefix = 'nut-input';
|
|
43
43
|
var rtl = useRtl();
|
|
44
44
|
var locale = useConfig().locale;
|
|
45
|
-
var
|
|
45
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), focus = _$_object_spread.focus, 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, plain = _$_object_spread.plain, inputStyle = _$_object_spread.inputStyle, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, formatter = _$_object_spread.formatter, onClick = _$_object_spread.onClick, confirmType = _$_object_spread.confirmType, defaultValue = _$_object_spread.defaultValue, _value = _$_object_spread.value, rest = _object_without_properties(_$_object_spread, [
|
|
46
46
|
"focus",
|
|
47
47
|
"type",
|
|
48
48
|
"name",
|
|
@@ -78,7 +78,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
78
78
|
var inputRef = useRef(null);
|
|
79
79
|
var _useState = _sliced_to_array(useState(false), 2), active = _useState[0], setActive = _useState[1];
|
|
80
80
|
// 兼容H5和小程序获取原生input标签
|
|
81
|
-
var getNativeInput = function() {
|
|
81
|
+
var getNativeInput = function getNativeInput() {
|
|
82
82
|
if (Taro.getEnv() === 'WEB') {
|
|
83
83
|
var taroInputCoreEl = inputRef.current;
|
|
84
84
|
var inputEl = taroInputCoreEl.querySelector('input');
|
|
@@ -88,14 +88,14 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
88
88
|
};
|
|
89
89
|
useImperativeHandle(ref, function() {
|
|
90
90
|
return {
|
|
91
|
-
clear: function() {
|
|
91
|
+
clear: function clear() {
|
|
92
92
|
setValue('');
|
|
93
93
|
},
|
|
94
|
-
focus: function() {
|
|
94
|
+
focus: function focus() {
|
|
95
95
|
var nativeInput = getNativeInput();
|
|
96
96
|
nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.focus();
|
|
97
97
|
},
|
|
98
|
-
blur: function() {
|
|
98
|
+
blur: function blur() {
|
|
99
99
|
var nativeInput = getNativeInput();
|
|
100
100
|
nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.blur();
|
|
101
101
|
},
|
|
@@ -118,7 +118,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
118
118
|
var forceUpdate = React.useCallback(function() {
|
|
119
119
|
return updateState({});
|
|
120
120
|
}, []);
|
|
121
|
-
var updateValue = function(value) {
|
|
121
|
+
var updateValue = function updateValue(value) {
|
|
122
122
|
var trigger = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'onChange';
|
|
123
123
|
var val = value;
|
|
124
124
|
if (type === 'number') val = formatNumber(val, false, true);
|
|
@@ -131,7 +131,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
131
131
|
}
|
|
132
132
|
forceUpdate();
|
|
133
133
|
};
|
|
134
|
-
var handleFocus = function(event) {
|
|
134
|
+
var handleFocus = function handleFocus(event) {
|
|
135
135
|
if (Taro.getEnv() === 'WEB') {
|
|
136
136
|
var val = event.target.value;
|
|
137
137
|
onFocus && onFocus(val);
|
|
@@ -141,17 +141,17 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
141
141
|
}
|
|
142
142
|
setActive(true);
|
|
143
143
|
};
|
|
144
|
-
var handleInput = function(event) {
|
|
144
|
+
var handleInput = function handleInput(event) {
|
|
145
145
|
updateValue((event.detail || event.currentTarget).value, 'onChange');
|
|
146
146
|
};
|
|
147
|
-
var handleBlur = function(event) {
|
|
147
|
+
var handleBlur = function handleBlur(event) {
|
|
148
148
|
var val = Taro.getEnv() === 'WEB' ? event.target.value : event.detail.value;
|
|
149
149
|
updateValue(val, 'onBlur');
|
|
150
150
|
setTimeout(function() {
|
|
151
151
|
return setActive(false);
|
|
152
152
|
}, 200);
|
|
153
153
|
};
|
|
154
|
-
var inputType = function(type) {
|
|
154
|
+
var inputType = function inputType(type) {
|
|
155
155
|
if (getEnv() === ENV_TYPE.WEB) {
|
|
156
156
|
if (type === 'digit') return 'text';
|
|
157
157
|
if (type === 'number') return 'tel';
|
|
@@ -160,7 +160,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
160
160
|
}
|
|
161
161
|
return type;
|
|
162
162
|
};
|
|
163
|
-
var getTextAlign = function() {
|
|
163
|
+
var getTextAlign = function getTextAlign() {
|
|
164
164
|
if (rtl) {
|
|
165
165
|
if (align === 'right') return 'left';
|
|
166
166
|
if (align === 'left') return 'right';
|
|
@@ -170,7 +170,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
170
170
|
return /*#__PURE__*/ React.createElement(View, {
|
|
171
171
|
className: "".concat(inputClass(), " ").concat(className || ''),
|
|
172
172
|
style: style,
|
|
173
|
-
onClick: function(e) {
|
|
173
|
+
onClick: function onClick1(e) {
|
|
174
174
|
onClick && onClick(e);
|
|
175
175
|
}
|
|
176
176
|
}, /*#__PURE__*/ React.createElement(TaroInput, _object_spread_props(_object_spread({}, rest), {
|
|
@@ -198,7 +198,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
198
198
|
alignItems: 'center',
|
|
199
199
|
cursor: 'pointer'
|
|
200
200
|
},
|
|
201
|
-
onClick: function(e) {
|
|
201
|
+
onClick: function onClick(e) {
|
|
202
202
|
e.stopPropagation();
|
|
203
203
|
if (!disabled) {
|
|
204
204
|
setValue('');
|
|
@@ -21,13 +21,13 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
step: 1,
|
|
22
22
|
digits: 0,
|
|
23
23
|
select: true,
|
|
24
|
-
beforeChange: function(value) {
|
|
24
|
+
beforeChange: function beforeChange(value) {
|
|
25
25
|
return Promise.resolve(true);
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
var classPrefix = "nut-inputnumber";
|
|
29
|
-
export var InputNumber = function(props) {
|
|
30
|
-
var
|
|
29
|
+
export var InputNumber = function InputNumber(props) {
|
|
30
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, disabled = _$_object_spread.disabled, min = _$_object_spread.min, max = _$_object_spread.max, type = _$_object_spread.type, readOnly = _$_object_spread.readOnly, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, allowEmpty = _$_object_spread.allowEmpty, digits = _$_object_spread.digits, step = _$_object_spread.step, select = _$_object_spread.select, className = _$_object_spread.className, style = _$_object_spread.style, formatter = _$_object_spread.formatter, onPlus = _$_object_spread.onPlus, onMinus = _$_object_spread.onMinus, onOverlimit = _$_object_spread.onOverlimit, onBlur = _$_object_spread.onBlur, onFocus = _$_object_spread.onFocus, onChange = _$_object_spread.onChange, beforeChange = _$_object_spread.beforeChange, restProps = _object_without_properties(_$_object_spread, [
|
|
31
31
|
"children",
|
|
32
32
|
"disabled",
|
|
33
33
|
"min",
|
|
@@ -68,7 +68,7 @@ export var InputNumber = function(props) {
|
|
|
68
68
|
defaultValue: typeof defaultValue === 'string' ? parseFloat(defaultValue) : defaultValue,
|
|
69
69
|
finalValue: 0
|
|
70
70
|
}), 2), shadowValue = _usePropsValue[0], setShadowValue = _usePropsValue[1];
|
|
71
|
-
var format = function(value) {
|
|
71
|
+
var format = function format(value) {
|
|
72
72
|
if (value === null) return '';
|
|
73
73
|
// 如果超过 min 或 max, 需要纠正
|
|
74
74
|
var fixedValue = bound(typeof value === 'string' ? parseFloat(value) : value, Number(min), Number(max));
|
|
@@ -89,13 +89,13 @@ export var InputNumber = function(props) {
|
|
|
89
89
|
focused,
|
|
90
90
|
shadowValue
|
|
91
91
|
]);
|
|
92
|
-
var calcNextValue = function(current, stepValue, symbol) {
|
|
92
|
+
var calcNextValue = function calcNextValue(current, stepValue, symbol) {
|
|
93
93
|
var dig = digits + 1;
|
|
94
94
|
var currentValue = parseFloat(current || '0');
|
|
95
95
|
var stepAmount = parseFloat(stepValue) * symbol;
|
|
96
96
|
return (currentValue * dig + stepAmount * dig) / dig;
|
|
97
97
|
};
|
|
98
|
-
var update = function(negative, e) {
|
|
98
|
+
var update = function update(negative, e) {
|
|
99
99
|
return _async_to_generator(function() {
|
|
100
100
|
var shouldOverBoundary, maybeResume, nextValue;
|
|
101
101
|
return _ts_generator(this, function(_state) {
|
|
@@ -129,7 +129,7 @@ export var InputNumber = function(props) {
|
|
|
129
129
|
});
|
|
130
130
|
})();
|
|
131
131
|
};
|
|
132
|
-
var handleReduce = function(e) {
|
|
132
|
+
var handleReduce = function handleReduce(e) {
|
|
133
133
|
return _async_to_generator(function() {
|
|
134
134
|
return _ts_generator(this, function(_state) {
|
|
135
135
|
switch(_state.label){
|
|
@@ -150,7 +150,7 @@ export var InputNumber = function(props) {
|
|
|
150
150
|
});
|
|
151
151
|
})();
|
|
152
152
|
};
|
|
153
|
-
var handlePlus = function(e) {
|
|
153
|
+
var handlePlus = function handlePlus(e) {
|
|
154
154
|
return _async_to_generator(function() {
|
|
155
155
|
return _ts_generator(this, function(_state) {
|
|
156
156
|
switch(_state.label){
|
|
@@ -171,12 +171,12 @@ export var InputNumber = function(props) {
|
|
|
171
171
|
});
|
|
172
172
|
})();
|
|
173
173
|
};
|
|
174
|
-
var parseValue = function(text) {
|
|
174
|
+
var parseValue = function parseValue(text) {
|
|
175
175
|
if (text === '') return null;
|
|
176
176
|
if (text === '-') return null;
|
|
177
177
|
return text;
|
|
178
178
|
};
|
|
179
|
-
var handleInputChange = function(e) {
|
|
179
|
+
var handleInputChange = function handleInputChange(e) {
|
|
180
180
|
return _async_to_generator(function() {
|
|
181
181
|
var valueStr, maybeResume;
|
|
182
182
|
return _ts_generator(this, function(_state) {
|
|
@@ -208,12 +208,12 @@ export var InputNumber = function(props) {
|
|
|
208
208
|
});
|
|
209
209
|
})();
|
|
210
210
|
};
|
|
211
|
-
var handleFocus = function(e) {
|
|
211
|
+
var handleFocus = function handleFocus(e) {
|
|
212
212
|
setFocused(true);
|
|
213
213
|
setInputValue(shadowValue !== undefined && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : '');
|
|
214
214
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
|
|
215
215
|
};
|
|
216
|
-
var handleBlur = function(e) {
|
|
216
|
+
var handleBlur = function handleBlur(e) {
|
|
217
217
|
setFocused(false);
|
|
218
218
|
onBlur && onBlur(e);
|
|
219
219
|
var valueStr = parseValue(e.target.value);
|
|
@@ -17,7 +17,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
direction: 'horizontal'
|
|
18
18
|
});
|
|
19
19
|
export var Loading = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
20
|
-
var
|
|
20
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, direction = _$_object_spread.direction, icon = _$_object_spread.icon, rest = _object_without_properties(_$_object_spread, [
|
|
21
21
|
"className",
|
|
22
22
|
"style",
|
|
23
23
|
"children",
|
|
@@ -25,13 +25,13 @@ export var Loading = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
25
25
|
"icon"
|
|
26
26
|
]);
|
|
27
27
|
var classPrefix = 'nut-loading';
|
|
28
|
-
var getLoadingIcon = function() {
|
|
28
|
+
var getLoadingIcon = function getLoadingIcon() {
|
|
29
29
|
var LoadingIcon = loadingMap[rest.type] || IconLoading1;
|
|
30
30
|
return /*#__PURE__*/ React.createElement(LoadingIcon, {
|
|
31
31
|
className: "".concat(classPrefix, "-icon")
|
|
32
32
|
});
|
|
33
33
|
};
|
|
34
|
-
var iconboxClassName = function() {
|
|
34
|
+
var iconboxClassName = function iconboxClassName() {
|
|
35
35
|
return !icon ? "".concat(classPrefix, "-icon-box") : '';
|
|
36
36
|
};
|
|
37
37
|
return /*#__PURE__*/ React.createElement(View, {
|
|
@@ -9,7 +9,7 @@ if (process.env.TARO_ENV === 'h5') {
|
|
|
9
9
|
implementation = LottieMp;
|
|
10
10
|
} else {
|
|
11
11
|
// throw new Error(`不支持的 TARO_ENV: ${process.env.TARO_ENV}`)
|
|
12
|
-
implementation = function(props) {
|
|
12
|
+
implementation = function implementation(props) {
|
|
13
13
|
return props.children;
|
|
14
14
|
};
|
|
15
15
|
}
|
|
@@ -9,7 +9,7 @@ export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
9
9
|
var animation = useRef();
|
|
10
10
|
var inited = useRef(false);
|
|
11
11
|
var source = props.source, _props_loop = props.loop, loop = _props_loop === void 0 ? true : _props_loop, _props_autoPlay = props.autoPlay, autoPlay = _props_autoPlay === void 0 ? true : _props_autoPlay, onComplete = props.onComplete, style = props.style, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed, _props_dpr = props.dpr, dpr = _props_dpr === void 0 ? true : _props_dpr;
|
|
12
|
-
var setSpeed = function() {
|
|
12
|
+
var setSpeed = function setSpeed() {
|
|
13
13
|
if (animation.current) {
|
|
14
14
|
animation.current.setSpeed(Math.abs(speed));
|
|
15
15
|
animation.current.setDirection(speed > 0 ? 1 : -1);
|
|
@@ -16,11 +16,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
lockScroll: true,
|
|
17
17
|
overlay: true,
|
|
18
18
|
icon: null,
|
|
19
|
-
onOpen: function(index, from) {},
|
|
20
|
-
onClose: function(index, from) {}
|
|
19
|
+
onOpen: function onOpen(index, from) {},
|
|
20
|
+
onClose: function onClose(index, from) {}
|
|
21
21
|
});
|
|
22
|
-
export var Menu = function(props) {
|
|
23
|
-
var
|
|
22
|
+
export var Menu = function Menu(props) {
|
|
23
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, icon = _$_object_spread.icon, scrollFixed = _$_object_spread.scrollFixed, lockScroll = _$_object_spread.lockScroll, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, children = _$_object_spread.children, activeColor = _$_object_spread.activeColor, onClose = _$_object_spread.onClose, onOpen = _$_object_spread.onOpen, rest = _object_without_properties(_$_object_spread, [
|
|
24
24
|
"className",
|
|
25
25
|
"icon",
|
|
26
26
|
"scrollFixed",
|
|
@@ -39,7 +39,7 @@ export var Menu = function(props) {
|
|
|
39
39
|
var cls = classNames("nut-menu", className, {
|
|
40
40
|
'scroll-fixed': isScrollFixed
|
|
41
41
|
});
|
|
42
|
-
var getScrollTop = function(el) {
|
|
42
|
+
var getScrollTop = function getScrollTop(el) {
|
|
43
43
|
return Math.max(0, el === window ? window.scrollY : el.scrollTop);
|
|
44
44
|
};
|
|
45
45
|
var onScroll = useCallback(function() {
|
|
@@ -60,7 +60,7 @@ export var Menu = function(props) {
|
|
|
60
60
|
scrollFixed,
|
|
61
61
|
onScroll
|
|
62
62
|
]);
|
|
63
|
-
var toggleMenuItem = function(index) {
|
|
63
|
+
var toggleMenuItem = function toggleMenuItem(index) {
|
|
64
64
|
var from = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'NORMAL';
|
|
65
65
|
showMenuItem[index] = !showMenuItem[index];
|
|
66
66
|
if (showMenuItem[index]) {
|
|
@@ -73,17 +73,17 @@ export var Menu = function(props) {
|
|
|
73
73
|
});
|
|
74
74
|
setShowMenuItem(_to_consumable_array(temp));
|
|
75
75
|
};
|
|
76
|
-
var hideMenuItem = function(index) {
|
|
76
|
+
var hideMenuItem = function hideMenuItem(index) {
|
|
77
77
|
var from = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'NORMAL';
|
|
78
78
|
showMenuItem[index] = false;
|
|
79
79
|
setShowMenuItem(_to_consumable_array(showMenuItem));
|
|
80
80
|
onClose && onClose(index, from);
|
|
81
81
|
};
|
|
82
|
-
var updateTitle = function(text, index) {
|
|
82
|
+
var updateTitle = function updateTitle(text, index) {
|
|
83
83
|
menuItemTitle[index] = text;
|
|
84
84
|
setMenuItemTitle(_to_consumable_array(menuItemTitle));
|
|
85
85
|
};
|
|
86
|
-
var cloneChildren = function() {
|
|
86
|
+
var cloneChildren = function cloneChildren() {
|
|
87
87
|
return React.Children.map(children, function(child, index) {
|
|
88
88
|
return /*#__PURE__*/ React.cloneElement(child, _object_spread_props(_object_spread({}, child.props), {
|
|
89
89
|
show: showMenuItem[index],
|
|
@@ -101,20 +101,20 @@ export var Menu = function(props) {
|
|
|
101
101
|
}));
|
|
102
102
|
});
|
|
103
103
|
};
|
|
104
|
-
var menuTitle = function() {
|
|
104
|
+
var menuTitle = function menuTitle() {
|
|
105
105
|
return React.Children.map(children, function(child, index) {
|
|
106
106
|
if (/*#__PURE__*/ React.isValidElement(child)) {
|
|
107
107
|
var _child_props = child.props, title = _child_props.title, titleIcon = _child_props.titleIcon, options = _child_props.options, value = _child_props.value, defaultValue = _child_props.defaultValue, disabled = _child_props.disabled, direction = _child_props.direction;
|
|
108
108
|
var selected = options === null || options === void 0 ? void 0 : options.filter(function(option) {
|
|
109
109
|
return option.value === (value !== undefined ? value : defaultValue);
|
|
110
110
|
});
|
|
111
|
-
var finallyTitle = function() {
|
|
111
|
+
var finallyTitle = function finallyTitle() {
|
|
112
112
|
if (title) return title;
|
|
113
113
|
if (menuItemTitle && menuItemTitle[index]) return menuItemTitle[index];
|
|
114
114
|
if (selected && selected.length && selected[0].text) return selected[0].text;
|
|
115
115
|
return '';
|
|
116
116
|
};
|
|
117
|
-
var finallyIcon = function() {
|
|
117
|
+
var finallyIcon = function finallyIcon() {
|
|
118
118
|
if (titleIcon) return titleIcon;
|
|
119
119
|
if (icon) return icon;
|
|
120
120
|
return direction === 'up' ? /*#__PURE__*/ React.createElement(ArrowUp, {
|
|
@@ -132,7 +132,7 @@ export var Menu = function(props) {
|
|
|
132
132
|
color: showMenuItem[index] ? activeColor : ''
|
|
133
133
|
},
|
|
134
134
|
key: index,
|
|
135
|
-
onClick: function() {
|
|
135
|
+
onClick: function onClick() {
|
|
136
136
|
if ((!options || !options.length) && !child.props.children) return;
|
|
137
137
|
!disabled && toggleMenuItem(index);
|
|
138
138
|
}
|