@hi-ui/input 4.0.9 → 4.0.11

package/lib/esm/use-input.js

@@ -14,50 +14,46 @@ import { setAttrStatus } from '@hi-ui/dom-utils';
 import { callAllFuncs } from '@hi-ui/func-utils';
 import { format, pure, formatAmount } from './utils/index.js';
 import { useInputCursor } from './use-input-cursor.js';
-var EXTRA_TYPE = ['text', 'id', 'tel', 'card', 'amount', 'email']; // 需要格式化后校对光标的类型
-
+var EXTRA_TYPE = ['text', 'id', 'tel', 'card', 'amount', 'email'];
+// 需要格式化后校对光标的类型
 var RESET_CURSOR_TYPE = ['id', 'tel', 'card'];
-
 var useInput = function useInput(_ref) {
   var name = _ref.name,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      maxLength = _ref.maxLength,
-      placeholder = _ref.placeholder,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
-      valueProp = _ref.value,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      onKeyDown = _ref.onKeyDown,
-      _ref$trimValueOnBlur = _ref.trimValueOnBlur,
-      trimValueOnBlur = _ref$trimValueOnBlur === void 0 ? false : _ref$trimValueOnBlur,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
-      clearElementRef = _ref.clearElementRef,
-      inputElementRef = _ref.inputElementRef; // Object.is 避免 trimValueOnBlur 和 点击 clearIcon 触发 2 次相同的 onCHange
-
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    maxLength = _ref.maxLength,
+    placeholder = _ref.placeholder,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
+    valueProp = _ref.value,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    onKeyDown = _ref.onKeyDown,
+    _ref$trimValueOnBlur = _ref.trimValueOnBlur,
+    trimValueOnBlur = _ref$trimValueOnBlur === void 0 ? false : _ref$trimValueOnBlur,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    clearElementRef = _ref.clearElementRef,
+    inputElementRef = _ref.inputElementRef;
+  // Object.is 避免 trimValueOnBlur 和 点击 clearIcon 触发 2 次相同的 onCHange
   var _useUncontrolledState = useUncontrolledState(defaultValue, valueProp, onChange, Object.is),
-      value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1];
-
+    value = _useUncontrolledState[0],
+    tryChangeValue = _useUncontrolledState[1];
   var _useInputCursor = useInputCursor({
-    inputElementRef: inputElementRef,
-    value: format(value, type)
-  }),
-      formatHandleChange = _useInputCursor.handleChange,
-      handleOnKeyDown = _useInputCursor.handleOnKeyDown,
-      position = _useInputCursor.position;
+      inputElementRef: inputElementRef,
+      value: format(value, type)
+    }),
+    formatHandleChange = _useInputCursor.handleChange,
+    handleOnKeyDown = _useInputCursor.handleOnKeyDown,
+    position = _useInputCursor.position;
   /**
    * 修复值格式化时光标位置问题：https://github.com/XiaoMi/hiui/issues/2438
    */
-
-
   var needResetCursorPosition = useMemo(function () {
     return RESET_CURSOR_TYPE.includes(type);
   }, [type]);
