@nutui/nutui-react 1.3.5-beta.1 → 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.
Files changed (108) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/esm/ActionSheet.js +15 -25
  3. package/dist/esm/Address.js +151 -221
  4. package/dist/esm/AnimatingNumbers.js +7 -31
  5. package/dist/esm/Audio.js +31 -66
  6. package/dist/esm/Avatar.js +25 -51
  7. package/dist/esm/AvatarGroup.js +2 -9
  8. package/dist/esm/BackTop.js +29 -55
  9. package/dist/esm/Badge.js +9 -20
  10. package/dist/esm/Barrage.js +8 -20
  11. package/dist/esm/Button.js +22 -37
  12. package/dist/esm/Calendar.js +23 -37
  13. package/dist/esm/CalendarItem.js +86 -186
  14. package/dist/esm/Card.js +14 -20
  15. package/dist/esm/Cascader.js +77 -197
  16. package/dist/esm/Cell.js +20 -30
  17. package/dist/esm/CellGroup.js +6 -12
  18. package/dist/esm/Checkbox.js +27 -48
  19. package/dist/esm/CheckboxGroup.js +12 -30
  20. package/dist/esm/CircleProgress.js +11 -28
  21. package/dist/esm/Col.js +11 -22
  22. package/dist/esm/Collapse.js +11 -27
  23. package/dist/esm/CollapseItem.js +33 -47
  24. package/dist/esm/ConfigProvider.js +4 -15
  25. package/dist/esm/CountDown.js +37 -74
  26. package/dist/esm/DatePicker.js +44 -106
  27. package/dist/esm/Dialog.js +31 -89
  28. package/dist/esm/Divider.js +8 -15
  29. package/dist/esm/Drag.js +30 -45
  30. package/dist/esm/Elevator.js +37 -74
  31. package/dist/esm/Empty.js +11 -24
  32. package/dist/esm/FixedNav.js +18 -29
  33. package/dist/esm/Grid.js +13 -28
  34. package/dist/esm/GridItem.js +18 -34
  35. package/dist/esm/ImagePreview.js +36 -71
  36. package/dist/esm/Indicator.js +9 -20
  37. package/dist/esm/Infiniteloading.js +26 -55
  38. package/dist/esm/Input.js +62 -106
  39. package/dist/esm/InputNumber.js +25 -52
  40. package/dist/esm/Layout.js +0 -6
  41. package/dist/esm/Menu.js +24 -46
  42. package/dist/esm/MenuItem.js +29 -52
  43. package/dist/esm/NavBar.js +18 -34
  44. package/dist/esm/NoticeBar.js +54 -102
  45. package/dist/esm/Notify.js +9 -38
  46. package/dist/esm/NumberKeyboard.js +21 -52
  47. package/dist/esm/Pagination.js +38 -71
  48. package/dist/esm/Picker.js +91 -178
  49. package/dist/esm/Popover.js +32 -72
  50. package/dist/esm/Popup.js +40 -72
  51. package/dist/esm/Price.js +7 -24
  52. package/dist/esm/Progress.js +35 -50
  53. package/dist/esm/PullToRefresh.js +28 -83
  54. package/dist/esm/Radio.js +24 -47
  55. package/dist/esm/RadioGroup.js +14 -24
  56. package/dist/esm/Range.js +44 -116
  57. package/dist/esm/Rate.js +21 -39
  58. package/dist/esm/Row.js +7 -16
  59. package/dist/esm/SearchBar.js +47 -68
  60. package/dist/esm/ShortPassword.js +29 -56
  61. package/dist/esm/SideNavBar.js +9 -16
  62. package/dist/esm/SideNavBarItem.js +4 -11
  63. package/dist/esm/Signature.js +13 -43
  64. package/dist/esm/Skeleton.js +13 -23
  65. package/dist/esm/Step.js +12 -28
  66. package/dist/esm/Steps.js +6 -14
  67. package/dist/esm/Sticky.js +24 -52
  68. package/dist/esm/SubSideNavBar.js +7 -22
  69. package/dist/esm/Swipe.js +15 -54
  70. package/dist/esm/Swiper.js +102 -186
  71. package/dist/esm/SwiperItem.js +2 -12
  72. package/dist/esm/Switch.js +13 -27
  73. package/dist/esm/Tabbar.js +13 -25
  74. package/dist/esm/TabbarItem.js +15 -23
  75. package/dist/esm/Table.js +19 -39
  76. package/dist/esm/Tag.js +19 -36
  77. package/dist/esm/TextArea.js +19 -43
  78. package/dist/esm/TimeDetail.js +15 -28
  79. package/dist/esm/TimePannel.js +5 -12
  80. package/dist/esm/TimeSelect.js +35 -59
  81. package/dist/esm/Toast.js +16 -49
  82. package/dist/esm/Uploader.js +57 -152
  83. package/dist/esm/Video.js +8 -19
  84. package/dist/esm/VirtualList.js +84 -118
  85. package/dist/esm/date-710f8c7c.js +9 -33
  86. package/dist/esm/get-scroll-parent-3dcd3f53.js +1 -9
  87. package/dist/esm/icon-8dc4de10.js +11 -21
  88. package/dist/esm/offsetContext-0e3d04b3.js +0 -3
  89. package/dist/esm/overlay-ed3eb37d.js +12 -23
  90. package/dist/esm/render-18227751.js +0 -11
  91. package/dist/esm/tabpane-c957ab14.js +4 -10
  92. package/dist/esm/tabs-0896a61b.js +28 -56
  93. package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
  94. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
  95. package/dist/esm/useClientRect-839d18c5.js +0 -5
  96. package/dist/esm/useTouch-a2ea68c6.js +27 -47
  97. package/dist/locales/base.js +1 -1
  98. package/dist/locales/en-US.js +1 -1
  99. package/dist/locales/id-ID.js +1 -1
  100. package/dist/locales/zh-CN.js +1 -1
  101. package/dist/locales/zh-TW.js +1 -1
  102. package/dist/nutui.react.es.js +424 -406
  103. package/dist/nutui.react.umd.js +416 -398
  104. package/dist/packages/searchbar/searchbar.scss +20 -3
  105. package/dist/style.css +1 -1
  106. package/dist/style.es.js +1 -1
  107. package/dist/types/index.d.ts +2 -0
  108. package/package.json +1 -1
