@hi-ui/input 4.0.11 → 4.0.13
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 +34 -0
- package/lib/cjs/Input.js +19 -9
- package/lib/cjs/MockInput.js +16 -6
- package/lib/cjs/use-input-cursor.js +3 -0
- package/lib/cjs/use-input.js +3 -0
- package/lib/cjs/utils/index.js +4 -0
- package/lib/esm/Input.js +3 -3
- package/lib/esm/MockInput.js +5 -5
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,39 @@
|
|
1
1
|
# @hi-ui/input
|
2
2
|
|
3
|
+
## 4.0.13
|
4
|
+
|
5
|
+
### Patch Changes
|
6
|
+
|
7
|
+
- build: rollup2 构建
|
8
|
+
- Updated dependencies
|
9
|
+
- @hi-ui/core@4.0.8
|
10
|
+
- @hi-ui/use-latest@4.0.4
|
11
|
+
- @hi-ui/use-merge-refs@4.0.4
|
12
|
+
- @hi-ui/use-uncontrolled-state@4.0.4
|
13
|
+
- @hi-ui/icons@4.0.18
|
14
|
+
- @hi-ui/classname@4.0.4
|
15
|
+
- @hi-ui/dom-utils@4.0.7
|
16
|
+
- @hi-ui/env@4.0.4
|
17
|
+
- @hi-ui/func-utils@4.0.4
|
18
|
+
- @hi-ui/type-assertion@4.0.4
|
19
|
+
|
20
|
+
## 4.0.12
|
21
|
+
|
22
|
+
### Patch Changes
|
23
|
+
|
24
|
+
- fix: 修复 rollup3 打包 cjs 模块问题
|
25
|
+
- Updated dependencies
|
26
|
+
- @hi-ui/env@4.0.3
|
27
|
+
- @hi-ui/core@4.0.7
|
28
|
+
- @hi-ui/use-latest@4.0.3
|
29
|
+
- @hi-ui/use-merge-refs@4.0.3
|
30
|
+
- @hi-ui/use-uncontrolled-state@4.0.3
|
31
|
+
- @hi-ui/icons@4.0.17
|
32
|
+
- @hi-ui/classname@4.0.3
|
33
|
+
- @hi-ui/dom-utils@4.0.6
|
34
|
+
- @hi-ui/func-utils@4.0.3
|
35
|
+
- @hi-ui/type-assertion@4.0.3
|
36
|
+
|
3
37
|
## 4.0.11
|
4
38
|
|
5
39
|
### Patch Changes
|
package/lib/cjs/Input.js
CHANGED
@@ -9,6 +9,10 @@
|
|
9
9
|
*/
|
10
10
|
'use strict';
|
11
11
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
14
|
+
value: true
|
15
|
+
});
|
12
16
|
var tslib = require('tslib');
|
13
17
|
var React = require('react');
|
14
18
|
var classname = require('@hi-ui/classname');
|
@@ -16,6 +20,12 @@ var env = require('@hi-ui/env');
|
|
16
20
|
var useMergeRefs = require('@hi-ui/use-merge-refs');
|
17
21
|
var icons = require('@hi-ui/icons');
|
18
22
|
var useInput = require('./use-input.js');
|
23
|
+
function _interopDefaultLegacy(e) {
|
24
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
25
|
+
'default': e
|
26
|
+
};
|
27
|
+
}
|
28
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
19
29
|
var _prefix = classname.getPrefixCls('input');
|
20
30
|
/**
|
21
31
|
* 输入框
|
@@ -115,16 +125,16 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
115
125
|
var mergedRef = useMergeRefs.useMergeRefs(ref, inputElementRef);
|
116
126
|
var cls = classname.cx(prefixCls, className, prefixCls + "--size-" + size, prefixCls + "--appearance-" + appearance);
|
117
127
|
var outerCls = classname.cx(prefixCls + "__outer", prepend && prefixCls + "__outer--prepend", prepend && unsetPrepend && prefixCls + "__outer--prepend-unset", append && prefixCls + "__outer--append", append && unsetAppend && prefixCls + "__outer--append-unset");
|
118
|
-
return /*#__PURE__*/
|
128
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
119
129
|
role: role,
|
120
130
|
className: cls,
|
121
131
|
style: style,
|
122
132
|
ref: containerRef
|
123
|
-
}, /*#__PURE__*/
|
133
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
124
134
|
className: outerCls
|
125
|
-
}, prepend ? /*#__PURE__*/
|
135
|
+
}, prepend ? /*#__PURE__*/React__default["default"].createElement("div", {
|
126
136
|
className: prefixCls + "__prepend"
|
127
|
-
}, prepend) : null, /*#__PURE__*/
|
137
|
+
}, prepend) : null, /*#__PURE__*/React__default["default"].createElement("div", {
|
128
138
|
className: classname.cx(prefixCls + "__inner", prefix && prefixCls + "__inner--prefix", suffix && prefixCls + "__inner--suffix", focused && prefixCls + "__inner--focused", disabled && prefixCls + "__inner--disabled", readOnly && prefixCls + "__inner--readonly", invalid && prefixCls + "__inner--invalid"),
|
129
139
|
onMouseOver: function onMouseOver(e) {
|
130
140
|
setHover(true);
|
@@ -132,14 +142,14 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
132
142
|
onMouseLeave: function onMouseLeave(e) {
|
133
143
|
setHover(false);
|
134
144
|
}
|
135
|
-
}, prefix ? /*#__PURE__*/
|
145
|
+
}, prefix ? /*#__PURE__*/React__default["default"].createElement("span", {
|
136
146
|
className: prefixCls + "__prefix"
|
137
|
-
}, prefix) : null, /*#__PURE__*/
|
147
|
+
}, prefix) : null, /*#__PURE__*/React__default["default"].createElement("input", Object.assign({
|
138
148
|
ref: mergedRef,
|
139
149
|
className: prefixCls + "__text"
|
140
|
-
}, getInputProps(), rest)), suffix || showClearableIcon ? /*#__PURE__*/
|
150
|
+
}, getInputProps(), rest)), suffix || showClearableIcon ? ( /*#__PURE__*/React__default["default"].createElement("span", {
|
141
151
|
className: prefixCls + "__suffix"
|
142
|
-
}, showClearableIcon ? /*#__PURE__*/
|
152
|
+
}, showClearableIcon ? ( /*#__PURE__*/React__default["default"].createElement("span", {
|
143
153
|
ref: clearElementRef,
|
144
154
|
className: classname.cx(prefixCls + "__clear", (clearableTrigger === 'always' || hover) && prefixCls + "__clear--active"),
|
145
155
|
role: "button",
|
@@ -149,7 +159,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
149
159
|
onClear === null || onClear === void 0 ? void 0 : onClear();
|
150
160
|
focus();
|
151
161
|
}
|
152
|
-
}, /*#__PURE__*/
|
162
|
+
}, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null))) : null, suffix)) : null), append ? /*#__PURE__*/React__default["default"].createElement("div", {
|
153
163
|
className: prefixCls + "__append"
|
154
164
|
}, append) : null));
|
155
165
|
});
|
package/lib/cjs/MockInput.js
CHANGED
@@ -9,12 +9,22 @@
|
|
9
9
|
*/
|
10
10
|
'use strict';
|
11
11
|
|
12
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
13
|
+
Object.defineProperty(exports, '__esModule', {
|
14
|
+
value: true
|
15
|
+
});
|
12
16
|
var tslib = require('tslib');
|
13
17
|
var React = require('react');
|
14
18
|
var classname = require('@hi-ui/classname');
|
15
19
|
var env = require('@hi-ui/env');
|
16
20
|
var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
|
17
21
|
var icons = require('@hi-ui/icons');
|
22
|
+
function _interopDefaultLegacy(e) {
|
23
|
+
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
24
|
+
'default': e
|
25
|
+
};
|
26
|
+
}
|
27
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
18
28
|
var _role = 'mock-input';
|
19
29
|
var _prefix = classname.getPrefixCls(_role);
|
20
30
|
var NOOP_VALUE = '';
|
@@ -91,7 +101,7 @@ var MockInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
91
101
|
return clearable && hasValue && !disabled && (clearableTrigger === 'always' || hover);
|
92
102
|
}, [clearable, hasValue, disabled, clearableTrigger, hover]);
|
93
103
|
var cls = classname.cx(prefixCls, className, prefixCls + "--appearance-" + appearance, prefixCls + "--size-" + size, focused && "focused", disabled && 'disabled', readOnly && 'readonly', invalid && 'invalid');
|
94
|
-
return /*#__PURE__*/
|
104
|
+
return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
|
95
105
|
ref: ref,
|
96
106
|
role: role,
|
97
107
|
className: cls,
|
@@ -103,18 +113,18 @@ var MockInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
103
113
|
trySetHover(false);
|
104
114
|
_onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(evt);
|
105
115
|
}
|
106
|
-
}, rest), hasValue ? /*#__PURE__*/
|
116
|
+
}, rest), hasValue ? ( /*#__PURE__*/React__default["default"].createElement("span", {
|
107
117
|
className: prefixCls + "__value"
|
108
|
-
}, displayValue) : /*#__PURE__*/
|
118
|
+
}, displayValue)) : ( /*#__PURE__*/React__default["default"].createElement("span", {
|
109
119
|
className: prefixCls + "__placeholder"
|
110
|
-
}, placeholder), suffix || showClearableIcon ? /*#__PURE__*/
|
120
|
+
}, placeholder)), suffix || showClearableIcon ? ( /*#__PURE__*/React__default["default"].createElement("span", {
|
111
121
|
className: prefixCls + "__suffix"
|
112
|
-
}, showClearableIcon ? /*#__PURE__*/
|
122
|
+
}, showClearableIcon ? ( /*#__PURE__*/React__default["default"].createElement("span", {
|
113
123
|
role: "button",
|
114
124
|
tabIndex: -1,
|
115
125
|
className: classname.cx(prefixCls + "__clear", 'active'),
|
116
126
|
onClick: handleClear
|
117
|
-
}, /*#__PURE__*/
|
127
|
+
}, /*#__PURE__*/React__default["default"].createElement(icons.CloseCircleFilled, null))) : suffix)) : null);
|
118
128
|
});
|
119
129
|
if (env.__DEV__) {
|
120
130
|
MockInput.displayName = 'MockInput';
|
package/lib/cjs/use-input.js
CHANGED
package/lib/cjs/utils/index.js
CHANGED
package/lib/esm/Input.js
CHANGED
@@ -135,9 +135,9 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
135
135
|
}, prefix) : null, /*#__PURE__*/React.createElement("input", Object.assign({
|
136
136
|
ref: mergedRef,
|
137
137
|
className: prefixCls + "__text"
|
138
|
-
}, getInputProps(), rest)), suffix || showClearableIcon ? /*#__PURE__*/React.createElement("span", {
|
138
|
+
}, getInputProps(), rest)), suffix || showClearableIcon ? ( /*#__PURE__*/React.createElement("span", {
|
139
139
|
className: prefixCls + "__suffix"
|
140
|
-
}, showClearableIcon ? /*#__PURE__*/React.createElement("span", {
|
140
|
+
}, showClearableIcon ? ( /*#__PURE__*/React.createElement("span", {
|
141
141
|
ref: clearElementRef,
|
142
142
|
className: cx(prefixCls + "__clear", (clearableTrigger === 'always' || hover) && prefixCls + "__clear--active"),
|
143
143
|
role: "button",
|
@@ -147,7 +147,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
147
147
|
onClear === null || onClear === void 0 ? void 0 : onClear();
|
148
148
|
focus();
|
149
149
|
}
|
150
|
-
}, /*#__PURE__*/React.createElement(CloseCircleFilled, null)) : null, suffix) : null), append ? /*#__PURE__*/React.createElement("div", {
|
150
|
+
}, /*#__PURE__*/React.createElement(CloseCircleFilled, null))) : null, suffix)) : null), append ? /*#__PURE__*/React.createElement("div", {
|
151
151
|
className: prefixCls + "__append"
|
152
152
|
}, append) : null));
|
153
153
|
});
|
package/lib/esm/MockInput.js
CHANGED
@@ -101,18 +101,18 @@ var MockInput = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
101
101
|
trySetHover(false);
|
102
102
|
_onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(evt);
|
103
103
|
}
|
104
|
-
}, rest), hasValue ? /*#__PURE__*/React.createElement("span", {
|
104
|
+
}, rest), hasValue ? ( /*#__PURE__*/React.createElement("span", {
|
105
105
|
className: prefixCls + "__value"
|
106
|
-
}, displayValue) : /*#__PURE__*/React.createElement("span", {
|
106
|
+
}, displayValue)) : ( /*#__PURE__*/React.createElement("span", {
|
107
107
|
className: prefixCls + "__placeholder"
|
108
|
-
}, placeholder), suffix || showClearableIcon ? /*#__PURE__*/React.createElement("span", {
|
108
|
+
}, placeholder)), suffix || showClearableIcon ? ( /*#__PURE__*/React.createElement("span", {
|
109
109
|
className: prefixCls + "__suffix"
|
110
|
-
}, showClearableIcon ? /*#__PURE__*/React.createElement("span", {
|
110
|
+
}, showClearableIcon ? ( /*#__PURE__*/React.createElement("span", {
|
111
111
|
role: "button",
|
112
112
|
tabIndex: -1,
|
113
113
|
className: cx(prefixCls + "__clear", 'active'),
|
114
114
|
onClick: handleClear
|
115
|
-
}, /*#__PURE__*/React.createElement(CloseCircleFilled, null)) : suffix) : null);
|
115
|
+
}, /*#__PURE__*/React.createElement(CloseCircleFilled, null))) : suffix)) : null);
|
116
116
|
});
|
117
117
|
if (__DEV__) {
|
118
118
|
MockInput.displayName = 'MockInput';
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@hi-ui/input",
|
3
|
-
"version": "4.0.
|
3
|
+
"version": "4.0.13",
|
4
4
|
"description": "A sub-package for @hi-ui/hiui.",
|
5
5
|
"keywords": [],
|
6
6
|
"author": "HiUI <mi-hiui@xiaomi.com>",
|
@@ -43,24 +43,24 @@
|
|
43
43
|
"url": "https://github.com/XiaoMi/hiui/issues"
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
|
-
"@hi-ui/classname": "^4.0.
|
47
|
-
"@hi-ui/dom-utils": "^4.0.
|
48
|
-
"@hi-ui/env": "^4.0.
|
49
|
-
"@hi-ui/func-utils": "^4.0.
|
50
|
-
"@hi-ui/icons": "^4.0.
|
51
|
-
"@hi-ui/type-assertion": "^4.0.
|
52
|
-
"@hi-ui/use-latest": "^4.0.
|
53
|
-
"@hi-ui/use-merge-refs": "^4.0.
|
54
|
-
"@hi-ui/use-uncontrolled-state": "^4.0.
|
46
|
+
"@hi-ui/classname": "^4.0.4",
|
47
|
+
"@hi-ui/dom-utils": "^4.0.7",
|
48
|
+
"@hi-ui/env": "^4.0.4",
|
49
|
+
"@hi-ui/func-utils": "^4.0.4",
|
50
|
+
"@hi-ui/icons": "^4.0.18",
|
51
|
+
"@hi-ui/type-assertion": "^4.0.4",
|
52
|
+
"@hi-ui/use-latest": "^4.0.4",
|
53
|
+
"@hi-ui/use-merge-refs": "^4.0.4",
|
54
|
+
"@hi-ui/use-uncontrolled-state": "^4.0.4"
|
55
55
|
},
|
56
56
|
"peerDependencies": {
|
57
|
-
"@hi-ui/core": ">=4.0.
|
57
|
+
"@hi-ui/core": ">=4.0.8",
|
58
58
|
"react": ">=16.8.6",
|
59
59
|
"react-dom": ">=16.8.6"
|
60
60
|
},
|
61
61
|
"devDependencies": {
|
62
|
-
"@hi-ui/core": "^4.0.
|
63
|
-
"@hi-ui/core-css": "^4.1.
|
62
|
+
"@hi-ui/core": "^4.0.8",
|
63
|
+
"@hi-ui/core-css": "^4.1.5",
|
64
64
|
"react": "^17.0.1",
|
65
65
|
"react-dom": "^17.0.1"
|
66
66
|
}
|