@nutui/nutui-react-taro 1.3.5 → 1.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/esm/Audio.js +4 -4
- package/dist/esm/Calendar.js +4 -4
- package/dist/esm/CalendarItem.js +3 -3
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Drag.js +3 -4
- package/dist/esm/Elevator.js +2 -4
- package/dist/esm/NoticeBar.js +3 -3
- package/dist/esm/Picker.js +3 -3
- package/dist/esm/Popover.js +3 -3
- package/dist/esm/Range.js +3 -3
- package/dist/esm/SearchBar.js +3 -2
- package/dist/esm/Signature.js +3 -2
- package/dist/esm/Swipe.js +3 -3
- package/dist/esm/actionsheet.taro-360d8d34.js +15 -25
- package/dist/esm/address.taro-f16cef31.js +151 -219
- package/dist/esm/animatingnumbers.taro-6f40a2e9.js +13 -41
- package/dist/esm/{audio.taro-29f5568f.js → audio.taro-57d4f0da.js} +33 -60
- package/dist/esm/avatar.taro-ec620cdd.js +25 -50
- package/dist/esm/avatargroup-5b2584d9.js +2 -9
- package/dist/esm/backtop.taro-aa8b2bc5.js +29 -55
- package/dist/esm/badge.taro-38684262.js +9 -20
- package/dist/esm/barrage.taro-d86c367a.js +8 -21
- package/dist/esm/button.taro-a9ebb937.js +22 -37
- package/dist/esm/{calendar.taro-438940bd.js → calendar.taro-533b3219.js} +13 -24
- package/dist/esm/{calendaritem.taro-11333579.js → calendaritem.taro-fe5dd4bd.js} +71 -183
- package/dist/esm/card.taro-1bc35ebe.js +14 -20
- package/dist/esm/cascader.taro-77100fb4.js +77 -197
- package/dist/esm/cell.taro-a4c3bb7b.js +20 -30
- package/dist/esm/cellgroup.taro-8c87bf08.js +6 -12
- package/dist/esm/checkbox.taro-104557c1.js +27 -48
- package/dist/esm/checkboxgroup.taro-3d380042.js +12 -30
- package/dist/esm/circleprogress.taro-3c89a157.js +14 -41
- package/dist/esm/col.taro-2a437387.js +11 -22
- package/dist/esm/collapse.taro-72e58ba2.js +11 -27
- package/dist/esm/collapseitem-75843a5e.js +33 -47
- package/dist/esm/configprovider-3e87d67a.js +2 -6
- package/dist/esm/configprovider.taro-6c7b3056.js +4 -14
- package/dist/esm/countdown.taro-f2d9ffed.js +37 -74
- package/dist/esm/{datepicker.taro-1acec61f.js → datepicker.taro-49a4cf0c.js} +43 -104
- package/dist/esm/dialog.taro-492e2b9a.js +27 -58
- package/dist/esm/divider.taro-5236fe6a.js +8 -15
- package/dist/esm/drag.taro-0717c783.js +153 -0
- package/dist/esm/{elevator.taro-8e385785.js → elevator.taro-443253ec.js} +99 -124
- package/dist/esm/empty.taro-ab9c4f03.js +11 -24
- package/dist/esm/fixednav.taro-582322a1.js +16 -27
- package/dist/esm/grid.taro-5d75c0ad.js +13 -28
- package/dist/esm/griditem.taro-866cd288.js +18 -34
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/icon.taro-1d0d4fb7.js +11 -21
- package/dist/esm/imagepreview.taro-1199e977.js +36 -71
- package/dist/esm/indicator.taro-183ea169.js +9 -20
- package/dist/esm/infiniteloading.taro-b95e62bf.js +23 -49
- package/dist/esm/input.taro-2453d7c4.js +62 -106
- package/dist/esm/inputnumber.taro-0cf7c1b7.js +25 -52
- package/dist/esm/layout.taro-358f014f.js +0 -6
- package/dist/esm/menu.taro-9345dcfd.js +21 -41
- package/dist/esm/menuitem.taro-fc0961b7.js +29 -54
- package/dist/esm/navbar.taro-c931c078.js +18 -34
- package/dist/esm/{noticebar.taro-1fa04a96.js → noticebar.taro-332691f9.js} +55 -107
- package/dist/esm/notify.taro-d9c48fae.js +18 -34
- package/dist/esm/numberkeyboard.taro-53c350b8.js +21 -52
- package/dist/esm/nutui-react.es.js +16 -16
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay.taro-be45fed5.js +12 -23
- package/dist/esm/pagination.taro-62bbd23f.js +38 -71
- package/dist/esm/{picker.taro-6a4dad23.js → picker.taro-f003b725.js} +95 -186
- package/dist/esm/{popover.taro-eddd0bd2.js → popover.taro-7e5dff8c.js} +33 -76
- package/dist/esm/popup.taro-33d0bbc8.js +40 -72
- package/dist/esm/price.taro-97393d8f.js +7 -24
- package/dist/esm/progress.taro-623bc807.js +23 -31
- package/dist/esm/pulltorefresh.taro-e66c78ad.js +29 -92
- package/dist/esm/radio.taro-95d43860.js +24 -47
- package/dist/esm/radiogroup.taro-b5dad516.js +14 -24
- package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js} +50 -133
- package/dist/esm/rate.taro-69c85081.js +21 -39
- package/dist/esm/row.taro-cec13a7e.js +7 -16
- package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js} +55 -70
- package/dist/esm/shortpassword.taro-2e96ca22.js +29 -56
- package/dist/esm/sidenavbar.taro-87f056cd.js +9 -16
- package/dist/esm/sidenavbaritem.taro-77e077f4.js +4 -11
- package/dist/esm/signature.taro-59b3b3ab.js +146 -0
- package/dist/esm/skeleton.taro-b9ff84b9.js +13 -23
- package/dist/esm/step.taro-f1057500.js +12 -28
- package/dist/esm/steps.taro-943f4fbb.js +6 -14
- package/dist/esm/sticky.taro-30d4e453.js +0 -7
- package/dist/esm/subsidenavbar.taro-2c1fcf16.js +7 -22
- package/dist/esm/{swipe.taro-dfb9a049.js → swipe.taro-83bc248f.js} +98 -91
- package/dist/esm/swiper.taro-f314d67a.js +110 -196
- package/dist/esm/swiperitem-d00e7513.js +2 -12
- package/dist/esm/switch.taro-be5eb823.js +13 -27
- package/dist/esm/tabbar.taro-da72fa2c.js +13 -25
- package/dist/esm/tabbaritem.taro-94cd62c2.js +15 -23
- package/dist/esm/table.taro-7ac89a6c.js +19 -39
- package/dist/esm/tabpane.taro-95aa185b.js +4 -10
- package/dist/esm/tabs.taro-86186dff.js +28 -54
- package/dist/esm/tag.taro-95d7f5c2.js +19 -36
- package/dist/esm/textarea.taro-388d1f90.js +18 -35
- package/dist/esm/timedetail.taro-519808cf.js +15 -28
- package/dist/esm/timepannel.taro-9904f6e6.js +5 -12
- package/dist/esm/timeselect.taro-73796bfc.js +35 -59
- package/dist/esm/toast.taro-86862dff.js +26 -46
- package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/signature/signature.taro.d.ts +10 -2
- package/dist/esm/uploader.taro-6184abe7.js +52 -144
- package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js} +1 -40
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/esm/video-c1090c92.js +8 -19
- package/dist/esm/virtuallist.taro-6858f690.js +84 -118
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +10844 -11362
- package/dist/nutui.react.umd.js +10844 -11362
- package/dist/packages/searchbar/searchbar.scss +20 -3
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/types/index.d.ts +17 -8
- package/package.json +1 -1
- package/dist/esm/drag.taro-56e8c87a.js +0 -134
- package/dist/esm/signature.taro-a9286cd1.js +0 -178
|
@@ -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
|
-
|
|
32
|
-
|
|
26
|
+
locale = _useConfig.locale;
|
|
33
27
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
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
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
45
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
46
|
+
isInfiniting = _useState2[0],
|
|
47
|
+
setIsInfiniting = _useState2[1];
|
|
56
48
|
var _useState3 = useState(0),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
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
|
-
|
|
87
|
-
|
|
73
|
+
locale = _useConfig.locale;
|
|
88
74
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
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
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
125
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
126
|
+
inputValue = _useState2[0],
|
|
127
|
+
SetInputValue = _useState2[1];
|
|
145
128
|
var _useState3 = useState(false),
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
129
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
130
|
+
active = _useState4[0],
|
|
131
|
+
SetActive = _useState4[1];
|
|
150
132
|
var _useState5 = useState(''),
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
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
|
-
}
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
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 };
|