@nutui/nutui-react 1.1.0-beta.2 → 1.1.1-beta.0
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 +11 -0
- package/dist/esm/Address.js +11 -11
- package/dist/esm/AnimatingNumbers.js +1 -1
- package/dist/esm/Avatar.js +2 -2
- package/dist/esm/BackTop.js +7 -7
- package/dist/esm/Barrage.js +2 -2
- package/dist/esm/Calendar.js +1 -1
- package/dist/esm/CalendarItem.js +33 -35
- package/dist/esm/Cell.js +4 -4
- package/dist/esm/CircleProgress.js +2 -2
- package/dist/esm/Col.js +4 -3
- package/dist/esm/Collapse.js +3 -3
- package/dist/esm/CollapseItem.js +4 -4
- package/dist/esm/DatePicker/style/css.js +1 -0
- package/dist/esm/DatePicker/style/index.js +1 -0
- package/dist/esm/DatePicker.js +322 -0
- package/dist/esm/Divider.js +1 -1
- package/dist/esm/Drag.js +1 -1
- package/dist/esm/Elevator.js +2 -2
- package/dist/esm/FixedNav.js +3 -3
- package/dist/esm/Infiniteloading.js +5 -5
- package/dist/esm/Input.js +1 -1
- package/dist/esm/InputNumber.js +1 -1
- package/dist/esm/NoticeBar.js +12 -12
- package/dist/esm/Notify.js +7 -7
- package/dist/esm/Overlay.js +3 -3
- package/dist/esm/Pagination.js +10 -10
- package/dist/esm/Picker.js +13 -6
- package/dist/esm/Popover.js +8 -8
- package/dist/esm/Popup.js +7 -5
- package/dist/esm/Price.js +3 -3
- package/dist/esm/Range.js +3 -3
- package/dist/esm/ShortPassword.js +2 -2
- package/dist/esm/Skeleton/style/css.js +1 -0
- package/dist/esm/Skeleton/style/index.js +1 -0
- package/dist/esm/Skeleton.js +102 -0
- package/dist/esm/Step.js +1 -1
- package/dist/esm/Steps.js +1 -1
- package/dist/esm/Swiper.js +2 -2
- package/dist/esm/SwiperItem.js +2 -2
- package/dist/esm/Switch.js +2 -1
- package/dist/esm/TabPane/style/css.js +1 -0
- package/dist/esm/TabPane/style/index.js +1 -0
- package/dist/esm/TabPane.js +33 -0
- package/dist/esm/Tabs/style/css.js +1 -0
- package/dist/esm/Tabs/style/index.js +1 -0
- package/dist/esm/Tabs.js +187 -0
- package/dist/esm/Tag.js +4 -8
- package/dist/esm/TextArea.js +1 -1
- package/dist/esm/Toast.js +11 -7
- package/dist/esm/Uploader.js +3 -3
- package/dist/esm/{date-649fe493.js → date-b4847376.js} +2 -2
- package/dist/esm/nutui-react.es.js +4 -0
- package/dist/esm/{overlay-418bcf84.js → overlay-ed3eb37d.js} +1 -1
- package/dist/nutui.react.es.js +1153 -535
- package/dist/nutui.react.umd.js +19 -19
- package/dist/packages/datepicker/datepicker.scss +2 -0
- package/dist/packages/overlay/overlay.scss +1 -3
- package/dist/packages/skeleton/skeleton.scss +65 -0
- package/dist/packages/tabpane/tabpane.scss +12 -0
- package/dist/packages/tabs/tabs.scss +192 -0
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/themes/default.scss +4 -0
- package/dist/styles/variables.scss +25 -0
- package/dist/types/address/address.d.ts +1 -1
- package/dist/types/address/existRender.d.ts +1 -1
- package/dist/types/badge/badge.d.ts +1 -1
- package/dist/types/datepicker/datepicker.d.ts +16 -0
- package/dist/types/datepicker/index.d.ts +2 -0
- package/dist/types/nutui.react.d.ts +5 -1
- package/dist/types/signature/signature.d.ts +4 -4
- package/dist/types/skeleton/index.d.ts +2 -0
- package/dist/types/skeleton/skeleton.d.ts +18 -0
- package/dist/types/tabpane/index.d.ts +2 -0
- package/dist/types/tabpane/tabpane.d.ts +8 -0
- package/dist/types/tabs/index.d.ts +2 -0
- package/dist/types/tabs/tabs.d.ts +28 -0
- package/package.json +6 -1
|
@@ -0,0 +1,322 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
+
var _excluded = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "onCloseDatePicker", "onConfirmDatePicker", "className", "style"];
|
|
5
|
+
|
|
6
|
+
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
|
+
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
|
+
import React__default, { useState, useRef, useEffect } from 'react';
|
|
11
|
+
import Picker from './Picker.js';
|
|
12
|
+
var currentYear = new Date().getFullYear();
|
|
13
|
+
var defaultProps = {
|
|
14
|
+
modelValue: new Date(),
|
|
15
|
+
visible: false,
|
|
16
|
+
title: '',
|
|
17
|
+
type: 'date',
|
|
18
|
+
isShowChinese: true,
|
|
19
|
+
minuteStep: 1,
|
|
20
|
+
minDate: new Date(currentYear - 10, 0, 1),
|
|
21
|
+
maxDate: new Date(currentYear + 10, 11, 31),
|
|
22
|
+
onCloseDatePicker: function onCloseDatePicker() {
|
|
23
|
+
return void 0;
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
var DatePicker = function DatePicker(props) {
|
|
28
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
29
|
+
minDate = _defaultProps$props.minDate,
|
|
30
|
+
maxDate = _defaultProps$props.maxDate,
|
|
31
|
+
type = _defaultProps$props.type,
|
|
32
|
+
isShowChinese = _defaultProps$props.isShowChinese,
|
|
33
|
+
minuteStep = _defaultProps$props.minuteStep,
|
|
34
|
+
modelValue = _defaultProps$props.modelValue,
|
|
35
|
+
visible = _defaultProps$props.visible,
|
|
36
|
+
title = _defaultProps$props.title,
|
|
37
|
+
onCloseDatePicker = _defaultProps$props.onCloseDatePicker,
|
|
38
|
+
onConfirmDatePicker = _defaultProps$props.onConfirmDatePicker,
|
|
39
|
+
className = _defaultProps$props.className,
|
|
40
|
+
style = _defaultProps$props.style,
|
|
41
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
42
|
+
|
|
43
|
+
var _useState = useState(false),
|
|
44
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
+
show = _useState2[0],
|
|
46
|
+
setShow = _useState2[1];
|
|
47
|
+
|
|
48
|
+
var _useState3 = useState(new Date()),
|
|
49
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
50
|
+
currentDate = _useState4[0],
|
|
51
|
+
setCurrentDate = _useState4[1];
|
|
52
|
+
|
|
53
|
+
var _useState5 = useState([]),
|
|
54
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
55
|
+
defaultValue = _useState6[0],
|
|
56
|
+
setDefaultValue = _useState6[1];
|
|
57
|
+
|
|
58
|
+
var _useState7 = useState([]),
|
|
59
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
60
|
+
listData = _useState8[0],
|
|
61
|
+
setListData = _useState8[1];
|
|
62
|
+
|
|
63
|
+
var pickerRef = useRef(null);
|
|
64
|
+
var zhCNType = {
|
|
65
|
+
day: '日',
|
|
66
|
+
year: '年',
|
|
67
|
+
month: '月',
|
|
68
|
+
hour: '时',
|
|
69
|
+
minute: '分',
|
|
70
|
+
seconds: '秒'
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
function getMonthEndDay(year, month) {
|
|
74
|
+
return new Date(year, month, 0).getDate();
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
var getBoundary = function getBoundary(type, value) {
|
|
78
|
+
var _ref;
|
|
79
|
+
|
|
80
|
+
var boundary = type === 'min' ? minDate : maxDate;
|
|
81
|
+
var year = boundary.getFullYear();
|
|
82
|
+
var month = 1;
|
|
83
|
+
var date = 1;
|
|
84
|
+
var hour = 0;
|
|
85
|
+
var minute = 0;
|
|
86
|
+
|
|
87
|
+
if (type === 'max') {
|
|
88
|
+
month = 12;
|
|
89
|
+
date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
|
|
90
|
+
hour = 23;
|
|
91
|
+
minute = 59;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
var seconds = minute;
|
|
95
|
+
|
|
96
|
+
if (value.getFullYear() === year) {
|
|
97
|
+
month = boundary.getMonth() + 1;
|
|
98
|
+
|
|
99
|
+
if (value.getMonth() + 1 === month) {
|
|
100
|
+
date = boundary.getDate();
|
|
101
|
+
|
|
102
|
+
if (value.getDate() === date) {
|
|
103
|
+
hour = boundary.getHours();
|
|
104
|
+
|
|
105
|
+
if (value.getHours() === hour) {
|
|
106
|
+
minute = boundary.getMinutes();
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
return _ref = {}, _defineProperty(_ref, "".concat(type, "Year"), year), _defineProperty(_ref, "".concat(type, "Month"), month), _defineProperty(_ref, "".concat(type, "Date"), date), _defineProperty(_ref, "".concat(type, "Hour"), hour), _defineProperty(_ref, "".concat(type, "Minute"), minute), _defineProperty(_ref, "".concat(type, "Seconds"), seconds), _ref;
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
var ranges = function ranges(date) {
|
|
116
|
+
var curDate = date || currentDate;
|
|
117
|
+
|
|
118
|
+
var _getBoundary = getBoundary('max', curDate),
|
|
119
|
+
maxYear = _getBoundary.maxYear,
|
|
120
|
+
maxDate = _getBoundary.maxDate,
|
|
121
|
+
maxMonth = _getBoundary.maxMonth,
|
|
122
|
+
maxHour = _getBoundary.maxHour,
|
|
123
|
+
maxMinute = _getBoundary.maxMinute,
|
|
124
|
+
maxSeconds = _getBoundary.maxSeconds;
|
|
125
|
+
|
|
126
|
+
var _getBoundary2 = getBoundary('min', curDate),
|
|
127
|
+
minYear = _getBoundary2.minYear,
|
|
128
|
+
minDate = _getBoundary2.minDate,
|
|
129
|
+
minMonth = _getBoundary2.minMonth,
|
|
130
|
+
minHour = _getBoundary2.minHour,
|
|
131
|
+
minMinute = _getBoundary2.minMinute,
|
|
132
|
+
minSeconds = _getBoundary2.minSeconds;
|
|
133
|
+
|
|
134
|
+
var result = [{
|
|
135
|
+
type: 'year',
|
|
136
|
+
range: [minYear, maxYear]
|
|
137
|
+
}, {
|
|
138
|
+
type: 'month',
|
|
139
|
+
range: [minMonth, maxMonth]
|
|
140
|
+
}, {
|
|
141
|
+
type: 'day',
|
|
142
|
+
range: [minDate, maxDate]
|
|
143
|
+
}, {
|
|
144
|
+
type: 'hour',
|
|
145
|
+
range: [minHour, maxHour]
|
|
146
|
+
}, {
|
|
147
|
+
type: 'minute',
|
|
148
|
+
range: [minMinute, maxMinute]
|
|
149
|
+
}, {
|
|
150
|
+
type: 'seconds',
|
|
151
|
+
range: [minSeconds, maxSeconds]
|
|
152
|
+
}];
|
|
153
|
+
var start = 0;
|
|
154
|
+
var end = 0;
|
|
155
|
+
|
|
156
|
+
switch (type) {
|
|
157
|
+
case 'date':
|
|
158
|
+
start = 0;
|
|
159
|
+
end = 3;
|
|
160
|
+
break;
|
|
161
|
+
|
|
162
|
+
case 'datetime':
|
|
163
|
+
start = 0;
|
|
164
|
+
end = 5;
|
|
165
|
+
break;
|
|
166
|
+
|
|
167
|
+
case 'time':
|
|
168
|
+
start = 3;
|
|
169
|
+
end = 6;
|
|
170
|
+
break;
|
|
171
|
+
|
|
172
|
+
case 'month-day':
|
|
173
|
+
start = 1;
|
|
174
|
+
end = 3;
|
|
175
|
+
break;
|
|
176
|
+
|
|
177
|
+
case 'datehour':
|
|
178
|
+
start = 0;
|
|
179
|
+
end = 4;
|
|
180
|
+
break;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
return result.slice(start, end);
|
|
184
|
+
};
|
|
185
|
+
|
|
186
|
+
var initDefault = function initDefault() {
|
|
187
|
+
if (['date', 'datetime', 'time'].includes(type)) {
|
|
188
|
+
var formatDate = [modelValue.getFullYear(), modelValue.getMonth() + 1, modelValue.getDate(), modelValue.getHours(), modelValue.getMinutes(), modelValue.getSeconds()];
|
|
189
|
+
var year = formatDate[0],
|
|
190
|
+
month = formatDate[1],
|
|
191
|
+
day = formatDate[2],
|
|
192
|
+
hour = formatDate[3],
|
|
193
|
+
minute = formatDate[4],
|
|
194
|
+
seconds = formatDate[5];
|
|
195
|
+
day = Math.min(day, getMonthEndDay(year, month));
|
|
196
|
+
var val = formatDate;
|
|
197
|
+
|
|
198
|
+
if (isShowChinese) {
|
|
199
|
+
val = [year + zhCNType.year, month + zhCNType.month, day + zhCNType.day, hour + zhCNType.hour, minute + zhCNType.minute, seconds + zhCNType.seconds];
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
if (type === 'date') {
|
|
203
|
+
setDefaultValue(val.splice(0, 3));
|
|
204
|
+
} else if (type === 'datetime') {
|
|
205
|
+
setDefaultValue(val.splice(0, 5));
|
|
206
|
+
} else if (type === 'time') {
|
|
207
|
+
setDefaultValue(val.splice(3, 3));
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
};
|
|
211
|
+
|
|
212
|
+
var updateChooseValueCustmer = function updateChooseValueCustmer(index, resValue, cacheValueData) {
|
|
213
|
+
// 只有月份变化时,需要重新计算日期区间
|
|
214
|
+
if (index === 1 && (type === 'date' || type === 'datetime')) {
|
|
215
|
+
var _modelValue = new Date(cacheValueData.slice(0, 3).join('-').replace(/[^0-9\-]/g, ''));
|
|
216
|
+
|
|
217
|
+
setTimeout(function () {
|
|
218
|
+
var data = columns(_modelValue);
|
|
219
|
+
var val = [];
|
|
220
|
+
|
|
221
|
+
if (isShowChinese) {
|
|
222
|
+
val = [_modelValue.getFullYear() + zhCNType.year, resValue, _modelValue.getDate() + zhCNType.day];
|
|
223
|
+
} else {
|
|
224
|
+
val = [_modelValue.getFullYear(), resValue, _modelValue.getDate()];
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
setDefaultValue(val);
|
|
228
|
+
setListData(data); // 更新第二列位置
|
|
229
|
+
|
|
230
|
+
setTimeout(function () {
|
|
231
|
+
var _pickerRef$current;
|
|
232
|
+
|
|
233
|
+
(_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 ? void 0 : _pickerRef$current.updateChooseValue(index + 1, data[1] ? data[1][0].toString() : '0', cacheValueData);
|
|
234
|
+
}, 200);
|
|
235
|
+
}, 100);
|
|
236
|
+
}
|
|
237
|
+
};
|
|
238
|
+
|
|
239
|
+
var generateValue = function generateValue(min, max, val, type) {
|
|
240
|
+
if (!(max > min)) return;
|
|
241
|
+
var arr = [];
|
|
242
|
+
|
|
243
|
+
while (min <= max) {
|
|
244
|
+
if (isShowChinese) {
|
|
245
|
+
arr.push(min + zhCNType[type]);
|
|
246
|
+
} else {
|
|
247
|
+
arr.push(min);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
if (type === 'minute') {
|
|
251
|
+
min += minuteStep;
|
|
252
|
+
} else {
|
|
253
|
+
min++;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
return arr;
|
|
258
|
+
};
|
|
259
|
+
|
|
260
|
+
var getDateIndex = function getDateIndex(type, date) {
|
|
261
|
+
var curDate = date || currentDate;
|
|
262
|
+
|
|
263
|
+
switch (type) {
|
|
264
|
+
case 'year':
|
|
265
|
+
return curDate.getFullYear();
|
|
266
|
+
|
|
267
|
+
case 'month':
|
|
268
|
+
return curDate.getMonth();
|
|
269
|
+
|
|
270
|
+
case 'day':
|
|
271
|
+
return curDate.getDate();
|
|
272
|
+
|
|
273
|
+
case 'hour':
|
|
274
|
+
return curDate.getHours();
|
|
275
|
+
|
|
276
|
+
case 'minute':
|
|
277
|
+
return curDate.getMinutes();
|
|
278
|
+
|
|
279
|
+
case 'seconds':
|
|
280
|
+
return curDate.getSeconds();
|
|
281
|
+
|
|
282
|
+
default:
|
|
283
|
+
return 0;
|
|
284
|
+
}
|
|
285
|
+
};
|
|
286
|
+
|
|
287
|
+
var columns = function columns(date) {
|
|
288
|
+
var val = ranges(date).map(function (res) {
|
|
289
|
+
return generateValue(res.range[0], res.range[1], getDateIndex(res.type, date), res.type);
|
|
290
|
+
});
|
|
291
|
+
return val || [];
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
useEffect(function () {
|
|
295
|
+
setCurrentDate(modelValue);
|
|
296
|
+
setListData(columns());
|
|
297
|
+
initDefault();
|
|
298
|
+
}, []);
|
|
299
|
+
useEffect(function () {
|
|
300
|
+
setShow(visible);
|
|
301
|
+
}, [visible]);
|
|
302
|
+
return React__default.createElement("div", _objectSpread({
|
|
303
|
+
className: "nut-datepicker ".concat(className || ''),
|
|
304
|
+
style: style
|
|
305
|
+
}, rest), React__default.createElement(Picker, {
|
|
306
|
+
isVisible: show,
|
|
307
|
+
listData: listData,
|
|
308
|
+
onClose: onCloseDatePicker,
|
|
309
|
+
defaultValueData: defaultValue,
|
|
310
|
+
onConfirm: function onConfirm(list) {
|
|
311
|
+
return onConfirmDatePicker && onConfirmDatePicker(list);
|
|
312
|
+
},
|
|
313
|
+
onChoose: function onChoose(index, value, list) {
|
|
314
|
+
return updateChooseValueCustmer(index, value, list);
|
|
315
|
+
},
|
|
316
|
+
ref: pickerRef
|
|
317
|
+
}));
|
|
318
|
+
};
|
|
319
|
+
|
|
320
|
+
DatePicker.defaultProps = defaultProps;
|
|
321
|
+
DatePicker.displayName = 'NutDatePicker';
|
|
322
|
+
export { DatePicker as default };
|
package/dist/esm/Divider.js
CHANGED
|
@@ -5,8 +5,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
5
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; }
|
|
6
6
|
|
|
7
7
|
import React__default from 'react';
|
|
8
|
-
import { c as cn } from './bem-893ad28d.js';
|
|
9
8
|
import classNames from 'classnames';
|
|
9
|
+
import { c as cn } from './bem-893ad28d.js';
|
|
10
10
|
import '@bem-react/classname';
|
|
11
11
|
var defaultProps = {
|
|
12
12
|
contentPosition: 'center',
|
package/dist/esm/Drag.js
CHANGED
|
@@ -8,9 +8,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
8
8
|
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
9
|
|
|
10
10
|
import React__default, { useState, useRef, useEffect } from 'react';
|
|
11
|
-
import { c as cn } from './bem-893ad28d.js';
|
|
12
11
|
import { useDrag } from '@use-gesture/react';
|
|
13
12
|
import { useSpring, animated } from '@react-spring/web';
|
|
13
|
+
import { c as cn } from './bem-893ad28d.js';
|
|
14
14
|
import '@bem-react/classname';
|
|
15
15
|
var defaultProps = {
|
|
16
16
|
attract: false,
|
package/dist/esm/Elevator.js
CHANGED
|
@@ -50,7 +50,7 @@ var Elevator = function Elevator(props) {
|
|
|
50
50
|
scrollStart = _useState4[0],
|
|
51
51
|
setScrollStart = _useState4[1];
|
|
52
52
|
|
|
53
|
-
var state = useRef(initData);
|
|
53
|
+
var state = useRef(initData); // 重置滚动参数
|
|
54
54
|
|
|
55
55
|
var resetScrollState = function resetScrollState() {
|
|
56
56
|
state.current.anchorIndex = 0;
|
|
@@ -165,7 +165,7 @@ var Elevator = function Elevator(props) {
|
|
|
165
165
|
}, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function (subitem) {
|
|
166
166
|
return React__default.createElement("div", {
|
|
167
167
|
className: b('list__item__name'),
|
|
168
|
-
key: subitem
|
|
168
|
+
key: subitem.id,
|
|
169
169
|
onClick: function onClick() {
|
|
170
170
|
return handleClickItem(item[acceptKey], subitem);
|
|
171
171
|
}
|
package/dist/esm/FixedNav.js
CHANGED
|
@@ -7,10 +7,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
7
7
|
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
8
|
|
|
9
9
|
import React__default from 'react';
|
|
10
|
+
import classNames from 'classnames';
|
|
10
11
|
import Icon from './Icon.js';
|
|
11
12
|
import Overlay from './Overlay.js';
|
|
12
13
|
import { c as cn } from './bem-893ad28d.js';
|
|
13
|
-
import classNames from 'classnames';
|
|
14
14
|
import '@bem-react/classname';
|
|
15
15
|
var defaultProps = {
|
|
16
16
|
fixednavClass: 'nut-fixednav',
|
|
@@ -71,7 +71,7 @@ var FixedNav = function FixedNav(props) {
|
|
|
71
71
|
}
|
|
72
72
|
}), React__default.createElement("div", {
|
|
73
73
|
className: "list"
|
|
74
|
-
}, slotList
|
|
74
|
+
}, slotList || React__default.createElement("div", {
|
|
75
75
|
className: "nut-fixednav__list"
|
|
76
76
|
}, navList.map(function (item, index) {
|
|
77
77
|
return React__default.createElement("div", {
|
|
@@ -92,7 +92,7 @@ var FixedNav = function FixedNav(props) {
|
|
|
92
92
|
onClick: function onClick() {
|
|
93
93
|
return onUpdateValue();
|
|
94
94
|
}
|
|
95
|
-
}, slotBtn
|
|
95
|
+
}, slotBtn || React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
|
|
96
96
|
name: "left",
|
|
97
97
|
color: "#fff"
|
|
98
98
|
}), React__default.createElement("div", {
|
|
@@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
8
8
|
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
9
|
|
|
10
10
|
import React__default, { useState, useRef, useEffect } from 'react';
|
|
11
|
-
import { c as cn } from './bem-893ad28d.js';
|
|
12
11
|
import classNames from 'classnames';
|
|
12
|
+
import { c as cn } from './bem-893ad28d.js';
|
|
13
13
|
import Icon from './Icon.js';
|
|
14
14
|
import '@bem-react/classname';
|
|
15
15
|
var defaultProps = {
|
|
@@ -89,17 +89,17 @@ var Infiniteloading = function Infiniteloading(props) {
|
|
|
89
89
|
};
|
|
90
90
|
|
|
91
91
|
var getParentElement = function getParentElement(el) {
|
|
92
|
-
return
|
|
92
|
+
return containerId ? document.querySelector("#".concat(containerId)) : el && el.parentNode;
|
|
93
93
|
};
|
|
94
94
|
|
|
95
95
|
var handleScroll = function handleScroll() {
|
|
96
96
|
requestAniFrame()(function () {
|
|
97
97
|
if (!isScrollAtBottom() || !hasMore || isInfiniting) {
|
|
98
98
|
return false;
|
|
99
|
-
} else {
|
|
100
|
-
setIsInfiniting(true);
|
|
101
|
-
loadMore && loadMore(infiniteDone);
|
|
102
99
|
}
|
|
100
|
+
|
|
101
|
+
setIsInfiniting(true);
|
|
102
|
+
loadMore && loadMore(infiniteDone);
|
|
103
103
|
});
|
|
104
104
|
};
|
|
105
105
|
|
package/dist/esm/Input.js
CHANGED
|
@@ -145,7 +145,7 @@ var Input = function Input(props) {
|
|
|
145
145
|
textAlign: textAlign
|
|
146
146
|
};
|
|
147
147
|
return React__default.createElement("div", {
|
|
148
|
-
className: "".concat(inputBem(), " ").concat(disabled ? inputBem('disabled') : '', " ").concat(className
|
|
148
|
+
className: "".concat(inputBem(), " ").concat(disabled ? inputBem('disabled') : '', " ").concat(className || '')
|
|
149
149
|
}, React__default.createElement("div", {
|
|
150
150
|
className: inputBem('label')
|
|
151
151
|
}, requireShow ? React__default.createElement("div", {
|
package/dist/esm/InputNumber.js
CHANGED
|
@@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
8
8
|
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
9
|
|
|
10
10
|
import React__default, { useState, useEffect } from 'react';
|
|
11
|
-
import Icon from './Icon.js';
|
|
12
11
|
import classNames from 'classnames';
|
|
12
|
+
import Icon from './Icon.js';
|
|
13
13
|
import { c as cn } from './bem-893ad28d.js';
|
|
14
14
|
import '@bem-react/classname';
|
|
15
15
|
var defaultProps = {
|
package/dist/esm/NoticeBar.js
CHANGED
|
@@ -6,9 +6,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
6
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; }
|
|
7
7
|
|
|
8
8
|
import React__default, { useRef, useState, useEffect } from 'react';
|
|
9
|
+
import classNames from 'classnames';
|
|
9
10
|
import Icon from './Icon.js';
|
|
10
11
|
import { c as cn } from './bem-893ad28d.js';
|
|
11
|
-
import classNames from 'classnames';
|
|
12
12
|
import '@bem-react/classname';
|
|
13
13
|
var defaultProps = {
|
|
14
14
|
// 滚动方向 across 横向 vertical 纵向
|
|
@@ -122,7 +122,7 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
return function () {
|
|
125
|
-
|
|
125
|
+
// 销毁事件
|
|
126
126
|
clearInterval(timer);
|
|
127
127
|
startRoll();
|
|
128
128
|
startRollEasy();
|
|
@@ -215,7 +215,7 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
215
215
|
var chunk = 100;
|
|
216
216
|
|
|
217
217
|
for (var i = 0; i < chunk; i++) {
|
|
218
|
-
scroll(i, i < chunk - 1
|
|
218
|
+
scroll(i, !(i < chunk - 1));
|
|
219
219
|
}
|
|
220
220
|
}, Number(standTime) + 100 * speed);
|
|
221
221
|
SetTimer(timerCurr);
|
|
@@ -250,9 +250,9 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
250
250
|
};
|
|
251
251
|
|
|
252
252
|
var contentStyle = {
|
|
253
|
-
paddingLeft: firstRound ? 0 : wrapWidth
|
|
254
|
-
animationDelay: (firstRound ? props.delay : 0
|
|
255
|
-
animationDuration: duration
|
|
253
|
+
paddingLeft: firstRound ? 0 : "".concat(wrapWidth, "px"),
|
|
254
|
+
animationDelay: "".concat(firstRound ? props.delay : 0, "s"),
|
|
255
|
+
animationDuration: "".concat(duration, "s")
|
|
256
256
|
};
|
|
257
257
|
var barStyle = {
|
|
258
258
|
color: color,
|
|
@@ -272,7 +272,7 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
272
272
|
wrapable: wrapable
|
|
273
273
|
});
|
|
274
274
|
return React__default.createElement("div", {
|
|
275
|
-
className: "".concat(b(), " ").concat(className
|
|
275
|
+
className: "".concat(b(), " ").concat(className || ''),
|
|
276
276
|
style: style
|
|
277
277
|
}, showNoticeBar && direction == 'across' ? React__default.createElement("div", {
|
|
278
278
|
className: noticebarClass,
|
|
@@ -281,10 +281,10 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
281
281
|
}, React__default.createElement("div", {
|
|
282
282
|
className: "left-icon",
|
|
283
283
|
style: {
|
|
284
|
-
backgroundImage: "url(".concat(leftIcon
|
|
284
|
+
backgroundImage: "url(".concat(leftIcon || '', ")")
|
|
285
285
|
}
|
|
286
286
|
}, !leftIcon ? React__default.createElement(Icon, {
|
|
287
|
-
name:
|
|
287
|
+
name: "notice",
|
|
288
288
|
size: "16",
|
|
289
289
|
color: color
|
|
290
290
|
}) : null), React__default.createElement("div", {
|
|
@@ -299,7 +299,7 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
299
299
|
className: "right-icon",
|
|
300
300
|
onClick: onClickIcon
|
|
301
301
|
}, React__default.createElement(Icon, {
|
|
302
|
-
name:
|
|
302
|
+
name: "close",
|
|
303
303
|
color: color
|
|
304
304
|
})) : null) : scrollList.current.length > 0 && direction == 'vertical' ? React__default.createElement("div", {
|
|
305
305
|
className: "nut-noticebar-vertical",
|
|
@@ -328,11 +328,11 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
328
328
|
onClick: function onClick() {
|
|
329
329
|
handleClickIcon();
|
|
330
330
|
}
|
|
331
|
-
}, rightIcon
|
|
331
|
+
}, rightIcon || (closeMode ? React__default.createElement(Icon, {
|
|
332
332
|
name: "cross",
|
|
333
333
|
color: color,
|
|
334
334
|
size: "11px"
|
|
335
|
-
}) : null)) : null);
|
|
335
|
+
}) : null))) : null);
|
|
336
336
|
};
|
|
337
337
|
|
|
338
338
|
NoticeBar.defaultProps = defaultProps;
|
package/dist/esm/Notify.js
CHANGED
|
@@ -16,9 +16,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
16
16
|
|
|
17
17
|
import * as React from 'react';
|
|
18
18
|
import * as ReactDOM from 'react-dom';
|
|
19
|
-
import { c as cn } from './bem-893ad28d.js';
|
|
20
19
|
import classNames from 'classnames';
|
|
21
20
|
import { CSSTransition } from 'react-transition-group';
|
|
21
|
+
import { c as cn } from './bem-893ad28d.js';
|
|
22
22
|
import '@bem-react/classname';
|
|
23
23
|
|
|
24
24
|
var Notification = /*#__PURE__*/function (_React$PureComponent) {
|
|
@@ -99,8 +99,6 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
99
99
|
}, {
|
|
100
100
|
key: "render",
|
|
101
101
|
value: function render() {
|
|
102
|
-
var _classNames;
|
|
103
|
-
|
|
104
102
|
var _this$props = this.props,
|
|
105
103
|
children = _this$props.children,
|
|
106
104
|
style = _this$props.style,
|
|
@@ -111,7 +109,10 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
111
109
|
className = _this$props.className;
|
|
112
110
|
this.state;
|
|
113
111
|
cn('notify');
|
|
114
|
-
var classes = classNames((
|
|
112
|
+
var classes = classNames(_defineProperty({
|
|
113
|
+
'popup-top': true,
|
|
114
|
+
'nut-notify': true
|
|
115
|
+
}, "nut-notify--".concat(type), true));
|
|
115
116
|
return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
|
|
116
117
|
"in": this.state.show,
|
|
117
118
|
timeout: 300,
|
|
@@ -125,7 +126,7 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
125
126
|
background: "".concat(background || '')
|
|
126
127
|
},
|
|
127
128
|
onClick: this.clickCover
|
|
128
|
-
}, children
|
|
129
|
+
}, children || msg)));
|
|
129
130
|
}
|
|
130
131
|
}]);
|
|
131
132
|
|
|
@@ -136,7 +137,7 @@ _defineProperty(Notification, "newInstance", void 0);
|
|
|
136
137
|
|
|
137
138
|
Notification.newInstance = function (properties, callback) {
|
|
138
139
|
var element = document.createElement('div');
|
|
139
|
-
var id = properties.id ? properties.id : new Date().getTime()
|
|
140
|
+
var id = properties.id ? properties.id : "".concat(new Date().getTime());
|
|
140
141
|
element.id = id;
|
|
141
142
|
properties.id = id;
|
|
142
143
|
document.body.appendChild(element);
|
|
@@ -196,7 +197,6 @@ function notice(opts) {
|
|
|
196
197
|
var errorMsg = function errorMsg(msg) {
|
|
197
198
|
if (!msg) {
|
|
198
199
|
console.warn('[NutUI Notify]: msg不能为空');
|
|
199
|
-
return;
|
|
200
200
|
}
|
|
201
201
|
};
|
|
202
202
|
|
package/dist/esm/Overlay.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { O as Overlay } from './overlay-
|
|
2
|
-
export { O as default } from './overlay-
|
|
1
|
+
import { O as Overlay } from './overlay-ed3eb37d.js';
|
|
2
|
+
export { O as default } from './overlay-ed3eb37d.js';
|
|
3
3
|
import 'react';
|
|
4
|
+
import 'classnames';
|
|
4
5
|
import './bem-893ad28d.js';
|
|
5
6
|
import '@bem-react/classname';
|
|
6
|
-
import 'classnames';
|
package/dist/esm/Pagination.js
CHANGED
|
@@ -60,20 +60,20 @@ var Pagination = function Pagination(props) {
|
|
|
60
60
|
countRef = _useState6[0],
|
|
61
61
|
setCountRef = _useState6[1];
|
|
62
62
|
|
|
63
|
-
var paginationBem = cn('pagination');
|
|
63
|
+
var paginationBem = cn('pagination'); // 计算页面的数量
|
|
64
64
|
|
|
65
65
|
var computedCountRef = function computedCountRef() {
|
|
66
66
|
var num = Number(pageCount) || Math.ceil(Number(totalItems) / Number(itemsPerPage));
|
|
67
67
|
return isNaN(num) ? 1 : Math.max(1, num);
|
|
68
|
-
};
|
|
68
|
+
}; // 生成pages数组,用来遍历
|
|
69
69
|
|
|
70
70
|
|
|
71
71
|
var computedPages = function computedPages(_currentPage, _countRef) {
|
|
72
72
|
if (mode == 'simple') return [];
|
|
73
73
|
var items = [];
|
|
74
|
-
var pageCount = _countRef || countRef;
|
|
74
|
+
var pageCount = _countRef || countRef; // 总的页面数量
|
|
75
75
|
|
|
76
|
-
var pageSize = Number(showPageSize);
|
|
76
|
+
var pageSize = Number(showPageSize); // 展示的页面个数
|
|
77
77
|
|
|
78
78
|
var _current = _currentPage || Number(currentPage); // 当前页
|
|
79
79
|
|
|
@@ -83,7 +83,7 @@ var Pagination = function Pagination(props) {
|
|
|
83
83
|
var partialShow = pageCount > pageSize;
|
|
84
84
|
|
|
85
85
|
if (partialShow) {
|
|
86
|
-
|
|
86
|
+
// 选中的page在展示的page中间
|
|
87
87
|
startPage = Math.max(_current - Math.floor(pageSize / 2), 1);
|
|
88
88
|
endPage = startPage + pageSize - 1;
|
|
89
89
|
|
|
@@ -91,13 +91,13 @@ var Pagination = function Pagination(props) {
|
|
|
91
91
|
endPage = pageCount;
|
|
92
92
|
startPage = endPage - pageSize + 1;
|
|
93
93
|
}
|
|
94
|
-
}
|
|
94
|
+
} // 遍历生成数组
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
for (var i = startPage; i <= endPage; i++) {
|
|
98
98
|
var page = setPage(i, i, _current == i);
|
|
99
99
|
items.push(page);
|
|
100
|
-
}
|
|
100
|
+
} // 判断是否有折叠
|
|
101
101
|
|
|
102
102
|
|
|
103
103
|
if (partialShow && pageSize > 0 && forceEllipses) {
|
|
@@ -113,7 +113,7 @@ var Pagination = function Pagination(props) {
|
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
return items;
|
|
116
|
-
};
|
|
116
|
+
}; // 点击选择page
|
|
117
117
|
|
|
118
118
|
|
|
119
119
|
var selectPage = function selectPage(curPage, isSelect) {
|
|
@@ -132,7 +132,7 @@ var Pagination = function Pagination(props) {
|
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
if (isSelect) onChange && onChange(curPage);
|
|
135
|
-
}; //set page 对象
|
|
135
|
+
}; // set page 对象
|
|
136
136
|
|
|
137
137
|
|
|
138
138
|
var setPage = function setPage(number, text, active) {
|
|
@@ -176,7 +176,7 @@ var Pagination = function Pagination(props) {
|
|
|
176
176
|
className: "".concat(paginationBem('contain'))
|
|
177
177
|
}, pages.map(function (item, index) {
|
|
178
178
|
return React__default.createElement("div", {
|
|
179
|
-
key: index
|
|
179
|
+
key: "".concat(index, "pagination"),
|
|
180
180
|
className: "".concat(paginationBem('item'), " ").concat(item.active ? 'active' : ''),
|
|
181
181
|
onClick: function onClick(e) {
|
|
182
182
|
return !item.active ? selectPage(item.number, true) : '';
|