@@ -2,11 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  var _excluded = ["className", "value", "onChange", "textPosition", "direction"];
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 { R as RadioContext } from './context-aa058329.js';
12
9
  import { c as cn } from './bem-893ad28d.js';
@@ -19,21 +16,19 @@ var defaultProps = {
19
16
  };
20
17
  var RadioGroup = React__default.forwardRef(function (props, ref) {
21
18
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
22
- children = _defaultProps$props.children;
23
-
19
+ children = _defaultProps$props.children;
24
20
  cn('RadioGroup');
25
-
26
21
  var className = props.className,
27
- value = props.value,
28
- _onChange = props.onChange,
29
- textPosition = props.textPosition,
30
- direction = props.direction,
31
- rest = _objectWithoutProperties(props, _excluded);
32
-
22
+ value = props.value,
23
+ _onChange = props.onChange,
24
+ textPosition = props.textPosition,
25
+ direction = props.direction,
26
+ rest = _objectWithoutProperties(props, _excluded);
33
27
  var _useState = useState(value),
34
- _useState2 = _slicedToArray(_useState, 2),
35
- val2State = _useState2[0],
36
- setVal2State = _useState2[1]; // useImperativeHandle(ref, () => ({
28
+ _useState2 = _slicedToArray(_useState, 2),
29
+ val2State = _useState2[0],
30
+ setVal2State = _useState2[1];
31
+ // useImperativeHandle(ref, () => ({
37
32
  // toggleAll(state: boolean) {
38
33
  // console.log(state)
39
34
  // if (state === false) {
@@ -48,11 +43,10 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
48
43
  // }
49
44
  // },
50
45
  // }))
51
-
52
-
53
46
  useEffect(function () {
54
47
  setVal2State(value);
55
- }, [value]); // function handleChildChange(state: boolean, label: string) {
48
+ }, [value]);
49
+ // function handleChildChange(state: boolean, label: string) {
56
50
  // if (innerValue) {
