@nutui/nutui-react 1.1.0 → 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.
Files changed (77) hide show
  1. package/dist/esm/Address.js +11 -11
  2. package/dist/esm/AnimatingNumbers.js +1 -1
  3. package/dist/esm/Avatar.js +2 -2
  4. package/dist/esm/BackTop.js +7 -7
  5. package/dist/esm/Barrage.js +2 -2
  6. package/dist/esm/Calendar.js +1 -1
  7. package/dist/esm/CalendarItem.js +33 -35
  8. package/dist/esm/Cell.js +4 -4
  9. package/dist/esm/CircleProgress.js +2 -2
  10. package/dist/esm/Col.js +4 -3
  11. package/dist/esm/Collapse.js +3 -3
  12. package/dist/esm/CollapseItem.js +4 -4
  13. package/dist/esm/DatePicker/style/css.js +1 -0
  14. package/dist/esm/DatePicker/style/index.js +1 -0
  15. package/dist/esm/DatePicker.js +322 -0
  16. package/dist/esm/Divider.js +1 -1
  17. package/dist/esm/Drag.js +1 -1
  18. package/dist/esm/Elevator.js +2 -2
  19. package/dist/esm/FixedNav.js +3 -3
  20. package/dist/esm/Infiniteloading.js +5 -5
  21. package/dist/esm/Input.js +1 -1
  22. package/dist/esm/InputNumber.js +1 -1
  23. package/dist/esm/NoticeBar.js +12 -12
  24. package/dist/esm/Notify.js +7 -7
  25. package/dist/esm/Overlay.js +3 -3
  26. package/dist/esm/Pagination.js +10 -10
  27. package/dist/esm/Picker.js +13 -6
  28. package/dist/esm/Popover.js +8 -8
  29. package/dist/esm/Popup.js +7 -5
  30. package/dist/esm/Price.js +3 -3
  31. package/dist/esm/Range.js +3 -3
  32. package/dist/esm/ShortPassword.js +2 -2
  33. package/dist/esm/Skeleton/style/css.js +1 -0
  34. package/dist/esm/Skeleton/style/index.js +1 -0
  35. package/dist/esm/Skeleton.js +102 -0
  36. package/dist/esm/Step.js +1 -1
  37. package/dist/esm/Steps.js +1 -1
  38. package/dist/esm/Swiper.js +2 -2
  39. package/dist/esm/SwiperItem.js +2 -2
  40. package/dist/esm/Switch.js +2 -1
  41. package/dist/esm/TabPane/style/css.js +1 -0
  42. package/dist/esm/TabPane/style/index.js +1 -0
  43. package/dist/esm/TabPane.js +33 -0
  44. package/dist/esm/Tabs/style/css.js +1 -0
  45. package/dist/esm/Tabs/style/index.js +1 -0
  46. package/dist/esm/Tabs.js +187 -0
  47. package/dist/esm/Tag.js +4 -8
  48. package/dist/esm/TextArea.js +1 -1
  49. package/dist/esm/Toast.js +11 -7
  50. package/dist/esm/Uploader.js +3 -3
  51. package/dist/esm/{date-649fe493.js → date-b4847376.js} +2 -2
  52. package/dist/esm/nutui-react.es.js +4 -0
  53. package/dist/esm/{overlay-418bcf84.js → overlay-ed3eb37d.js} +1 -1
  54. package/dist/nutui.react.es.js +1153 -535
  55. package/dist/nutui.react.umd.js +19 -19
  56. package/dist/packages/datepicker/datepicker.scss +2 -0
  57. package/dist/packages/skeleton/skeleton.scss +65 -0
  58. package/dist/packages/tabpane/tabpane.scss +12 -0
  59. package/dist/packages/tabs/tabs.scss +192 -0
  60. package/dist/style.css +1 -1
  61. package/dist/style.es.js +1 -1
  62. package/dist/styles/themes/default.scss +4 -0
  63. package/dist/styles/variables.scss +25 -0
  64. package/dist/types/address/address.d.ts +1 -1
  65. package/dist/types/address/existRender.d.ts +1 -1
  66. package/dist/types/badge/badge.d.ts +1 -1
  67. package/dist/types/datepicker/datepicker.d.ts +16 -0
  68. package/dist/types/datepicker/index.d.ts +2 -0
  69. package/dist/types/nutui.react.d.ts +5 -1
  70. package/dist/types/signature/signature.d.ts +4 -4
  71. package/dist/types/skeleton/index.d.ts +2 -0
  72. package/dist/types/skeleton/skeleton.d.ts +18 -0
  73. package/dist/types/tabpane/index.d.ts +2 -0
  74. package/dist/types/tabpane/tabpane.d.ts +8 -0
  75. package/dist/types/tabs/index.d.ts +2 -0
  76. package/dist/types/tabs/tabs.d.ts +28 -0
  77. 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 };
@@ -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,
@@ -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['id'],
168
+ key: subitem.id,
169
169
  onClick: function onClick() {
170
170
  return handleClickItem(item[acceptKey], subitem);
171
171
  }
@@ -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 ? slotList : React__default.createElement("div", {
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 ? slotBtn : React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
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 !!containerId ? document.querySelector("#".concat(containerId)) : el && el.parentNode;
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 ? 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", {
@@ -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 = {
@@ -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 ? false : true);
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 + 'px',
254
- animationDelay: (firstRound ? props.delay : 0) + 's',
255
- animationDuration: duration + 's'
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 ? 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 ? leftIcon : '', ")")
284
+ backgroundImage: "url(".concat(leftIcon || '', ")")
285
285
  }
286
286
  }, !leftIcon ? React__default.createElement(Icon, {
287
- name: 'notice',
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: 'close',
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 ? rightIcon : closeMode ? React__default.createElement(Icon, {
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;
@@ -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((_classNames = {}, _defineProperty(_classNames, 'popup-top', true), _defineProperty(_classNames, 'nut-notify', true), _defineProperty(_classNames, "nut-notify--".concat(type), true), _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 ? children : msg)));
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
 
@@ -1,6 +1,6 @@
1
- import { O as Overlay } from './overlay-418bcf84.js';
2
- export { O as default } from './overlay-418bcf84.js';
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';
@@ -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
- }; //生成pages数组,用来遍历
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
- //选中的page在展示的page中间
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
- }; //点击选择page
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 + 'pagination',
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) : '';