@hi-ui/input 4.0.0-beta.16 → 4.0.0-beta.19

package/lib/cjs/use-input.js

@@ -23,6 +23,8 @@ var domUtils = require('@hi-ui/dom-utils');
 
 var index = require('./utils/index.js');
 
+var EXTRA_TYPE = ['text', 'id', 'tel', 'card', 'amount', 'email'];
+
 var useInput = function useInput(_ref) {
   var name = _ref.name,
       _ref$autoFocus = _ref.autoFocus,
@@ -110,8 +112,10 @@ var useInput = function useInput(_ref) {
     };
   }, [disabled, readOnly, autoFocus, placeholder, maxLength, name, focused]);
   var getInputProps = React.useCallback(function () {
+    var nativeType = EXTRA_TYPE.includes(type) ? undefined : type;
     return Object.assign(Object.assign({}, nativeInputProps), {
       value: index.format(value, type),
+      type: nativeType,
       onChange: handleChange,
       onFocus: handleFocus,
       onBlur: handleBlur

package/lib/esm/use-input.js

@@ -12,6 +12,7 @@ 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'];
 
 var useInput = function useInput(_ref) {
   var name = _ref.name,
@@ -100,8 +101,10 @@ var useInput = function useInput(_ref) {
     };
   }, [disabled, readOnly, autoFocus, placeholder, maxLength, name, focused]);
   var getInputProps = useCallback(function () {
+    var nativeType = EXTRA_TYPE.includes(type) ? undefined : type;
     return Object.assign(Object.assign({}, nativeInputProps), {
       value: format(value, type),
+      type: nativeType,
       onChange: handleChange,
       onFocus: handleFocus,
       onBlur: handleBlur

package/lib/types/Input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { HiBaseHTMLFieldProps } from '@hi-ui/core';
-import { InputAppearanceEnum } from './types';
+import { InputAppearanceEnum, InputTypeEnum } from './types';
 /**
  * 输入框
  *
@@ -34,9 +34,9 @@ export interface InputProps extends HiBaseHTMLFieldProps<'input'> {
      */
     defaultValue?: string;
     /**
-     * 设置输入框类型，支持原生 input 的 type 属性所有值
+     * 设置输入框类型
      */
-    type?: 'text' | 'id' | 'tel' | 'card' | 'amount' | 'email' | string;
+    type?: InputTypeEnum;
     /**
      * 输入最大长度
      */

package/lib/types/index.d.ts

@@ -3,3 +3,4 @@ export * from './Input';
 export { Input as default } from './Input';
 export * from './use-input';
 export * from './MockInput';
+export * from './types';

package/lib/types/types.d.ts

@@ -1,2 +1,3 @@
 import { HiBaseAppearanceEnum } from '@hi-ui/core';
 export declare type InputAppearanceEnum = HiBaseAppearanceEnum | 'underline';
+export declare type InputTypeEnum = 'text' | 'id' | 'tel' | 'card' | 'amount' | 'email';

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

@@ -5,6 +5,7 @@ export declare const useInput: ({ name, autoFocus, disabled, readOnly, maxLength
     tryChangeValue: (stateOrFunction: React.SetStateAction<string>, ...args: any[]) => void;
     getInputProps: () => {
         value: string;
+        type: string | undefined;
         onChange: (evt: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, trim?: any) => void;
         onFocus: (evt: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
         onBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/input",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.19",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -48,7 +48,7 @@
     "@hi-ui/core-css": "^4.0.0-beta.5",
     "@hi-ui/dom-utils": "^4.0.0-beta.6",
     "@hi-ui/env": "^4.0.0-beta.1",
-    "@hi-ui/icons": "^4.0.0-beta.11",
+    "@hi-ui/icons": "^4.0.0-beta.12",
     "@hi-ui/use-latest": "^4.0.0-beta.5",
     "@hi-ui/use-merge-refs": "^4.0.0-beta.5",
     "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.5"
@@ -62,5 +62,5 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "ef96654e009a72c3445d8df4a4182973631d00e9"
+  "gitHead": "3180ed00bbe4a23ff0d5bfa1f5ca95f39ff9f494"
 }