57
51
  // let clippedValue = []
58
52
  // if (state) {
@@ -65,24 +59,20 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
65
59
  // onChange && onChange(clippedValue)
66
60
  // }
67
61
  // }
68
-
69
62
  function validateChildChecked(child) {
70
63
  if (val2State === null) return false;
71
64
  return val2State === child.props.value;
72
65
  }
73
-
74
66
  function cloneChildren() {
75
67
  return React__default.Children.map(children, function (child, index) {
76
68
  var childChecked = validateChildChecked(child);
77
-
78
69
  if (child.type.displayName !== 'NutRadio') {
79
70
  return React__default.cloneElement(child);
80
71
  }
81
-
82
72
  return React__default.cloneElement(child, {
83
73
  textPosition: textPosition,
84
- checked: childChecked // onChange: handleChildChange,
85
-
74
+ checked: childChecked
75
+ // onChange: handleChildChange,
86
76
  });
87
77
  });
88
78
  }
package/dist/esm/Range.js CHANGED
@@ -1,10 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
-
4
3
  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; }
5
-
6
4
  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
-
8
5
  import React__default, { useState, useRef, useEffect, useCallback } from 'react';
9
6
  import { u as useTouch } from './useTouch-a2ea68c6.js';
10
7
  import { g as getRect } from './useClientRect-839d18c5.js';
@@ -23,60 +20,50 @@ var defaultProps = {
23
20
  };
24
21
  var startValue;
25
22
  var currentValue;
26
-
27
23
  var Range = function Range(props) {
28
24
  var _useConfig = useConfig(),
29
- locale = _useConfig.locale;
30
-
25
+ locale = _useConfig.locale;
31
26
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
32
- className = _defaultProps$props.className,
33
- range = _defaultProps$props.range,
34
- disabled = _defaultProps$props.disabled,
35
- activeColor = _defaultProps$props.activeColor,
36
- inactiveColor = _defaultProps$props.inactiveColor,
37
- buttonColor = _defaultProps$props.buttonColor,
38
- hiddenRange = _defaultProps$props.hiddenRange,
39
- hiddenTag = _defaultProps$props.hiddenTag,
40
- modelValue = _defaultProps$props.modelValue,
41
- button = _defaultProps$props.button,
42
- vertical = _defaultProps$props.vertical,
43
- marks = _defaultProps$props.marks,
44
- change = _defaultProps$props.change,
45
- dragStart = _defaultProps$props.dragStart,
46
- dragEnd = _defaultProps$props.dragEnd;
47
-
27
+ className = _defaultProps$props.className,
28
+ range = _defaultProps$props.range,
29
+ disabled = _defaultProps$props.disabled,
30
+ activeColor = _defaultProps$props.activeColor,
31
+ inactiveColor = _defaultProps$props.inactiveColor,
32
+ buttonColor = _defaultProps$props.buttonColor,
33
+ hiddenRange = _defaultProps$props.hiddenRange,
34
+ hiddenTag = _defaultProps$props.hiddenTag,
35
+ modelValue = _defaultProps$props.modelValue,
36
+ button = _defaultProps$props.button,
37
+ vertical = _defaultProps$props.vertical,
38
+ marks = _defaultProps$props.marks,
39
+ change = _defaultProps$props.change,
40
+ dragStart = _defaultProps$props.dragStart,
41
+ dragEnd = _defaultProps$props.dragEnd;
48
42
  var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
49
- min = _defaultProps$props2.min,
50
- max = _defaultProps$props2.max,
51
- step = _defaultProps$props2.step;
52
-
43
+ min = _defaultProps$props2.min,
44
+ max = _defaultProps$props2.max,
45
+ step = _defaultProps$props2.step;
53
46
  min = Number(min);
54
47
  max = Number(max);
55
48
  step = Number(step);
56
-
57
49
  var _useState = useState(0),
58
- _useState2 = _slicedToArray(_useState, 2),
59
- buttonIndex = _useState2[0],
60
- SetButtonIndex = _useState2[1];
61
-
50
+ _useState2 = _slicedToArray(_useState, 2),
51
+ buttonIndex = _useState2[0],
52
+ SetButtonIndex = _useState2[1];
62
53
  var _useState3 = useState(),
63
- _useState4 = _slicedToArray(_useState3, 2),
64
- initValue = _useState4[0],
65
- SetInitValue = _useState4[1];
66
-
54
+ _useState4 = _slicedToArray(_useState3, 2),
55
+ initValue = _useState4[0],
56
+ SetInitValue = _useState4[1];
67
57
  var _useState5 = useState('start'),
68
- _useState6 = _slicedToArray(_useState5, 2),
69
- dragStatus = _useState6[0],
70
- SetDragStatus = _useState6[1];
71
-
58
+ _useState6 = _slicedToArray(_useState5, 2),
59
+ dragStatus = _useState6[0],
60
+ SetDragStatus = _useState6[1];
72
61
  var touch = useTouch();
73
62
  var root = useRef(null);
74
-
75
63
  var _useState7 = useState([]),
76
- _useState8 = _slicedToArray(_useState7, 2),
77
- marksList = _useState8[0],
78
- SetMarksList = _useState8[1];
79
-
64
+ _useState8 = _slicedToArray(_useState7, 2),
65
+ marksList = _useState8[0],
66
+ SetMarksList = _useState8[1];
80
67
  useEffect(function () {
81
68
  if (modelValue) {
82
69
  if (!range && (modelValue < min || modelValue > max)) {
@@ -84,7 +71,6 @@ var Range = function Range(props) {
84
71
  Toast.text("".concat(modelValue, " ").concat(locale.range.rangeText));
85
72
  return;
86
73
  }
87
-
88
74
  SetInitValue(modelValue);
89
75
  }
90
76
  }, [modelValue]);
@@ -99,11 +85,9 @@ var Range = function Range(props) {
99
85
  SetMarksList(list);
100
86
  }
101
87
  }, [marks]);
