@hi-ui/hiui 2.15.10 → 2.15.12
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 +3 -0
- package/es/_util/SwitchVersion.js +5 -9
- package/es/_util/depreactedPropsCompat.js +2 -2
- package/es/_util/index.js +0 -1
- package/es/alert/Alert.js +15 -23
- package/es/alert/__tests__/index.test.js +11 -15
- package/es/badge/Badge.js +11 -19
- package/es/badge/__tests__/index.test.js +8 -8
- package/es/breadcrumb/__tests__/index.test.js +4 -4
- package/es/breadcrumb/index.js +13 -21
- package/es/button/Button.js +16 -22
- package/es/button/ButtonGroup.js +9 -17
- package/es/button/IconLoading.js +4 -4
- package/es/button/__tests__/index.test.js +48 -46
- package/es/card/__tests__/index.test.js +54 -44
- package/es/card/index.js +17 -25
- package/es/carousel/__tests__/index.test.js +10 -10
- package/es/carousel/index.js +22 -30
- package/es/cascader/Cascader.js +22 -30
- package/es/cascader/Menu.js +17 -23
- package/es/cascader/__tests__/index.test.js +42 -39
- package/es/checkbox/Checkbox.js +14 -22
- package/es/checkbox/Group.js +13 -21
- package/es/checkbox/__tests__/index.test.js +18 -18
- package/es/checkbox/checkbox-legacy/Base.js +13 -21
- package/es/checkbox/checkbox-legacy/CheckBox.js +12 -20
- package/es/collapse/__tests__/index.test.js +19 -19
- package/es/collapse/index.js +20 -28
- package/es/confirm/index.js +11 -19
- package/es/context/index.js +16 -24
- package/es/counter/Counter.js +23 -27
- package/es/counter/__tests__/index.test.js +7 -7
- package/es/counter/counter-legacy/index.js +11 -15
- package/es/date-picker/BasePicker.js +17 -25
- package/es/date-picker/Calender.js +28 -36
- package/es/date-picker/DatePanel.js +29 -37
- package/es/date-picker/DatePicker.js +17 -21
- package/es/date-picker/DateRangePanel.js +39 -47
- package/es/date-picker/Modal.js +7 -11
- package/es/date-picker/Time.js +16 -24
- package/es/date-picker/TimeList.js +18 -26
- package/es/date-picker/TimePanel.js +10 -18
- package/es/date-picker/TimePeriodPanel.js +14 -22
- package/es/date-picker/TimePicker.js +8 -12
- package/es/date-picker/TimeRangePanel.js +12 -20
- package/es/date-picker/WeekRangePanel.js +33 -41
- package/es/date-picker/YMRangePanel.js +25 -33
- package/es/date-picker/__tests__/index.test.js +36 -41
- package/es/date-picker/datepicker-legacy/BasePicker.js +18 -26
- package/es/date-picker/datepicker-legacy/Calender.js +16 -24
- package/es/date-picker/datepicker-legacy/DatePanel.js +31 -39
- package/es/date-picker/datepicker-legacy/DatePicker.js +10 -14
- package/es/date-picker/datepicker-legacy/DateRangePanel.js +35 -43
- package/es/date-picker/datepicker-legacy/Modal.js +7 -11
- package/es/date-picker/datepicker-legacy/Time.js +39 -47
- package/es/date-picker/datepicker-legacy/TimePanel.js +10 -18
- package/es/date-picker/datepicker-legacy/TimePeriodPanel.js +14 -22
- package/es/date-picker/datepicker-legacy/TimePicker.js +8 -12
- package/es/date-picker/datepicker-legacy/TimeRangePanel.js +12 -20
- package/es/date-picker/datepicker-legacy/WeekRangePanel.js +28 -36
- package/es/dropdown/Dropdown.js +16 -22
- package/es/dropdown/DropdownButton.js +10 -14
- package/es/dropdown/DropdownMenu.js +9 -13
- package/es/dropdown/DropdownMenuItem.js +20 -26
- package/es/dropdown/__tests__/index.test.js +20 -24
- package/es/dropdown/index.js +8 -12
- package/es/dropdown/tests/index.test.js +5 -5
- package/es/ficon/index.js +7 -11
- package/es/form/Form.js +9 -17
- package/es/form/Item.js +20 -28
- package/es/form/__tests__/index.test.js +69 -73
- package/es/grid/__tests__/index.test.js +21 -25
- package/es/grid/index.js +19 -27
- package/es/icon/index.js +7 -11
- package/es/input/Input.js +24 -36
- package/es/input/__tests__/index.test.js +34 -39
- package/es/input/index.js +4 -8
- package/es/input/input-legacy/index.js +19 -31
- package/es/loading/Loading.js +16 -24
- package/es/loading/__tests__/index.test.js +7 -7
- package/es/locales/en-US.js +3 -1
- package/es/locales/zh-CN.js +3 -1
- package/es/locales/zh-Hant-HK.js +3 -1
- package/es/locales/zh-Hant-TW.js +3 -1
- package/es/menu/Item.js +10 -18
- package/es/menu/Menu.js +20 -28
- package/es/menu/SubMenu.js +16 -24
- package/es/menu/Title.js +11 -19
- package/es/menu/__tests__/index.test.js +14 -19
- package/es/message/__tests__/index.test.js +1 -5
- package/es/message/index.js +4 -4
- package/es/modal/__tests__/index.test.js +15 -15
- package/es/modal/index.js +20 -28
- package/es/nav-menu/NavMenu.js +23 -26
- package/es/nav-menu/__test__/index.test.js +6 -6
- package/es/nav-menu/__tests__/index.test.js +1 -5
- package/es/notice/Notice.js +17 -23
- package/es/notice/NoticeContainer.js +14 -20
- package/es/notice/__tests__/index.test.js +14 -14
- package/es/notice/index.js +2 -2
- package/es/notification/HandleNotification/index.js +16 -24
- package/es/notification/__tests__/index.test.js +1 -5
- package/es/notification/index.js +7 -7
- package/es/pagination/Pager.js +2 -2
- package/es/pagination/Pagination.js +31 -39
- package/es/pagination/__tests__/index.test.js +15 -19
- package/es/panel/index.js +13 -21
- package/es/popover/__test__/index.test.js +8 -8
- package/es/popover/__tests__/index.test.js +16 -16
- package/es/popover/index.js +17 -25
- package/es/popper/index.js +14 -20
- package/es/preview/index.js +43 -41
- package/es/progress/BarProgress.js +15 -17
- package/es/progress/CircleProgress.js +5 -5
- package/es/progress/DashboardProgress.js +5 -5
- package/es/progress/Progress.js +12 -20
- package/es/progress/__tests__/index.test.js +10 -10
- package/es/radio/Group.js +12 -16
- package/es/radio/Radio.js +14 -18
- package/es/radio/__tests__/index.test.js +9 -10
- package/es/radio/radio-legacy/__test__/index.test.js +3 -3
- package/es/radio/radio-legacy/index.js +13 -21
- package/es/rate/Icons.js +68 -68
- package/es/rate/Rate.js +22 -30
- package/es/rate/__tests__/index.test.js +7 -7
- package/es/select/Select.js +18 -25
- package/es/select/SelectDropdown.js +29 -37
- package/es/select/SelectInput.js +47 -52
- package/es/select/__tests__/index.test.js +15 -15
- package/es/select/select-legacy/Option.js +7 -10
- package/es/select/select-legacy/Select.js +16 -24
- package/es/select/select-legacy/SelectDropdown.js +21 -28
- package/es/select/select-legacy/SelectInput.js +48 -52
- package/es/stepper/Stepper.js +15 -19
- package/es/stepper/__tests__/index.test.js +7 -7
- package/es/switch/__tests__/index.test.js +6 -6
- package/es/switch/index.js +10 -18
- package/es/table/Body.js +30 -38
- package/es/table/ClickOuterside.js +11 -19
- package/es/table/Footer.js +19 -27
- package/es/table/Header.js +42 -46
- package/es/table/TableContent.js +14 -22
- package/es/table/__tests__/index.test.js +12 -16
- package/es/table/checkbox/index.js +11 -19
- package/es/table/index.js +98 -105
- package/es/table/menu/index.js +13 -21
- package/es/tabs/ItemDropdown.js +17 -25
- package/es/tabs/TabPane.js +9 -17
- package/es/tabs/Tabs.js +24 -32
- package/es/tabs/__tests__/index.test.js +33 -37
- package/es/tabs/tabs-legacy/ItemDropdown.js +17 -25
- package/es/tabs/tabs-legacy/TabPane.js +9 -17
- package/es/tabs/tabs-legacy/Tabs.js +24 -32
- package/es/tag/__tests__/index.test.js +7 -7
- package/es/tag/index.js +9 -17
- package/es/timeline/__tests__/index.test.js +11 -11
- package/es/timeline/index.js +58 -64
- package/es/tooltip/__tests__/index.test.js +19 -23
- package/es/tooltip/index.js +22 -28
- package/es/transfer/Item.js +33 -40
- package/es/transfer/Transfer.js +30 -38
- package/es/transfer/__tests__/index.test.js +6 -6
- package/es/tree/IconLoading.js +4 -4
- package/es/tree/Tree.js +32 -39
- package/es/tree/TreeDivider.js +3 -3
- package/es/tree/TreeItem.js +40 -42
- package/es/tree/TreeNode.js +40 -40
- package/es/tree/__tests__/index.test.js +22 -26
- package/es/tree/tree-legacy/Tree.js +32 -39
- package/es/tree/tree-legacy/TreeDivider.js +3 -3
- package/es/tree/tree-legacy/TreeItem.js +38 -45
- package/es/tree/tree-legacy/TreeNode.js +28 -36
- package/es/tree/tree-legacy/util.js +1 -1
- package/es/tree/util.js +1 -1
- package/es/upload/Upload.js +23 -27
- package/es/upload/UploadAvatar.js +29 -33
- package/es/upload/UploadClick.js +23 -25
- package/es/upload/UploadDrag.js +28 -32
- package/es/upload/UploadPhoto.js +24 -28
- package/es/upload/UploadPictureCard.js +23 -25
- package/es/upload/__tests__/index.test.js +21 -21
- package/es/upload/main.js +14 -22
- package/es/upload/upload-legacy/Preview.js +26 -34
- package/es/upload/upload-legacy/Upload.js +6 -10
- package/es/upload/upload-legacy/UploadAvatar.js +27 -31
- package/es/upload/upload-legacy/UploadClick.js +19 -23
- package/es/upload/upload-legacy/UploadDrag.js +24 -28
- package/es/upload/upload-legacy/UploadPhoto.js +25 -29
- package/es/upload/upload-legacy/UploadPictureCard.js +20 -24
- package/es/upload/upload-legacy/index.js +13 -21
- package/es/watermark/index.js +8 -12
- package/es/watermark/watermark.js +30 -19
- package/package.json +4 -1
package/es/icon/index.js
CHANGED
|
@@ -15,30 +15,26 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
15
15
|
|
|
16
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
19
|
|
|
22
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
24
|
var _react = _interopRequireDefault(require("react"));
|
|
25
25
|
|
|
26
26
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
27
|
|
|
28
28
|
require("./style/index");
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
var Icon = /*#__PURE__*/function (_React$Component) {
|
|
30
|
+
var Icon =
|
|
31
|
+
/*#__PURE__*/
|
|
32
|
+
function (_React$Component) {
|
|
35
33
|
(0, _inherits2["default"])(Icon, _React$Component);
|
|
36
34
|
|
|
37
|
-
var _super = _createSuper(Icon);
|
|
38
|
-
|
|
39
35
|
function Icon() {
|
|
40
36
|
(0, _classCallCheck2["default"])(this, Icon);
|
|
41
|
-
return
|
|
37
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Icon).apply(this, arguments));
|
|
42
38
|
}
|
|
43
39
|
|
|
44
40
|
(0, _createClass2["default"])(Icon, [{
|
|
@@ -50,7 +46,7 @@ var Icon = /*#__PURE__*/function (_React$Component) {
|
|
|
50
46
|
style = _this$props.style,
|
|
51
47
|
rest = (0, _objectWithoutProperties2["default"])(_this$props, ["className", "name", "style"]);
|
|
52
48
|
var iconCls = (0, _classnames["default"])("hi-icon", "icon-".concat(name), className);
|
|
53
|
-
return
|
|
49
|
+
return _react["default"].createElement("i", (0, _extends2["default"])({
|
|
54
50
|
className: iconCls,
|
|
55
51
|
style: style
|
|
56
52
|
}, rest));
|
package/es/input/Input.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -19,14 +19,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
19
19
|
|
|
20
20
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
21
|
|
|
22
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
22
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
23
|
|
|
28
24
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
25
|
|
|
26
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
27
|
+
|
|
28
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
29
|
+
|
|
30
30
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
31
|
|
|
32
32
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -35,35 +35,23 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
35
35
|
|
|
36
36
|
var _util = require("./util");
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
43
|
-
|
|
44
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* 自定义属性全小写;原声属性驼峰法
|
|
48
|
-
* @prop type 输入框类型
|
|
49
|
-
*/
|
|
50
|
-
var Input = /*#__PURE__*/function (_Component) {
|
|
38
|
+
var Input =
|
|
39
|
+
/*#__PURE__*/
|
|
40
|
+
function (_Component) {
|
|
51
41
|
(0, _inherits2["default"])(Input, _Component);
|
|
52
42
|
|
|
53
|
-
var _super = _createSuper(Input);
|
|
54
|
-
|
|
55
43
|
function Input(props) {
|
|
56
44
|
var _this;
|
|
57
45
|
|
|
58
46
|
(0, _classCallCheck2["default"])(this, Input);
|
|
59
|
-
_this =
|
|
47
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Input).call(this, props));
|
|
60
48
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function () {
|
|
61
49
|
_this._Input.current.focus();
|
|
62
50
|
});
|
|
63
51
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "blur", function () {
|
|
64
52
|
_this._Input.current.blur();
|
|
65
53
|
});
|
|
66
|
-
_this._Input =
|
|
54
|
+
_this._Input = _react["default"].createRef(); // 传入属性
|
|
67
55
|
|
|
68
56
|
var commonAttrs = {
|
|
69
57
|
type: 'text',
|
|
@@ -138,11 +126,11 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
138
126
|
}
|
|
139
127
|
}, {
|
|
140
128
|
key: "renderText",
|
|
141
|
-
|
|
129
|
+
|
|
142
130
|
/**
|
|
143
131
|
* 渲染 text 输入框
|
|
144
132
|
*/
|
|
145
|
-
function renderText() {
|
|
133
|
+
value: function renderText() {
|
|
146
134
|
var _this2 = this;
|
|
147
135
|
|
|
148
136
|
var _this$state = this.state,
|
|
@@ -170,22 +158,22 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
170
158
|
defaultValue = _this$attrs.defaultValue,
|
|
171
159
|
attrs = (0, _objectWithoutProperties2["default"])(_this$attrs, ["defaultValue"]);
|
|
172
160
|
var filterAttrs = (0, _util.filterObjProps)(attrs, ['locale', 'theme', 'suffixicon', 'suffix', 'prepend', 'prefixicon', 'prefix', 'localeDatas', 'append', 'innerRef', 'clearable']);
|
|
173
|
-
return
|
|
161
|
+
return _react["default"].createElement("div", {
|
|
174
162
|
className: (0, _classnames["default"])('hi-input__out', {
|
|
175
163
|
'hi-input--prepend': prepend,
|
|
176
164
|
'hi-input--append': append
|
|
177
165
|
})
|
|
178
166
|
}, // 前置元素
|
|
179
|
-
prepend &&
|
|
167
|
+
prepend && _react["default"].createElement("span", {
|
|
180
168
|
className: "hi-input__prepend"
|
|
181
|
-
}, prepend),
|
|
169
|
+
}, prepend), _react["default"].createElement("div", {
|
|
182
170
|
className: "hi-input__inner".concat(active ? ' active' : '').concat(disabled ? ' disabled' : '')
|
|
183
171
|
}, // 前缀
|
|
184
|
-
prefix &&
|
|
172
|
+
prefix && _react["default"].createElement("span", {
|
|
185
173
|
id: prefixId,
|
|
186
174
|
className: "hi-input__prefix",
|
|
187
175
|
"data-value": prefix
|
|
188
|
-
}, prefix),
|
|
176
|
+
}, prefix), _react["default"].createElement("input", (0, _extends2["default"])({
|
|
189
177
|
ref: this._Input,
|
|
190
178
|
className: "hi-input__text ".concat(disabled ? 'disabled' : ''),
|
|
191
179
|
value: this.state.value,
|
|
@@ -257,7 +245,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
257
245
|
_this2.props.onInput && _this2.props.onInput(e, valueTrue);
|
|
258
246
|
}
|
|
259
247
|
})), // 清除
|
|
260
|
-
noClear.indexOf(type) === -1 && prefix === '' && suffix === '' && value !== '' && clearable &&
|
|
248
|
+
noClear.indexOf(type) === -1 && prefix === '' && suffix === '' && value !== '' && clearable && _react["default"].createElement("span", {
|
|
261
249
|
className: "hi-input__fix-box ".concat((hover || clearableTrigger === 'always') && !disabled ? '' : 'invisible'),
|
|
262
250
|
onClick: function onClick() {
|
|
263
251
|
_this2._Input.current.focus();
|
|
@@ -276,15 +264,15 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
276
264
|
_this2.props.onChange && _this2.props.onChange(e, '');
|
|
277
265
|
});
|
|
278
266
|
}
|
|
279
|
-
},
|
|
267
|
+
}, _react["default"].createElement("i", {
|
|
280
268
|
className: "hi-input__clear hi-input__suffix__icon hi-icon icon-close-circle"
|
|
281
269
|
})), // 后缀
|
|
282
|
-
suffix &&
|
|
270
|
+
suffix && _react["default"].createElement("span", {
|
|
283
271
|
id: suffixId,
|
|
284
272
|
className: "hi-input__suffix",
|
|
285
273
|
"data-value": suffix
|
|
286
274
|
}, suffix)), // 后置元素
|
|
287
|
-
append &&
|
|
275
|
+
append && _react["default"].createElement("span", {
|
|
288
276
|
className: "hi-input__append"
|
|
289
277
|
}, append));
|
|
290
278
|
}
|
|
@@ -305,7 +293,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
305
293
|
defaultValue = _this$attrs2.defaultValue,
|
|
306
294
|
attrs = (0, _objectWithoutProperties2["default"])(_this$attrs2, ["defaultValue"]);
|
|
307
295
|
var filterAttrs = (0, _util.filterObjProps)(attrs, ['locale', 'theme', 'suffixicon', 'suffix', 'prepend', 'prefixicon', 'prefix', 'localeDatas', 'append', 'innerRef', 'clearable']);
|
|
308
|
-
return
|
|
296
|
+
return _react["default"].createElement("textarea", (0, _extends2["default"])({
|
|
309
297
|
className: "hi-input theme__".concat(theme, " ").concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : ''),
|
|
310
298
|
style: this.props.style,
|
|
311
299
|
autoComplete: "off",
|
|
@@ -381,7 +369,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
381
369
|
className = _this$props3.className,
|
|
382
370
|
required = _this$props3.required,
|
|
383
371
|
theme = _this$props3.theme;
|
|
384
|
-
return type === 'textarea' ? this.renderTextarea() :
|
|
372
|
+
return type === 'textarea' ? this.renderTextarea() : _react["default"].createElement("div", {
|
|
385
373
|
id: id,
|
|
386
374
|
className: "hi-input theme__".concat(theme, " ").concat(className || '', " ").concat(type).concat(size ? ' hi-input_' + size : '').concat(required ? ' required' : ''),
|
|
387
375
|
style: this.props.style,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
|
|
@@ -12,22 +12,17 @@ var _sinon = require("sinon");
|
|
|
12
12
|
|
|
13
13
|
var _index = _interopRequireWildcard(require("../index"));
|
|
14
14
|
|
|
15
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
|
-
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
|
|
19
|
-
/* eslint-env jest */
|
|
20
15
|
describe('Input', function () {
|
|
21
16
|
describe('PropTypes', function () {
|
|
22
17
|
it('id', function () {
|
|
23
|
-
var wrapper = (0, _enzyme.mount)(
|
|
18
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
24
19
|
value: "1",
|
|
25
20
|
id: "tId"
|
|
26
21
|
}));
|
|
27
22
|
expect(wrapper.find('.hi-input').prop('id')).toEqual('tId');
|
|
28
23
|
});
|
|
29
24
|
it('value', function () {
|
|
30
|
-
var wrapper = (0, _enzyme.mount)(
|
|
25
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
31
26
|
value: "1"
|
|
32
27
|
}));
|
|
33
28
|
expect(wrapper.find('.hi-input__text').prop('value')).toEqual('1');
|
|
@@ -49,13 +44,13 @@ describe('Input', function () {
|
|
|
49
44
|
|
|
50
45
|
it('type', function () {
|
|
51
46
|
var types = ['text', 'id', 'tel', 'card', 'amount', 'email'];
|
|
52
|
-
var wrapper = (0, _enzyme.mount)(
|
|
53
|
-
return
|
|
47
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, types.map(function (type, index) {
|
|
48
|
+
return _react["default"].createElement(_index["default"], {
|
|
54
49
|
type: type,
|
|
55
50
|
key: index,
|
|
56
51
|
value: "0"
|
|
57
52
|
});
|
|
58
|
-
}),
|
|
53
|
+
}), _react["default"].createElement(_index["default"], {
|
|
59
54
|
type: "textarea"
|
|
60
55
|
})));
|
|
61
56
|
types.map(function (type, index) {
|
|
@@ -64,7 +59,7 @@ describe('Input', function () {
|
|
|
64
59
|
expect(wrapper.find('textarea')).toHaveLength(1);
|
|
65
60
|
});
|
|
66
61
|
it('prepend&append', function () {
|
|
67
|
-
var wrapper = (0, _enzyme.mount)(
|
|
62
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
68
63
|
prepend: "prepend",
|
|
69
64
|
append: "append"
|
|
70
65
|
}));
|
|
@@ -74,8 +69,8 @@ describe('Input', function () {
|
|
|
74
69
|
expect(firstEl.childAt(2).hasClass('hi-input__suffix')).toBeTruthy();
|
|
75
70
|
expect(firstEl.childAt(2).text()).toEqual('append');
|
|
76
71
|
wrapper.setProps({
|
|
77
|
-
prepend:
|
|
78
|
-
append:
|
|
72
|
+
prepend: _react["default"].createElement("button", null),
|
|
73
|
+
append: _react["default"].createElement("button", null)
|
|
79
74
|
});
|
|
80
75
|
var secEl = wrapper.find('.hi-input__out');
|
|
81
76
|
expect(secEl.childAt(0).hasClass('hi-input__prepend')).toBeTruthy();
|
|
@@ -88,7 +83,7 @@ describe('Input', function () {
|
|
|
88
83
|
expect(firstEl.childAt(2).text()).toEqual('append');
|
|
89
84
|
});
|
|
90
85
|
it('input.disabled', function () {
|
|
91
|
-
var wrapper = (0, _enzyme.mount)(
|
|
86
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
92
87
|
disabled: true
|
|
93
88
|
}));
|
|
94
89
|
expect(wrapper.find('.hi-input__inner').hasClass('disabled')).toBeTruthy();
|
|
@@ -98,7 +93,7 @@ describe('Input', function () {
|
|
|
98
93
|
expect(wrapper.find('.hi-input__inner').hasClass('disabled')).toBeFalsy();
|
|
99
94
|
});
|
|
100
95
|
it('textarea.disabled', function () {
|
|
101
|
-
var wrapper = (0, _enzyme.mount)(
|
|
96
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
102
97
|
disabled: true,
|
|
103
98
|
type: "textarea"
|
|
104
99
|
}));
|
|
@@ -110,7 +105,7 @@ describe('Input', function () {
|
|
|
110
105
|
});
|
|
111
106
|
it('clearable', function () {
|
|
112
107
|
var callback = (0, _sinon.fake)();
|
|
113
|
-
var wrapper = (0, _enzyme.mount)(
|
|
108
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
114
109
|
value: "1",
|
|
115
110
|
clearable: "true",
|
|
116
111
|
onChange: callback
|
|
@@ -129,7 +124,7 @@ describe('Input', function () {
|
|
|
129
124
|
expect(wrapper.find('.hi-input__fix-box').hasClass('invisible')).toBeTruthy();
|
|
130
125
|
});
|
|
131
126
|
it('placeholder', function () {
|
|
132
|
-
var wrapper = (0, _enzyme.mount)(
|
|
127
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
133
128
|
placeholder: "\u8BF7\u8F93\u5165"
|
|
134
129
|
}));
|
|
135
130
|
expect(wrapper.find('.hi-input__text').prop('placeholder')).toEqual('请输入');
|
|
@@ -138,9 +133,9 @@ describe('Input', function () {
|
|
|
138
133
|
describe('events', function () {
|
|
139
134
|
it('onFocus', function () {
|
|
140
135
|
var callback = (0, _sinon.fake)();
|
|
141
|
-
var wrapper = (0, _enzyme.mount)(
|
|
136
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
142
137
|
onFocus: callback
|
|
143
|
-
}),
|
|
138
|
+
}), _react["default"].createElement(_index["default"], {
|
|
144
139
|
type: "textarea",
|
|
145
140
|
onFocus: callback
|
|
146
141
|
})));
|
|
@@ -151,9 +146,9 @@ describe('Input', function () {
|
|
|
151
146
|
});
|
|
152
147
|
it('onBlur', function () {
|
|
153
148
|
var callback = (0, _sinon.fake)();
|
|
154
|
-
var wrapper = (0, _enzyme.mount)(
|
|
149
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
155
150
|
onBlur: callback
|
|
156
|
-
}),
|
|
151
|
+
}), _react["default"].createElement(_index["default"], {
|
|
157
152
|
type: "textarea",
|
|
158
153
|
onBlur: callback
|
|
159
154
|
})));
|
|
@@ -166,11 +161,11 @@ describe('Input', function () {
|
|
|
166
161
|
var keyDownCallback = (0, _sinon.fake)();
|
|
167
162
|
var keyUpCallback = (0, _sinon.fake)();
|
|
168
163
|
var keyPressCallback = (0, _sinon.fake)();
|
|
169
|
-
var wrapper = (0, _enzyme.mount)(
|
|
164
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
170
165
|
onKeyDown: keyDownCallback,
|
|
171
166
|
onKeyUp: keyUpCallback,
|
|
172
167
|
onKeyPress: keyPressCallback
|
|
173
|
-
}),
|
|
168
|
+
}), _react["default"].createElement(_index["default"], {
|
|
174
169
|
type: "textarea",
|
|
175
170
|
onKeyDown: keyDownCallback,
|
|
176
171
|
onKeyUp: keyUpCallback,
|
|
@@ -191,9 +186,9 @@ describe('Input', function () {
|
|
|
191
186
|
});
|
|
192
187
|
it('onInput', function () {
|
|
193
188
|
var callback = (0, _sinon.fake)();
|
|
194
|
-
var wrapper = (0, _enzyme.mount)(
|
|
189
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
195
190
|
onInput: callback
|
|
196
|
-
}),
|
|
191
|
+
}), _react["default"].createElement(_index["default"], {
|
|
197
192
|
type: "textarea",
|
|
198
193
|
onInput: callback
|
|
199
194
|
})));
|
|
@@ -204,11 +199,11 @@ describe('Input', function () {
|
|
|
204
199
|
});
|
|
205
200
|
it('onChange', function () {
|
|
206
201
|
var callback = (0, _sinon.fake)();
|
|
207
|
-
var wrapper = (0, _enzyme.mount)(
|
|
202
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, _react["default"].createElement(_index["default"], {
|
|
208
203
|
onChange: callback,
|
|
209
204
|
prepend: "a",
|
|
210
205
|
append: "a"
|
|
211
|
-
}),
|
|
206
|
+
}), _react["default"].createElement(_index["default"], {
|
|
212
207
|
type: "textarea",
|
|
213
208
|
onChange: callback
|
|
214
209
|
})));
|
|
@@ -221,7 +216,7 @@ describe('Input', function () {
|
|
|
221
216
|
describe('StatementsOrBranches', function () {
|
|
222
217
|
it('onBlur.amount', function () {
|
|
223
218
|
var callback = (0, _sinon.fake)();
|
|
224
|
-
var wrapper = (0, _enzyme.mount)(
|
|
219
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
225
220
|
onBlur: callback,
|
|
226
221
|
type: "amount",
|
|
227
222
|
value: "1"
|
|
@@ -231,7 +226,7 @@ describe('Input', function () {
|
|
|
231
226
|
});
|
|
232
227
|
it('onChange.prefix&suffix', function () {
|
|
233
228
|
var callback = (0, _sinon.fake)();
|
|
234
|
-
var wrapper = (0, _enzyme.mount)(
|
|
229
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
235
230
|
onChange: callback
|
|
236
231
|
}));
|
|
237
232
|
wrapper.find('.hi-input__text').simulate('change');
|
|
@@ -239,7 +234,7 @@ describe('Input', function () {
|
|
|
239
234
|
});
|
|
240
235
|
it('clear.prefix', function () {
|
|
241
236
|
// const callback = fake()
|
|
242
|
-
var wrapper = (0, _enzyme.mount)(
|
|
237
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
243
238
|
value: "1",
|
|
244
239
|
clearable: "true",
|
|
245
240
|
prefix: "",
|
|
@@ -251,7 +246,7 @@ describe('Input', function () {
|
|
|
251
246
|
});
|
|
252
247
|
it('textarea.mouse', function () {
|
|
253
248
|
var callback = (0, _sinon.fake)();
|
|
254
|
-
var wrapper = (0, _enzyme.mount)(
|
|
249
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
255
250
|
type: "textarea",
|
|
256
251
|
onChange: callback
|
|
257
252
|
}));
|
|
@@ -262,7 +257,7 @@ describe('Input', function () {
|
|
|
262
257
|
});
|
|
263
258
|
it('input.mouse', function () {
|
|
264
259
|
var callback = (0, _sinon.fake)();
|
|
265
|
-
var wrapper = (0, _enzyme.mount)(
|
|
260
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
266
261
|
onChange: callback
|
|
267
262
|
}));
|
|
268
263
|
wrapper.find('.hi-input').simulate('mouseover');
|
|
@@ -271,7 +266,7 @@ describe('Input', function () {
|
|
|
271
266
|
expect(wrapper.find(_index.Input).state('hover')).toEqual(false);
|
|
272
267
|
});
|
|
273
268
|
it('noNeed', function () {
|
|
274
|
-
var wrapper = (0, _enzyme.mount)(
|
|
269
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
275
270
|
size: "small",
|
|
276
271
|
required: true
|
|
277
272
|
}));
|
|
@@ -282,7 +277,7 @@ describe('Input', function () {
|
|
|
282
277
|
describe('Input.Util', function () {
|
|
283
278
|
it('formatId', function () {
|
|
284
279
|
// value='110000 0000 0000 0000'
|
|
285
|
-
var wrapper = (0, _enzyme.mount)(
|
|
280
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
286
281
|
type: "id",
|
|
287
282
|
value: "110"
|
|
288
283
|
}));
|
|
@@ -304,7 +299,7 @@ describe('Input', function () {
|
|
|
304
299
|
});
|
|
305
300
|
it('formatTel', function () {
|
|
306
301
|
// value='130 000 00000'
|
|
307
|
-
var wrapper = (0, _enzyme.mount)(
|
|
302
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
308
303
|
type: "tel",
|
|
309
304
|
value: "a"
|
|
310
305
|
}));
|
|
@@ -326,7 +321,7 @@ describe('Input', function () {
|
|
|
326
321
|
});
|
|
327
322
|
it('formatCard', function () {
|
|
328
323
|
// value='0000 0000 0000 0000 000'
|
|
329
|
-
var wrapper = (0, _enzyme.mount)(
|
|
324
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
330
325
|
type: "card",
|
|
331
326
|
value: "a"
|
|
332
327
|
}));
|
|
@@ -355,7 +350,7 @@ describe('Input', function () {
|
|
|
355
350
|
wrapper.find('.hi-input__text').simulate('change');
|
|
356
351
|
});
|
|
357
352
|
it('format.amount', function () {
|
|
358
|
-
var wrapper = (0, _enzyme.mount)(
|
|
353
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
359
354
|
type: "amount",
|
|
360
355
|
value: "0"
|
|
361
356
|
}));
|
package/es/input/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -27,16 +27,12 @@ var _inputLegacy = _interopRequireDefault(require("./input-legacy"));
|
|
|
27
27
|
|
|
28
28
|
var _context = _interopRequireDefault(require("../context"));
|
|
29
29
|
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
34
30
|
function SwitchVersion() {
|
|
35
31
|
var component = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
36
32
|
var componentLegacy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
37
|
-
return
|
|
33
|
+
return (0, _react.forwardRef)(function (props, ref) {
|
|
38
34
|
var InnerComponent = props.legacy === true ? componentLegacy : component;
|
|
39
|
-
return
|
|
35
|
+
return _react["default"].createElement(InnerComponent, (0, _extends2["default"])({}, props, {
|
|
40
36
|
ref: ref
|
|
41
37
|
}));
|
|
42
38
|
});
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -17,12 +17,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
17
17
|
|
|
18
18
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
19
|
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
21
|
|
|
24
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
23
|
|
|
24
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
+
|
|
26
26
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
27
|
|
|
28
28
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -31,28 +31,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
31
31
|
|
|
32
32
|
var _util = require("./util");
|
|
33
33
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
|
-
|
|
40
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* 自定义属性全小写;原声属性驼峰法
|
|
44
|
-
* @prop type 输入框类型
|
|
45
|
-
*/
|
|
46
|
-
var Input = /*#__PURE__*/function (_Component) {
|
|
34
|
+
var Input =
|
|
35
|
+
/*#__PURE__*/
|
|
36
|
+
function (_Component) {
|
|
47
37
|
(0, _inherits2["default"])(Input, _Component);
|
|
48
38
|
|
|
49
|
-
var _super = _createSuper(Input);
|
|
50
|
-
|
|
51
39
|
function Input(props) {
|
|
52
40
|
var _this;
|
|
53
41
|
|
|
54
42
|
(0, _classCallCheck2["default"])(this, Input);
|
|
55
|
-
_this =
|
|
43
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Input).call(this, props)); // 传入属性
|
|
56
44
|
|
|
57
45
|
var commonAttrs = {
|
|
58
46
|
type: 'text',
|
|
@@ -115,22 +103,22 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
115
103
|
var noClear = ['textarea'];
|
|
116
104
|
var prefixId = id ? id + '_prefix' : '';
|
|
117
105
|
var suffixId = id ? id + '_suffix' : '';
|
|
118
|
-
return
|
|
106
|
+
return _react["default"].createElement("div", {
|
|
119
107
|
className: (0, _classnames["default"])('hi-input__out', {
|
|
120
108
|
'hi-input--prepend': prepend,
|
|
121
109
|
'hi-input--append': append
|
|
122
110
|
})
|
|
123
111
|
}, // 前置元素
|
|
124
|
-
prepend &&
|
|
112
|
+
prepend && _react["default"].createElement("span", {
|
|
125
113
|
className: "hi-input__prepend"
|
|
126
|
-
}, prepend),
|
|
114
|
+
}, prepend), _react["default"].createElement("div", {
|
|
127
115
|
className: "hi-input__inner".concat(active ? ' active' : '').concat(disabled ? ' disabled' : '')
|
|
128
116
|
}, // 前缀
|
|
129
|
-
prefix &&
|
|
117
|
+
prefix && _react["default"].createElement("span", {
|
|
130
118
|
id: prefixId,
|
|
131
119
|
className: "hi-input__prefix",
|
|
132
120
|
"data-value": prefix
|
|
133
|
-
}, prefix),
|
|
121
|
+
}, prefix), _react["default"].createElement("input", (0, _extends2["default"])({
|
|
134
122
|
ref: function ref(arg) {
|
|
135
123
|
_this2._Input = arg;
|
|
136
124
|
},
|
|
@@ -205,7 +193,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
205
193
|
_this2.props.onInput && _this2.props.onInput(e, valueTrue);
|
|
206
194
|
}
|
|
207
195
|
})), // 清除
|
|
208
|
-
noClear.indexOf(type) === -1 && typeof prefix === 'undefined' && typeof suffix === 'undefined' && value !== '' &&
|
|
196
|
+
noClear.indexOf(type) === -1 && typeof prefix === 'undefined' && typeof suffix === 'undefined' && value !== '' && _react["default"].createElement("span", {
|
|
209
197
|
className: "hi-input__fix-box ".concat(hover && !disabled ? '' : 'invisible'),
|
|
210
198
|
onClick: function onClick() {
|
|
211
199
|
_this2._Input.focus();
|
|
@@ -224,15 +212,15 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
224
212
|
_this2.props.onChange && _this2.props.onChange(e, '');
|
|
225
213
|
});
|
|
226
214
|
}
|
|
227
|
-
},
|
|
215
|
+
}, _react["default"].createElement("i", {
|
|
228
216
|
className: "hi-input__clear hi-input__suffix__icon hi-icon icon-close-circle"
|
|
229
217
|
})), // 后缀
|
|
230
|
-
suffix &&
|
|
218
|
+
suffix && _react["default"].createElement("span", {
|
|
231
219
|
id: suffixId,
|
|
232
220
|
className: "hi-input__suffix",
|
|
233
221
|
"data-value": suffix
|
|
234
222
|
}, suffix)), // 后置元素
|
|
235
|
-
append &&
|
|
223
|
+
append && _react["default"].createElement("span", {
|
|
236
224
|
className: "hi-input__append"
|
|
237
225
|
}, append));
|
|
238
226
|
}
|
|
@@ -247,7 +235,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
247
235
|
|
|
248
236
|
var active = this.state.active;
|
|
249
237
|
var disabled = this.props.disabled;
|
|
250
|
-
return
|
|
238
|
+
return _react["default"].createElement("textarea", (0, _extends2["default"])({
|
|
251
239
|
className: "hi-input ".concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : ''),
|
|
252
240
|
style: this.props.style,
|
|
253
241
|
autoComplete: "off",
|
|
@@ -324,7 +312,7 @@ var Input = /*#__PURE__*/function (_Component) {
|
|
|
324
312
|
id = _this$props2.id,
|
|
325
313
|
className = _this$props2.className,
|
|
326
314
|
required = _this$props2.required;
|
|
327
|
-
return type === 'textarea' ? this.renderTextarea() :
|
|
315
|
+
return type === 'textarea' ? this.renderTextarea() : _react["default"].createElement("div", {
|
|
328
316
|
id: id,
|
|
329
317
|
className: "hi-input ".concat(className || '', " ").concat(type || '').concat(size ? ' hi-input_' + size : '').concat(required ? ' required' : ''),
|
|
330
318
|
style: this.props.style,
|