@hi-ui/input 4.0.6 → 4.0.8

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @hi-ui/input
+
+## 4.0.8
+
+### Patch Changes
+
+- [#2448](https://github.com/XiaoMi/hiui/pull/2448) [`573a26adf`](https://github.com/XiaoMi/hiui/commit/573a26adf945654f4301e38044131616982c7b2e) Thanks [@zyprepare](https://github.com/zyprepare)! - fix: value 设置 null 时报错
+
+## 4.0.7
+
+### Patch Changes
+
+- [#2440](https://github.com/XiaoMi/hiui/pull/2440) [`45f1ddd4d`](https://github.com/XiaoMi/hiui/commit/45f1ddd4de49c84f09b0074bcacdcb587a5d1535) Thanks [@zyprepare](https://github.com/zyprepare)! - fix: 输入框值格式化时光标跑到最后

package/lib/cjs/Input.js

@@ -82,11 +82,12 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onChange = _a.onChange,
       onFocus = _a.onFocus,
       onBlur = _a.onBlur,
+      onKeyDown = _a.onKeyDown,
       trimValueOnBlur = _a.trimValueOnBlur,
       onClear = _a.onClear,
       type = _a.type,
       containerRef = _a.containerRef,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "style", "size", "appearance", "prepend", "append", "prefix", "suffix", "clearableTrigger", "clearable", "invalid", "name", "autoFocus", "disabled", "readOnly", "maxLength", "placeholder", "defaultValue", "value", "onChange", "onFocus", "onBlur", "trimValueOnBlur", "onClear", "type", "containerRef"]); // @TODO: 临时方案，后面迁移至 InputGroup
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "style", "size", "appearance", "prepend", "append", "prefix", "suffix", "clearableTrigger", "clearable", "invalid", "name", "autoFocus", "disabled", "readOnly", "maxLength", "placeholder", "defaultValue", "value", "onChange", "onFocus", "onBlur", "onKeyDown", "trimValueOnBlur", "onClear", "type", "containerRef"]); // @TODO: 临时方案，后面迁移至 InputGroup
 
 
   var _useMemo = React.useMemo(function () {
@@ -117,6 +118,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
   var _useInput = useInput.useInput({
     clearElementRef: clearElementRef,
+    inputElementRef: inputElementRef,
     name: name,
     autoFocus: autoFocus,
     disabled: disabled,
@@ -128,6 +130,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onChange: proxyOnChange,
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     trimValueOnBlur: trimValueOnBlur,
     type: type
   }),

package/lib/cjs/index.js

@@ -19,10 +19,13 @@ var Input = require('./Input.js');
 
 var useInput = require('./use-input.js');
 
+var useInputCursor = require('./use-input-cursor.js');
+
 var MockInput = require('./MockInput.js');
 
 exports.Input = Input.Input;
 exports["default"] = Input.Input;
 exports.onChangeMock = Input.onChangeMock;
 exports.useInput = useInput.useInput;
+exports.useInputCursor = useInputCursor.useInputCursor;
 exports.MockInput = MockInput.MockInput;

package/lib/cjs/use-input-cursor.js

@@ -0,0 +1,110 @@
+/** @LICENSE
+ * @hi-ui/input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var typeAssertion = require('@hi-ui/type-assertion');
+
+var defaultSeparator = ' ';
+
+var useInputCursor = function useInputCursor(_ref) {
+  var inputElementRef = _ref.inputElementRef,
+      value = _ref.value,
+      formatter = _ref.formatter,
+      _ref$separator = _ref.separator,
+      separator = _ref$separator === void 0 ? defaultSeparator : _ref$separator;
+
+  var _useState = React.useState(0),
+      position = _useState[0],
+      setPosition = _useState[1];
+
+  var startPositionRef = React.useRef(0); // 记录值变化前的位置
+
+  var handleOnKeyDown = React.useCallback(function () {
+    var _a, _b;
+
+    startPositionRef.current = (_b = (_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) !== null && _b !== void 0 ? _b : 0;
+  }, [inputElementRef]);
+  var handleChange = React.useCallback(function (evt) {
+    var _a, _b;
+
+    if (typeAssertion.isNullish(value)) {
+      return;
+    }
+
+    var val = evt.target.value; // 处理后的字符串
+
+    var str = typeof formatter === 'function' ? formatter(val) : val; // 光标变化后的位置
+
+    var endPosition = (_b = (_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) !== null && _b !== void 0 ? _b : 0; // 字符串添加
+
+    if (str.length > value.length) {
+      // 值变化的长度
+      var len = str.length - value.length; // 取出变化的值
+
+      var addStr = str.substring(startPositionRef.current, startPositionRef.current + len); // 光标应该移动的格数
+
+      var step = getSeparatorNum(addStr, separator);
+      setPosition(endPosition + step);
+    } // 字符串删除
+
+
+    if (str.length < value.length) {
+      if (str.charAt(endPosition - 1) === separator) {
+        setPosition(endPosition - 1);
+      } else {
+        setPosition(endPosition);
+      }
+    } // 没有变化
+
+
+    if (str.length === value.length) {
+      if (str.charAt(startPositionRef.current) === separator) {
+        setPosition(endPosition + 1);
+      } else {
+        setPosition(endPosition);
+      }
+    }
+  }, [formatter, inputElementRef, separator, value]);
+  return {
+    position: position,
+    handleChange: handleChange,
+    handleOnKeyDown: handleOnKeyDown
+  };
+};
+/**
+ * 获取字符串中有多少格式化字符
+ * @param str
+ * @returns
+ */
+
+
+var getSeparatorNum = function getSeparatorNum(str, separator) {
+  if (separator === void 0) {
+    separator = defaultSeparator;
+  }
+
+  var index = str.indexOf(separator);
+  var num = 0;
+
+  while (index !== -1) {
+    index = str.indexOf(separator, index + 1);
+    num++;
+  }
+
+  return num;
+};
+
+exports.useInputCursor = useInputCursor;

package/lib/cjs/use-input.js

@@ -21,9 +21,15 @@ var useLatest = require('@hi-ui/use-latest');
 
 var domUtils = require('@hi-ui/dom-utils');
 
+var funcUtils = require('@hi-ui/func-utils');
+
 var index = require('./utils/index.js');
 
-var EXTRA_TYPE = ['text', 'id', 'tel', 'card', 'amount', 'email'];
+var useInputCursor = require('./use-input-cursor.js');
+
+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,
@@ -41,16 +47,33 @@ var useInput = function useInput(_ref) {
       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; // Object.is 避免 trimValueOnBlur 和 点击 clearIcon 触发 2 次相同的 onCHange
+      clearElementRef = _ref.clearElementRef,
+      inputElementRef = _ref.inputElementRef; // Object.is 避免 trimValueOnBlur 和 点击 clearIcon 触发 2 次相同的 onCHange
 
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange, Object.is),
       value = _useUncontrolledState[0],
       tryChangeValue = _useUncontrolledState[1];
 
+  var _useInputCursor = useInputCursor.useInputCursor({
+    inputElementRef: inputElementRef,
+    value: index.format(value, type)
+  }),
+      formatHandleChange = _useInputCursor.handleChange,
+      handleOnKeyDown = _useInputCursor.handleOnKeyDown,
+      position = _useInputCursor.position;
+  /**
+   * 修复值格式化时光标位置问题：https://github.com/XiaoMi/hiui/issues/2438
+   */
+
+
+  var needResetCursorPosition = React.useMemo(function () {
+    return RESET_CURSOR_TYPE.includes(type);
+  }, [type]);
   var handleChange = React.useCallback(function (evt, trim) {
     if (trim === void 0) {
       trim = false;
@@ -72,7 +95,8 @@ var useInput = function useInput(_ref) {
       value: value
     });
     tryChangeValue(valueTrue, event);
-  }, [tryChangeValue, type]);
+    needResetCursorPosition && formatHandleChange(event);
+  }, [formatHandleChange, needResetCursorPosition, tryChangeValue, type]);
 
   var _useState = React.useState(autoFocus),
       focused = _useState[0],