102
-
103
88
  var scope = function scope() {
104
89
  return Number(max) - Number(min);
105
90
  };
106
-
107
91
  var classes = useCallback(function () {
108
92
  var prefixCls = 'nut-range';
109
93
  return [prefixCls, "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(vertical ? "".concat(prefixCls, "-vertical") : ''), "".concat(!hiddenRange ? "".concat(prefixCls, "-show-number") : '')].filter(Boolean).join(' ');
@@ -116,73 +100,57 @@ var Range = function Range(props) {
116
100
  var classPrefix = 'nut-range-mark';
117
101
  var lowerBound = Number(min);
118
102
  var upperBound = Number(max);
119
-
120
103
  if (range) {
121
104
  var _modelValue = _slicedToArray(modelValue, 2),
122
- left = _modelValue[0],
123
- right = _modelValue[1];
124
-
105
+ left = _modelValue[0],
106
+ right = _modelValue[1];
125
107
  lowerBound = left;
126
108
  upperBound = right;
127
109
  } else {
128
110
  upperBound = modelValue;
129
111
  }
130
-
131
112
  var isActive = mark <= upperBound && mark >= lowerBound;
132
113
  return ["".concat(classPrefix, "-text"), "".concat(isActive ? "".concat(classPrefix, "-text-active") : '')].filter(Boolean).join(' ');
133
114
  }, [range, modelValue, min, max]);
134
-
135
115
  var _useState9 = useState(classes()),
136
- _useState10 = _slicedToArray(_useState9, 2),
137
- rangeName = _useState10[0],
138
- setRangeName = _useState10[1];
139
-
116
+ _useState10 = _slicedToArray(_useState9, 2),
117
+ rangeName = _useState10[0],
118
+ setRangeName = _useState10[1];
140
119
  var _useState11 = useState(containerClasses()),
141
- _useState12 = _slicedToArray(_useState11, 2),
142
- containerName = _useState12[0],
143
- setContainerName = _useState12[1];
144
-
120
+ _useState12 = _slicedToArray(_useState11, 2),
121
+ containerName = _useState12[0],
122
+ setContainerName = _useState12[1];
145
123
  useEffect(function () {
146
124
  setRangeName(classes());
147
125
  setContainerName(containerClasses());
148
126
  }, [classes, containerClasses]);
149
-
150
127
  var wrapperStyle = function wrapperStyle() {
151
128
  return {
152
129
  background: inactiveColor
153
130
  };
154
131
  };
155
-
156
132
  var buttonStyle = function buttonStyle() {
157
133
  return {
158
134
  borderColor: buttonColor
159
135
  };
160
136
  };
161
-
162
137
  var isRange = function isRange(val) {
163
138
  return !!range && Array.isArray(val);
164
139
  };
165
-
166
140
  var calcMainAxis = function calcMainAxis() {
167
141
  var modelVal = initValue || initValue === 0 ? initValue : modelValue;
168
-
169
142
  if (isRange(modelVal)) {
170
143
  return "".concat((modelVal[1] - modelVal[0]) * 100 / scope(), "%");
171
144
  }
172
-
173
145
  return "".concat((modelVal - Number(min)) * 100 / scope(), "%");
174
146
  };
175
-
176
147
  var calcOffset = function calcOffset() {
177
148
  var modelVal = initValue || initValue === 0 ? initValue : modelValue;
178
-
179
149
  if (isRange(modelVal)) {
180
150
  return "".concat((modelVal[0] - Number(min)) * 100 / scope(), "%");
181
151
  }
182
-
183
152
  return "0%";
184
153
  };
185
-
186
154
  var barStyle = function barStyle() {
187
155
  if (vertical) {
188
156
  return {
@@ -192,7 +160,6 @@ var Range = function Range(props) {
192
160
  transition: dragStatus ? 'none' : undefined
193
161
  };
194
162
  }
195
-
196
163
  return {
197
164
  width: calcMainAxis(),
198
165
  left: calcOffset(),
@@ -200,102 +167,80 @@ var Range = function Range(props) {
200
167
  transition: dragStatus ? 'none' : undefined
201
168
  };
202
169
  };
203
-
204
170
  var marksStyle = function marksStyle(mark) {
205
171
  var style = {
206
172
  left: "".concat((mark - Number(min)) / scope() * 100, "%")
207
173
  };
208
-
209
174
  if (vertical) {
210
175
  style = {
211
176
  top: "".concat((mark - Number(min)) / scope() * 100, "%")
212
177
  };
213
178
  }
214
-
215
179
  return style;
216
180
  };
217
-
218
181
  var tickStyle = function tickStyle(mark) {
219
182
  var lowerBound = Number(min);
220
183
  var upperBound = Number(max);
221
-
222
184
  if (range) {
223
185
  var _modelValue2 = _slicedToArray(modelValue, 2),
224
- left = _modelValue2[0],
225
- right = _modelValue2[1];
226
-
186
+ left = _modelValue2[0],
187
+ right = _modelValue2[1];
227
188
  lowerBound = left;
228
189
  upperBound = right;
229
190
  }
230
-
231
191
  var isActive = mark <= upperBound && mark >= lowerBound;
232
192
  var style = {
233
193
  background: !isActive ? inactiveColor : activeColor
234
194
  };
235
195
  return style;
236
196
  };
237
-
238
197
  var format = function format(value) {
239
198
  value = Math.max(+min, Math.min(value, +max));
240
199
  return Math.round(value / +step) * +step;
241
200
  };
242
-
243
201
  var isSameValue = function isSameValue(newValue, oldValue) {
244
202
  return JSON.stringify(newValue) === JSON.stringify(oldValue);
245
203
  };
246
-
247
204
  var handleOverlap = function handleOverlap(value) {
248
205
  if (value[0] > value[1]) {
249
206
  return value.slice(0).reverse();
250
207
  }
251
-
252
208
  return value;
253
209
  };
254
-
255
210
  var updateValue = function updateValue(value, end) {
256
211
  if (isRange(value)) {
257
212
  value = handleOverlap(value).map(format);
258
213
  } else {
259
214
  value = format(value);
260
215
  }
261
-
262
216
  var modelVal = initValue || initValue === 0 ? initValue : modelValue;
263
-
264
217
  if (!isSameValue(value, modelVal)) {
265
218
  SetInitValue(value);
266
219
  }
267
-
268
220
  if ((marks || end) && !isSameValue(value, startValue)) {
269
221
  change && change(value);
270
222
  }
271
223
  };
272
-
273
224
  var click = function click(event) {
274
225
  if (disabled || !root.current) {
275
226
  return;
276
227
  }
277
-
278
228
  SetDragStatus('');
279
229
  var rect = getRect(root.current);
280
230
  var delta = event.clientX - rect.left;
281
231
  var total = rect.width;
282
-
283
232
  if (vertical) {
284
233
  delta = event.clientY - rect.top;
285
234
  total = rect.height;
286
235
  }
287
-
288
236
  var value = Number(min) + delta / total * scope();
289
237
  currentValue = initValue || initValue === 0 ? initValue : modelValue;
290
-
291
238
  if (isRange(currentValue)) {
292
239
  var _currentValue = currentValue,
293
- _currentValue2 = _slicedToArray(_currentValue, 2),
294
- left = _currentValue2[0],
295
- right = _currentValue2[1];
296
-
240
+ _currentValue2 = _slicedToArray(_currentValue, 2),
241
+ left = _currentValue2[0],
242
+ right = _currentValue2[1];
297
243
  var middle = (left + right) / 2;
298
-
299
244
  if (value <= middle) {
300
245
  updateValue([value, right], true);
301
246
  } else {
@@ -305,74 +250,59 @@ var Range = function Range(props) {
305
250
  updateValue(value, true);
306
251
  }
307
252
  };
308
-
309
253
  var _onTouchStart = function onTouchStart(event) {
310
254
  if (disabled) {
311
255
  return;
312
256
  }
313
-
314
257
  touch.start(event);
315
258
  currentValue = initValue || initValue === 0 ? initValue : modelValue;
316
-
317
259
  if (isRange(currentValue)) {
318
260
  startValue = currentValue.map(format);
319
261
  } else {
320
262
  startValue = format(currentValue);
321
263
  }
322
-
323
264
  SetDragStatus('start');
324
265
  };
325
-
326
266
  var _onTouchMove = function onTouchMove(event) {
327
267
  if (disabled || !root.current) {
328
268
  return;
329
269
  }
330
-
331
270
  if (dragStatus === 'start') {
332
271
  dragStart && dragStart();
333
272
  }
334
-
335
273
  touch.move(event);
336
274
  SetDragStatus('draging');
337
275
  var rect = getRect(root.current);
338
276
  var delta = touch.deltaX;
339
277
  var total = rect.width;
340
278
  var diff = delta / total * scope();
341
-
342
279
  if (vertical) {
343
280
  delta = touch.deltaY;
344
281
  total = rect.height;
345
282
  diff = delta / total * scope();
346
283
  }
347
-
348
284
  if (isRange(startValue)) {
349
285
  currentValue[buttonIndex] = startValue[buttonIndex] + diff;
350
286
  } else {
351
287
  currentValue = startValue + diff;
352
288
  }
353
-
354
289
  updateValue(currentValue);
355
290
  };
356
-
357
291
  var _onTouchEnd = function onTouchEnd(event) {
358
292
  if (disabled) {
359
293
  return;
360
294
  }
361
-
362
295
  if (dragStatus === 'draging') {
363
296
  updateValue(currentValue, true);
364
297
  dragEnd && dragEnd();
365
298
  }
366
-
367
299
  SetDragStatus('');
368
300
  };
369
-
370
301
  var curValue = function curValue(idx) {
371
302
  var modelVal = initValue || initValue === 0 ? initValue : modelValue;
372
303
  var value = typeof idx === 'number' ? modelVal[idx] : modelVal;
373
304
  return value;
374
305
  };
375
-
376
306
  return React__default.createElement("div", {
377
307
  className: "".concat(containerName)
378
308
  }, !hiddenRange ? React__default.createElement("div", {
@@ -413,7 +343,6 @@ var Range = function Range(props) {
413
343
  // 实时更新当前拖动的按钮索引
414
344
  SetButtonIndex(index);
415
345
  }
416
-
417
346
  _onTouchStart(e);
418
347
  },
419
348
  onTouchMove: function onTouchMove(e) {
@@ -466,7 +395,6 @@ var Range = function Range(props) {
466
395
  className: "max"
467
396
  }, +max) : null);
468
397
  };
469
-
470
398
  Range.defaultProps = defaultProps;
471
399
  Range.displayName = 'NutRange';
472
400
  export { Range as default };
package/dist/esm/Rate.js CHANGED
@@ -1,16 +1,12 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
-
4
3
  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; }
5
-
6
4
  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
-
8
5
  import React__default, { useState, useEffect } from 'react';
9
6
  import { c as cn } from './bem-893ad28d.js';
10
7
  import Icon from './Icon.js';
11
8
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
12
9
  import '@bem-react/classname';
13
-
14
10
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
15
11
  count: 5,
16
12
  modelValue: 0,
@@ -25,76 +21,63 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
25
21
  allowHalf: false,
26
22
  spacing: 14
27
23
  });
28
-
29
24
  var Rate = function Rate(props) {
30
25
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
31
- count = _defaultProps$props.count,
32
- modelValue = _defaultProps$props.modelValue,
33
- minimizeValue = _defaultProps$props.minimizeValue,
34
- iconSize = _defaultProps$props.iconSize,
35
- activeColor = _defaultProps$props.activeColor,
36
- voidColor = _defaultProps$props.voidColor,
37
- checkedIcon = _defaultProps$props.checkedIcon,
38
- uncheckedIcon = _defaultProps$props.uncheckedIcon,
39
- disabled = _defaultProps$props.disabled,
40
- readonly = _defaultProps$props.readonly,
41
- allowHalf = _defaultProps$props.allowHalf,
42
- spacing = _defaultProps$props.spacing,
43
- onChange = _defaultProps$props.onChange,
44
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
45
- iconFontClassName = _defaultProps$props.iconFontClassName;
46
-
26
+ count = _defaultProps$props.count,
27
+ modelValue = _defaultProps$props.modelValue,
28
+ minimizeValue = _defaultProps$props.minimizeValue,
29
+ iconSize = _defaultProps$props.iconSize,
30
+ activeColor = _defaultProps$props.activeColor,
31
+ voidColor = _defaultProps$props.voidColor,
32
+ checkedIcon = _defaultProps$props.checkedIcon,
33
+ uncheckedIcon = _defaultProps$props.uncheckedIcon,
34
+ disabled = _defaultProps$props.disabled,
35
+ readonly = _defaultProps$props.readonly,
36
+ allowHalf = _defaultProps$props.allowHalf,
37
+ spacing = _defaultProps$props.spacing,
38
+ onChange = _defaultProps$props.onChange,
39
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
40
+ iconFontClassName = _defaultProps$props.iconFontClassName;
47
41
  var b = cn('rate');
48
42
  var bi = cn('rate-item');
49
-
50
43
  var _useState = useState([1, 2, 3, 4, 5]),
51
- _useState2 = _slicedToArray(_useState, 2),
52
- countArray = _useState2[0],
53
- setCountArray = _useState2[1];
54
-
44
+ _useState2 = _slicedToArray(_useState, 2),
45
+ countArray = _useState2[0],
46
+ setCountArray = _useState2[1];
55
47
  var _useState3 = useState(0),
56
- _useState4 = _slicedToArray(_useState3, 2),
57
- score = _useState4[0],
58
- setScore = _useState4[1];
59
-
48
+ _useState4 = _slicedToArray(_useState3, 2),
49
+ score = _useState4[0],
50
+ setScore = _useState4[1];
60
51
  useEffect(function () {
61
52
  var tmp = [];
62
-
63
53
  for (var i = 1; i <= Number(count); i++) {
64
54
  tmp.push(i);
65
55
  }
66
-
67
56
  setCountArray(tmp);
68
57
  }, [count]);
69
58
  useEffect(function () {
70
59
  setScore(Math.max(Number(modelValue), Number(minimizeValue)));
71
60
  }, [modelValue]);
72
-
73
61
  var pxCheck = function pxCheck(value) {
74
62
  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
75
63
  };
76
-
77
64
  var _onClick = function onClick(e, index) {
78
65
  e.preventDefault();
79
66
  e.stopPropagation();
80
67
  if (disabled || readonly) return;
81
68
  var value = 0;
82
-
83
69
  if (!(index === 1 && score === index)) {
84
70
  value = index;
85
-
86
71
  if (allowHalf) {
87
72
  if ((e === null || e === void 0 ? void 0 : e.target).className.includes('__icon--half')) {
88
73
  value -= 0.5;
89
74
  }
90
75
  }
91
76
  }
92
-
93
77
  value = Math.max(value, Number(minimizeValue));
94
78
  setScore(value);
95
79
  onChange && onChange(value);
96
80
  };
97
-
98
81
  return React__default.createElement("div", {
99
82
  className: b()
100
83
  }, countArray.map(function (n) {
@@ -131,7 +114,6 @@ var Rate = function Rate(props) {
131
114
  }));
132
115
  }));
133
116
  };
134
-
135
117
  Rate.defaultProps = defaultProps;
136
118
  Rate.displayName = 'NutRate';
137
119
  export { Rate as default };
package/dist/esm/Row.js CHANGED
@@ -1,9 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
2
  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; }
