@nutui/nutui-react-taro 1.3.5 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/esm/Audio.js +4 -4
  3. package/dist/esm/Calendar.js +4 -4
  4. package/dist/esm/CalendarItem.js +3 -3
  5. package/dist/esm/DatePicker.js +4 -4
  6. package/dist/esm/Drag.js +3 -4
  7. package/dist/esm/Elevator.js +2 -4
  8. package/dist/esm/NoticeBar.js +3 -3
  9. package/dist/esm/Picker.js +3 -3
  10. package/dist/esm/Popover.js +3 -3
  11. package/dist/esm/Range.js +3 -3
  12. package/dist/esm/SearchBar.js +3 -2
  13. package/dist/esm/Signature.js +3 -2
  14. package/dist/esm/Swipe.js +3 -3
  15. package/dist/esm/actionsheet.taro-360d8d34.js +15 -25
  16. package/dist/esm/address.taro-f16cef31.js +151 -219
  17. package/dist/esm/animatingnumbers.taro-6f40a2e9.js +13 -41
  18. package/dist/esm/{audio.taro-29f5568f.js → audio.taro-57d4f0da.js} +33 -60
  19. package/dist/esm/avatar.taro-ec620cdd.js +25 -50
  20. package/dist/esm/avatargroup-5b2584d9.js +2 -9
  21. package/dist/esm/backtop.taro-aa8b2bc5.js +29 -55
  22. package/dist/esm/badge.taro-38684262.js +9 -20
  23. package/dist/esm/barrage.taro-d86c367a.js +8 -21
  24. package/dist/esm/button.taro-a9ebb937.js +22 -37
  25. package/dist/esm/{calendar.taro-438940bd.js → calendar.taro-533b3219.js} +13 -24
  26. package/dist/esm/{calendaritem.taro-11333579.js → calendaritem.taro-fe5dd4bd.js} +71 -183
  27. package/dist/esm/card.taro-1bc35ebe.js +14 -20
  28. package/dist/esm/cascader.taro-77100fb4.js +77 -197
  29. package/dist/esm/cell.taro-a4c3bb7b.js +20 -30
  30. package/dist/esm/cellgroup.taro-8c87bf08.js +6 -12
  31. package/dist/esm/checkbox.taro-104557c1.js +27 -48
  32. package/dist/esm/checkboxgroup.taro-3d380042.js +12 -30
  33. package/dist/esm/circleprogress.taro-3c89a157.js +14 -41
  34. package/dist/esm/col.taro-2a437387.js +11 -22
  35. package/dist/esm/collapse.taro-72e58ba2.js +11 -27
  36. package/dist/esm/collapseitem-75843a5e.js +33 -47
  37. package/dist/esm/configprovider-3e87d67a.js +2 -6
  38. package/dist/esm/configprovider.taro-6c7b3056.js +4 -14
  39. package/dist/esm/countdown.taro-f2d9ffed.js +37 -74
  40. package/dist/esm/{datepicker.taro-1acec61f.js → datepicker.taro-49a4cf0c.js} +43 -104
  41. package/dist/esm/dialog.taro-492e2b9a.js +27 -58
  42. package/dist/esm/divider.taro-5236fe6a.js +8 -15
  43. package/dist/esm/drag.taro-0717c783.js +153 -0
  44. package/dist/esm/{elevator.taro-8e385785.js → elevator.taro-443253ec.js} +99 -124
  45. package/dist/esm/empty.taro-ab9c4f03.js +11 -24
  46. package/dist/esm/fixednav.taro-582322a1.js +16 -27
  47. package/dist/esm/grid.taro-5d75c0ad.js +13 -28
  48. package/dist/esm/griditem.taro-866cd288.js +18 -34
  49. package/dist/esm/icon-8dc4de10.js +11 -21
  50. package/dist/esm/icon.taro-1d0d4fb7.js +11 -21
  51. package/dist/esm/imagepreview.taro-1199e977.js +36 -71
  52. package/dist/esm/indicator.taro-183ea169.js +9 -20
  53. package/dist/esm/infiniteloading.taro-b95e62bf.js +23 -49
  54. package/dist/esm/input.taro-2453d7c4.js +62 -106
  55. package/dist/esm/inputnumber.taro-0cf7c1b7.js +25 -52
  56. package/dist/esm/layout.taro-358f014f.js +0 -6
  57. package/dist/esm/menu.taro-9345dcfd.js +21 -41
  58. package/dist/esm/menuitem.taro-fc0961b7.js +29 -54
  59. package/dist/esm/navbar.taro-c931c078.js +18 -34
  60. package/dist/esm/{noticebar.taro-1fa04a96.js → noticebar.taro-332691f9.js} +55 -107
  61. package/dist/esm/notify.taro-d9c48fae.js +18 -34
  62. package/dist/esm/numberkeyboard.taro-53c350b8.js +21 -52
  63. package/dist/esm/nutui-react.es.js +16 -16
  64. package/dist/esm/offsetContext-0e3d04b3.js +0 -3
  65. package/dist/esm/overlay.taro-be45fed5.js +12 -23
  66. package/dist/esm/pagination.taro-62bbd23f.js +38 -71
  67. package/dist/esm/{picker.taro-6a4dad23.js → picker.taro-f003b725.js} +95 -186
  68. package/dist/esm/{popover.taro-eddd0bd2.js → popover.taro-7e5dff8c.js} +33 -76
  69. package/dist/esm/popup.taro-33d0bbc8.js +40 -72
  70. package/dist/esm/price.taro-97393d8f.js +7 -24
  71. package/dist/esm/progress.taro-623bc807.js +23 -31
  72. package/dist/esm/pulltorefresh.taro-e66c78ad.js +29 -92
  73. package/dist/esm/radio.taro-95d43860.js +24 -47
  74. package/dist/esm/radiogroup.taro-b5dad516.js +14 -24
  75. package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js} +50 -133
  76. package/dist/esm/rate.taro-69c85081.js +21 -39
  77. package/dist/esm/row.taro-cec13a7e.js +7 -16
  78. package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js} +55 -70
  79. package/dist/esm/shortpassword.taro-2e96ca22.js +29 -56
  80. package/dist/esm/sidenavbar.taro-87f056cd.js +9 -16
  81. package/dist/esm/sidenavbaritem.taro-77e077f4.js +4 -11
  82. package/dist/esm/signature.taro-59b3b3ab.js +146 -0
  83. package/dist/esm/skeleton.taro-b9ff84b9.js +13 -23
  84. package/dist/esm/step.taro-f1057500.js +12 -28
  85. package/dist/esm/steps.taro-943f4fbb.js +6 -14
  86. package/dist/esm/sticky.taro-30d4e453.js +0 -7
  87. package/dist/esm/subsidenavbar.taro-2c1fcf16.js +7 -22
  88. package/dist/esm/{swipe.taro-dfb9a049.js → swipe.taro-83bc248f.js} +98 -91
  89. package/dist/esm/swiper.taro-f314d67a.js +110 -196
  90. package/dist/esm/swiperitem-d00e7513.js +2 -12
  91. package/dist/esm/switch.taro-be5eb823.js +13 -27
  92. package/dist/esm/tabbar.taro-da72fa2c.js +13 -25
  93. package/dist/esm/tabbaritem.taro-94cd62c2.js +15 -23
  94. package/dist/esm/table.taro-7ac89a6c.js +19 -39
  95. package/dist/esm/tabpane.taro-95aa185b.js +4 -10
  96. package/dist/esm/tabs.taro-86186dff.js +28 -54
  97. package/dist/esm/tag.taro-95d7f5c2.js +19 -36
  98. package/dist/esm/textarea.taro-388d1f90.js +18 -35
  99. package/dist/esm/timedetail.taro-519808cf.js +15 -28
  100. package/dist/esm/timepannel.taro-9904f6e6.js +5 -12
  101. package/dist/esm/timeselect.taro-73796bfc.js +35 -59
  102. package/dist/esm/toast.taro-86862dff.js +26 -46
  103. package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
  104. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
  105. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +2 -0
  106. package/dist/esm/types/src/packages/signature/signature.taro.d.ts +10 -2
  107. package/dist/esm/uploader.taro-6184abe7.js +52 -144
  108. package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js} +1 -40
  109. package/dist/esm/useTouch-a2ea68c6.js +27 -47
  110. package/dist/esm/video-c1090c92.js +8 -19
  111. package/dist/esm/virtuallist.taro-6858f690.js +84 -118
  112. package/dist/locales/base.js +1 -1
  113. package/dist/locales/en-US.js +1 -1
  114. package/dist/locales/id-ID.js +1 -1
  115. package/dist/locales/zh-CN.js +1 -1
  116. package/dist/locales/zh-TW.js +1 -1
  117. package/dist/nutui.react.es.js +10844 -11362
  118. package/dist/nutui.react.umd.js +10844 -11362
  119. package/dist/packages/searchbar/searchbar.scss +20 -3
  120. package/dist/style.css +1 -1
  121. package/dist/style.es.js +1 -1
  122. package/dist/types/index.d.ts +17 -8
  123. package/package.json +1 -1
  124. package/dist/esm/drag.taro-56e8c87a.js +0 -134
  125. package/dist/esm/signature.taro-a9286cd1.js +0 -178
