@hi-ui/input 4.0.0-alpha.13 → 4.0.0-alpha.17

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 (9) hide show
  1. package/lib/cjs/Input.js +12 -4
  2. package/lib/cjs/Input.js.map +1 -1
  3. package/lib/cjs/styles/index.scss.js +1 -1
  4. package/lib/esm/Input.js +12 -4
  5. package/lib/esm/Input.js.map +1 -1
  6. package/lib/esm/styles/index.scss.js +1 -1
  7. package/lib/types/Input.d.ts +4 -0
  8. package/lib/types/MockInput.d.ts +1 -1
  9. package/package.json +8 -8
package/lib/cjs/Input.js CHANGED
@@ -81,7 +81,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
81
81
  clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,
82
82
  _a$clearable = _a.clearable,
83
83
  clearable = _a$clearable === void 0 ? false : _a$clearable,
84
- rest = tslib.__rest(_a, ["prefixCls", "role", "className", "style", "autoFocus", "disabled", "readOnly", "name", "maxLength", "type", "size", "appearance", "floatLabel", "placeholder", "prepend", "append", "prefix", "suffix", "defaultValue", "value", "onChange", "onFocus", "onBlur", "clearableTrigger", "clearable"]);
84
+ _a$trimValueOnBlur = _a.trimValueOnBlur,
85
+ trimValueOnBlur = _a$trimValueOnBlur === void 0 ? false : _a$trimValueOnBlur,
86
+ rest = tslib.__rest(_a, ["prefixCls", "role", "className", "style", "autoFocus", "disabled", "readOnly", "name", "maxLength", "type", "size", "appearance", "floatLabel", "placeholder", "prepend", "append", "prefix", "suffix", "defaultValue", "value", "onChange", "onFocus", "onBlur", "clearableTrigger", "clearable", "trimValueOnBlur"]);
85
87
 
86
88
  var inputRef = React.useRef(null);
87
89
  var proxyOnChange = React.useCallback(function (value, evt) {
@@ -108,8 +110,14 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
108
110
  }, [onFocus]);