@@ -118,9 +142,17 @@ var useInput = function useInput(_ref) {
       type: nativeType,
       onChange: handleChange,
       onFocus: handleFocus,
-      onBlur: handleBlur
+      onBlur: handleBlur,
+      onKeyDown: needResetCursorPosition ? funcUtils.callAllFuncs(handleOnKeyDown, onKeyDown) : onKeyDown
     });
-  }, [value, type, handleChange, handleFocus, handleBlur, nativeInputProps]);
+  }, [type, nativeInputProps, value, handleChange, handleFocus, handleBlur, needResetCursorPosition, handleOnKeyDown, onKeyDown]);
+  React.useEffect(function () {
+    // 满足以下条件时需要校对光标位置
+    if (needResetCursorPosition && inputElementRef.current) {
+      inputElementRef.current.selectionStart = position;
+      inputElementRef.current.selectionEnd = position;
+    }
+  }, [inputElementRef, needResetCursorPosition, position, type]);
   return {
     focused: focused,
     value: value,

package/lib/esm/Input.js

@@ -60,11 +60,12 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
       onChange = _a.onChange,
       onFocus = _a.onFocus,
       onBlur = _a.onBlur,
+      onKeyDown = _a.onKeyDown,
       trimValueOnBlur = _a.trimValueOnBlur,
       onClear = _a.onClear,
       type = _a.type,
       containerRef = _a.containerRef,
-      rest = __rest(_a, ["prefixCls", "role", "className", "style", "size", "appearance", "prepend", "append", "prefix", "suffix", "clearableTrigger", "clearable", "invalid", "name", "autoFocus", "disabled", "readOnly", "maxLength", "placeholder", "defaultValue", "value", "onChange", "onFocus", "onBlur", "trimValueOnBlur", "onClear", "type", "containerRef"]); // @TODO: 临时方案，后面迁移至 InputGroup
+      rest = __rest(_a, ["prefixCls", "role", "className", "style", "size", "appearance", "prepend", "append", "prefix", "suffix", "clearableTrigger", "clearable", "invalid", "name", "autoFocus", "disabled", "readOnly", "maxLength", "placeholder", "defaultValue", "value", "onChange", "onFocus", "onBlur", "onKeyDown", "trimValueOnBlur", "onClear", "type", "containerRef"]); // @TODO: 临时方案，后面迁移至 InputGroup
 
 
   var _useMemo = useMemo(function () {
@@ -95,6 +96,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
 
   var _useInput = useInput({
     clearElementRef: clearElementRef,
+    inputElementRef: inputElementRef,
     name: name,
     autoFocus: autoFocus,
     disabled: disabled,
@@ -106,6 +108,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
     onChange: proxyOnChange,
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     trimValueOnBlur: trimValueOnBlur,
     type: type
   }),

package/lib/esm/index.js

@@ -10,4 +10,5 @@
 import './styles/index.scss.js';
 export { Input, Input as default, onChangeMock } from './Input.js';
 export { useInput } from './use-input.js';
+export { useInputCursor } from './use-input-cursor.js';
 export { MockInput } from './MockInput.js';

package/lib/esm/use-input-cursor.js

@@ -0,0 +1,102 @@
+/** @LICENSE
+ * @hi-ui/input
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/input#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState, useRef, useCallback } from 'react';
+import { isNullish } from '@hi-ui/type-assertion';
+var defaultSeparator = ' ';
+
+var useInputCursor = function useInputCursor(_ref) {
+  var inputElementRef = _ref.inputElementRef,
+      value = _ref.value,
+      formatter = _ref.formatter,
+      _ref$separator = _ref.separator,
+      separator = _ref$separator === void 0 ? defaultSeparator : _ref$separator;
+
+  var _useState = useState(0),
+      position = _useState[0],
+      setPosition = _useState[1];
+
+  var startPositionRef = useRef(0); // 记录值变化前的位置
+
+  var handleOnKeyDown = useCallback(function () {
+    var _a, _b;
+
+    startPositionRef.current = (_b = (_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) !== null && _b !== void 0 ? _b : 0;
+  }, [inputElementRef]);
+  var handleChange = useCallback(function (evt) {
+    var _a, _b;
+
+    if (isNullish(value)) {
+      return;
+    }
+
+    var val = evt.target.value; // 处理后的字符串
+
+    var str = typeof formatter === 'function' ? formatter(val) : val; // 光标变化后的位置
+
+    var endPosition = (_b = (_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) !== null && _b !== void 0 ? _b : 0; // 字符串添加
+
+    if (str.length > value.length) {
+      // 值变化的长度
+      var len = str.length - value.length; // 取出变化的值
+
+      var addStr = str.substring(startPositionRef.current, startPositionRef.current + len); // 光标应该移动的格数
+
+      var step = getSeparatorNum(addStr, separator);
+      setPosition(endPosition + step);
+    } // 字符串删除
+
+
+    if (str.length < value.length) {
+      if (str.charAt(endPosition - 1) === separator) {
+        setPosition(endPosition - 1);
+      } else {
+        setPosition(endPosition);
+      }
+    } // 没有变化
+
+
+    if (str.length === value.length) {
+      if (str.charAt(startPositionRef.current) === separator) {
+        setPosition(endPosition + 1);
+      } else {
+        setPosition(endPosition);
+      }
+    }
+  }, [formatter, inputElementRef, separator, value]);
+  return {
+    position: position,
+    handleChange: handleChange,
+    handleOnKeyDown: handleOnKeyDown
+  };
+};
+/**
+ * 获取字符串中有多少格式化字符
+ * @param str
+ * @returns
+ */
+
+
+var getSeparatorNum = function getSeparatorNum(str, separator) {
+  if (separator === void 0) {
+    separator = defaultSeparator;
+  }
+
+  var index = str.indexOf(separator);
+  var num = 0;
+
+  while (index !== -1) {
+    index = str.indexOf(separator, index + 1);
+    num++;
+  }
+
+  return num;
+};
+
+export { useInputCursor };

package/lib/esm/use-input.js

@@ -7,12 +7,16 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { useCallback, useState, useMemo } from 'react';
+import { useMemo, useCallback, useState, useEffect } from 'react';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
 import { useLatestCallback } from '@hi-ui/use-latest';
 import { setAttrStatus } from '@hi-ui/dom-utils';
-import { pure, format, formatAmount } from './utils/index.js';
-var EXTRA_TYPE = ['text', 'id', 'tel', 'card', 'amount', 'email'];
+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 RESET_CURSOR_TYPE = ['id', 'tel', 'card'];
 
 var useInput = function useInput(_ref) {
   var name = _ref.name,
@@ -30,16 +34,33 @@ var useInput = function useInput(_ref) {
       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; // Object.is 避免 trimValueOnBlur 和 点击 clearIcon 触发 2 次相同的 onCHange
+      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];
 
+  var _useInputCursor = useInputCursor({
+    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]);
   var handleChange = useCallback(function (evt, trim) {
     if (trim === void 0) {
       trim = false;
@@ -61,7 +82,8 @@ var useInput = function useInput(_ref) {
       value: value
     });
     tryChangeValue(valueTrue, event);
-  }, [tryChangeValue, type]);
+    needResetCursorPosition && formatHandleChange(event);
+  }, [formatHandleChange, needResetCursorPosition, tryChangeValue, type]);
 
   var _useState = useState(autoFocus),
       focused = _useState[0],
@@ -107,9 +129,17 @@ var useInput = function useInput(_ref) {
       type: nativeType,
       onChange: handleChange,
       onFocus: handleFocus,
-      onBlur: handleBlur
+      onBlur: handleBlur,
+      onKeyDown: needResetCursorPosition ? callAllFuncs(handleOnKeyDown, onKeyDown) : onKeyDown
     });
-  }, [value, type, handleChange, handleFocus, handleBlur, nativeInputProps]);
+  }, [type, nativeInputProps, value, handleChange, handleFocus, handleBlur, needResetCursorPosition, handleOnKeyDown, onKeyDown]);
+  useEffect(function () {
+    // 满足以下条件时需要校对光标位置
+    if (needResetCursorPosition && inputElementRef.current) {
+      inputElementRef.current.selectionStart = position;
+      inputElementRef.current.selectionEnd = position;
+    }
+  }, [inputElementRef, needResetCursorPosition, position, type]);
   return {
     focused: focused,
     value: value,

package/lib/types/MockInput.d.ts

@@ -3,7 +3,7 @@ import type { HiBaseAppearanceEnum, HiBaseDataItem, HiBaseHTMLFieldProps } from
 /**
  * 支持自定义渲染输入框内容，暂时仅供内部 Picker 类组件使用，不对外提供
  */
-export declare const MockInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "readOnly" | "placeholder" | "defaultValue" | "value" | "onChange" | "type" | "focused" | "onSelect" | "title" | "size" | "prefix" | "data" | "onClick" | "appearance" | "suffix" | "clearableTrigger" | "clearable" | "displayRender"> & {
+export declare const MockInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "readOnly" | "placeholder" | "defaultValue" | "onChange" | "type" | "focused" | "onSelect" | "title" | "size" | "prefix" | "data" | "onClick" | "appearance" | "suffix" | "clearableTrigger" | "clearable" | "displayRender"> & {
     prefixCls?: string | undefined;
     role?: string | undefined;
 } & {

package/lib/types/index.d.ts

@@ -2,5 +2,6 @@ import './styles/index.scss';
 export * from './Input';
 export { Input as default } from './Input';
 export * from './use-input';
+export * from './use-input-cursor';
 export * from './MockInput';
 export * from './types';

package/lib/types/use-input-cursor.d.ts

@@ -0,0 +1,27 @@
+import React, { MutableRefObject } from 'react';
+export declare const useInputCursor: ({ inputElementRef, value, formatter, separator, }: UseInputCursorProps) => {
+    position: number;
+    handleChange: (evt: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleOnKeyDown: () => void;
+};
+export interface UseInputCursorProps {
+    /**
+     * 输入框 ref
+     */
+    inputElementRef: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * 输入框变化前的值
+     */
+    value: string;
+    /**
+     * 格式化处理函数
+     * @param args
+     * @returns
+     */
+    formatter?: (...args: any[]) => string;
+    /**
+     * 间隔符
+     */
+    separator?: string;
+}
+export declare type useFormatReturn = ReturnType<typeof useInputCursor>;

package/lib/types/use-input.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const useInput: ({ name, autoFocus, disabled, readOnly, maxLength, placeholder, defaultValue, value: valueProp, onChange, onFocus, onBlur, trimValueOnBlur, type, clearElementRef, }: UseInputProps) => {
+export declare const useInput: ({ name, autoFocus, disabled, readOnly, maxLength, placeholder, defaultValue, value: valueProp, onChange, onFocus, onBlur, onKeyDown, trimValueOnBlur, type, clearElementRef, inputElementRef, }: UseInputProps) => {
     focused: boolean;
     value: string;
     tryChangeValue: (stateOrFunction: React.SetStateAction<string>, ...args: any[]) => void;
@@ -9,6 +9,7 @@ export declare const useInput: ({ name, autoFocus, disabled, readOnly, maxLength
         onChange: (evt: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, trim?: any) => void;
         onFocus: (evt: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
         onBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onKeyDown: ((evt: React.KeyboardEvent<any>) => void) | ((...args: any) => void) | undefined;
         name: string | undefined;
         disabled: boolean;
         readOnly: boolean;
@@ -59,6 +60,10 @@ export interface UseInputProps {
      * 值改变时的回调
      */
     onChange?: (value: string, evt: React.ChangeEvent<any>) => void;
+    /**
+     * 输入框按下时的回调
+     */
+    onKeyDown?: (evt: React.KeyboardEvent<any>) => void;
     /**
      * 输入框聚焦时的回调
      */
@@ -75,5 +80,9 @@ export interface UseInputProps {
      * @private
      */
     clearElementRef?: any;
+    /**
+     * 输入框 ref
+     */
+    inputElementRef?: any;
 }
 export declare type useInputReturn = ReturnType<typeof useInput>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/input",
-  "version": "4.0.6",
+  "version": "4.0.8",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -46,7 +46,9 @@
     "@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"
@@ -58,10 +60,9 @@
   },
   "devDependencies": {
     "@hi-ui/core": "^4.0.4",
-    "@hi-ui/core-css": "^4.0.1",
+    "@hi-ui/core-css": "^4.1.0",
     "@hi-ui/hi-build": "^4.0.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
-  },
-  "gitHead": "d075180134a471227e6c344a5bbbb98d91904f9a"
+  }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2018 Xiaomi
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.