@nutui/nutui-react-taro 1.3.5 → 1.3.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 +7 -0
- package/dist/esm/Audio.js +4 -4
- package/dist/esm/Calendar.js +4 -4
- package/dist/esm/CalendarItem.js +3 -3
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Drag.js +3 -4
- package/dist/esm/Elevator.js +2 -4
- package/dist/esm/NoticeBar.js +3 -3
- package/dist/esm/Picker.js +3 -3
- package/dist/esm/Popover.js +3 -3
- package/dist/esm/Range.js +3 -3
- package/dist/esm/SearchBar.js +3 -2
- package/dist/esm/Signature.js +3 -2
- package/dist/esm/Swipe.js +3 -3
- package/dist/esm/actionsheet.taro-360d8d34.js +15 -25
- package/dist/esm/address.taro-f16cef31.js +151 -219
- package/dist/esm/animatingnumbers.taro-6f40a2e9.js +13 -41
- package/dist/esm/{audio.taro-29f5568f.js → audio.taro-57d4f0da.js} +33 -60
- package/dist/esm/avatar.taro-ec620cdd.js +25 -50
- package/dist/esm/avatargroup-5b2584d9.js +2 -9
- package/dist/esm/backtop.taro-aa8b2bc5.js +29 -55
- package/dist/esm/badge.taro-38684262.js +9 -20
- package/dist/esm/barrage.taro-d86c367a.js +8 -21
- package/dist/esm/button.taro-a9ebb937.js +22 -37
- package/dist/esm/{calendar.taro-438940bd.js → calendar.taro-533b3219.js} +13 -24
- package/dist/esm/{calendaritem.taro-11333579.js → calendaritem.taro-fe5dd4bd.js} +71 -183
- package/dist/esm/card.taro-1bc35ebe.js +14 -20
- package/dist/esm/cascader.taro-77100fb4.js +77 -197
- package/dist/esm/cell.taro-a4c3bb7b.js +20 -30
- package/dist/esm/cellgroup.taro-8c87bf08.js +6 -12
- package/dist/esm/checkbox.taro-104557c1.js +27 -48
- package/dist/esm/checkboxgroup.taro-3d380042.js +12 -30
- package/dist/esm/circleprogress.taro-3c89a157.js +14 -41
- package/dist/esm/col.taro-2a437387.js +11 -22
- package/dist/esm/collapse.taro-72e58ba2.js +11 -27
- package/dist/esm/collapseitem-75843a5e.js +33 -47
- package/dist/esm/configprovider-3e87d67a.js +2 -6
- package/dist/esm/configprovider.taro-6c7b3056.js +4 -14
- package/dist/esm/countdown.taro-f2d9ffed.js +37 -74
- package/dist/esm/{datepicker.taro-1acec61f.js → datepicker.taro-49a4cf0c.js} +43 -104
- package/dist/esm/dialog.taro-492e2b9a.js +27 -58
- package/dist/esm/divider.taro-5236fe6a.js +8 -15
- package/dist/esm/drag.taro-0717c783.js +153 -0
- package/dist/esm/{elevator.taro-8e385785.js → elevator.taro-443253ec.js} +99 -124
- package/dist/esm/empty.taro-ab9c4f03.js +11 -24
- package/dist/esm/fixednav.taro-582322a1.js +16 -27
- package/dist/esm/grid.taro-5d75c0ad.js +13 -28
- package/dist/esm/griditem.taro-866cd288.js +18 -34
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/icon.taro-1d0d4fb7.js +11 -21
- package/dist/esm/imagepreview.taro-1199e977.js +36 -71
- package/dist/esm/indicator.taro-183ea169.js +9 -20
- package/dist/esm/infiniteloading.taro-b95e62bf.js +23 -49
- package/dist/esm/input.taro-2453d7c4.js +62 -106
- package/dist/esm/inputnumber.taro-0cf7c1b7.js +25 -52
- package/dist/esm/layout.taro-358f014f.js +0 -6
- package/dist/esm/menu.taro-9345dcfd.js +21 -41
- package/dist/esm/menuitem.taro-fc0961b7.js +29 -54
- package/dist/esm/navbar.taro-c931c078.js +18 -34
- package/dist/esm/{noticebar.taro-1fa04a96.js → noticebar.taro-332691f9.js} +55 -107
- package/dist/esm/notify.taro-d9c48fae.js +18 -34
- package/dist/esm/numberkeyboard.taro-53c350b8.js +21 -52
- package/dist/esm/nutui-react.es.js +16 -16
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay.taro-be45fed5.js +12 -23
- package/dist/esm/pagination.taro-62bbd23f.js +38 -71
- package/dist/esm/{picker.taro-6a4dad23.js → picker.taro-f003b725.js} +95 -186
- package/dist/esm/{popover.taro-eddd0bd2.js → popover.taro-7e5dff8c.js} +33 -76
- package/dist/esm/popup.taro-33d0bbc8.js +40 -72
- package/dist/esm/price.taro-97393d8f.js +7 -24
- package/dist/esm/progress.taro-623bc807.js +23 -31
- package/dist/esm/pulltorefresh.taro-e66c78ad.js +29 -92
- package/dist/esm/radio.taro-95d43860.js +24 -47
- package/dist/esm/radiogroup.taro-b5dad516.js +14 -24
- package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js} +50 -133
- package/dist/esm/rate.taro-69c85081.js +21 -39
- package/dist/esm/row.taro-cec13a7e.js +7 -16
- package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js} +55 -70
- package/dist/esm/shortpassword.taro-2e96ca22.js +29 -56
- package/dist/esm/sidenavbar.taro-87f056cd.js +9 -16
- package/dist/esm/sidenavbaritem.taro-77e077f4.js +4 -11
- package/dist/esm/signature.taro-59b3b3ab.js +146 -0
- package/dist/esm/skeleton.taro-b9ff84b9.js +13 -23
- package/dist/esm/step.taro-f1057500.js +12 -28
- package/dist/esm/steps.taro-943f4fbb.js +6 -14
- package/dist/esm/sticky.taro-30d4e453.js +0 -7
- package/dist/esm/subsidenavbar.taro-2c1fcf16.js +7 -22
- package/dist/esm/{swipe.taro-dfb9a049.js → swipe.taro-83bc248f.js} +98 -91
- package/dist/esm/swiper.taro-f314d67a.js +110 -196
- package/dist/esm/swiperitem-d00e7513.js +2 -12
- package/dist/esm/switch.taro-be5eb823.js +13 -27
- package/dist/esm/tabbar.taro-da72fa2c.js +13 -25
- package/dist/esm/tabbaritem.taro-94cd62c2.js +15 -23
- package/dist/esm/table.taro-7ac89a6c.js +19 -39
- package/dist/esm/tabpane.taro-95aa185b.js +4 -10
- package/dist/esm/tabs.taro-86186dff.js +28 -54
- package/dist/esm/tag.taro-95d7f5c2.js +19 -36
- package/dist/esm/textarea.taro-388d1f90.js +18 -35
- package/dist/esm/timedetail.taro-519808cf.js +15 -28
- package/dist/esm/timepannel.taro-9904f6e6.js +5 -12
- package/dist/esm/timeselect.taro-73796bfc.js +35 -59
- package/dist/esm/toast.taro-86862dff.js +26 -46
- package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/signature/signature.taro.d.ts +10 -2
- package/dist/esm/uploader.taro-6184abe7.js +52 -144
- package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js} +1 -40
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/esm/video-c1090c92.js +8 -19
- package/dist/esm/virtuallist.taro-6858f690.js +84 -118
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +10844 -11362
- package/dist/nutui.react.umd.js +10844 -11362
- package/dist/packages/searchbar/searchbar.scss +20 -3
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/types/index.d.ts +17 -8
- package/package.json +1 -1
- package/dist/esm/drag.taro-56e8c87a.js +0 -134
- package/dist/esm/signature.taro-a9286cd1.js +0 -178
|
@@ -2,18 +2,14 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
5
|
-
|
|
6
5
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
6
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
|
-
|
|
10
7
|
import React__default, { useRef, useState, useEffect } from 'react';
|
|
11
8
|
import classNames from 'classnames';
|
|
12
9
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
13
10
|
import { c as cn } from './bem-893ad28d.js';
|
|
14
|
-
import { g as getRectByTaro } from './useClientRect-
|
|
11
|
+
import { g as getRectByTaro } from './useClientRect-bf69d7b3.js';
|
|
15
12
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
16
|
-
|
|
17
13
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
18
14
|
// 滚动方向 across 横向 vertical 纵向
|
|
19
15
|
direction: 'across',
|
|
@@ -31,87 +27,73 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
31
27
|
scrollable: null,
|
|
32
28
|
speed: 50
|
|
33
29
|
});
|
|
34
|
-
|
|
35
30
|
var NoticeBar = function NoticeBar(props) {
|
|
36
31
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
32
|
+
children = _defaultProps$props.children,
|
|
33
|
+
className = _defaultProps$props.className,
|
|
34
|
+
style = _defaultProps$props.style,
|
|
35
|
+
direction = _defaultProps$props.direction,
|
|
36
|
+
list = _defaultProps$props.list,
|
|
37
|
+
standTime = _defaultProps$props.standTime,
|
|
38
|
+
complexAm = _defaultProps$props.complexAm,
|
|
39
|
+
height = _defaultProps$props.height,
|
|
40
|
+
text = _defaultProps$props.text,
|
|
41
|
+
closeMode = _defaultProps$props.closeMode,
|
|
42
|
+
wrapable = _defaultProps$props.wrapable,
|
|
43
|
+
leftIcon = _defaultProps$props.leftIcon,
|
|
44
|
+
color = _defaultProps$props.color,
|
|
45
|
+
background = _defaultProps$props.background,
|
|
46
|
+
delay = _defaultProps$props.delay,
|
|
47
|
+
scrollable = _defaultProps$props.scrollable,
|
|
48
|
+
speed = _defaultProps$props.speed,
|
|
49
|
+
rightIcon = _defaultProps$props.rightIcon,
|
|
50
|
+
close = _defaultProps$props.close,
|
|
51
|
+
click = _defaultProps$props.click,
|
|
52
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
53
|
+
iconFontClassName = _defaultProps$props.iconFontClassName;
|
|
60
54
|
var wrap = useRef(null);
|
|
61
55
|
var content = useRef(null);
|
|
62
|
-
|
|
63
56
|
var _useState = useState(true),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
57
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
58
|
+
showNoticeBar = _useState2[0],
|
|
59
|
+
SetShowNoticeBar = _useState2[1];
|
|
68
60
|
var scrollList = useRef([]);
|
|
69
|
-
|
|
70
61
|
var _useState3 = useState(0),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
62
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
63
|
+
wrapWidth = _useState4[0],
|
|
64
|
+
SetWrapWidth = _useState4[1];
|
|
75
65
|
var _useState5 = useState(true),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
66
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
67
|
+
firstRound = _useState6[0],
|
|
68
|
+
SetFirstRound = _useState6[1];
|
|
80
69
|
var _useState7 = useState(0),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
70
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
71
|
+
duration = _useState8[0],
|
|
72
|
+
SetDuration = _useState8[1];
|
|
85
73
|
var _useState9 = useState(0),
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
74
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
75
|
+
offsetWidth = _useState10[0],
|
|
76
|
+
SetOffsetW = _useState10[1];
|
|
90
77
|
var _useState11 = useState(''),
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
78
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
79
|
+
animationClass = _useState12[0],
|
|
80
|
+
SetAnimationClass = _useState12[1];
|
|
95
81
|
var _useState13 = useState(false),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
82
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
83
|
+
animate = _useState14[0],
|
|
84
|
+
SetAnimate = _useState14[1];
|
|
100
85
|
var _useState15 = useState(0),
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
86
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
87
|
+
distance = _useState16[0],
|
|
88
|
+
SetDistance = _useState16[1];
|
|
105
89
|
var _useState17 = useState(0),
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
90
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
91
|
+
timer = _useState18[0],
|
|
92
|
+
SetTimer = _useState18[1];
|
|
110
93
|
var _useState19 = useState(null),
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
94
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
95
|
+
isCanScroll = _useState20[0],
|
|
96
|
+
SetIsCanScroll = _useState20[1];
|
|
115
97
|
useEffect(function () {
|
|
116
98
|
if (direction === 'vertical') {
|
|
117
99
|
if (children) {
|
|
@@ -123,14 +105,12 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
123
105
|
} else {
|
|
124
106
|
scrollList.current = [].concat(list);
|
|
125
107
|
}
|
|
126
|
-
|
|
127
108
|
setTimeout(function () {
|
|
128
109
|
complexAm ? startRoll() : startRollEasy();
|
|
129
110
|
}, Number(standTime));
|
|
130
111
|
} else {
|
|
131
112
|
initScrollWrap();
|
|
132
113
|
}
|
|
133
|
-
|
|
134
114
|
return function () {
|
|
135
115
|
// 销毁事件
|
|
136
116
|
clearInterval(timer);
|
|
@@ -138,7 +118,6 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
138
118
|
startRollEasy();
|
|
139
119
|
};
|
|
140
120
|
}, []);
|
|
141
|
-
|
|
142
121
|
var cloneChild = function cloneChild(listItem, listIndex) {
|
|
143
122
|
return React__default.Children.map(children, function (child, index) {
|
|
144
123
|
if (child && index === listIndex) {
|
|
@@ -147,11 +126,9 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
147
126
|
children: listItem
|
|
148
127
|
});
|
|
149
128
|
}
|
|
150
|
-
|
|
151
129
|
return null;
|
|
152
130
|
});
|
|
153
131
|
};
|
|
154
|
-
|
|
155
132
|
useEffect(function () {
|
|
156
133
|
initScrollWrap();
|
|
157
134
|
}, [text]);
|
|
@@ -160,12 +137,10 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
160
137
|
scrollList.current = [].concat(list);
|
|
161
138
|
}
|
|
162
139
|
}, [list]);
|
|
163
|
-
|
|
164
140
|
var initScrollWrap = function initScrollWrap(value) {
|
|
165
141
|
if (showNoticeBar === false) {
|
|
166
142
|
return;
|
|
167
143
|
}
|
|
168
|
-
|
|
169
144
|
setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
170
145
|
var warpRes, contentRes, wrapW, offsetW, canScroll;
|
|
171
146
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
@@ -176,25 +151,20 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
176
151
|
_context.next = 2;
|
|
177
152
|
break;
|
|
178
153
|
}
|
|
179
|
-
|
|
180
154
|
return _context.abrupt("return");
|
|
181
|
-
|
|
182
155
|
case 2:
|
|
183
156
|
_context.next = 4;
|
|
184
157
|
return getRectByTaro(wrap.current);
|
|
185
|
-
|
|
186
158
|
case 4:
|
|
187
159
|
warpRes = _context.sent;
|
|
188
160
|
_context.next = 7;
|
|
189
161
|
return getRectByTaro(content.current);
|
|
190
|
-
|
|
191
162
|
case 7:
|
|
192
163
|
contentRes = _context.sent;
|
|
193
164
|
wrapW = warpRes.width;
|
|
194
165
|
offsetW = contentRes.width;
|
|
195
166
|
canScroll = scrollable == null ? offsetW > wrapW : scrollable;
|
|
196
167
|
SetIsCanScroll(canScroll);
|
|
197
|
-
|
|
198
168
|
if (canScroll) {
|
|
199
169
|
SetWrapWidth(wrapW);
|
|
200
170
|
SetOffsetW(offsetW);
|
|
@@ -203,7 +173,6 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
203
173
|
} else {
|
|
204
174
|
SetAnimationClass('');
|
|
205
175
|
}
|
|
206
|
-
|
|
207
176
|
case 13:
|
|
208
177
|
case "end":
|
|
209
178
|
return _context.stop();
|
|
@@ -212,17 +181,14 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
212
181
|
}, _callee);
|
|
213
182
|
})), 0);
|
|
214
183
|
};
|
|
215
|
-
|
|
216
184
|
var handleClick = function handleClick(event) {
|
|
217
185
|
click && click(event);
|
|
218
186
|
};
|
|
219
|
-
|
|
220
187
|
var onClickIcon = function onClickIcon(event) {
|
|
221
188
|
event.stopPropagation();
|
|
222
189
|
SetShowNoticeBar(!closeMode);
|
|
223
190
|
close && close(event);
|
|
224
191
|
};
|
|
225
|
-
|
|
226
192
|
var onAnimationEnd = function onAnimationEnd() {
|
|
227
193
|
SetFirstRound(false);
|
|
228
194
|
setTimeout(function () {
|
|
@@ -233,14 +199,11 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
233
199
|
/**
|
|
234
200
|
* 滚动方式一
|
|
235
201
|
*/
|
|
236
|
-
|
|
237
|
-
|
|
238
202
|
var startRollEasy = function startRollEasy() {
|
|
239
203
|
showhorseLamp();
|
|
240
204
|
var timerCurr = setInterval(showhorseLamp, ~~(height / speed / 4) * 1000 + Number(standTime));
|
|
241
205
|
SetTimer(timerCurr);
|
|
242
206
|
};
|
|
243
|
-
|
|
244
207
|
var showhorseLamp = function showhorseLamp() {
|
|
245
208
|
SetAnimate(true);
|
|
246
209
|
setTimeout(function () {
|
|
@@ -249,25 +212,21 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
249
212
|
SetAnimate(false);
|
|
250
213
|
}, ~~(height / speed / 4) * 1000);
|
|
251
214
|
};
|
|
252
|
-
|
|
253
215
|
var startRoll = function startRoll() {
|
|
254
216
|
var timerCurr = setInterval(function () {
|
|
255
217
|
var chunk = 100;
|
|
256
|
-
|
|
257
218
|
for (var i = 0; i < chunk; i++) {
|
|
258
219
|
scroll(i, !(i < chunk - 1));
|
|
259
220
|
}
|
|
260
221
|
}, Number(standTime) + 100 * speed);
|
|
261
222
|
SetTimer(timerCurr);
|
|
262
223
|
};
|
|
263
|
-
|
|
264
224
|
var scroll = function scroll(n, last) {
|
|
265
225
|
SetAnimate(true);
|
|
266
226
|
setTimeout(function () {
|
|
267
227
|
var _long = distance;
|
|
268
228
|
_long -= height / 100;
|
|
269
229
|
SetDistance(_long);
|
|
270
|
-
|
|
271
230
|
if (last) {
|
|
272
231
|
scrollList.current.push(scrollList.current[0]);
|
|
273
232
|
scrollList.current.shift();
|
|
@@ -279,42 +238,31 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
279
238
|
/**
|
|
280
239
|
* 点击滚动单元
|
|
281
240
|
*/
|
|
282
|
-
|
|
283
|
-
|
|
284
241
|
var go = function go(item) {
|
|
285
242
|
click && click(item);
|
|
286
243
|
};
|
|
287
|
-
|
|
288
244
|
var handleClickIcon = function handleClickIcon() {
|
|
289
245
|
close && close(scrollList[0]);
|
|
290
246
|
};
|
|
291
|
-
|
|
292
247
|
var iconShow = function iconShow() {
|
|
293
248
|
if (leftIcon === 'close') {
|
|
294
249
|
return false;
|
|
295
250
|
}
|
|
296
|
-
|
|
297
251
|
return true;
|
|
298
252
|
};
|
|
299
|
-
|
|
300
253
|
var iconBg = function iconBg() {
|
|
301
254
|
var iconBg = '';
|
|
302
|
-
|
|
303
255
|
if (leftIcon) {
|
|
304
256
|
iconBg = leftIcon;
|
|
305
257
|
}
|
|
306
|
-
|
|
307
258
|
return iconBg;
|
|
308
259
|
};
|
|
309
|
-
|
|
310
260
|
var isEllipsis = function isEllipsis() {
|
|
311
261
|
if (isCanScroll == null) {
|
|
312
262
|
return wrapable;
|
|
313
263
|
}
|
|
314
|
-
|
|
315
264
|
return !isCanScroll && !wrapable;
|
|
316
265
|
};
|
|
317
|
-
|
|
318
266
|
var contentStyle = {
|
|
319
267
|
animationDelay: "".concat(firstRound ? delay : 0, "s"),
|
|
320
268
|
animationDuration: "".concat(duration, "s"),
|
|
@@ -384,7 +332,8 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
384
332
|
className: "horseLamp_list",
|
|
385
333
|
style: horseLampStyle
|
|
386
334
|
}, scrollList.current.map(function (item, index) {
|
|
387
|
-
return (
|
|
335
|
+
return (
|
|
336
|
+
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
|
|
388
337
|
React__default.createElement("li", {
|
|
389
338
|
className: "horseLamp_list_item",
|
|
390
339
|
style: {
|
|
@@ -409,7 +358,6 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
409
358
|
size: "11px"
|
|
410
359
|
}) : null))) : null);
|
|
411
360
|
};
|
|
412
|
-
|
|
413
361
|
NoticeBar.defaultProps = defaultProps;
|
|
414
362
|
NoticeBar.displayName = 'NutNoticeBar';
|
|
415
363
|
export { NoticeBar as N };
|
|
@@ -2,11 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["id", "children", "style", "msg", "color", "background", "type", "className", "position", "isWrapTeleport", "visible", "duration", "onClosed", "onClick"];
|
|
5
|
-
|
|
6
5
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
6
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
|
-
|
|
10
7
|
import React__default, { useState, useEffect } from 'react';
|
|
11
8
|
import classNames from 'classnames';
|
|
12
9
|
import { CSSTransition } from 'react-transition-group';
|
|
@@ -25,32 +22,28 @@ var defaultProps = {
|
|
|
25
22
|
onClosed: function onClosed() {},
|
|
26
23
|
onClick: function onClick() {}
|
|
27
24
|
};
|
|
28
|
-
|
|
29
25
|
var Notify = function Notify(props) {
|
|
30
26
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
27
|
+
id = _defaultProps$props.id,
|
|
28
|
+
children = _defaultProps$props.children,
|
|
29
|
+
style = _defaultProps$props.style,
|
|
30
|
+
msg = _defaultProps$props.msg,
|
|
31
|
+
color = _defaultProps$props.color,
|
|
32
|
+
background = _defaultProps$props.background,
|
|
33
|
+
type = _defaultProps$props.type,
|
|
34
|
+
className = _defaultProps$props.className,
|
|
35
|
+
position = _defaultProps$props.position,
|
|
36
|
+
isWrapTeleport = _defaultProps$props.isWrapTeleport,
|
|
37
|
+
visible = _defaultProps$props.visible,
|
|
38
|
+
duration = _defaultProps$props.duration,
|
|
39
|
+
onClosed = _defaultProps$props.onClosed,
|
|
40
|
+
onClick = _defaultProps$props.onClick,
|
|
41
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
47
42
|
var timer;
|
|
48
|
-
|
|
49
43
|
var _useState = useState(false),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
44
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
+
showNotify = _useState2[0],
|
|
46
|
+
SetShow = _useState2[1];
|
|
54
47
|
useEffect(function () {
|
|
55
48
|
if (visible) {
|
|
56
49
|
SetShow(true);
|
|
@@ -59,39 +52,31 @@ var Notify = function Notify(props) {
|
|
|
59
52
|
hide();
|
|
60
53
|
}
|
|
61
54
|
}, [visible]);
|
|
62
|
-
|
|
63
55
|
var clickHandle = function clickHandle() {
|
|
64
56
|
onClick();
|
|
65
57
|
};
|
|
66
|
-
|
|
67
58
|
var show = function show() {
|
|
68
59
|
clearTimer();
|
|
69
|
-
|
|
70
60
|
if (duration) {
|
|
71
61
|
timer = setTimeout(function () {
|
|
72
62
|
hide();
|
|
73
63
|
}, duration);
|
|
74
64
|
}
|
|
75
65
|
};
|
|
76
|
-
|
|
77
66
|
var clearTimer = function clearTimer() {
|
|
78
67
|
if (timer) {
|
|
79
68
|
clearTimeout(timer);
|
|
80
69
|
timer = null;
|
|
81
70
|
}
|
|
82
71
|
};
|
|
83
|
-
|
|
84
72
|
var hide = function hide() {
|
|
85
73
|
SetShow(false);
|
|
86
|
-
|
|
87
74
|
if (id) {
|
|
88
75
|
var element = document.getElementById(id);
|
|
89
76
|
element && element.parentNode && element.parentNode.removeChild(element);
|
|
90
77
|
}
|
|
91
|
-
|
|
92
78
|
onClosed();
|
|
93
79
|
};
|
|
94
|
-
|
|
95
80
|
cn('notify');
|
|
96
81
|
var classes = classNames(_defineProperty({
|
|
97
82
|
'popup-top': position === 'top',
|
|
@@ -116,7 +101,6 @@ var Notify = function Notify(props) {
|
|
|
116
101
|
onClick: clickHandle
|
|
117
102
|
}, children || msg)));
|
|
118
103
|
};
|
|
119
|
-
|
|
120
104
|
Notify.defaultProps = defaultProps;
|
|
121
105
|
Notify.displayName = 'NutNotify';
|
|
122
106
|
export { Notify as N };
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
-
|
|
5
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
|
|
7
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
9
6
|
import React__default, { useState, useEffect } from 'react';
|
|
10
7
|
import classNames from 'classnames';
|
|
11
8
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -22,53 +19,44 @@ var defaultProps = {
|
|
|
22
19
|
popClass: '',
|
|
23
20
|
onClose: function onClose() {}
|
|
24
21
|
};
|
|
25
|
-
|
|
26
22
|
var NumberKeyboard = function NumberKeyboard(props) {
|
|
27
23
|
var _useConfig = useConfig(),
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
locale = _useConfig.locale;
|
|
30
25
|
var title = props.title,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
26
|
+
confirmText = props.confirmText,
|
|
27
|
+
visible = props.visible,
|
|
28
|
+
type = props.type,
|
|
29
|
+
customKey = props.customKey,
|
|
30
|
+
randomKeys = props.randomKeys,
|
|
31
|
+
popClass = props.popClass,
|
|
32
|
+
style = props.style,
|
|
33
|
+
className = props.className,
|
|
34
|
+
onChange = props.onChange,
|
|
35
|
+
onDelete = props.onDelete,
|
|
36
|
+
onClose = props.onClose;
|
|
42
37
|
var b = cn('numberkeyboard');
|
|
43
|
-
|
|
44
38
|
var _useState = useState(visible),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
+
show = _useState2[0],
|
|
41
|
+
setShow = _useState2[1];
|
|
49
42
|
var _useState3 = useState(undefined),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
43
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
44
|
+
clickKeyIndex = _useState4[0],
|
|
45
|
+
setClickKeyIndex = _useState4[1];
|
|
54
46
|
var _useState5 = useState([]),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
47
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
48
|
+
keysList = _useState6[0],
|
|
49
|
+
setKeysList = _useState6[1];
|
|
59
50
|
useEffect(function () {
|
|
60
51
|
setShow(visible);
|
|
61
52
|
}, [visible]);
|
|
62
|
-
|
|
63
53
|
var defaultKey = function defaultKey() {
|
|
64
54
|
var leftBottomKey = {
|
|
65
55
|
id: 'lock',
|
|
66
56
|
type: 'lock'
|
|
67
57
|
};
|
|
68
|
-
|
|
69
58
|
if (customKey) {
|
|
70
59
|
var customKeys = Array.isArray(customKey) ? customKey : [customKey];
|
|
71
|
-
|
|
72
60
|
if (customKeys.length > 0) {
|
|
73
61
|
var newCustomKey = customKeys[0];
|
|
74
62
|
leftBottomKey = {
|
|
@@ -77,7 +65,6 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
77
65
|
};
|
|
78
66
|
}
|
|
79
67
|
}
|
|
80
|
-
|
|
81
68
|
return [].concat(_toConsumableArray(getBasicKeys()), [leftBottomKey, {
|
|
82
69
|
id: 0,
|
|
83
70
|
type: 'number'
|
|
@@ -86,39 +73,31 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
86
73
|
type: 'delete'
|
|
87
74
|
}]);
|
|
88
75
|
};
|
|
89
|
-
|
|
90
76
|
var getBasicKeys = function getBasicKeys() {
|
|
91
77
|
var keys = [];
|
|
92
|
-
|
|
93
78
|
for (var i = 1; i <= 9; i++) {
|
|
94
79
|
keys.push({
|
|
95
80
|
id: i,
|
|
96
81
|
type: 'number'
|
|
97
82
|
});
|
|
98
83
|
}
|
|
99
|
-
|
|
100
84
|
if (randomKeys) {
|
|
101
85
|
return keys.sort(function () {
|
|
102
86
|
return Math.random() > 0.5 ? 1 : -1;
|
|
103
87
|
});
|
|
104
88
|
}
|
|
105
|
-
|
|
106
89
|
return keys;
|
|
107
90
|
};
|
|
108
|
-
|
|
109
91
|
var genCustomKeys = function genCustomKeys() {
|
|
110
92
|
var keys = getBasicKeys();
|
|
111
93
|
if (!customKey) return [];
|
|
112
94
|
var customKeys = Array.isArray(customKey) ? customKey : [customKey];
|
|
113
|
-
|
|
114
95
|
if (customKeys.length > 2) {
|
|
115
96
|
customKeys = [customKeys[0], customKeys[1]];
|
|
116
97
|
}
|
|
117
|
-
|
|
118
98
|
if (customKeys.length === 2 && props.title && props.type !== 'rightColumn') {
|
|
119
99
|
customKeys = [customKeys[0]];
|
|
120
100
|
}
|
|
121
|
-
|
|
122
101
|
if (customKeys.length === 1) {
|
|
123
102
|
if (props.title && props.type !== 'rightColumn') {
|
|
124
103
|
keys.push({
|
|
@@ -152,10 +131,8 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
152
131
|
type: 'custom'
|
|
153
132
|
});
|
|
154
133
|
}
|
|
155
|
-
|
|
156
134
|
return keys;
|
|
157
135
|
};
|
|
158
|
-
|
|
159
136
|
useEffect(function () {
|
|
160
137
|
if (props.type === 'rightColumn' || props.title !== '') {
|
|
161
138
|
setKeysList(genCustomKeys());
|
|
@@ -163,33 +140,26 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
163
140
|
setKeysList(defaultKey());
|
|
164
141
|
}
|
|
165
142
|
}, []);
|
|
166
|
-
|
|
167
143
|
var onTouchstart = function onTouchstart(item, event) {
|
|
168
144
|
event.stopPropagation();
|
|
169
145
|
setClickKeyIndex(item.id);
|
|
170
|
-
|
|
171
146
|
if (item.type === 'number' || item.type === 'custom') {
|
|
172
147
|
onChange && onChange(item.id);
|
|
173
148
|
}
|
|
174
|
-
|
|
175
149
|
if (item.type === 'lock') {
|
|
176
150
|
onClose && onClose();
|
|
177
151
|
}
|
|
178
|
-
|
|
179
152
|
if (item.type === 'delete') {
|
|
180
153
|
onDelete && onDelete();
|
|
181
154
|
}
|
|
182
155
|
};
|
|
183
|
-
|
|
184
156
|
var onTouchMove = function onTouchMove(event) {
|
|
185
157
|
event.stopPropagation();
|
|
186
158
|
};
|
|
187
|
-
|
|
188
159
|
var onTouchEnd = function onTouchEnd(event) {
|
|
189
160
|
event.preventDefault();
|
|
190
161
|
setClickKeyIndex(undefined);
|
|
191
162
|
};
|
|
192
|
-
|
|
193
163
|
return React__default.createElement("div", null, React__default.createElement(Popup, {
|
|
194
164
|
visible: show,
|
|
195
165
|
position: "bottom",
|
|
@@ -270,7 +240,6 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
270
240
|
})
|
|
271
241
|
}, confirmText || locale.done))) : null))));
|
|
272
242
|
};
|
|
273
|
-
|
|
274
243
|
NumberKeyboard.defaultProps = defaultProps;
|
|
275
244
|
NumberKeyboard.displayName = 'NutNumberKeyboard';
|
|
276
245
|
export { NumberKeyboard as N };
|