@@ -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 } from 'react';
9
6
  import classNames from 'classnames';
10
7
  import { ScrollView } from '@tarojs/components';
@@ -13,7 +10,6 @@ import { c as cn } from './bem-893ad28d.js';
13
10
  import { I as Icon } from './icon.taro-1d0d4fb7.js';
14
11
  import { u as useConfig } from './configprovider.taro-6c7b3056.js';
15
12
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
16
-
17
13
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
18
14
  hasMore: true,
19
15
  upperThreshold: 40,
@@ -25,39 +21,34 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
25
21
  loadTxt: '加载中···',
26
22
  loadMoreTxt: '哎呀,这里是底部了啦'
27
23
  });
28
-
29
24
  var Infiniteloading = function Infiniteloading(props) {
30
25
  var _useConfig = useConfig(),
31
- locale = _useConfig.locale;
32
-
26
+ locale = _useConfig.locale;
33
27
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
34
- children = _defaultProps$props.children,
35
- hasMore = _defaultProps$props.hasMore,
36
- upperThreshold = _defaultProps$props.upperThreshold,
37
- containerId = _defaultProps$props.containerId,
38
- isOpenRefresh = _defaultProps$props.isOpenRefresh,
39
- pullIcon = _defaultProps$props.pullIcon,
40
- pullTxt = _defaultProps$props.pullTxt,
41
- loadIcon = _defaultProps$props.loadIcon,
42
- loadTxt = _defaultProps$props.loadTxt,
43
- loadMoreTxt = _defaultProps$props.loadMoreTxt,
44
- className = _defaultProps$props.className,
45
- onRefresh = _defaultProps$props.onRefresh,
46
- onLoadMore = _defaultProps$props.onLoadMore,
47
- onScrollChange = _defaultProps$props.onScrollChange,
48
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
49
- iconFontClassName = _defaultProps$props.iconFontClassName;
50
-
28
+ children = _defaultProps$props.children,
29
+ hasMore = _defaultProps$props.hasMore,
30
+ upperThreshold = _defaultProps$props.upperThreshold,
31
+ containerId = _defaultProps$props.containerId,
32
+ isOpenRefresh = _defaultProps$props.isOpenRefresh,
33
+ pullIcon = _defaultProps$props.pullIcon,
34
+ pullTxt = _defaultProps$props.pullTxt,
35
+ loadIcon = _defaultProps$props.loadIcon,
36
+ loadTxt = _defaultProps$props.loadTxt,
37
+ loadMoreTxt = _defaultProps$props.loadMoreTxt,
38
+ className = _defaultProps$props.className,
39
+ onRefresh = _defaultProps$props.onRefresh,
40
+ onLoadMore = _defaultProps$props.onLoadMore,
41
+ onScrollChange = _defaultProps$props.onScrollChange,
42
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
43
+ iconFontClassName = _defaultProps$props.iconFontClassName;
51
44
  var _useState = useState(false),
52
- _useState2 = _slicedToArray(_useState, 2),
53
- isInfiniting = _useState2[0],
54
- setIsInfiniting = _useState2[1];
55
-
45
+ _useState2 = _slicedToArray(_useState, 2),
46
+ isInfiniting = _useState2[0],
47
+ setIsInfiniting = _useState2[1];
56
48
  var _useState3 = useState(0),
57
- _useState4 = _slicedToArray(_useState3, 2),
58
- topDisScoll = _useState4[0],
59
- setTopDisScoll = _useState4[1];
60
-
49
+ _useState4 = _slicedToArray(_useState3, 2),
50
+ topDisScoll = _useState4[0],
51
+ setTopDisScoll = _useState4[1];
61
52
  var refreshTop = useRef(null);
62
53
  var scrollHeight = useRef(0);
63
54
  var scrollTop = useRef(0);
@@ -75,35 +66,29 @@ var Infiniteloading = function Infiniteloading(props) {
75
66
  }, 200);
