@nutui/nutui-react-taro 3.0.19-cpp-beta.5 → 3.0.19-cpp.1
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/dist/cjs/hooks/taro/use-custom-event.js +5 -5
- package/dist/cjs/hooks/use-ref-state.js +3 -3
- package/dist/cjs/hooks/use-touch.js +1 -2
- package/dist/cjs/packages/address/utils.js +3 -3
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +16 -28
- package/dist/cjs/packages/badge/badge.js +4 -7
- package/dist/cjs/packages/barrage/barrage.js +14 -24
- package/dist/cjs/packages/calendar/utils.js +8 -8
- package/dist/cjs/packages/calendarcard/icon.js +5 -5
- package/dist/cjs/packages/calendarcard/utils.js +6 -6
- package/dist/cjs/packages/cascader/cascader.js +12 -21
- package/dist/cjs/packages/cascader/utils.js +3 -3
- package/dist/cjs/packages/collapseitem/collapseitem.js +4 -7
- package/dist/cjs/packages/configprovider/configprovider.js +7 -7
- package/dist/cjs/packages/configprovider/index.js +6 -6
- package/dist/cjs/packages/countdown/countdown.js +1 -2
- package/dist/cjs/packages/datepicker/utils.js +9 -9
- package/dist/cjs/packages/dialog/content.js +3 -3
- package/dist/cjs/packages/dialog/dialog.js +8 -11
- package/dist/cjs/packages/drag/drag.js +4 -7
- package/dist/cjs/packages/elevator/elevator.js +7 -10
- package/dist/cjs/packages/ellipsis/ellipsis.js +17 -30
- package/dist/cjs/packages/form/index.js +0 -2
- package/dist/cjs/packages/form/useform.js +50 -57
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +8 -14
- package/dist/cjs/packages/inputnumber/inputnumber.js +16 -28
- package/dist/cjs/packages/lottie/types.js +0 -2
- package/dist/cjs/packages/menuitem/menuitem.js +24 -22
- package/dist/cjs/packages/noticebar/noticebar.js +71 -67
- package/dist/cjs/packages/notify/notify.js +4 -4
- package/dist/cjs/packages/nutui.react.build.js +105 -105
- package/dist/cjs/packages/nutui.react.js +105 -105
- package/dist/cjs/packages/overlay/overlay.js +3 -3
- package/dist/cjs/packages/pickerview/pickerroller.js +4 -7
- package/dist/cjs/packages/pickerview/pickerview.js +1 -2
- package/dist/cjs/packages/pickerview/utils.js +3 -3
- package/dist/cjs/packages/popover/popover.js +75 -77
- package/dist/cjs/packages/popup/popup.js +8 -14
- package/dist/cjs/packages/pulltorefresh/pulltorefresh.js +52 -56
- package/dist/cjs/packages/radio/index.js +0 -2
- package/dist/cjs/packages/range/range.js +16 -28
- package/dist/cjs/packages/shortpassword/shortpassword.js +3 -3
- package/dist/cjs/packages/sticky/sticky.js +4 -7
- package/dist/cjs/packages/swipe/swipe.js +8 -15
- package/dist/cjs/packages/swiper/index.js +0 -1
- package/dist/cjs/packages/switch/switch.js +4 -7
- package/dist/cjs/packages/toast/toast.js +4 -4
- package/dist/cjs/packages/uploader/uploader.js +38 -51
- package/dist/cjs/packages/virtuallist/utils.js +6 -6
- package/dist/cjs/packages/watermark/watermark.js +4 -8
- package/dist/cjs/types/spec/address/base.js +0 -2
- package/dist/cjs/utils/date.js +5 -5
- package/dist/cjs/utils/event-mocker.js +10 -18
- package/dist/cjs/utils/get-rect.js +4 -4
- package/dist/cjs/utils/get-scroll-parent.js +3 -3
- package/dist/cjs/utils/merge-props.js +3 -3
- package/dist/cjs/utils/merge.js +6 -6
- package/dist/cjs/utils/raf.js +3 -3
- package/dist/cjs/utils/render.js +5 -9
- package/dist/cjs/utils/rubberband.js +3 -3
- package/dist/cjs/utils/taro/get-rect.js +14 -24
- package/dist/cjs/utils/taro/get-system-info.js +4 -4
- package/dist/cjs/utils/taro/platform.js +5 -5
- package/dist/es/hooks/use-touch.js +1 -1
- package/dist/es/packages/avatarcropper/avatarcropper.js +16 -28
- package/dist/es/packages/badge/badge.js +4 -7
- package/dist/es/packages/barrage/barrage.js +14 -24
- package/dist/es/packages/cascader/cascader.js +12 -21
- package/dist/es/packages/collapseitem/collapseitem.js +4 -7
- package/dist/es/packages/countdown/countdown.js +1 -2
- package/dist/es/packages/dialog/dialog.js +4 -7
- package/dist/es/packages/drag/drag.js +4 -7
- package/dist/es/packages/elevator/elevator.js +4 -7
- package/dist/es/packages/ellipsis/ellipsis.js +17 -30
- package/dist/es/packages/form/index.js +0 -1
- package/dist/es/packages/form/useform.js +46 -53
- package/dist/es/packages/infiniteloading/infiniteloading.js +8 -14
- package/dist/es/packages/inputnumber/inputnumber.js +16 -28
- package/dist/es/packages/lottie/types.js +1 -1
- package/dist/es/packages/menuitem/menuitem.js +24 -22
- package/dist/es/packages/noticebar/noticebar.js +71 -67
- package/dist/es/packages/pickerview/pickerroller.js +4 -7
- package/dist/es/packages/pickerview/pickerview.js +1 -2
- package/dist/es/packages/popover/popover.js +75 -77
- package/dist/es/packages/popup/popup.js +8 -14
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +52 -56
- package/dist/es/packages/radio/index.js +0 -1
- package/dist/es/packages/range/range.js +16 -28
- package/dist/es/packages/sticky/sticky.js +4 -7
- package/dist/es/packages/swipe/swipe.js +8 -15
- package/dist/es/packages/swiper/index.js +0 -1
- package/dist/es/packages/switch/switch.js +4 -7
- package/dist/es/packages/uploader/uploader.js +38 -51
- package/dist/es/packages/watermark/watermark.js +4 -8
- package/dist/es/types/spec/address/base.js +1 -1
- package/dist/es/utils/event-mocker.js +4 -12
- package/dist/es/utils/render.js +2 -6
- package/dist/es/utils/taro/get-rect.js +10 -20
- package/dist/nutui.react.umd.js +596 -811
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +37 -37
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +24 -24
- package/dist/style.css +1 -1
- package/dist/style.scss +37 -37
- package/package.json +1 -1
|
@@ -121,46 +121,48 @@ export var NoticeBar = function(props) {
|
|
|
121
121
|
if (showNoticeBar === false) {
|
|
122
122
|
return;
|
|
123
123
|
}
|
|
124
|
-
setTimeout(
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
124
|
+
setTimeout(function() {
|
|
125
|
+
return _async_to_generator(function() {
|
|
126
|
+
var warpRes, contentRes, wrapW, offsetW, canScroll;
|
|
127
|
+
return _ts_generator(this, function(_state) {
|
|
128
|
+
switch(_state.label){
|
|
129
|
+
case 0:
|
|
130
|
+
if (!wrapRef.current || !contentRef.current) {
|
|
131
|
+
return [
|
|
132
|
+
2
|
|
133
|
+
];
|
|
134
|
+
}
|
|
135
|
+
return [
|
|
136
|
+
4,
|
|
137
|
+
getRectInMultiPlatform(wrapRef.current)
|
|
138
|
+
];
|
|
139
|
+
case 1:
|
|
140
|
+
warpRes = _state.sent();
|
|
141
|
+
return [
|
|
142
|
+
4,
|
|
143
|
+
getRectInMultiPlatform(contentRef.current)
|
|
144
|
+
];
|
|
145
|
+
case 2:
|
|
146
|
+
contentRes = _state.sent();
|
|
147
|
+
wrapW = warpRes.width;
|
|
148
|
+
offsetW = contentRes.width;
|
|
149
|
+
canScroll = align === 'left' && scrollable == null ? offsetW > wrapW : scrollable;
|
|
150
|
+
SetIsCanScroll(canScroll);
|
|
151
|
+
if (canScroll) {
|
|
152
|
+
SetWrapWidth(wrapW);
|
|
153
|
+
SetOffsetW(offsetW);
|
|
154
|
+
SetAnimationDuration(offsetW / speed);
|
|
155
|
+
SetAnimationClass('play');
|
|
156
|
+
} else {
|
|
157
|
+
SetAnimationClass('');
|
|
158
|
+
}
|
|
130
159
|
return [
|
|
131
160
|
2
|
|
132
161
|
];
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
];
|
|
138
|
-
case 1:
|
|
139
|
-
warpRes = _state.sent();
|
|
140
|
-
return [
|
|
141
|
-
4,
|
|
142
|
-
getRectInMultiPlatform(contentRef.current)
|
|
143
|
-
];
|
|
144
|
-
case 2:
|
|
145
|
-
contentRes = _state.sent();
|
|
146
|
-
wrapW = warpRes.width;
|
|
147
|
-
offsetW = contentRes.width;
|
|
148
|
-
canScroll = align === 'left' && scrollable == null ? offsetW > wrapW : scrollable;
|
|
149
|
-
SetIsCanScroll(canScroll);
|
|
150
|
-
if (canScroll) {
|
|
151
|
-
SetWrapWidth(wrapW);
|
|
152
|
-
SetOffsetW(offsetW);
|
|
153
|
-
SetAnimationDuration(offsetW / speed);
|
|
154
|
-
SetAnimationClass('play');
|
|
155
|
-
} else {
|
|
156
|
-
SetAnimationClass('');
|
|
157
|
-
}
|
|
158
|
-
return [
|
|
159
|
-
2
|
|
160
|
-
];
|
|
161
|
-
}
|
|
162
|
-
});
|
|
163
|
-
}), 0);
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
})();
|
|
165
|
+
}, 0);
|
|
164
166
|
};
|
|
165
167
|
var handleClick = function(event) {
|
|
166
168
|
click && click(event);
|
|
@@ -225,36 +227,38 @@ export var NoticeBar = function(props) {
|
|
|
225
227
|
var init = function() {
|
|
226
228
|
var activeIndex = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
|
|
227
229
|
if (!(container === null || container === void 0 ? void 0 : container.current)) return;
|
|
228
|
-
setTimeout(
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
230
|
+
setTimeout(function() {
|
|
231
|
+
return _async_to_generator(function() {
|
|
232
|
+
var rects, _active, _height, targetOffset;
|
|
233
|
+
return _ts_generator(this, function(_state) {
|
|
234
|
+
switch(_state.label){
|
|
235
|
+
case 0:
|
|
236
|
+
return [
|
|
237
|
+
4,
|
|
238
|
+
getRectInMultiPlatform(container === null || container === void 0 ? void 0 : container.current)
|
|
239
|
+
];
|
|
240
|
+
case 1:
|
|
241
|
+
rects = _state.sent();
|
|
242
|
+
_active = Math.max(Math.min(childCount - 1, activeIndex), 0);
|
|
243
|
+
_height = rects === null || rects === void 0 ? void 0 : rects.height;
|
|
244
|
+
trackSize = childCount * Number(_height);
|
|
245
|
+
targetOffset = getOffset(_active);
|
|
246
|
+
activeRef.current = _active;
|
|
247
|
+
setRect(rects);
|
|
248
|
+
setOffset(targetOffset);
|
|
249
|
+
setChildOffset(new Array(childCount).fill(0));
|
|
250
|
+
// 关闭动画并立即设置样式
|
|
251
|
+
swiperRef.current.moving = true;
|
|
252
|
+
setStyle(targetOffset, rects);
|
|
253
|
+
swiperRef.current.moving = false;
|
|
254
|
+
setReady(true);
|
|
255
|
+
return [
|
|
256
|
+
2
|
|
257
|
+
];
|
|
258
|
+
}
|
|
259
|
+
});
|
|
260
|
+
})();
|
|
261
|
+
}, 0);
|
|
258
262
|
};
|
|
259
263
|
useEffect(function() {
|
|
260
264
|
if (ready) {
|
|
@@ -114,8 +114,8 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
114
114
|
setTouchTime(0);
|
|
115
115
|
selectValue(scrollDistance);
|
|
116
116
|
};
|
|
117
|
-
var getReactHeight =
|
|
118
|
-
|
|
117
|
+
var getReactHeight = function() {
|
|
118
|
+
return _async_to_generator(function() {
|
|
119
119
|
var placeholder, placeholderHeight, error;
|
|
120
120
|
return _ts_generator(this, function(_state) {
|
|
121
121
|
switch(_state.label){
|
|
@@ -150,11 +150,8 @@ var InternalPickerRoller = function(props, ref) {
|
|
|
150
150
|
];
|
|
151
151
|
}
|
|
152
152
|
});
|
|
153
|
-
});
|
|
154
|
-
|
|
155
|
-
return _ref.apply(this, arguments);
|
|
156
|
-
};
|
|
157
|
-
}();
|
|
153
|
+
})();
|
|
154
|
+
};
|
|
158
155
|
// lineSpacing.current CSS variable
|
|
159
156
|
useEffect(function() {
|
|
160
157
|
var element = pickerRollerRef.current;
|
|
@@ -54,8 +54,7 @@ var InternalPickerView = function(props, ref) {
|
|
|
54
54
|
var index = currentOptions.findIndex(function(columnItem) {
|
|
55
55
|
return columnItem.value === currentValue;
|
|
56
56
|
});
|
|
57
|
-
columnOptions = currentOptions[index === -1 ? 0 : index] // 如果未找到,默认取第一个
|
|
58
|
-
;
|
|
57
|
+
columnOptions = currentOptions[index === -1 ? 0 : index]; // 如果未找到,默认取第一个
|
|
59
58
|
} else {
|
|
60
59
|
return "break" // 如果 currentValue 不存在,终止循环
|
|
61
60
|
;
|
|
@@ -74,93 +74,91 @@ export var Popover = function(props) {
|
|
|
74
74
|
]);
|
|
75
75
|
var uid = useUuid();
|
|
76
76
|
var popoverId = "popover-".concat(uid);
|
|
77
|
-
var getWrapperPosition =
|
|
78
|
-
|
|
77
|
+
var getWrapperPosition = function() {
|
|
78
|
+
return _async_to_generator(function() {
|
|
79
79
|
return _ts_generator(this, function(_state) {
|
|
80
|
-
nextTick(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
80
|
+
nextTick(function() {
|
|
81
|
+
return _async_to_generator(function() {
|
|
82
|
+
var rect, _tmp, width, height, right, left, top;
|
|
83
|
+
return _ts_generator(this, function(_state) {
|
|
84
|
+
switch(_state.label){
|
|
85
|
+
case 0:
|
|
86
|
+
if (!targetId) return [
|
|
87
|
+
3,
|
|
88
|
+
2
|
|
89
|
+
];
|
|
90
|
+
return [
|
|
91
|
+
4,
|
|
92
|
+
getRectInMultiPlatform(document.querySelector("#".concat(targetId)), targetId)
|
|
93
|
+
];
|
|
94
|
+
case 1:
|
|
95
|
+
_tmp = _state.sent();
|
|
96
|
+
return [
|
|
97
|
+
3,
|
|
98
|
+
4
|
|
99
|
+
];
|
|
100
|
+
case 2:
|
|
101
|
+
return [
|
|
102
|
+
4,
|
|
103
|
+
getRectInMultiPlatform(popoverRef.current, popoverId)
|
|
104
|
+
];
|
|
105
|
+
case 3:
|
|
106
|
+
_tmp = _state.sent();
|
|
107
|
+
_state.label = 4;
|
|
108
|
+
case 4:
|
|
109
|
+
rect = _tmp;
|
|
110
|
+
width = rect.width, height = rect.height, right = rect.right, left = rect.left, top = rect.top;
|
|
111
|
+
setWrapperPosition({
|
|
112
|
+
width: width,
|
|
113
|
+
height: height,
|
|
114
|
+
left: rtl ? right : left,
|
|
115
|
+
top: top,
|
|
116
|
+
right: rtl ? left : right
|
|
117
|
+
});
|
|
118
|
+
getPopoverContentW();
|
|
119
|
+
return [
|
|
120
|
+
2
|
|
121
|
+
];
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
})();
|
|
125
|
+
});
|
|
124
126
|
return [
|
|
125
127
|
2
|
|
126
128
|
];
|
|
127
129
|
});
|
|
128
|
-
});
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}();
|
|
133
|
-
var getPopoverContentW = /*#__PURE__*/ function() {
|
|
134
|
-
var _ref = _async_to_generator(function() {
|
|
130
|
+
})();
|
|
131
|
+
};
|
|
132
|
+
var getPopoverContentW = function() {
|
|
133
|
+
return _async_to_generator(function() {
|
|
135
134
|
return _ts_generator(this, function(_state) {
|
|
136
|
-
nextTick(
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
135
|
+
nextTick(function() {
|
|
136
|
+
return _async_to_generator(function() {
|
|
137
|
+
var rectContent;
|
|
138
|
+
return _ts_generator(this, function(_state) {
|
|
139
|
+
switch(_state.label){
|
|
140
|
+
case 0:
|
|
141
|
+
return [
|
|
142
|
+
4,
|
|
143
|
+
getRectInMultiPlatform(popoverContentRef.current)
|
|
144
|
+
];
|
|
145
|
+
case 1:
|
|
146
|
+
rectContent = _state.sent();
|
|
147
|
+
setPopWidth(rectContent.width);
|
|
148
|
+
setPopHeight(rectContent.height);
|
|
149
|
+
return [
|
|
150
|
+
2
|
|
151
|
+
];
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
})();
|
|
155
|
+
});
|
|
155
156
|
return [
|
|
156
157
|
2
|
|
157
158
|
];
|
|
158
159
|
});
|
|
159
|
-
});
|
|
160
|
-
|
|
161
|
-
return _ref.apply(this, arguments);
|
|
162
|
-
};
|
|
163
|
-
}();
|
|
160
|
+
})();
|
|
161
|
+
};
|
|
164
162
|
var clickAway = function() {
|
|
165
163
|
if (closeOnOutsideClick) {
|
|
166
164
|
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
@@ -93,8 +93,8 @@ export var Popup = function(props) {
|
|
|
93
93
|
}
|
|
94
94
|
onOpen && onOpen();
|
|
95
95
|
};
|
|
96
|
-
var getPopupHeight =
|
|
97
|
-
|
|
96
|
+
var getPopupHeight = function() {
|
|
97
|
+
return _async_to_generator(function() {
|
|
98
98
|
var _nodeRef_current, rect, height;
|
|
99
99
|
return _ts_generator(this, function(_state) {
|
|
100
100
|
switch(_state.label){
|
|
@@ -112,11 +112,8 @@ export var Popup = function(props) {
|
|
|
112
112
|
];
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
|
-
});
|
|
116
|
-
|
|
117
|
-
return _ref.apply(this, arguments);
|
|
118
|
-
};
|
|
119
|
-
}();
|
|
115
|
+
})();
|
|
116
|
+
};
|
|
120
117
|
useEffect(function() {
|
|
121
118
|
if (innerVisible && topNodeRef.current && nodeRef.current) {
|
|
122
119
|
nextTick(function() {
|
|
@@ -183,8 +180,8 @@ export var Popup = function(props) {
|
|
|
183
180
|
return renderCloseIcon();
|
|
184
181
|
}
|
|
185
182
|
};
|
|
186
|
-
var handleTouchStart =
|
|
187
|
-
|
|
183
|
+
var handleTouchStart = function(event) {
|
|
184
|
+
return _async_to_generator(function() {
|
|
188
185
|
var _nodeRef_current, _rootRect_current, e, rect;
|
|
189
186
|
return _ts_generator(this, function(_state) {
|
|
190
187
|
switch(_state.label){
|
|
@@ -212,11 +209,8 @@ export var Popup = function(props) {
|
|
|
212
209
|
];
|
|
213
210
|
}
|
|
214
211
|
});
|
|
215
|
-
});
|
|
216
|
-
|
|
217
|
-
return _ref.apply(this, arguments);
|
|
218
|
-
};
|
|
219
|
-
}();
|
|
212
|
+
})();
|
|
213
|
+
};
|
|
220
214
|
var handleTouchMove = function(event) {
|
|
221
215
|
if (position !== 'bottom' || !resizable || !nodeRef.current || !rootRect.current) return;
|
|
222
216
|
var e = event;
|
|
@@ -31,7 +31,58 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
31
31
|
});
|
|
32
32
|
export var PullToRefresh = function(p) {
|
|
33
33
|
var doRefresh = function doRefresh() {
|
|
34
|
-
return
|
|
34
|
+
return _async_to_generator(function() {
|
|
35
|
+
var e;
|
|
36
|
+
return _ts_generator(this, function(_state) {
|
|
37
|
+
switch(_state.label){
|
|
38
|
+
case 0:
|
|
39
|
+
setHeight(headHeight);
|
|
40
|
+
setStatus('refreshing');
|
|
41
|
+
_state.label = 1;
|
|
42
|
+
case 1:
|
|
43
|
+
_state.trys.push([
|
|
44
|
+
1,
|
|
45
|
+
3,
|
|
46
|
+
,
|
|
47
|
+
4
|
|
48
|
+
]);
|
|
49
|
+
return [
|
|
50
|
+
4,
|
|
51
|
+
props.onRefresh()
|
|
52
|
+
];
|
|
53
|
+
case 2:
|
|
54
|
+
_state.sent();
|
|
55
|
+
setStatus('complete');
|
|
56
|
+
return [
|
|
57
|
+
3,
|
|
58
|
+
4
|
|
59
|
+
];
|
|
60
|
+
case 3:
|
|
61
|
+
e = _state.sent();
|
|
62
|
+
setHeight(0);
|
|
63
|
+
setStatus('pulling');
|
|
64
|
+
throw e;
|
|
65
|
+
case 4:
|
|
66
|
+
if (!(props.completeDelay > 0)) return [
|
|
67
|
+
3,
|
|
68
|
+
6
|
|
69
|
+
];
|
|
70
|
+
return [
|
|
71
|
+
4,
|
|
72
|
+
sleep(props.completeDelay)
|
|
73
|
+
];
|
|
74
|
+
case 5:
|
|
75
|
+
_state.sent();
|
|
76
|
+
_state.label = 6;
|
|
77
|
+
case 6:
|
|
78
|
+
setHeight(0);
|
|
79
|
+
setStatus('pulling');
|
|
80
|
+
return [
|
|
81
|
+
2
|
|
82
|
+
];
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
})();
|
|
35
86
|
};
|
|
36
87
|
var classPrefix = 'nut-pulltorefresh';
|
|
37
88
|
var locale = useConfig().locale;
|
|
@@ -88,61 +139,6 @@ export var PullToRefresh = function(p) {
|
|
|
88
139
|
}
|
|
89
140
|
clearTimeout(timer.current);
|
|
90
141
|
};
|
|
91
|
-
function _doRefresh() {
|
|
92
|
-
_doRefresh = _async_to_generator(function() {
|
|
93
|
-
var e;
|
|
94
|
-
return _ts_generator(this, function(_state) {
|
|
95
|
-
switch(_state.label){
|
|
96
|
-
case 0:
|
|
97
|
-
setHeight(headHeight);
|
|
98
|
-
setStatus('refreshing');
|
|
99
|
-
_state.label = 1;
|
|
100
|
-
case 1:
|
|
101
|
-
_state.trys.push([
|
|
102
|
-
1,
|
|
103
|
-
3,
|
|
104
|
-
,
|
|
105
|
-
4
|
|
106
|
-
]);
|
|
107
|
-
return [
|
|
108
|
-
4,
|
|
109
|
-
props.onRefresh()
|
|
110
|
-
];
|
|
111
|
-
case 2:
|
|
112
|
-
_state.sent();
|
|
113
|
-
setStatus('complete');
|
|
114
|
-
return [
|
|
115
|
-
3,
|
|
116
|
-
4
|
|
117
|
-
];
|
|
118
|
-
case 3:
|
|
119
|
-
e = _state.sent();
|
|
120
|
-
setHeight(0);
|
|
121
|
-
setStatus('pulling');
|
|
122
|
-
throw e;
|
|
123
|
-
case 4:
|
|
124
|
-
if (!(props.completeDelay > 0)) return [
|
|
125
|
-
3,
|
|
126
|
-
6
|
|
127
|
-
];
|
|
128
|
-
return [
|
|
129
|
-
4,
|
|
130
|
-
sleep(props.completeDelay)
|
|
131
|
-
];
|
|
132
|
-
case 5:
|
|
133
|
-
_state.sent();
|
|
134
|
-
_state.label = 6;
|
|
135
|
-
case 6:
|
|
136
|
-
setHeight(0);
|
|
137
|
-
setStatus('pulling');
|
|
138
|
-
return [
|
|
139
|
-
2
|
|
140
|
-
];
|
|
141
|
-
}
|
|
142
|
-
});
|
|
143
|
-
});
|
|
144
|
-
return _doRefresh.apply(this, arguments);
|
|
145
|
-
}
|
|
146
142
|
var handleTouchEnd = function() {
|
|
147
143
|
if (props.disabled) return;
|
|
148
144
|
pullingRef.current = false;
|
|
@@ -225,8 +225,8 @@ export var Range = function(props) {
|
|
|
225
225
|
onEnd,
|
|
226
226
|
setInnerValue
|
|
227
227
|
]);
|
|
228
|
-
var handleClick = useCallback(
|
|
229
|
-
|
|
228
|
+
var handleClick = useCallback(function(event) {
|
|
229
|
+
return _async_to_generator(function() {
|
|
230
230
|
var _event_detail, rect, _event_detail_x, x, delta, total, _event_detail1, _event_detail_y, y, value, _innerValue, left, right, middle;
|
|
231
231
|
return _ts_generator(this, function(_state) {
|
|
232
232
|
switch(_state.label){
|
|
@@ -281,11 +281,8 @@ export var Range = function(props) {
|
|
|
281
281
|
];
|
|
282
282
|
}
|
|
283
283
|
});
|
|
284
|
-
});
|
|
285
|
-
|
|
286
|
-
return _ref.apply(this, arguments);
|
|
287
|
-
};
|
|
288
|
-
}(), [
|
|
284
|
+
})();
|
|
285
|
+
}, [
|
|
289
286
|
innerValue,
|
|
290
287
|
disabled,
|
|
291
288
|
isRange,
|
|
@@ -295,8 +292,8 @@ export var Range = function(props) {
|
|
|
295
292
|
vertical
|
|
296
293
|
]);
|
|
297
294
|
useReady(function() {
|
|
298
|
-
var getRootRect =
|
|
299
|
-
|
|
295
|
+
var getRootRect = function() {
|
|
296
|
+
return _async_to_generator(function() {
|
|
300
297
|
var rect;
|
|
301
298
|
return _ts_generator(this, function(_state) {
|
|
302
299
|
switch(_state.label){
|
|
@@ -319,11 +316,8 @@ export var Range = function(props) {
|
|
|
319
316
|
];
|
|
320
317
|
}
|
|
321
318
|
});
|
|
322
|
-
});
|
|
323
|
-
|
|
324
|
-
return _ref.apply(this, arguments);
|
|
325
|
-
};
|
|
326
|
-
}();
|
|
319
|
+
})();
|
|
320
|
+
};
|
|
327
321
|
nextTick(function() {
|
|
328
322
|
getRootRect();
|
|
329
323
|
});
|
|
@@ -345,8 +339,8 @@ export var Range = function(props) {
|
|
|
345
339
|
isRange,
|
|
346
340
|
touch
|
|
347
341
|
]);
|
|
348
|
-
var onTouchMove = useCallback(
|
|
349
|
-
|
|
342
|
+
var onTouchMove = useCallback(function(event) {
|
|
343
|
+
return _async_to_generator(function() {
|
|
350
344
|
var handleMove;
|
|
351
345
|
return _ts_generator(this, function(_state) {
|
|
352
346
|
// @TODO RN、鸿蒙端垂直滑动时,页面会一同滑动,待解决
|
|
@@ -358,8 +352,8 @@ export var Range = function(props) {
|
|
|
358
352
|
dragStatusRef.current = 'draging';
|
|
359
353
|
}
|
|
360
354
|
touch.move(event);
|
|
361
|
-
handleMove =
|
|
362
|
-
|
|
355
|
+
handleMove = function() {
|
|
356
|
+
return _async_to_generator(function() {
|
|
363
357
|
var delta, total, diff, newValue;
|
|
364
358
|
return _ts_generator(this, function(_state) {
|
|
365
359
|
if (!rootRect.current) return [
|
|
@@ -385,21 +379,15 @@ export var Range = function(props) {
|
|
|
385
379
|
2
|
|
386
380
|
];
|
|
387
381
|
});
|
|
388
|
-
});
|
|
389
|
-
|
|
390
|
-
return _ref.apply(this, arguments);
|
|
391
|
-
};
|
|
392
|
-
}();
|
|
382
|
+
})();
|
|
383
|
+
};
|
|
393
384
|
requestAnimationFrame(handleMove);
|
|
394
385
|
return [
|
|
395
386
|
2
|
|
396
387
|
];
|
|
397
388
|
});
|
|
398
|
-
});
|
|
399
|
-
|
|
400
|
-
return _ref.apply(this, arguments);
|
|
401
|
-
};
|
|
402
|
-
}(), [
|
|
389
|
+
})();
|
|
390
|
+
}, [
|
|
403
391
|
disabled,
|
|
404
392
|
isRange,
|
|
405
393
|
onStart,
|
|
@@ -81,8 +81,8 @@ export var Sticky = function(props) {
|
|
|
81
81
|
threshold,
|
|
82
82
|
zIndex
|
|
83
83
|
]);
|
|
84
|
-
var handleScroll =
|
|
85
|
-
|
|
84
|
+
var handleScroll = function(scrollTop) {
|
|
85
|
+
return _async_to_generator(function() {
|
|
86
86
|
var curRootRect, stickyRect, containerRect, difference, curTransform, curFixed, windowHeight;
|
|
87
87
|
return _ts_generator(this, function(_state) {
|
|
88
88
|
switch(_state.label){
|
|
@@ -150,11 +150,8 @@ export var Sticky = function(props) {
|
|
|
150
150
|
];
|
|
151
151
|
}
|
|
152
152
|
});
|
|
153
|
-
});
|
|
154
|
-
|
|
155
|
-
return _ref.apply(this, arguments);
|
|
156
|
-
};
|
|
157
|
-
}();
|
|
153
|
+
})();
|
|
154
|
+
};
|
|
158
155
|
var getElement = useCallback(function() {
|
|
159
156
|
return getScrollParent(rootRef.current);
|
|
160
157
|
}, []);
|