4
-
5
3
  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
-
7
4
  import React__default from 'react';
8
5
  import { D as DataContext } from './UserContext-be8097d2.js';
9
6
  var defaultProps = {
@@ -13,29 +10,24 @@ var defaultProps = {
13
10
  wrap: 'nowrap',
14
11
  gutter: '0'
15
12
  };
16
-
17
13
  var Row = function Row(props) {
18
14
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
19
- children = _defaultProps$props.children,
20
- type = _defaultProps$props.type,
21
- justify = _defaultProps$props.justify,
22
- align = _defaultProps$props.align,
23
- wrap = _defaultProps$props.wrap,
24
- gutter = _defaultProps$props.gutter,
25
- _onClick = _defaultProps$props.onClick;
26
-
15
+ children = _defaultProps$props.children,
16
+ type = _defaultProps$props.type,
17
+ justify = _defaultProps$props.justify,
18
+ align = _defaultProps$props.align,
19
+ wrap = _defaultProps$props.wrap,
20
+ gutter = _defaultProps$props.gutter,
21
+ _onClick = _defaultProps$props.onClick;
27
22
  var prefixCls = 'nut-row';
28
-
29
23
  var getClass = function getClass(prefix, type) {
30
24
  var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
31
25
  var className = prefix ? classType : "nut-row-".concat(type);
32
26
  return className;
33
27
  };
34
-
35
28
  var getClasses = function getClasses() {
36
29
  return "\n ".concat(getClass('', type), "\n ").concat(getClass('justify', justify), "\n ").concat(getClass('align', align), "\n ").concat(getClass('flex', wrap), "\n ").concat(prefixCls, "\n ");
37
30
  };
38
-
39
31
  var parentRow = {
40
32
  gutter: gutter
41
33
  };
@@ -48,7 +40,6 @@ var Row = function Row(props) {
48
40
  }
49
41
  }, children));
50
42
  };
51
-
52
43
  Row.defaultProps = defaultProps;
53
44
  Row.displayName = 'NutRow';
54
45
  export { Row as default };