76
67
  }, [hasMore, isInfiniting]);
77
68
  /** 获取需要滚动的距离 */
78
-
79
69
  var getScrollHeight = function getScrollHeight() {
80
70
  var parentElement = getParentElement('scroller');
81
71
  parentElement.boundingClientRect(function (rect) {
82
72
  scrollHeight.current = rect.height;
83
73
  }).exec();
84
74
  };
85
-
86
75
  var getStyle = function getStyle() {
87
76
  return {
88
77
  height: topDisScoll < 0 ? "0px" : "".concat(topDisScoll, "px"),
89
78
  transition: "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
90
79
  };
91
80
  };
92
-
93
81
  var getParentElement = function getParentElement(el) {
94
82
  return Taro.createSelectorQuery().select(containerId ? "#".concat(containerId, " #").concat(el) : "#".concat(el));
95
83
  };
96
-
97
84
  var infiniteDone = function infiniteDone() {
98
85
  setIsInfiniting(false);
99
86
  };
100
-
101
87
  var refreshDone = function refreshDone() {
102
88
  distance.current = 0;
103
89
  setTopDisScoll(0);
104
90
  isTouching.current = false;
105
91
  };
106
-
107
92
  var scrollAction = function scrollAction(e) {
108
93
  if (e.detail.scrollTop <= 0) {
109
94
  // 滚动到最顶部
@@ -112,40 +97,32 @@ var Infiniteloading = function Infiniteloading(props) {
112
97
  // 滚动到最底部
113
98
  e.detail.scrollTop = scrollHeight.current;
114
99
  }
115
-
116
100
  if (e.detail.scrollTop > scrollTop.current || e.detail.scrollTop >= scrollHeight.current) {
117
101
  direction.current = 'down';
118
102
  } else {
119
103
  direction.current = 'up';
120
104
  }
121
-
122
105
  scrollTop.current = e.detail.scrollTop;
123
106
  onScrollChange && onScrollChange(e.detail.scrollTop);
124
107
  };
125
-
126
108
  var lower = function lower() {
127
109
  if (direction.current == 'up' || !hasMore || isInfiniting) {
128
110
  return false;
129
111
  }
130
-
131
112
  setIsInfiniting(true);
132
113
  onLoadMore && onLoadMore(infiniteDone);
133
114
  };
134
-
135
115
  var touchStart = function touchStart(event) {
136
116
  if (scrollTop.current == 0 && !isTouching.current && isOpenRefresh) {
137
117
  y.current = event.touches[0].pageY;
138
118
  isTouching.current = true;
139
119
  }
140
120
  };
141
-
142
121
  var touchMove = function touchMove(event) {
143
122
  distance.current = event.touches[0].pageY - y.current;
144
-
145
123
  if (distance.current > 0 && isTouching.current) {
146
124
  event.preventDefault();
147
125
  setTopDisScoll(distance.current);
148
-
149
126
  if (distance.current >= refreshMaxH.current) {
150
127
  distance.current = refreshMaxH.current;
151
128
  setTopDisScoll(refreshMaxH.current);
@@ -156,7 +133,6 @@ var Infiniteloading = function Infiniteloading(props) {
156
133
  isTouching.current = false;
157
134
  }
158
135
  };
159
-
160
136
  var touchEnd = function touchEnd() {
161
137
  if (distance.current < refreshMaxH.current) {
162
138
  distance.current = 0;
@@ -165,7 +141,6 @@ var Infiniteloading = function Infiniteloading(props) {
165
141
  onRefresh && onRefresh(refreshDone);
166
142
  }
167
143
  };
168
-
169
144
  return React__default.createElement(ScrollView, {
170
145
  className: classes,
171
146
  scrollY: true,
@@ -206,7 +181,6 @@ var Infiniteloading = function Infiniteloading(props) {
206
181
  className: "tips"
207
182
  }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
208
183
  };
209
-
210
184
  Infiniteloading.defaultProps = defaultProps;
211
185
  Infiniteloading.displayName = 'NutInfiniteloading';
212
186
  export { Infiniteloading as I };
@@ -2,50 +2,38 @@ 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 = ["children", "type", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "change", "blur", "focus", "clear", "formatter", "keypress", "clickInput", "clickLeftIcon", "clickRightIcon", "click", "iconClassPrefix", "iconFontClassName"];
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, useRef, useLayoutEffect, useEffect, useCallback } from 'react';
11
8
  import { I as Icon } from './icon.taro-1d0d4fb7.js';
12
9
  import { u as useConfig } from './configprovider.taro-6c7b3056.js';
13
10
  import { C as ComponentDefaults } from './typings-1c5f2628.js';
14
-
15
11
  function trimExtraChar(value, _char, regExp) {
16
12
  var index = value.indexOf(_char);
17
-
18
13
  if (index === -1) {
19
14
  return value;
20
15
  }
21
-
22
16
  if (_char === '-' && index !== 0) {
23
17
  return value.slice(0, index);
24
18
  }
25
-
26
19
  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
27
20
  }
28
-
29
21
  function formatNumber(value) {
30
22
  var allowDot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
31
23
  var allowMinus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
32
-
33
24
  if (allowDot) {
34
25
  value = trimExtraChar(value, '.', /\./g);
35
26
  } else {
36
27
  value = value.split('.')[0];
37
28
  }
38
-
39
29
  if (allowMinus) {
40
30
  value = trimExtraChar(value, '-', /-/g);
41
31
  } else {
42
32
  value = value.replace(/-/, '');
43
33
  }
44
-
45
34
  var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
46
35
  return value.replace(regExp, '');
47
36
  }
48
-
49
37
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
50
38
  type: 'text',
51
39
  defaultValue: '',
@@ -80,89 +68,80 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
80
68
  slotButton: null,
81
69
  slotInput: null
82
70
  });
83
-
84
71
  var Input = function Input(props) {
85
72
  var _useConfig = useConfig(),
86
- locale = _useConfig.locale;
87
-
73
+ locale = _useConfig.locale;
88
74
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
89
- children = _defaultProps$props.children,
90
- type = _defaultProps$props.type,
91
- defaultValue = _defaultProps$props.defaultValue,
92
- placeholder = _defaultProps$props.placeholder,
93
- label = _defaultProps$props.label,
94
- labelClass = _defaultProps$props.labelClass,
95
- labelWidth = _defaultProps$props.labelWidth,
96
- labelAlign = _defaultProps$props.labelAlign,
97
- colon = _defaultProps$props.colon,
98
- inputAlign = _defaultProps$props.inputAlign,
99
- center = _defaultProps$props.center,
100
- required = _defaultProps$props.required,
101
- disabled = _defaultProps$props.disabled,
102
- readonly = _defaultProps$props.readonly,
103
- error = _defaultProps$props.error,
104
- maxlength = _defaultProps$props.maxlength,
105
- leftIcon = _defaultProps$props.leftIcon,
106
- leftIconSize = _defaultProps$props.leftIconSize,
107
- rightIcon = _defaultProps$props.rightIcon,
108
- rightIconSize = _defaultProps$props.rightIconSize,
109
- clearable = _defaultProps$props.clearable,
110
- clearIcon = _defaultProps$props.clearIcon,
111
- clearSize = _defaultProps$props.clearSize,
112
- border = _defaultProps$props.border,
113
- formatTrigger = _defaultProps$props.formatTrigger,
114
- rules = _defaultProps$props.rules,
115
- errorMessage = _defaultProps$props.errorMessage,
116
- errorMessageAlign = _defaultProps$props.errorMessageAlign,
117
- showWordLimit = _defaultProps$props.showWordLimit,
118
- autofocus = _defaultProps$props.autofocus,
119
- style = _defaultProps$props.style,
120
- className = _defaultProps$props.className,
121
- rows = _defaultProps$props.rows,
122
- slotButton = _defaultProps$props.slotButton,
123
- slotInput = _defaultProps$props.slotInput,
124
- change = _defaultProps$props.change,
125
- blur = _defaultProps$props.blur,
126
- focus = _defaultProps$props.focus,
127
- clear = _defaultProps$props.clear,
128
- formatter = _defaultProps$props.formatter,
129
- keypress = _defaultProps$props.keypress,
130
- clickInput = _defaultProps$props.clickInput,
131
- clickLeftIcon = _defaultProps$props.clickLeftIcon,
132
- clickRightIcon = _defaultProps$props.clickRightIcon,
133
- click = _defaultProps$props.click,
134
- iconClassPrefix = _defaultProps$props.iconClassPrefix,
135
- iconFontClassName = _defaultProps$props.iconFontClassName,
136
- rest = _objectWithoutProperties(_defaultProps$props, _excluded);
137
-
75
+ children = _defaultProps$props.children,
76
+ type = _defaultProps$props.type,
77
+ defaultValue = _defaultProps$props.defaultValue,
78
+ placeholder = _defaultProps$props.placeholder,
79
+ label = _defaultProps$props.label,
80
+ labelClass = _defaultProps$props.labelClass,
81
+ labelWidth = _defaultProps$props.labelWidth,
82
+ labelAlign = _defaultProps$props.labelAlign,
83
+ colon = _defaultProps$props.colon,
84
+ inputAlign = _defaultProps$props.inputAlign,
85
+ center = _defaultProps$props.center,
86
+ required = _defaultProps$props.required,
87
+ disabled = _defaultProps$props.disabled,
88
+ readonly = _defaultProps$props.readonly,
89
+ error = _defaultProps$props.error,
90
+ maxlength = _defaultProps$props.maxlength,
91
+ leftIcon = _defaultProps$props.leftIcon,
92
+ leftIconSize = _defaultProps$props.leftIconSize,
93
+ rightIcon = _defaultProps$props.rightIcon,
94
+ rightIconSize = _defaultProps$props.rightIconSize,
95
+ clearable = _defaultProps$props.clearable,
96
+ clearIcon = _defaultProps$props.clearIcon,
97
+ clearSize = _defaultProps$props.clearSize,
98
+ border = _defaultProps$props.border,
99
+ formatTrigger = _defaultProps$props.formatTrigger,
100
+ rules = _defaultProps$props.rules,
101
+ errorMessage = _defaultProps$props.errorMessage,
102
+ errorMessageAlign = _defaultProps$props.errorMessageAlign,
103
+ showWordLimit = _defaultProps$props.showWordLimit,
104
+ autofocus = _defaultProps$props.autofocus,
105
+ style = _defaultProps$props.style,
106
+ className = _defaultProps$props.className,
107
+ rows = _defaultProps$props.rows,
108
+ slotButton = _defaultProps$props.slotButton,
109
+ slotInput = _defaultProps$props.slotInput,
110
+ change = _defaultProps$props.change,
111
+ blur = _defaultProps$props.blur,
112
+ focus = _defaultProps$props.focus,
113
+ clear = _defaultProps$props.clear,
114
+ formatter = _defaultProps$props.formatter,
115
+ keypress = _defaultProps$props.keypress,
116
+ clickInput = _defaultProps$props.clickInput,
117
+ clickLeftIcon = _defaultProps$props.clickLeftIcon,
118
+ clickRightIcon = _defaultProps$props.clickRightIcon,
119
+ click = _defaultProps$props.click,
120
+ iconClassPrefix = _defaultProps$props.iconClassPrefix,
121
+ iconFontClassName = _defaultProps$props.iconFontClassName,
122
+ rest = _objectWithoutProperties(_defaultProps$props, _excluded);
138
123
  locale.placeholder = placeholder || locale.placeholder;
139
-
140
124
  var _useState = useState(''),
141
- _useState2 = _slicedToArray(_useState, 2),
142
- inputValue = _useState2[0],
143
- SetInputValue = _useState2[1];
144
-
125
+ _useState2 = _slicedToArray(_useState, 2),
126
+ inputValue = _useState2[0],
127
+ SetInputValue = _useState2[1];
145
128
  var _useState3 = useState(false),
146
- _useState4 = _slicedToArray(_useState3, 2),
147
- active = _useState4[0],
148
- SetActive = _useState4[1];
149
-
129
+ _useState4 = _slicedToArray(_useState3, 2),
130
+ active = _useState4[0],
131
+ SetActive = _useState4[1];
150
132
  var _useState5 = useState(''),
151
- _useState6 = _slicedToArray(_useState5, 2),
152
- classes = _useState6[0],
153
- setClasses = _useState6[1];
154
-
133
+ _useState6 = _slicedToArray(_useState5, 2),
134
+ classes = _useState6[0],
135
+ setClasses = _useState6[1];
155
136
  var getModelValue = function getModelValue() {
156
137
  return String(inputValue !== null && inputValue !== void 0 ? inputValue : '');
157
138
  };
158
-
159
139
  var inputRef = useRef(null);
160
140
  useLayoutEffect(function () {
161
141
  updateValue(getModelValue(), formatTrigger);
162
142
  });
163
143
  useEffect(function () {
164
144
  setClasses(inputClass);
165
-
166
145
  if (defaultValue) {
167
146
  SetInputValue(defaultValue);
168
147
  }
@@ -177,37 +156,30 @@ var Input = function Input(props) {
177
156
  var prefixCls = 'nut-input';
178
157
  return [prefixCls, "".concat(center ? 'center' : ''), "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(required ? "".concat(prefixCls, "-required") : ''), "".concat(error ? "".concat(prefixCls, "-error") : ''), "".concat(border ? "".concat(prefixCls, "-border") : '')].filter(Boolean).join(' ');
179
158
  }, [disabled, required, error, border]);
180
-
181
159
  var updateValue = function updateValue(value) {
182
160
  var _inputRef$current;
183
-
184
161
  var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
185
162
  var val = value;
186
-
187
163
  if (type === 'digit' || type === 'tel') {
188
164
  val = formatNumber(val, false, false);
189
165
  }
190
-
191
166
  if (type === 'number') {
192
167
  val = formatNumber(val, true, true);
193
168
  }
194
-
195
169
  if (type === 'tel' && !formatter) {
196
170
  var regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
197
171
  var regNumber = /[^-0-9]/g;
198
172
  val = !regTel.test(val) && val.length > 11 ? val.substring(0, 11) : val.replace(regNumber, '');
199
173
  }
200
-
201
174
  if (formatter && trigger === formatTrigger) {
202
175
  val = formatter(val);
203
176
  }
204
-
205
177
  if ((inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) !== val) {
206
178
  inputRef.current.value = val;
207
- } // if (val !== defaultValue) {
208
-
209
-
210
- SetInputValue(val); // }
179
+ }
180
+ // if (val !== defaultValue) {
181
+ SetInputValue(val);
182
+ // }
211
183
  };
212
184
 
213
185
  var _onFocus = function onFocus(event) {
@@ -215,63 +187,48 @@ var Input = function Input(props) {
215
187
  SetActive(true);
216
188
  focus && focus(val, event);
217
189
  };
218
-
219
190
  var _onInput = function onInput(event) {
220
191
  var val = event.target.value;
221
-
222
192
  if (maxlength && val.length > Number(maxlength)) {
223
193
  val = val.slice(0, Number(maxlength));
224
194
  }
225
-
226
195
  updateValue(val);
227
196
  change && change(val, event);
228
197
  };
229
-
230
198
  var _onBlur = function onBlur(event) {
231
199
  setTimeout(function () {
232
200
  SetActive(false);
233
201
  }, 200);
234
202
  var val = event.target.value;
235
-
236
203
  if (maxlength && val.length > Number(maxlength)) {
237
204
  val = val.slice(0, Number(maxlength));
238
205
  }
239
-
240
206
  updateValue(getModelValue(), 'onBlur');
241
207
  blur && blur(val, event);
242
208
  };
243
-
244
209
  var onClickInput = function onClickInput(event) {
245
210
  clickInput && clickInput(event);
246
211
  };
247
-
248
212
  var onClickLeftIcon = function onClickLeftIcon(event) {
249
213
  clickLeftIcon && clickLeftIcon(event);
250
214
  };
251
-
252
215
  var onClickRightIcon = function onClickRightIcon(event) {
253
216
  clickRightIcon && clickRightIcon(event);
254
217
  };
255
-
256
218
  var resetValidation = function resetValidation() {};
257
-
258
219
  var inputType = function inputType(type) {
259
220
  if (type === 'number') {
260
221
  return 'text';
261
222
  }
262
-
263
223
  if (type === 'digit') {
264
224
  return 'tel';
265
225
  }
266
-
267
226
  return type;
268
227
  };
269
-
270
228
  var handleClear = function handleClear(event) {
271
229
  updateValue('');
272
230
  clear && clear('', event);
273
231
  };
274
-
275
232
  return React__default.createElement("div", _objectSpread(_objectSpread({
276
233
  className: "".concat(classes, " ").concat(className || ''),
277
234
  style: style
@@ -395,7 +352,6 @@ var Input = function Input(props) {
395
352
  }
396
353
  }, errorMessage) : null)));
397
354
  };
398
-
399
355
  Input.defaultProps = defaultProps;
400
356
  Input.displayName = 'NutInput';
401
357
  export { Input as I };