109
111
  var handleBlur = React.useCallback(function (event) {
110
112
  setFocused(false);
113
+
114
+ if (trimValueOnBlur) {
115
+ var nextValue = event.target.value;
116
+ tryChangeValue(nextValue.trim(), event);
117
+ }
118
+
111
119
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
112
- }, [onBlur]);
120
+ }, [onBlur, tryChangeValue, trimValueOnBlur]);
113
121
  var focus = React.useCallback(function () {
114
122
  var _a;
115
123
 
@@ -188,9 +196,9 @@ if (env.__DEV__) {
188
196
 
189
197
 
190
198
  function onChangeMock(onChange, evt, target, targetValue) {
191
- var event = evt; // 点击 clearIcon 时，代理 onChange 的事件对象 target 指向 input.target
199
+ var event = evt; // 点击 clearIcon 或者 失焦 trim 时，都会代理 onChange 的事件对象 target 指向 input.target
192
200
 
193
- if (evt.type === 'click') {
201
+ if (evt.type !== 'change') {
194
202
  if (!target) return;
195
203
  var originalTargetValue = target.value;
196
204
  event = Object.create(evt);
package/lib/cjs/Input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sources":["../../src/Input.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","Input","forwardRef","_a","ref","prefixCls","role","className","style","autoFocus","disabled","readOnly","name","maxLength","type","size","appearance","placeholder","prepend","append","prefix","suffix","defaultValue","valueProp","value","onChange","onFocus","onBlur","clearableTrigger","clearable","rest","inputRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","useUncontrolledState","tryChangeValue","handleChange","nextValue","target","useState","focused","setFocused","handleFocus","handleBlur","event","focus","handleReset","nativeInputProps","useMemo","hover","setHover","showClearableIcon","cls","cx","React","onMouseOver","e","onMouseLeave","useMergeRefs","tabIndex","onClick","CloseCircleFilled","__DEV__","displayName","targetValue","originalTargetValue","Object","create","currentTarget"],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sources":["../../src/Input.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","Input","forwardRef","_a","ref","prefixCls","role","className","style","autoFocus","disabled","readOnly","name","maxLength","type","size","appearance","placeholder","prepend","append","prefix","suffix","defaultValue","valueProp","value","onChange","onFocus","onBlur","clearableTrigger","clearable","trimValueOnBlur","rest","inputRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","useUncontrolledState","tryChangeValue","handleChange","nextValue","target","useState","focused","setFocused","handleFocus","handleBlur","event","trim","focus","handleReset","nativeInputProps","useMemo","hover","setHover","showClearableIcon","cls","cx","React","onMouseOver","e","onMouseLeave","useMergeRefs","tabIndex","onClick","CloseCircleFilled","__DEV__","displayName","targetValue","originalTargetValue","Object","create","currentTarget"],"mappings":"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"}
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-mock-input {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: inherit;\n background-color: transparent;\n cursor: text;\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n line-height: 1.375rem;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n cursor: pointer;\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db);\n border-radius: 4px; }\n.hi-v4-mock-input:not(.disabled):hover {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-mock-input:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #4387f4;\n box-shadow: 0 0 0 1px #4387f4;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-mock-input__placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-mock-input.disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n background-color: #f3f4f6;\n background-color: var(--hi-v4-color-gray-100, #f3f4f6); }\n.hi-v4-mock-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n text-align: center;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n visibility: hidden;\n opacity: 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-mock-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n visibility: visible;\n opacity: 1; }\n.hi-v4-mock-input__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: 16px;\n text-align: center; }\n.hi-v4-mock-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-input {\n margin: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: inherit;\n background-color: transparent;\n cursor: text;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n width: 100%;\n font-size: inherit;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n line-height: 1.375rem; }\n.hi-v4-input::-webkit-input-placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input::-moz-placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input::-ms-input-placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input:-ms-input-placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input::placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input:disabled {\n cursor: not-allowed; }\n.hi-v4-input__inner {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: auto;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: inherit;\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n outline: 2px solid transparent; }\n.hi-v4-input__inner:not(.disabled):hover {\n z-index: 1; }\n.hi-v4-input__inner:not(.disabled).focused {\n z-index: 1; }\n.hi-v4-input__outer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n margin: 0;\n padding: 0;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: auto;\n width: 100%; }\n.hi-v4-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: auto;\n font-size: 14px;\n text-align: center;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n visibility: hidden;\n opacity: 0; }\n.hi-v4-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-input__clear.active {\n visibility: visible;\n opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n margin-right: 4px; }\n.hi-v4-input__prefix, .hi-v4-input__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: inherit;\n text-align: center; }\n.hi-v4-input__prefix {\n padding-left: 11px; }\n.hi-v4-input__suffix {\n padding-right: 11px; }\n.hi-v4-input__prepend, .hi-v4-input__append {\n position: relative;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: inherit;\n text-align: center;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 0 11px;\n border: 1px solid transparent;\n white-space: nowrap;\n background-color: #f8f8f8; }\n.hi-v4-input__prepend {\n border-right-width: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n.hi-v4-input__append {\n border-left-width: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n.hi-v4-input--size-sm {\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem); }\n.hi-v4-input--size-sm .hi-v4-input {\n padding: 4px 11px;\n padding: var(--hi-v4-spacing-2, 4px) 11px; }\n.hi-v4-input--size-sm .hi-v4-input__inner {\n border-radius: 4px; }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px; }\n.hi-v4-input--size-md {\n font-size: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-input--size-md .hi-v4-input {\n padding: 8px 11px;\n padding: var(--hi-v4-spacing-4, 8px) 11px; }\n.hi-v4-input--size-md .hi-v4-input__inner {\n border-radius: 6px; }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n.hi-v4-input--size-md .hi-v4-input__append {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n.hi-v4-input--size-lg {\n font-size: 1.125rem;\n font-size: var(--hi-v4-text-size-xl, 1.125rem); }\n.hi-v4-input--size-lg .hi-v4-input {\n padding: 12px 11px;\n padding: var(--hi-v4-spacing-6, 12px) 11px; }\n.hi-v4-input--size-lg .hi-v4-input__inner {\n border-radius: 8px; }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px; }\n.hi-v4-input--appearance-outline .hi-v4-input__inner {\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled):hover {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #4387f4;\n box-shadow: 0 0 0 1px #4387f4;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner.disabled {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n background-color: #f3f4f6;\n background-color: var(--hi-v4-color-gray-100, #f3f4f6); }\n.hi-v4-input--appearance-outline .hi-v4-input__prepend,\n .hi-v4-input--appearance-outline .hi-v4-input__append {\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db); }\n.hi-v4-input--appearance-unset .hi-v4-input {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input,\n .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input {\n padding-left: 11px; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input,\n .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input {\n padding-right: 11px; }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n background-color: #f8f8f8; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled):hover {\n -webkit-box-shadow: 0 0 0 1px #4387f4;\n box-shadow: 0 0 0 1px #4387f4;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #4387f4;\n box-shadow: 0 0 0 1px #4387f4;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-underline .hi-v4-input {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input,\n .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input {\n padding-left: 11px; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input,\n .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input {\n padding-right: 11px; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n content: '';\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: block;\n position: absolute;\n bottom: 0;\n left: -1px;\n right: -1px;\n border-bottom: 1px solid #d1d5db;\n border-bottom: 1px solid var(--hi-v4-color-gray-300, #d1d5db);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled):hover::after {\n border-bottom-color: #4387f4;\n border-bottom-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled).focused::after {\n border-bottom-color: #4387f4;\n border-bottom-color: var(--hi-v4-color-brandblue-500, #4387f4);\n -webkit-box-shadow: 0 1px 0 0 #4387f4;\n box-shadow: 0 1px 0 0 #4387f4;\n -webkit-box-shadow: 0 1px 0 0 var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 1px 0 0 var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n";
15
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-mock-input {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: inherit;\n cursor: text;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n width: 100%;\n font-size: 14px;\n line-height: 1.375rem;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n cursor: pointer;\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-mock-input:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #237ffa;\n box-shadow: 0 0 0 1px #237ffa;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-mock-input.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n text-align: center;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n visibility: hidden;\n opacity: 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-mock-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n visibility: visible;\n opacity: 1; }\n.hi-v4-mock-input__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: 16px;\n text-align: center; }\n.hi-v4-mock-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-input {\n margin: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: inherit;\n background-color: transparent;\n cursor: text;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n width: 100%;\n font-size: inherit;\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n line-height: 1.375rem; }\n.hi-v4-input::-webkit-input-placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-moz-placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-ms-input-placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input:-ms-input-placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input:disabled {\n cursor: not-allowed; }\n.hi-v4-input__inner {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: auto;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: inherit;\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n outline: none; }\n.hi-v4-input__inner:not(.disabled):hover {\n z-index: 1; }\n.hi-v4-input__inner:not(.disabled).focused {\n z-index: 1; }\n.hi-v4-input__outer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n margin: 0;\n padding: 0;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: auto;\n width: 100%; }\n.hi-v4-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: auto;\n font-size: 14px;\n text-align: center;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n visibility: hidden;\n opacity: 0; }\n.hi-v4-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-input__clear.active {\n visibility: visible;\n opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n margin-right: 4px; }\n.hi-v4-input__prefix, .hi-v4-input__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: inherit;\n text-align: center; }\n.hi-v4-input__prefix {\n padding-left: 11px; }\n.hi-v4-input__suffix {\n padding-right: 11px; }\n.hi-v4-input__prepend, .hi-v4-input__append {\n position: relative;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: inherit;\n text-align: center;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 0 11px;\n border: 1px solid transparent;\n white-space: nowrap;\n background-color: #f8f8f8; }\n.hi-v4-input__prepend {\n border-right-width: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n.hi-v4-input__append {\n border-left-width: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n.hi-v4-input--size-sm {\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem); }\n.hi-v4-input--size-sm .hi-v4-input {\n padding: 4px 11px;\n padding: var(--hi-v4-spacing-2, 4px) 11px; }\n.hi-v4-input--size-sm .hi-v4-input__inner {\n border-radius: 4px; }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n border-top-left-radius: 1px;\n border-bottom-left-radius: 1px; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n border-top-right-radius: 1px;\n border-bottom-right-radius: 1px; }\n.hi-v4-input--size-md {\n font-size: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-input--size-md .hi-v4-input {\n padding: 8px 11px;\n padding: var(--hi-v4-spacing-4, 8px) 11px; }\n.hi-v4-input--size-md .hi-v4-input__inner {\n border-radius: 6px; }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n border-top-left-radius: 1px;\n border-bottom-left-radius: 1px; }\n.hi-v4-input--size-md .hi-v4-input__append {\n border-top-right-radius: 1px;\n border-bottom-right-radius: 1px; }\n.hi-v4-input--size-lg {\n font-size: 1.125rem;\n font-size: var(--hi-v4-text-size-xl, 1.125rem); }\n.hi-v4-input--size-lg .hi-v4-input {\n padding: 12px 11px;\n padding: var(--hi-v4-spacing-6, 12px) 11px; }\n.hi-v4-input--size-lg .hi-v4-input__inner {\n border-radius: 8px; }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n border-top-left-radius: 1px;\n border-bottom-left-radius: 1px; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n border-top-right-radius: 1px;\n border-bottom-right-radius: 1px; }\n.hi-v4-input--appearance-outline .hi-v4-input__inner {\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #237ffa;\n box-shadow: 0 0 0 1px #237ffa;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner.disabled {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-input--appearance-outline .hi-v4-input__prepend,\n .hi-v4-input--appearance-outline .hi-v4-input__append {\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-unset .hi-v4-input {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input,\n .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input {\n padding-left: 11px; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input,\n .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input {\n padding-right: 11px; }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n background-color: #f8f8f8; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled):hover {\n -webkit-box-shadow: 0 0 0 1px #237ffa;\n box-shadow: 0 0 0 1px #237ffa;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #237ffa;\n box-shadow: 0 0 0 1px #237ffa;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-underline .hi-v4-input {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input,\n .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input {\n padding-left: 11px; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input,\n .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input {\n padding-right: 11px; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n content: '';\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: block;\n position: absolute;\n bottom: 0;\n left: -1px;\n right: -1px;\n border-bottom: 1px solid #dfe2e8;\n border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled):hover::after {\n border-bottom-color: #237ffa;\n border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled).focused::after {\n border-bottom-color: #237ffa;\n border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-box-shadow: 0 1px 0 0 #237ffa;\n box-shadow: 0 1px 0 0 #237ffa;\n -webkit-box-shadow: 0 1px 0 0 var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 1px 0 0 var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n";
16
16
 
17
17
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
18
18
 
package/lib/esm/Input.js CHANGED
@@ -58,7 +58,9 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
58
58
  clearableTrigger = _a$clearableTrigger === void 0 ? 'hover' : _a$clearableTrigger,
59
59
  _a$clearable = _a.clearable,
60
60
  clearable = _a$clearable === void 0 ? false : _a$clearable,
61
- rest = __rest(_a, ["prefixCls", "role", "className", "style", "autoFocus", "disabled", "readOnly", "name", "maxLength", "type", "size", "appearance", "floatLabel", "placeholder", "prepend", "append", "prefix", "suffix", "defaultValue", "value", "onChange", "onFocus", "onBlur", "clearableTrigger", "clearable"]);
61
+ _a$trimValueOnBlur = _a.trimValueOnBlur,
62
+ trimValueOnBlur = _a$trimValueOnBlur === void 0 ? false : _a$trimValueOnBlur,
63
+ rest = __rest(_a, ["prefixCls", "role", "className", "style", "autoFocus", "disabled", "readOnly", "name", "maxLength", "type", "size", "appearance", "floatLabel", "placeholder", "prepend", "append", "prefix", "suffix", "defaultValue", "value", "onChange", "onFocus", "onBlur", "clearableTrigger", "clearable", "trimValueOnBlur"]);
62
64
 
63
65
  var inputRef = useRef(null);
64
66
  var proxyOnChange = useCallback(function (value, evt) {
@@ -85,8 +87,14 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
85
87
  }, [onFocus]);
86
88
  var handleBlur = useCallback(function (event) {
87
89
  setFocused(false);
90
+
91
+ if (trimValueOnBlur) {
92
+ var nextValue = event.target.value;
93
+ tryChangeValue(nextValue.trim(), event);
94
+ }
95
+
88
96
  onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
89
- }, [onBlur]);
97
+ }, [onBlur, tryChangeValue, trimValueOnBlur]);
90
98
  var focus = useCallback(function () {
91
99
  var _a;
92
100
 
@@ -165,9 +173,9 @@ if (__DEV__) {
165
173
 
166
174
 
167
175
  function onChangeMock(onChange, evt, target, targetValue) {
168
- var event = evt; // 点击 clearIcon 时，代理 onChange 的事件对象 target 指向 input.target
176
+ var event = evt; // 点击 clearIcon 或者 失焦 trim 时，都会代理 onChange 的事件对象 target 指向 input.target
169
177
 
170
- if (evt.type === 'click') {
178
+ if (evt.type !== 'change') {
171
179
  if (!target) return;
172
180
  var originalTargetValue = target.value;
173
181
  event = Object.create(evt);
package/lib/esm/Input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sources":["../../src/Input.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","Input","forwardRef","_a","ref","prefixCls","role","className","style","autoFocus","disabled","readOnly","name","maxLength","type","size","appearance","placeholder","prepend","append","prefix","suffix","defaultValue","valueProp","value","onChange","onFocus","onBlur","clearableTrigger","clearable","rest","inputRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","useUncontrolledState","tryChangeValue","handleChange","nextValue","target","useState","focused","setFocused","handleFocus","handleBlur","event","focus","handleReset","nativeInputProps","useMemo","hover","setHover","showClearableIcon","cls","cx","React","onMouseOver","e","onMouseLeave","useMergeRefs","tabIndex","onClick","CloseCircleFilled","__DEV__","displayName","targetValue","originalTargetValue","Object","create","currentTarget"],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sources":["../../src/Input.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","Input","forwardRef","_a","ref","prefixCls","role","className","style","autoFocus","disabled","readOnly","name","maxLength","type","size","appearance","placeholder","prepend","append","prefix","suffix","defaultValue","valueProp","value","onChange","onFocus","onBlur","clearableTrigger","clearable","trimValueOnBlur","rest","inputRef","useRef","proxyOnChange","useCallback","evt","onChangeMock","current","useUncontrolledState","tryChangeValue","handleChange","nextValue","target","useState","focused","setFocused","handleFocus","handleBlur","event","trim","focus","handleReset","nativeInputProps","useMemo","hover","setHover","showClearableIcon","cls","cx","React","onMouseOver","e","onMouseLeave","useMergeRefs","tabIndex","onClick","CloseCircleFilled","__DEV__","displayName","targetValue","originalTargetValue","Object","create","currentTarget"],"mappings":"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"}
package/lib/esm/styles/index.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-mock-input {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: inherit;\n background-color: transparent;\n cursor: text;\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n width: 100%;\n min-width: 160px;\n font-size: 14px;\n line-height: 1.375rem;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n cursor: pointer;\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db);\n border-radius: 4px; }\n.hi-v4-mock-input:not(.disabled):hover {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-mock-input:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #4387f4;\n box-shadow: 0 0 0 1px #4387f4;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-mock-input__placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-mock-input.disabled {\n cursor: not-allowed;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n background-color: #f3f4f6;\n background-color: var(--hi-v4-color-gray-100, #f3f4f6); }\n.hi-v4-mock-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n text-align: center;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n visibility: hidden;\n opacity: 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-mock-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n visibility: visible;\n opacity: 1; }\n.hi-v4-mock-input__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: 16px;\n text-align: center; }\n.hi-v4-mock-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-input {\n margin: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: inherit;\n background-color: transparent;\n cursor: text;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n width: 100%;\n font-size: inherit;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n line-height: 1.375rem; }\n.hi-v4-input::-webkit-input-placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input::-moz-placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input::-ms-input-placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input:-ms-input-placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input::placeholder {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280); }\n.hi-v4-input:disabled {\n cursor: not-allowed; }\n.hi-v4-input__inner {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: auto;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: inherit;\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n outline: 2px solid transparent; }\n.hi-v4-input__inner:not(.disabled):hover {\n z-index: 1; }\n.hi-v4-input__inner:not(.disabled).focused {\n z-index: 1; }\n.hi-v4-input__outer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n margin: 0;\n padding: 0;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: auto;\n width: 100%; }\n.hi-v4-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: auto;\n font-size: 14px;\n text-align: center;\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n visibility: hidden;\n opacity: 0; }\n.hi-v4-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-input__clear.active {\n visibility: visible;\n opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n margin-right: 4px; }\n.hi-v4-input__prefix, .hi-v4-input__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: inherit;\n text-align: center; }\n.hi-v4-input__prefix {\n padding-left: 11px; }\n.hi-v4-input__suffix {\n padding-right: 11px; }\n.hi-v4-input__prepend, .hi-v4-input__append {\n position: relative;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: inherit;\n text-align: center;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 0 11px;\n border: 1px solid transparent;\n white-space: nowrap;\n background-color: #f8f8f8; }\n.hi-v4-input__prepend {\n border-right-width: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n.hi-v4-input__append {\n border-left-width: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n.hi-v4-input--size-sm {\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem); }\n.hi-v4-input--size-sm .hi-v4-input {\n padding: 4px 11px;\n padding: var(--hi-v4-spacing-2, 4px) 11px; }\n.hi-v4-input--size-sm .hi-v4-input__inner {\n border-radius: 4px; }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px; }\n.hi-v4-input--size-md {\n font-size: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-input--size-md .hi-v4-input {\n padding: 8px 11px;\n padding: var(--hi-v4-spacing-4, 8px) 11px; }\n.hi-v4-input--size-md .hi-v4-input__inner {\n border-radius: 6px; }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px; }\n.hi-v4-input--size-md .hi-v4-input__append {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px; }\n.hi-v4-input--size-lg {\n font-size: 1.125rem;\n font-size: var(--hi-v4-text-size-xl, 1.125rem); }\n.hi-v4-input--size-lg .hi-v4-input {\n padding: 12px 11px;\n padding: var(--hi-v4-spacing-6, 12px) 11px; }\n.hi-v4-input--size-lg .hi-v4-input__inner {\n border-radius: 8px; }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n border-top-left-radius: 6px;\n border-bottom-left-radius: 6px; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n border-top-right-radius: 6px;\n border-bottom-right-radius: 6px; }\n.hi-v4-input--appearance-outline .hi-v4-input__inner {\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled):hover {\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #4387f4;\n box-shadow: 0 0 0 1px #4387f4;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner.disabled {\n color: #6b7280;\n color: var(--hi-v4-color-gray-500, #6b7280);\n background-color: #f3f4f6;\n background-color: var(--hi-v4-color-gray-100, #f3f4f6); }\n.hi-v4-input--appearance-outline .hi-v4-input__prepend,\n .hi-v4-input--appearance-outline .hi-v4-input__append {\n border-color: #d1d5db;\n border-color: var(--hi-v4-color-gray-300, #d1d5db); }\n.hi-v4-input--appearance-unset .hi-v4-input {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input,\n .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input {\n padding-left: 11px; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input,\n .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input {\n padding-right: 11px; }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n background-color: #f8f8f8; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled):hover {\n -webkit-box-shadow: 0 0 0 1px #4387f4;\n box-shadow: 0 0 0 1px #4387f4;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #4387f4;\n box-shadow: 0 0 0 1px #4387f4;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #4387f4);\n border-color: #4387f4;\n border-color: var(--hi-v4-color-brandblue-500, #4387f4);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-underline .hi-v4-input {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input,\n .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input {\n padding-left: 11px; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input,\n .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input {\n padding-right: 11px; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n content: '';\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: block;\n position: absolute;\n bottom: 0;\n left: -1px;\n right: -1px;\n border-bottom: 1px solid #d1d5db;\n border-bottom: 1px solid var(--hi-v4-color-gray-300, #d1d5db);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled):hover::after {\n border-bottom-color: #4387f4;\n border-bottom-color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled).focused::after {\n border-bottom-color: #4387f4;\n border-bottom-color: var(--hi-v4-color-brandblue-500, #4387f4);\n -webkit-box-shadow: 0 1px 0 0 #4387f4;\n box-shadow: 0 1px 0 0 #4387f4;\n -webkit-box-shadow: 0 1px 0 0 var(--hi-v4-color-brandblue-500, #4387f4);\n box-shadow: 0 1px 0 0 var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n";
10
+ var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-mock-input {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: inherit;\n cursor: text;\n background-color: transparent;\n -webkit-tap-highlight-color: transparent;\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n width: 100%;\n font-size: 14px;\n line-height: 1.375rem;\n vertical-align: middle;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 4px 10px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 32px;\n overflow: hidden;\n cursor: pointer;\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8);\n border-radius: 4px; }\n.hi-v4-mock-input:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #237ffa;\n box-shadow: 0 0 0 1px #237ffa;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-mock-input__placeholder {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-mock-input.disabled {\n cursor: not-allowed;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-mock-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 16px;\n height: 16px;\n font-size: 14px;\n text-align: center;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n visibility: hidden;\n opacity: 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-mock-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-mock-input__clear.active {\n visibility: visible;\n opacity: 1; }\n.hi-v4-mock-input__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: 16px;\n text-align: center; }\n.hi-v4-mock-input__value {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-input {\n margin: 0;\n border: none;\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n height: inherit;\n background-color: transparent;\n cursor: text;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n width: 100%;\n font-size: inherit;\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733);\n line-height: 1.375rem; }\n.hi-v4-input::-webkit-input-placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-moz-placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::-ms-input-placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input:-ms-input-placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input::placeholder {\n color: #c9ced6;\n color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-input:disabled {\n cursor: not-allowed; }\n.hi-v4-input__inner {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: auto;\n width: 100%;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-size: inherit;\n border: 1px solid transparent;\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n outline: none; }\n.hi-v4-input__inner:not(.disabled):hover {\n z-index: 1; }\n.hi-v4-input__inner:not(.disabled).focused {\n z-index: 1; }\n.hi-v4-input__outer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n margin: 0;\n padding: 0;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: auto;\n width: 100%; }\n.hi-v4-input__clear {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: auto;\n font-size: 14px;\n text-align: center;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n visibility: hidden;\n opacity: 0; }\n.hi-v4-input__clear:hover {\n color: #000;\n color: var(--hi-v4-color-static-black, #000); }\n.hi-v4-input__clear.active {\n visibility: visible;\n opacity: 1; }\n.hi-v4-input__inner--suffix .hi-v4-input__clear {\n margin-right: 4px; }\n.hi-v4-input__prefix, .hi-v4-input__suffix {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n font-size: inherit;\n text-align: center; }\n.hi-v4-input__prefix {\n padding-left: 11px; }\n.hi-v4-input__suffix {\n padding-right: 11px; }\n.hi-v4-input__prepend, .hi-v4-input__append {\n position: relative;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: inherit;\n text-align: center;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n padding: 0 11px;\n border: 1px solid transparent;\n white-space: nowrap;\n background-color: #f8f8f8; }\n.hi-v4-input__prepend {\n border-right-width: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n.hi-v4-input__append {\n border-left-width: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n.hi-v4-input--size-sm {\n font-size: 0.875rem;\n font-size: var(--hi-v4-text-size-normal, 0.875rem); }\n.hi-v4-input--size-sm .hi-v4-input {\n padding: 4px 11px;\n padding: var(--hi-v4-spacing-2, 4px) 11px; }\n.hi-v4-input--size-sm .hi-v4-input__inner {\n border-radius: 4px; }\n.hi-v4-input--size-sm .hi-v4-input__prepend {\n border-top-left-radius: 1px;\n border-bottom-left-radius: 1px; }\n.hi-v4-input--size-sm .hi-v4-input__append {\n border-top-right-radius: 1px;\n border-bottom-right-radius: 1px; }\n.hi-v4-input--size-md {\n font-size: 1rem;\n font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-input--size-md .hi-v4-input {\n padding: 8px 11px;\n padding: var(--hi-v4-spacing-4, 8px) 11px; }\n.hi-v4-input--size-md .hi-v4-input__inner {\n border-radius: 6px; }\n.hi-v4-input--size-md .hi-v4-input__prepend {\n border-top-left-radius: 1px;\n border-bottom-left-radius: 1px; }\n.hi-v4-input--size-md .hi-v4-input__append {\n border-top-right-radius: 1px;\n border-bottom-right-radius: 1px; }\n.hi-v4-input--size-lg {\n font-size: 1.125rem;\n font-size: var(--hi-v4-text-size-xl, 1.125rem); }\n.hi-v4-input--size-lg .hi-v4-input {\n padding: 12px 11px;\n padding: var(--hi-v4-spacing-6, 12px) 11px; }\n.hi-v4-input--size-lg .hi-v4-input__inner {\n border-radius: 8px; }\n.hi-v4-input--size-lg .hi-v4-input__prepend {\n border-top-left-radius: 1px;\n border-bottom-left-radius: 1px; }\n.hi-v4-input--size-lg .hi-v4-input__append {\n border-top-right-radius: 1px;\n border-bottom-right-radius: 1px; }\n.hi-v4-input--appearance-outline .hi-v4-input__inner {\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled):hover {\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #237ffa;\n box-shadow: 0 0 0 1px #237ffa;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-outline .hi-v4-input__inner.disabled {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n background-color: #f2f4f7;\n background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-input--appearance-outline .hi-v4-input__prepend,\n .hi-v4-input--appearance-outline .hi-v4-input__append {\n border-color: #dfe2e8;\n border-color: var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-input--appearance-unset .hi-v4-input {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--prepend .hi-v4-input,\n .hi-v4-input--appearance-unset .hi-v4-input__inner--prefix .hi-v4-input {\n padding-left: 11px; }\n.hi-v4-input--appearance-unset.hi-v4-input__outer--append .hi-v4-input,\n .hi-v4-input--appearance-unset .hi-v4-input__inner--suffix .hi-v4-input {\n padding-right: 11px; }\n.hi-v4-input--appearance-unset .hi-v4-input__inner {\n border-radius: 0; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner {\n background-color: #f8f8f8; }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled):hover {\n -webkit-box-shadow: 0 0 0 1px #237ffa;\n box-shadow: 0 0 0 1px #237ffa;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-filled .hi-v4-input__inner:not(.disabled).focused {\n -webkit-box-shadow: 0 0 0 1px #237ffa;\n box-shadow: 0 0 0 1px #237ffa;\n -webkit-box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 0 0 1px var(--hi-v4-color-brandblue-500, #237ffa);\n border-color: #237ffa;\n border-color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-input--appearance-underline .hi-v4-input {\n padding-left: 0;\n padding-right: 0; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--prepend .hi-v4-input,\n .hi-v4-input--appearance-underline .hi-v4-input__inner--prefix .hi-v4-input {\n padding-left: 11px; }\n.hi-v4-input--appearance-underline.hi-v4-input__outer--append .hi-v4-input,\n .hi-v4-input--appearance-underline .hi-v4-input__inner--suffix .hi-v4-input {\n padding-right: 11px; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner {\n border-radius: 0; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner::after {\n content: '';\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: block;\n position: absolute;\n bottom: 0;\n left: -1px;\n right: -1px;\n border-bottom: 1px solid #dfe2e8;\n border-bottom: 1px solid var(--hi-v4-color-gray-300, #dfe2e8);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled):hover::after {\n border-bottom-color: #237ffa;\n border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input--appearance-underline .hi-v4-input__inner:not(.disabled).focused::after {\n border-bottom-color: #237ffa;\n border-bottom-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-box-shadow: 0 1px 0 0 #237ffa;\n box-shadow: 0 1px 0 0 #237ffa;\n -webkit-box-shadow: 0 1px 0 0 var(--hi-v4-color-brandblue-500, #237ffa);\n box-shadow: 0 1px 0 0 var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-input__outer--prepend .hi-v4-input__inner {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n.hi-v4-input__outer--append .hi-v4-input__inner {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n";
11
11
 
12
12
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
13
13
 
package/lib/types/Input.d.ts CHANGED
@@ -72,6 +72,10 @@ export interface InputProps {
72
72
  * 是否可清空，通过点击右侧清除按钮
73
73
  */
74
74
  clearable?: boolean;
75
+ /**
76
+ * 再失焦时触发对值的 trim onChange 给用户
77
+ */
78
+ trimValueOnBlur?: boolean;
75
79
  /**
76
80
  * 清除按钮展示的触发形态
77
81
  */
package/lib/types/MockInput.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { HiBaseDataItem, HiBaseHTMLProps } from '@hi-ui/core';
3
3
  /**
4
4
  * 支持自定义渲染输入框内容，暂时仅供内部 Picker 类组件使用，不对外提供
5
5
  */
6
- export declare const MockInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "placeholder" | "suffix" | "defaultValue" | "value" | "onChange" | "clearableTrigger" | "clearable" | "data" | "onSelect" | "onClick" | "displayRender"> & {
6
+ export declare const MockInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "placeholder" | "suffix" | "defaultValue" | "value" | "onChange" | "clearableTrigger" | "clearable" | "data" | "title" | "onSelect" | "onClick" | "displayRender"> & {
7
7
  prefixCls?: string | undefined;
8
8
  role?: string | undefined;
9
9
  } & {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/input",
3
- "version": "4.0.0-alpha.13",
3
+ "version": "4.0.0-alpha.17",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -44,21 +44,21 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@hi-ui/classname": "^4.0.0-alpha.2",
47
- "@hi-ui/core": "^4.0.0-alpha.5",
48
- "@hi-ui/core-css": "^4.0.0-alpha.3",
47
+ "@hi-ui/core": "^4.0.0-alpha.8",
48
+ "@hi-ui/core-css": "^4.0.0-alpha.6",
49
49
  "@hi-ui/env": "^4.0.0-alpha.3",
50
- "@hi-ui/icons": "^4.0.0-alpha.10",
51
- "@hi-ui/use-merge-refs": "^4.0.0-alpha.2",
52
- "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.6"
50
+ "@hi-ui/icons": "^4.0.0-alpha.13",
51
+ "@hi-ui/use-merge-refs": "^4.0.0-alpha.3",
52
+ "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.8"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "react": "^17.0.1",
56
56
  "react-dom": "^17.0.1"
57
57
  },
58
58
  "devDependencies": {
59
- "@hi-ui/hi-build": "^4.0.0-alpha.2",
59
+ "@hi-ui/hi-build": "^4.0.0-alpha.3",
60
60
  "react": "^17.0.1",
61
61
  "react-dom": "^17.0.1"
62
62
  },
63
- "gitHead": "b72347f49e7037ac4e03f056f71ac1709879949a"
63
+ "gitHead": "689ef7c6b19089bf0aa818978c70da1e27714e6b"
64
64
  }