@nutui/nutui-react 4.0.0-beta.4 → 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 +8 -0
- package/dist/cjs/hooks/use-props-value.js +1 -1
- package/dist/cjs/hooks/use-touch.js +4 -4
- package/dist/cjs/packages/address/cascaderRender.js +1 -1
- package/dist/cjs/packages/address/existRender.js +1 -1
- package/dist/cjs/packages/animate/animate.js +1 -1
- package/dist/cjs/packages/audio/audio.js +1 -1
- package/dist/cjs/packages/avatar/avatar.js +1 -1
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/cjs/packages/barrage/barrage.js +1 -1
- package/dist/cjs/packages/button/button.js +1 -1
- package/dist/cjs/packages/card/card.js +1 -1
- package/dist/cjs/packages/cascader/utils.js +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/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/drag/drag.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/empty/empty.js +1 -1
- package/dist/cjs/packages/fixednav/fixednav.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +1 -1
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/loading/loading.js +1 -1
- package/dist/cjs/packages/menu/menu.js +1 -1
- package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +1 -1
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +1 -1
- package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/price/price.js +1 -1
- package/dist/cjs/packages/progress/progress.js +1 -1
- package/dist/cjs/packages/quickenter/quickenter.js +2 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/signature/signature.js +1 -1
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/step/step.js +1 -1
- package/dist/cjs/packages/sticky/sticky.js +1 -1
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +1 -1
- package/dist/cjs/packages/textarea/textarea.js +1 -1
- package/dist/cjs/packages/timeselect/timeselect.js +1 -1
- package/dist/cjs/packages/tour/tour.js +1 -1
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/video/video.js +1 -1
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +4 -4
- package/dist/es/packages/animatingnumbers/countup.js +2 -2
- package/dist/es/packages/audio/audio.js +26 -26
- package/dist/es/packages/avatar/avatar.js +4 -4
- package/dist/es/packages/avatarcropper/avatarcropper.js +20 -20
- package/dist/es/packages/avatargroup/avatargroup.js +1 -1
- package/dist/es/packages/backtop/backtop.js +3 -3
- package/dist/es/packages/badge/badge.js +3 -3
- package/dist/es/packages/barrage/barrage.js +5 -5
- package/dist/es/packages/button/button.js +2 -2
- package/dist/es/packages/calendar/calendar.js +12 -12
- package/dist/es/packages/calendar/utils.js +7 -7
- package/dist/es/packages/calendarcard/calendarcard.js +22 -22
- package/dist/es/packages/calendarcard/icon.js +4 -4
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +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/countdown/countdown.js +12 -12
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/confirm.js +8 -8
- package/dist/es/packages/dialog/content.js +5 -5
- package/dist/es/packages/dialog/dialog.js +23 -23
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +4 -4
- package/dist/es/packages/elevator/elevator.js +14 -14
- package/dist/es/packages/ellipsis/ellipsis.js +11 -11
- package/dist/es/packages/empty/empty.js +2 -2
- package/dist/es/packages/fixednav/fixednav.js +8 -8
- package/dist/es/packages/form/form.js +6 -6
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +4 -4
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +8 -8
- package/dist/es/packages/imagepreview/imagepreview.js +13 -13
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +13 -13
- package/dist/es/packages/input/input.js +13 -13
- package/dist/es/packages/inputnumber/inputnumber.js +12 -12
- package/dist/es/packages/layout/layout.js +1 -1
- package/dist/es/packages/loading/loading.js +3 -3
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +10 -10
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +25 -25
- package/dist/es/packages/notify/Notification.js +1 -1
- package/dist/es/packages/notify/notify.js +3 -3
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +13 -13
- package/dist/es/packages/overlay/overlay.js +6 -6
- package/dist/es/packages/pagination/pagination.js +8 -8
- package/dist/es/packages/picker/picker.js +15 -15
- package/dist/es/packages/pickerview/pickerroller.js +10 -10
- package/dist/es/packages/pickerview/pickerview.js +3 -3
- package/dist/es/packages/pickerview/utils.js +6 -6
- package/dist/es/packages/popover/popover.js +13 -13
- package/dist/es/packages/popup/popup.js +22 -22
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +5 -5
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +7 -7
- package/dist/es/packages/quickenter/quickenter.js +14 -14
- package/dist/es/packages/radio/radio.js +11 -11
- package/dist/es/packages/radiogroup/radiogroup.js +6 -6
- package/dist/es/packages/range/range.js +7 -7
- package/dist/es/packages/range/utils.js +2 -2
- package/dist/es/packages/rate/rate.js +14 -14
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +3 -3
- package/dist/es/packages/segmented/segmented.js +4 -4
- package/dist/es/packages/shortpassword/shortpassword.js +7 -7
- package/dist/es/packages/sidebar/sidebar.js +8 -8
- package/dist/es/packages/sidebar/utils.js +1 -1
- package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
- package/dist/es/packages/signature/signature.js +12 -12
- package/dist/es/packages/skeleton/skeleton.js +4 -4
- package/dist/es/packages/space/space.js +1 -1
- package/dist/es/packages/step/step.js +2 -2
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/sticky/sticky.js +4 -4
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/effects/default.js +2 -2
- package/dist/es/packages/swiper/effects/focus.js +4 -4
- package/dist/es/packages/swiper/swiper.js +14 -14
- package/dist/es/packages/swiperitem/swiperitem.js +2 -2
- package/dist/es/packages/switch/switch.js +6 -6
- package/dist/es/packages/tabbar/tabbar.js +2 -2
- package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
- package/dist/es/packages/table/table.js +10 -10
- package/dist/es/packages/tabpane/tabpane.js +1 -1
- package/dist/es/packages/tabs/tabs.js +10 -10
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +12 -12
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/Notification.js +1 -1
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/tour.js +11 -11
- package/dist/es/packages/trendarrow/trendarrow.js +4 -4
- package/dist/es/packages/uploader/preview.js +8 -8
- package/dist/es/packages/uploader/uploader.js +15 -15
- package/dist/es/packages/video/video.js +4 -4
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +2 -2
- package/dist/es/packages/watermark/watermark.js +2 -2
- package/dist/es/types/spec/empty/base.js +1 -1
- package/dist/es/utils/clamp.js +1 -1
- package/dist/es/utils/date.js +3 -3
- package/dist/es/utils/get-rect.js +1 -1
- package/dist/es/utils/interceptor.js +1 -1
- package/dist/es/utils/is-date.js +1 -1
- package/dist/es/utils/is-empty.js +1 -1
- package/dist/es/utils/is-function.js +1 -1
- package/dist/es/utils/is-object.js +1 -1
- package/dist/es/utils/is-promise.js +1 -1
- package/dist/es/utils/pad-zero.js +1 -1
- package/dist/es/utils/px-check.js +1 -1
- package/dist/es/utils/scale-f.js +2 -4
- package/dist/es/utils/sleep.js +1 -1
- package/dist/es/utils/taro/ConfigurableCSSTransition.js +1 -1
- package/dist/es/utils/taro/get-rect-by-id.js +1 -1
- package/dist/es/utils/taro/get-rect.js +3 -3
- package/dist/es/utils/taro/get-system-info.js +2 -2
- package/dist/es/utils/taro/platform.js +4 -4
- package/dist/es/utils/upper-case-first.js +1 -1
- package/dist/nutui.react.umd.js +1059 -1055
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +34 -34
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +39 -39
- package/dist/style.css +1 -1
- package/dist/style.scss +29 -29
- package/package.json +1 -1
|
@@ -25,7 +25,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
25
25
|
scrollable: null,
|
|
26
26
|
speed: 50
|
|
27
27
|
});
|
|
28
|
-
export var NoticeBar = function(props) {
|
|
28
|
+
export var NoticeBar = function NoticeBar(props) {
|
|
29
29
|
var rtl = useRtl();
|
|
30
30
|
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, align = _$_object_spread.align, direction = _$_object_spread.direction, list = _$_object_spread.list, duration = _$_object_spread.duration, height = _$_object_spread.height, content = _$_object_spread.content, closeable = _$_object_spread.closeable, wrap = _$_object_spread.wrap, leftIcon = _$_object_spread.leftIcon, rightIcon = _$_object_spread.rightIcon, right = _$_object_spread.right, delay = _$_object_spread.delay, scrollable = _$_object_spread.scrollable, speed = _$_object_spread.speed, close = _$_object_spread.close, click = _$_object_spread.click, onClose = _$_object_spread.onClose, onClick = _$_object_spread.onClick, onItemClick = _$_object_spread.onItemClick;
|
|
31
31
|
var classPrefix = 'nut-noticebar';
|
|
@@ -112,7 +112,7 @@ export var NoticeBar = function(props) {
|
|
|
112
112
|
}, [
|
|
113
113
|
list
|
|
114
114
|
]);
|
|
115
|
-
var initScrollWrap = function(value) {
|
|
115
|
+
var initScrollWrap = function initScrollWrap(value) {
|
|
116
116
|
if (showNoticeBar === false) {
|
|
117
117
|
return;
|
|
118
118
|
}
|
|
@@ -134,17 +134,17 @@ export var NoticeBar = function(props) {
|
|
|
134
134
|
}
|
|
135
135
|
}, 0);
|
|
136
136
|
};
|
|
137
|
-
var handleClick = function(event) {
|
|
137
|
+
var handleClick = function handleClick(event) {
|
|
138
138
|
click && click(event);
|
|
139
139
|
onClick && onClick(event);
|
|
140
140
|
};
|
|
141
|
-
var onClickIcon = function(event) {
|
|
141
|
+
var onClickIcon = function onClickIcon(event) {
|
|
142
142
|
event.stopPropagation();
|
|
143
143
|
SetShowNoticeBar(!closeable);
|
|
144
144
|
close && close(event);
|
|
145
145
|
onClose && onClose(event);
|
|
146
146
|
};
|
|
147
|
-
var onAnimationEnd = function() {
|
|
147
|
+
var onAnimationEnd = function onAnimationEnd() {
|
|
148
148
|
SetFirstRound(false);
|
|
149
149
|
setTimeout(function() {
|
|
150
150
|
SetAnimationDuration((offsetWidth + wrapWidth) / speed);
|
|
@@ -155,12 +155,12 @@ export var NoticeBar = function(props) {
|
|
|
155
155
|
var time = height / speed / 4 < 1 ? Number((height / speed / 4).toFixed(1)) * 1000 : ~~(height / speed / 4) * 1000;
|
|
156
156
|
/**
|
|
157
157
|
* 滚动方式一,普通垂直滚动
|
|
158
|
-
*/ var startRollEasy = function() {
|
|
158
|
+
*/ var startRollEasy = function startRollEasy() {
|
|
159
159
|
showhorseLamp();
|
|
160
160
|
var timerCurr = window.setInterval(showhorseLamp, time + Number(duration));
|
|
161
161
|
SetTimer(timerCurr);
|
|
162
162
|
};
|
|
163
|
-
var showhorseLamp = function() {
|
|
163
|
+
var showhorseLamp = function showhorseLamp() {
|
|
164
164
|
SetAnimate(true);
|
|
165
165
|
setTimeout(function() {
|
|
166
166
|
scrollList.current.push(scrollList.current[0]);
|
|
@@ -169,13 +169,13 @@ export var NoticeBar = function(props) {
|
|
|
169
169
|
}, time);
|
|
170
170
|
};
|
|
171
171
|
// 点击滚动单元
|
|
172
|
-
var handleClickIcon = function(event) {
|
|
172
|
+
var handleClickIcon = function handleClickIcon(event) {
|
|
173
173
|
event.stopPropagation();
|
|
174
174
|
SetShowNoticeBar(!closeable);
|
|
175
175
|
close && close(event);
|
|
176
176
|
onClose && onClose(event);
|
|
177
177
|
};
|
|
178
|
-
var isEllipsis = function() {
|
|
178
|
+
var isEllipsis = function isEllipsis() {
|
|
179
179
|
if (isCanScroll == null && align === 'left') {
|
|
180
180
|
return wrap;
|
|
181
181
|
}
|
|
@@ -196,7 +196,7 @@ export var NoticeBar = function(props) {
|
|
|
196
196
|
marginTop: animate ? "-".concat(height, "px") : ''
|
|
197
197
|
};
|
|
198
198
|
// 垂直自定义滚动方式
|
|
199
|
-
var init = function() {
|
|
199
|
+
var init = function init() {
|
|
200
200
|
var activeIndex = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
|
|
201
201
|
var rects = getRect(container === null || container === void 0 ? void 0 : container.current);
|
|
202
202
|
var _active = Math.max(Math.min(childCount - 1, activeIndex), 0);
|
|
@@ -234,13 +234,13 @@ export var NoticeBar = function(props) {
|
|
|
234
234
|
isContainerReady
|
|
235
235
|
]);
|
|
236
236
|
// 清除定时器
|
|
237
|
-
var stopAutoPlay = function() {
|
|
237
|
+
var stopAutoPlay = function stopAutoPlay() {
|
|
238
238
|
clearTimeout(swiperRef.current.autoplayTimer);
|
|
239
239
|
swiperRef.current.moving = false;
|
|
240
240
|
swiperRef.current.autoplayTimer = null;
|
|
241
241
|
};
|
|
242
242
|
// 定时轮播
|
|
243
|
-
var autoplay = function() {
|
|
243
|
+
var autoplay = function autoplay1() {
|
|
244
244
|
if (childCount <= 1) return;
|
|
245
245
|
stopAutoPlay();
|
|
246
246
|
swiperRef.current.autoplayTimer = setTimeout(function() {
|
|
@@ -249,7 +249,7 @@ export var NoticeBar = function(props) {
|
|
|
249
249
|
}, Number(duration) + 100 * speed);
|
|
250
250
|
};
|
|
251
251
|
// 切换方法
|
|
252
|
-
var move = function(param) {
|
|
252
|
+
var move = function move(param) {
|
|
253
253
|
var _param_pace = param.pace, pace = _param_pace === void 0 ? 0 : _param_pace, _param_offset = param.offset, offset = _param_offset === void 0 ? 0 : _param_offset;
|
|
254
254
|
if (childCount <= 1) return;
|
|
255
255
|
var targetActive = getActive(pace);
|
|
@@ -273,7 +273,7 @@ export var NoticeBar = function(props) {
|
|
|
273
273
|
setStyle(targetOffset);
|
|
274
274
|
};
|
|
275
275
|
// 下一页
|
|
276
|
-
var next = function() {
|
|
276
|
+
var next = function next() {
|
|
277
277
|
resetPosition();
|
|
278
278
|
requestFrame(function() {
|
|
279
279
|
requestFrame(function() {
|
|
@@ -284,10 +284,10 @@ export var NoticeBar = function(props) {
|
|
|
284
284
|
});
|
|
285
285
|
});
|
|
286
286
|
};
|
|
287
|
-
var handleItemClick = function(event, value) {
|
|
287
|
+
var handleItemClick = function handleItemClick(event, value) {
|
|
288
288
|
onItemClick && onItemClick(event, value);
|
|
289
289
|
};
|
|
290
|
-
var setStyle = function() {
|
|
290
|
+
var setStyle = function setStyle() {
|
|
291
291
|
var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset, currentRect = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : rect;
|
|
292
292
|
var target = innerRef.current;
|
|
293
293
|
if (!target) {
|
|
@@ -303,7 +303,7 @@ export var NoticeBar = function(props) {
|
|
|
303
303
|
target.style.transform = "translate3D(0,".concat(_offset, "px,0)");
|
|
304
304
|
};
|
|
305
305
|
// 无缝滚动第一个元素位移控制
|
|
306
|
-
var itemStyle = function(index) {
|
|
306
|
+
var itemStyle = function itemStyle(index) {
|
|
307
307
|
var style = {};
|
|
308
308
|
if (height) {
|
|
309
309
|
style.height = "".concat(height, "px");
|
|
@@ -316,7 +316,7 @@ export var NoticeBar = function(props) {
|
|
|
316
316
|
return style;
|
|
317
317
|
};
|
|
318
318
|
// 确定当前active 元素
|
|
319
|
-
var getActive = function(pace) {
|
|
319
|
+
var getActive = function getActive(pace) {
|
|
320
320
|
var currentActive = activeRef.current;
|
|
321
321
|
if (pace) {
|
|
322
322
|
var _active = currentActive + pace;
|
|
@@ -325,22 +325,22 @@ export var NoticeBar = function(props) {
|
|
|
325
325
|
return currentActive;
|
|
326
326
|
};
|
|
327
327
|
// 计算位移
|
|
328
|
-
var getOffset = function(active) {
|
|
328
|
+
var getOffset = function getOffset(active) {
|
|
329
329
|
var offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
|
|
330
330
|
var currentPosition = active * Number(height);
|
|
331
331
|
var targetOffset = offset - currentPosition;
|
|
332
332
|
return targetOffset;
|
|
333
333
|
};
|
|
334
334
|
// 浏览器 帧 事件
|
|
335
|
-
var requestFrame = function(fn) {
|
|
335
|
+
var requestFrame = function requestFrame(fn) {
|
|
336
336
|
window.requestAnimationFrame.call(window, fn);
|
|
337
337
|
};
|
|
338
338
|
// 取值 方法
|
|
339
|
-
var range = function(num, min, max) {
|
|
339
|
+
var range = function range(num, min, max) {
|
|
340
340
|
return Math.min(Math.max(num, min), max);
|
|
341
341
|
};
|
|
342
342
|
// 重置首尾位置信息
|
|
343
|
-
var resetPosition = function() {
|
|
343
|
+
var resetPosition = function resetPosition() {
|
|
344
344
|
var currentActive = activeRef.current;
|
|
345
345
|
swiperRef.current.moving = true;
|
|
346
346
|
if (currentActive <= -1) {
|
|
@@ -414,7 +414,7 @@ export var NoticeBar = function(props) {
|
|
|
414
414
|
return /*#__PURE__*/ React.createElement("div", {
|
|
415
415
|
style: itemStyle(index),
|
|
416
416
|
key: index,
|
|
417
|
-
onClick: function(e) {
|
|
417
|
+
onClick: function onClick(e) {
|
|
418
418
|
handleItemClick(e, item);
|
|
419
419
|
}
|
|
420
420
|
}, item);
|
|
@@ -429,13 +429,13 @@ export var NoticeBar = function(props) {
|
|
|
429
429
|
height: height
|
|
430
430
|
},
|
|
431
431
|
key: index,
|
|
432
|
-
onClick: function(e) {
|
|
432
|
+
onClick: function onClick(e) {
|
|
433
433
|
handleItemClick(e, item);
|
|
434
434
|
}
|
|
435
435
|
}, item));
|
|
436
436
|
})), /*#__PURE__*/ React.createElement("div", {
|
|
437
437
|
className: "nut-noticebar-box-right-icon",
|
|
438
|
-
onClick: function(e) {
|
|
438
|
+
onClick: function onClick(e) {
|
|
439
439
|
handleClickIcon(e);
|
|
440
440
|
}
|
|
441
441
|
}, rightIcon || (closeable ? /*#__PURE__*/ React.createElement(Close, {
|
|
@@ -91,7 +91,7 @@ var Notification = /*#__PURE__*/ function(_superClass) {
|
|
|
91
91
|
var _this_props = this.props, id = _this_props.id, style = _this_props.style, message = _this_props.message, leftIcon = _this_props.leftIcon, rightIcon = _this_props.rightIcon, closeable = _this_props.closeable, className = _this_props.className, position = _this_props.position, distance = _this_props.distance, navHeight = _this_props.navHeight;
|
|
92
92
|
var show = this.state.show;
|
|
93
93
|
var classes = classNames(classPrefix, className);
|
|
94
|
-
var getDistance = function() {
|
|
94
|
+
var getDistance = function getDistance() {
|
|
95
95
|
if (position === 'top') {
|
|
96
96
|
return {
|
|
97
97
|
top: "".concat(distance + navHeight, "px")
|
|
@@ -13,8 +13,8 @@ var options = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
13
13
|
leftIcon: null,
|
|
14
14
|
rightIcon: null,
|
|
15
15
|
duration: 3000,
|
|
16
|
-
onClose: function() {},
|
|
17
|
-
onClick: function() {}
|
|
16
|
+
onClose: function onClose() {},
|
|
17
|
+
onClick: function onClick() {}
|
|
18
18
|
});
|
|
19
19
|
function getInstance(props, callback) {
|
|
20
20
|
if (messageInstance) {
|
|
@@ -34,7 +34,7 @@ function notice(opts) {
|
|
|
34
34
|
});
|
|
35
35
|
});
|
|
36
36
|
}
|
|
37
|
-
var errorMsg = function(message) {
|
|
37
|
+
var errorMsg = function errorMsg(message) {
|
|
38
38
|
if (!message) {
|
|
39
39
|
console.warn('[NutUI Notify]: message不能为空');
|
|
40
40
|
}
|
|
@@ -15,11 +15,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
15
15
|
type: 'default',
|
|
16
16
|
custom: [],
|
|
17
17
|
random: false,
|
|
18
|
-
onClose: function() {}
|
|
18
|
+
onClose: function onClose() {}
|
|
19
19
|
});
|
|
20
|
-
export var NumberKeyboard = function(props) {
|
|
20
|
+
export var NumberKeyboard = function NumberKeyboard(props) {
|
|
21
21
|
var locale = useConfig().locale;
|
|
22
|
-
var
|
|
22
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), title = _$_object_spread.title, rightActions = _$_object_spread.rightActions, confirmText = _$_object_spread.confirmText, visible = _$_object_spread.visible, type = _$_object_spread.type, custom = _$_object_spread.custom, random = _$_object_spread.random, style = _$_object_spread.style, className = _$_object_spread.className, onChange = _$_object_spread.onChange, onDelete = _$_object_spread.onDelete, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, rest = _object_without_properties(_$_object_spread, [
|
|
23
23
|
"title",
|
|
24
24
|
"rightActions",
|
|
25
25
|
"confirmText",
|
|
@@ -35,7 +35,7 @@ export var NumberKeyboard = function(props) {
|
|
|
35
35
|
"onConfirm"
|
|
36
36
|
]);
|
|
37
37
|
var classPrefix = 'nut-numberkeyboard';
|
|
38
|
-
var getBasicKeys = function() {
|
|
38
|
+
var getBasicKeys = function getBasicKeys() {
|
|
39
39
|
var keys = new Array(9).fill(0).map(function(_, index) {
|
|
40
40
|
return {
|
|
41
41
|
id: String(index + 1),
|
|
@@ -46,7 +46,7 @@ export var NumberKeyboard = function(props) {
|
|
|
46
46
|
return Math.random() > 0.5 ? 1 : -1;
|
|
47
47
|
}) : keys;
|
|
48
48
|
};
|
|
49
|
-
var getCustomKeys = function() {
|
|
49
|
+
var getCustomKeys = function getCustomKeys() {
|
|
50
50
|
var customKeys = [
|
|
51
51
|
{
|
|
52
52
|
id: 'close',
|
|
@@ -83,7 +83,7 @@ export var NumberKeyboard = function(props) {
|
|
|
83
83
|
random,
|
|
84
84
|
custom
|
|
85
85
|
]);
|
|
86
|
-
var DeleteIcon = function() {
|
|
86
|
+
var DeleteIcon = function DeleteIcon() {
|
|
87
87
|
return /*#__PURE__*/ React.createElement("svg", {
|
|
88
88
|
viewBox: "0 0 1024 1024",
|
|
89
89
|
className: "".concat(classPrefix, "-delete-icon")
|
|
@@ -95,13 +95,13 @@ export var NumberKeyboard = function(props) {
|
|
|
95
95
|
fill: "currentColor"
|
|
96
96
|
}));
|
|
97
97
|
};
|
|
98
|
-
var NumberKeyboardKey = function(props) {
|
|
98
|
+
var NumberKeyboardKey = function NumberKeyboardKey(props) {
|
|
99
99
|
var item = props.item;
|
|
100
100
|
var _useState = _sliced_to_array(useState(false), 2), active = _useState[0], setActive = _useState[1];
|
|
101
|
-
var onTouchStart = function() {
|
|
101
|
+
var onTouchStart = function onTouchStart() {
|
|
102
102
|
setActive(true);
|
|
103
103
|
};
|
|
104
|
-
var onTouchEnd = function(item) {
|
|
104
|
+
var onTouchEnd = function onTouchEnd(item) {
|
|
105
105
|
setActive(false);
|
|
106
106
|
switch(item.type){
|
|
107
107
|
case 'num':
|
|
@@ -121,7 +121,7 @@ export var NumberKeyboard = function(props) {
|
|
|
121
121
|
break;
|
|
122
122
|
}
|
|
123
123
|
};
|
|
124
|
-
var renderContent = function(item) {
|
|
124
|
+
var renderContent = function renderContent(item) {
|
|
125
125
|
switch(item.type){
|
|
126
126
|
case 'num':
|
|
127
127
|
case 'custom':
|
|
@@ -149,13 +149,13 @@ export var NumberKeyboard = function(props) {
|
|
|
149
149
|
delete: item.type === 'delete',
|
|
150
150
|
confirm: item.type === 'confirm'
|
|
151
151
|
}),
|
|
152
|
-
onTouchStart: function() {
|
|
152
|
+
onTouchStart: function onTouchStart1() {
|
|
153
153
|
return onTouchStart();
|
|
154
154
|
},
|
|
155
|
-
onTouchEnd: function() {
|
|
155
|
+
onTouchEnd: function onTouchEnd1() {
|
|
156
156
|
return onTouchEnd(item);
|
|
157
157
|
},
|
|
158
|
-
onTouchCancel: function() {
|
|
158
|
+
onTouchCancel: function onTouchCancel() {
|
|
159
159
|
return onTouchEnd(item);
|
|
160
160
|
}
|
|
161
161
|
}, renderContent(item)));
|
|
@@ -13,12 +13,12 @@ export var defaultOverlayProps = _object_spread_props(_object_spread({}, Compone
|
|
|
13
13
|
closeOnOverlayClick: true,
|
|
14
14
|
visible: false,
|
|
15
15
|
lockScroll: true,
|
|
16
|
-
onClick: function() {},
|
|
17
|
-
afterShow: function() {},
|
|
18
|
-
afterClose: function() {}
|
|
16
|
+
onClick: function onClick() {},
|
|
17
|
+
afterShow: function afterShow() {},
|
|
18
|
+
afterClose: function afterClose() {}
|
|
19
19
|
});
|
|
20
|
-
export var Overlay = function(props) {
|
|
21
|
-
var
|
|
20
|
+
export var Overlay = function Overlay(props) {
|
|
21
|
+
var _$_object_spread = _object_spread({}, defaultOverlayProps, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, duration = _$_object_spread.duration, className = _$_object_spread.className, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, visible = _$_object_spread.visible, lockScroll = _$_object_spread.lockScroll, style = _$_object_spread.style, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, rest = _object_without_properties(_$_object_spread, [
|
|
22
22
|
"children",
|
|
23
23
|
"zIndex",
|
|
24
24
|
"duration",
|
|
@@ -45,7 +45,7 @@ export var Overlay = function(props) {
|
|
|
45
45
|
var styles = _object_spread_props(_object_spread({}, style), {
|
|
46
46
|
zIndex: zIndex
|
|
47
47
|
});
|
|
48
|
-
var handleClick = function(e) {
|
|
48
|
+
var handleClick = function handleClick(e) {
|
|
49
49
|
if (closeOnOverlayClick) {
|
|
50
50
|
onClick && onClick(e);
|
|
51
51
|
}
|
|
@@ -19,9 +19,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
itemSize: 5,
|
|
20
20
|
ellipse: false
|
|
21
21
|
});
|
|
22
|
-
export var Pagination = function(props) {
|
|
22
|
+
export var Pagination = function Pagination(props) {
|
|
23
23
|
var locale = useConfig().locale;
|
|
24
|
-
var
|
|
24
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), value = _$_object_spread.value, mode = _$_object_spread.mode, prev = _$_object_spread.prev, next = _$_object_spread.next, total = _$_object_spread.total, pageSize = _$_object_spread.pageSize, itemSize = _$_object_spread.itemSize, onChange = _$_object_spread.onChange, ellipse = _$_object_spread.ellipse, itemRender = _$_object_spread.itemRender, defaultValue = _$_object_spread.defaultValue, className = _$_object_spread.className, style = _$_object_spread.style, rest = _object_without_properties(_$_object_spread, [
|
|
25
25
|
"value",
|
|
26
26
|
"mode",
|
|
27
27
|
"prev",
|
|
@@ -50,16 +50,16 @@ export var Pagination = function(props) {
|
|
|
50
50
|
displayCount: itemSize,
|
|
51
51
|
itemsPerPage: pageSize
|
|
52
52
|
}), 2), pages = _usePagination[0], pageCount = _usePagination[1];
|
|
53
|
-
var handleClick = function(item) {
|
|
53
|
+
var handleClick = function handleClick(item) {
|
|
54
54
|
if (item.selected) return;
|
|
55
55
|
if (item.number > pageCount || item.number < 1) return;
|
|
56
56
|
setCurrent(item.number);
|
|
57
57
|
};
|
|
58
|
-
var prevPage = function() {
|
|
58
|
+
var prevPage = function prevPage() {
|
|
59
59
|
var prev = current - 1;
|
|
60
60
|
prev >= 1 && setCurrent(prev);
|
|
61
61
|
};
|
|
62
|
-
var nextPage = function() {
|
|
62
|
+
var nextPage = function nextPage() {
|
|
63
63
|
var next = current + 1;
|
|
64
64
|
next <= pageCount && setCurrent(next);
|
|
65
65
|
};
|
|
@@ -68,7 +68,7 @@ export var Pagination = function(props) {
|
|
|
68
68
|
className: classNames(classPrefix, className)
|
|
69
69
|
}, rest), (mode === 'multi' || mode === 'simple') && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
|
|
70
70
|
className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-prev"), true), _define_property(_obj, "".concat(classPrefix, "-simple-border"), mode !== 'multi'), _define_property(_obj, "".concat(classPrefix, "-prev-disabled"), current === 1), _obj)),
|
|
71
|
-
onClick: function() {
|
|
71
|
+
onClick: function onClick() {
|
|
72
72
|
return prevPage();
|
|
73
73
|
}
|
|
74
74
|
}, prev || locale.pagination.prev), mode === 'multi' && /*#__PURE__*/ React.createElement("div", {
|
|
@@ -78,7 +78,7 @@ export var Pagination = function(props) {
|
|
|
78
78
|
return /*#__PURE__*/ React.createElement("div", {
|
|
79
79
|
key: "".concat(index, "pagination"),
|
|
80
80
|
className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-item"), true), _define_property(_obj, "".concat(classPrefix, "-item-active"), item.selected), _obj)),
|
|
81
|
-
onClick: function() {
|
|
81
|
+
onClick: function onClick() {
|
|
82
82
|
handleClick(item);
|
|
83
83
|
}
|
|
84
84
|
}, itemRender ? itemRender(item, current) : item.text);
|
|
@@ -88,7 +88,7 @@ export var Pagination = function(props) {
|
|
|
88
88
|
className: "".concat(classPrefix, "-simple")
|
|
89
89
|
}, current, "/", pageCount)), /*#__PURE__*/ React.createElement("div", {
|
|
90
90
|
className: classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-next"), true), _define_property(_obj1, "".concat(classPrefix, "-next-disabled"), current >= pageCount), _obj1)),
|
|
91
|
-
onClick: function() {
|
|
91
|
+
onClick: function onClick() {
|
|
92
92
|
return nextPage();
|
|
93
93
|
}
|
|
94
94
|
}, next || locale.pagination.next)), mode === 'lite' && /*#__PURE__*/ React.createElement("div", {
|
|
@@ -20,9 +20,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
20
20
|
defaultValue: [],
|
|
21
21
|
closeOnOverlayClick: true
|
|
22
22
|
});
|
|
23
|
-
var InternalPicker = function(props, ref) {
|
|
23
|
+
var InternalPicker = function InternalPicker(props, ref) {
|
|
24
24
|
var locale = useConfig().locale;
|
|
25
|
-
var
|
|
25
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, title = _$_object_spread.title, _object_spread_options = _$_object_spread.options, options = _object_spread_options === void 0 ? [] : _object_spread_options, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, className = _$_object_spread.className, style = _$_object_spread.style, threeDimensional = _$_object_spread.threeDimensional, duration = _$_object_spread.duration, onConfirm = _$_object_spread.onConfirm, onCancel = _$_object_spread.onCancel, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, rest = _object_without_properties(_$_object_spread, [
|
|
26
26
|
"children",
|
|
27
27
|
"visible",
|
|
28
28
|
"title",
|
|
@@ -45,7 +45,7 @@ var InternalPicker = function(props, ref) {
|
|
|
45
45
|
value: props.value,
|
|
46
46
|
defaultValue: _to_consumable_array(defaultValue),
|
|
47
47
|
finalValue: _to_consumable_array(defaultValue),
|
|
48
|
-
onChange: function(value) {
|
|
48
|
+
onChange: function onChange(value) {
|
|
49
49
|
var _props_onConfirm;
|
|
50
50
|
(_props_onConfirm = props.onConfirm) === null || _props_onConfirm === void 0 ? void 0 : _props_onConfirm.call(props, selectedOptionsRef.current, value);
|
|
51
51
|
}
|
|
@@ -54,7 +54,7 @@ var InternalPicker = function(props, ref) {
|
|
|
54
54
|
value: props.visible,
|
|
55
55
|
defaultValue: false,
|
|
56
56
|
finalValue: false,
|
|
57
|
-
onChange: function(v) {
|
|
57
|
+
onChange: function onChange(v) {
|
|
58
58
|
if (!v) {
|
|
59
59
|
var _props_onClose;
|
|
60
60
|
(_props_onClose = props.onClose) === null || _props_onClose === void 0 ? void 0 : _props_onClose.call(props, selectedOptionsRef.current, innerValue);
|
|
@@ -62,10 +62,10 @@ var InternalPicker = function(props, ref) {
|
|
|
62
62
|
}
|
|
63
63
|
}), 2), innerVisible = _usePropsValue1[0], setInnerVisible = _usePropsValue1[1];
|
|
64
64
|
var actions = {
|
|
65
|
-
open: function() {
|
|
65
|
+
open: function open() {
|
|
66
66
|
setInnerVisible(true);
|
|
67
67
|
},
|
|
68
|
-
close: function() {
|
|
68
|
+
close: function close() {
|
|
69
69
|
setInnerVisible(false);
|
|
70
70
|
}
|
|
71
71
|
};
|
|
@@ -87,7 +87,7 @@ var InternalPicker = function(props, ref) {
|
|
|
87
87
|
innerOptions,
|
|
88
88
|
innerVisible
|
|
89
89
|
]);
|
|
90
|
-
var onChangeItem = function(param) {
|
|
90
|
+
var onChangeItem = function onChangeItem(param) {
|
|
91
91
|
var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
|
|
92
92
|
if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) {
|
|
93
93
|
selectedOptionsRef.current = selectedOptions;
|
|
@@ -101,7 +101,7 @@ var InternalPicker = function(props, ref) {
|
|
|
101
101
|
index: index
|
|
102
102
|
}));
|
|
103
103
|
};
|
|
104
|
-
var onConfirmEvent = function() {
|
|
104
|
+
var onConfirmEvent = function onConfirmEvent() {
|
|
105
105
|
var moving = false;
|
|
106
106
|
refs.forEach(function(ref) {
|
|
107
107
|
if (ref.moving) moving = true;
|
|
@@ -112,17 +112,17 @@ var InternalPicker = function(props, ref) {
|
|
|
112
112
|
setInnerVisible(false);
|
|
113
113
|
}
|
|
114
114
|
};
|
|
115
|
-
var onCancelEvent = function() {
|
|
115
|
+
var onCancelEvent = function onCancelEvent() {
|
|
116
116
|
setInnerValue(selectedValue);
|
|
117
117
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
118
118
|
setInnerVisible(false);
|
|
119
119
|
};
|
|
120
|
-
var renderTitleBar = function() {
|
|
120
|
+
var renderTitleBar = function renderTitleBar() {
|
|
121
121
|
return /*#__PURE__*/ React.createElement("div", {
|
|
122
122
|
className: "".concat(classPrefix, "-control")
|
|
123
123
|
}, /*#__PURE__*/ React.createElement("span", {
|
|
124
124
|
className: "".concat(classPrefix, "-cancel-btn"),
|
|
125
|
-
onClick: function(e) {
|
|
125
|
+
onClick: function onClick(e) {
|
|
126
126
|
e.stopPropagation();
|
|
127
127
|
onCancelEvent();
|
|
128
128
|
}
|
|
@@ -130,13 +130,13 @@ var InternalPicker = function(props, ref) {
|
|
|
130
130
|
className: "".concat(classPrefix, "-title")
|
|
131
131
|
}, title || ''), /*#__PURE__*/ React.createElement("span", {
|
|
132
132
|
className: "".concat(classPrefix, "-confirm-btn"),
|
|
133
|
-
onClick: function(e) {
|
|
133
|
+
onClick: function onClick(e) {
|
|
134
134
|
e.stopPropagation();
|
|
135
135
|
onConfirmEvent();
|
|
136
136
|
}
|
|
137
137
|
}, locale.confirm));
|
|
138
138
|
};
|
|
139
|
-
var renderPickerElement = function() {
|
|
139
|
+
var renderPickerElement = function renderPickerElement() {
|
|
140
140
|
return /*#__PURE__*/ React.createElement("div", _object_spread({
|
|
141
141
|
className: classes,
|
|
142
142
|
style: style
|
|
@@ -148,7 +148,7 @@ var InternalPicker = function(props, ref) {
|
|
|
148
148
|
options: props.options,
|
|
149
149
|
threeDimensional: threeDimensional,
|
|
150
150
|
duration: duration,
|
|
151
|
-
onChange: function(param) {
|
|
151
|
+
onChange: function onChange(param) {
|
|
152
152
|
var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
|
|
153
153
|
onChangeItem({
|
|
154
154
|
value: value,
|
|
@@ -161,7 +161,7 @@ var InternalPicker = function(props, ref) {
|
|
|
161
161
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, typeof children === 'function' && children(selectedValue), /*#__PURE__*/ React.createElement(Popup, _object_spread_props(_object_spread({}, popupProps), {
|
|
162
162
|
visible: innerVisible,
|
|
163
163
|
position: "bottom",
|
|
164
|
-
onOverlayClick: function() {
|
|
164
|
+
onOverlayClick: function onOverlayClick() {
|
|
165
165
|
if (!closeOnOverlayClick) return;
|
|
166
166
|
onCancelEvent();
|
|
167
167
|
}
|
|
@@ -6,7 +6,7 @@ import { useTouch } from "../../hooks/use-touch";
|
|
|
6
6
|
import { passiveSupported } from "../../utils/supports-passive";
|
|
7
7
|
import { preventDefault } from "../../utils";
|
|
8
8
|
import { momentum, useStyles } from "./utils";
|
|
9
|
-
var InternalPickerRoller = function(props, ref) {
|
|
9
|
+
var InternalPickerRoller = function InternalPickerRoller(props, ref) {
|
|
10
10
|
var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1000 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function(item) {
|
|
11
11
|
return item.label;
|
|
12
12
|
} : _props_renderLabel;
|
|
@@ -28,16 +28,16 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
28
28
|
var transformY = useRef(0);
|
|
29
29
|
var _useState5 = _sliced_to_array(useState(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
|
|
30
30
|
var _useStyles = useStyles(touchTime, touchDeg, scrollDistance, lineSpacing, ROTATION), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
|
|
31
|
-
var isItemHidden = function(index) {
|
|
31
|
+
var isItemHidden = function isItemHidden(index) {
|
|
32
32
|
return index >= currentIndex + 8 || index <= currentIndex - 8;
|
|
33
33
|
};
|
|
34
|
-
var applyTransform = function(type, deg) {
|
|
34
|
+
var applyTransform = function applyTransform(type, deg) {
|
|
35
35
|
var time = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, translateY = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
|
|
36
36
|
setTouchTime(type !== 'end' ? 0 : time);
|
|
37
37
|
setTouchDeg(deg);
|
|
38
38
|
setScrollDistance(translateY);
|
|
39
39
|
};
|
|
40
|
-
var handleMove = function(move, type, time) {
|
|
40
|
+
var handleMove = function handleMove(move, type, time) {
|
|
41
41
|
var updatedMove = move + transformY.current;
|
|
42
42
|
if (type === 'end') {
|
|
43
43
|
updatedMove = Math.max(Math.min(updatedMove, 0), -(options.length - 1) * lineSpacing.current);
|
|
@@ -55,16 +55,16 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
var selectValue = function(move) {
|
|
58
|
+
var selectValue = function selectValue(move) {
|
|
59
59
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(options === null || options === void 0 ? void 0 : options[Math.round(-move / lineSpacing.current)], keyIndex);
|
|
60
60
|
};
|
|
61
|
-
var handleTouchStart = function(event) {
|
|
61
|
+
var handleTouchStart = function handleTouchStart(event) {
|
|
62
62
|
touch.start(event);
|
|
63
63
|
setStartY(touch.deltaY.current);
|
|
64
64
|
setStartTime(Date.now());
|
|
65
65
|
transformY.current = scrollDistance;
|
|
66
66
|
};
|
|
67
|
-
var handleTouchMove = function(event) {
|
|
67
|
+
var handleTouchMove = function handleTouchMove(event) {
|
|
68
68
|
touch.move(event);
|
|
69
69
|
if (touch.isVertical) {
|
|
70
70
|
isMoving.current = true;
|
|
@@ -73,7 +73,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
73
73
|
var move = touch.deltaY.current - startY;
|
|
74
74
|
handleMove(move);
|
|
75
75
|
};
|
|
76
|
-
var handleTouchEnd = function() {
|
|
76
|
+
var handleTouchEnd = function handleTouchEnd() {
|
|
77
77
|
if (!isMoving.current) return;
|
|
78
78
|
var move = touch.deltaY.current - startY;
|
|
79
79
|
var moveTime = Date.now() - startTime;
|
|
@@ -87,7 +87,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
87
87
|
touch.reset();
|
|
88
88
|
}, 0);
|
|
89
89
|
};
|
|
90
|
-
var updateStatus = function(shouldSelect, value) {
|
|
90
|
+
var updateStatus = function updateStatus(shouldSelect, value) {
|
|
91
91
|
var selectedValue = value || props.value;
|
|
92
92
|
var index = options.findIndex(function(item) {
|
|
93
93
|
return item.value === selectedValue;
|
|
@@ -97,7 +97,7 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
97
97
|
shouldSelect && selectValue(-move);
|
|
98
98
|
handleMove(-move);
|
|
99
99
|
};
|
|
100
|
-
var stopMomentumScroll = function() {
|
|
100
|
+
var stopMomentumScroll = function stopMomentumScroll() {
|
|
101
101
|
isMoving.current = false;
|
|
102
102
|
setTouchTime(0);
|
|
103
103
|
selectValue(scrollDistance);
|
|
@@ -13,11 +13,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
13
13
|
options: [],
|
|
14
14
|
defaultValue: [],
|
|
15
15
|
value: undefined,
|
|
16
|
-
renderLabel: function(item) {
|
|
16
|
+
renderLabel: function renderLabel(item) {
|
|
17
17
|
return item.label;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
var InternalPickerView = function(props, ref) {
|
|
20
|
+
var InternalPickerView = function InternalPickerView(props, ref) {
|
|
21
21
|
var _$_object_spread = _object_spread({}, defaultProps, props), options = _$_object_spread.options, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, value = _$_object_spread.value, duration = _$_object_spread.duration, threeDimensional = _$_object_spread.threeDimensional, renderLabel = _$_object_spread.renderLabel, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange;
|
|
22
22
|
var classPrefix = 'nut-pickerview';
|
|
23
23
|
var cls = classNames(classPrefix, className);
|
|
@@ -40,7 +40,7 @@ var InternalPickerView = function(props, ref) {
|
|
|
40
40
|
}, [
|
|
41
41
|
props.options
|
|
42
42
|
]);
|
|
43
|
-
var formatCascadeOptions = function(options, value) {
|
|
43
|
+
var formatCascadeOptions = function formatCascadeOptions(options, value) {
|
|
44
44
|
var _loop = function() {
|
|
45
45
|
var currentOptions = columnOptions.children;
|
|
46
46
|
formatted.push(currentOptions);
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
export var momentum = function(distance, duration) {
|
|
1
|
+
export var momentum = function momentum(distance, duration) {
|
|
2
2
|
var speed = Math.abs(distance / duration);
|
|
3
3
|
return speed / 0.003 * (distance < 0 ? -1 : 1);
|
|
4
4
|
};
|
|
5
|
-
export var useStyles = function(touchTime, touchDeg, scrollDistance, lineSpacing, rotation) {
|
|
6
|
-
var getTransitionStyle = function(transformValue) {
|
|
5
|
+
export var useStyles = function useStyles(touchTime, touchDeg, scrollDistance, lineSpacing, rotation) {
|
|
6
|
+
var getTransitionStyle = function getTransitionStyle(transformValue) {
|
|
7
7
|
return {
|
|
8
8
|
transition: "transform ".concat(touchTime, "ms cubic-bezier(0.17, 0.89, 0.45, 1)"),
|
|
9
9
|
transform: transformValue
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
|
-
var touchRollerStyle = function() {
|
|
12
|
+
var touchRollerStyle = function touchRollerStyle() {
|
|
13
13
|
return getTransitionStyle("rotate3d(1, 0, 0, ".concat(touchDeg, ")"));
|
|
14
14
|
};
|
|
15
|
-
var touchTiledStyle = function() {
|
|
15
|
+
var touchTiledStyle = function touchTiledStyle() {
|
|
16
16
|
return getTransitionStyle("translate3d(0, ".concat(scrollDistance, "px, 0)"));
|
|
17
17
|
};
|
|
18
|
-
var rollerStyle = function(index) {
|
|
18
|
+
var rollerStyle = function rollerStyle(index) {
|
|
19
19
|
return {
|
|
20
20
|
transform: "rotate3d(1, 0, 0, ".concat(-rotation * (index + 1), "deg) translate3d(0px, 0px, ").concat(Math.round(lineSpacing.current * 3.2), "px)")
|
|
21
21
|
};
|