@@ -65,18 +61,15 @@ var useInput = function useInput(_ref) {
     if (trim === void 0) {
       trim = false;
     }
-
     evt.persist();
     var nextValue = evt.target.value;
-    var valueTrue = pure(nextValue, type); // 防溢出，保证 onChange 拿到的是值是最新的 formatted value
-
+    var valueTrue = pure(nextValue, type);
+    // 防溢出，保证 onChange 拿到的是值是最新的 formatted value
     var value = format(nextValue, type);
-
     if (trim) {
       valueTrue = valueTrue.trim();
       value = value.trim();
     }
-
     var event = Object.create(evt);
     event.target = Object.assign(Object.assign({}, evt.target), {
       value: value
@@ -84,31 +77,27 @@ var useInput = function useInput(_ref) {
     tryChangeValue(valueTrue, event);
     needResetCursorPosition && formatHandleChange(event);
   }, [formatHandleChange, needResetCursorPosition, tryChangeValue, type]);
-
   var _useState = useState(autoFocus),
-      focused = _useState[0],
-      setFocused = _useState[1];
-
+    focused = _useState[0],
+    setFocused = _useState[1];
   var handleFocus = useLatestCallback(function (evt) {
     setFocused(true);
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(evt);
   });
   var handleBlur = useLatestCallback(function (event) {
-    var relatedTarget = event.relatedTarget; // 拦截 clearIcon 点击清空，阻止其触发 input 失焦
-
+    var relatedTarget = event.relatedTarget;
+    // 拦截 clearIcon 点击清空，阻止其触发 input 失焦
     if (clearElementRef && clearElementRef.current && clearElementRef.current === relatedTarget) {
       return;
     }
-
-    setFocused(false); // amount 自动添加小数
-
+    setFocused(false);
+    // amount 自动添加小数
     if (type === 'amount') {
       event.target.value = formatAmount(value, true);
       handleChange(event, trimValueOnBlur);
     } else if (trimValueOnBlur) {
       handleChange(event, true);
     }
-
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   });
   var nativeInputProps = useMemo(function () {
@@ -147,5 +136,4 @@ var useInput = function useInput(_ref) {
     getInputProps: getInputProps
   };
 };
-
 export { useInput };

package/lib/esm/utils/index.js

@@ -7,18 +7,15 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 /**
  * 格式化身份证
  */
 var formatId = function formatId(val) {
   val = val.replace(/[^a-zA-Z0-9]/g, '');
   var len = val.length;
-
   if (val === '' || len < 7) {
     return val;
   }
-
   if (len < 11) {
     return val.slice(0, 6) + ' ' + val.slice(6, 10);
   } else if (len < 15) {
@@ -27,7 +24,6 @@ var formatId = function formatId(val) {
     return val.slice(0, 6) + ' ' + val.slice(6, 10) + ' ' + val.slice(10, 14) + ' ' + val.slice(14, 18);
   }
 };
-
 var pureId = function pureId(val) {
   var tmp = val.replace(/[^\d|.]/g, '');
   return tmp.slice(0, 18);
@@ -35,23 +31,18 @@ var pureId = function pureId(val) {
 /**
  * 格式化手机号
  */
-
-
 var formatTel = function formatTel(val) {
   val = val.replace(/\D/g, '');
   var len = val.length;
-
   if (val === '' || len < 4) {
     return val;
   }
-
   if (len < 8) {
     return val.slice(0, 3) + ' ' + val.slice(3, 7);
   } else {
     return val.slice(0, 3) + ' ' + val.slice(3, 7) + ' ' + val.slice(7, 11);
   }
 };
-
 var pureTel = function pureTel(val) {
   var tmp = val.replace(/[^\d|.]/g, '');
   return tmp.slice(0, 11);
@@ -59,16 +50,12 @@ var pureTel = function pureTel(val) {
 /**
  * 格式化银行卡号
  */
-
-
 var formatCard = function formatCard(val) {
   val = val.replace(/\D/g, '');
   var len = val.length;
-
   if (val === '' || val.length < 5) {
     return val;
   }
-
   if (len < 9) {
     return val.slice(0, 4) + ' ' + val.slice(4, 8);
   } else if (len < 13) {
@@ -79,7 +66,6 @@ var formatCard = function formatCard(val) {
     return val.slice(0, 4) + ' ' + val.slice(4, 8) + ' ' + val.slice(8, 12) + ' ' + val.slice(12, 16) + ' ' + val.slice(16, 19);
   }
 };
-
 var pureCard = function pureCard(val) {
   var tmp = val.replace(/[^\d|.]/g, '');
   return tmp.slice(0, 19);
@@ -88,59 +74,44 @@ var pureCard = function pureCard(val) {
  * 金额自动生成小数
  * @param {string} val  需要处理的值
  */
-
-
 var formatAmount = function formatAmount(val, fill) {
   if (fill === void 0) {
     fill = false;
   }
-
   val = val.replace(/[^\d|.|,]/g, '').replace(/(\.\d*?)(\.|,).*/, function (_, $1) {
     return $1;
   });
-
   if (fill) {
     if (!val) return val;
     return val.indexOf('.') > -1 ? val : val + '.00';
   }
-
   return val;
 };
-
 var pureAmount = function pureAmount(val) {
   var tmp = val.replace(/[^\d|.]/g, '');
   return tmp;
 };
-
 var formatEmail = function formatEmail(val) {
   return val.replace(/\W/g, '');
 };
-
 var pureEmail = function pureEmail(val) {
   return val;
 };
 /**
  * 输入规则
  */
-
-
 var format = function format(val, type) {
   switch (type) {
     case 'id':
       return formatId(val);
-
     case 'tel':
       return formatTel(val);
-
     case 'card':
       return formatCard(val);
-
     case 'email':
       return formatEmail(val);
-
     case 'amount':
       return formatAmount(val);
-
     default:
       return val;
   }
@@ -148,28 +119,20 @@ var format = function format(val, type) {
 /**
  * 净化规则
  */
-
-
 var pure = function pure(val, type) {
   switch (type) {
     case 'id':
       return pureId(val);
-
     case 'tel':
       return pureTel(val);
-
     case 'card':
       return pureCard(val);
-
     case 'email':
       return pureEmail(val);
-
     case 'amount':
       return pureAmount(val);
-
     default:
       return val;
   }
 };
-
 export { format, formatAmount, formatCard, formatEmail, formatId, formatTel, pure, pureAmount, pureCard, pureEmail, pureId, pureTel };

package/lib/types/Input.d.ts

@@ -3,13 +3,6 @@ import { HiBaseHTMLFieldProps } from '@hi-ui/core';
 import { InputAppearanceEnum, InputTypeEnum } from './types';
 /**
  * 输入框
- *
- * @TODO:
- * 1. size api 确认
- * 2. 修改类名结构
- * 3. 支持带数字展示
- * 4. InputGroup 模式支持
- * 5. 手动聚焦支持额外配置
  */
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | null>>;
 export interface InputProps extends HiBaseHTMLFieldProps<'input'> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/input",
-  "version": "4.0.9",
+  "version": "4.0.11",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -43,25 +43,24 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/classname": "^4.0.1",
-    "@hi-ui/dom-utils": "^4.0.4",
-    "@hi-ui/env": "^4.0.1",
-    "@hi-ui/func-utils": "^4.0.1",
-    "@hi-ui/icons": "^4.0.4",
-    "@hi-ui/type-assertion": "^4.0.1",
-    "@hi-ui/use-latest": "^4.0.1",
-    "@hi-ui/use-merge-refs": "^4.0.1",
-    "@hi-ui/use-uncontrolled-state": "^4.0.1"
+    "@hi-ui/classname": "^4.0.2",
+    "@hi-ui/dom-utils": "^4.0.5",
+    "@hi-ui/env": "^4.0.2",
+    "@hi-ui/func-utils": "^4.0.2",
+    "@hi-ui/icons": "^4.0.16",
+    "@hi-ui/type-assertion": "^4.0.2",
+    "@hi-ui/use-latest": "^4.0.2",
+    "@hi-ui/use-merge-refs": "^4.0.2",
+    "@hi-ui/use-uncontrolled-state": "^4.0.2"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.0",
+    "@hi-ui/core": ">=4.0.6",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.4",
-    "@hi-ui/core-css": "^4.1.0",
-    "@hi-ui/hi-build": "^4.0.1",
+    "@hi-ui/core": "^4.0.6",
+    "@hi-ui/core-css": "^4.1.3",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }