@hi-ui/input 4.0.0-alpha.21 → 4.0.0-alpha.22

package/lib/types/TextArea.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { HiBaseHTMLFieldProps } from '@hi-ui/core';
+import { UseInputProps } from './use-input';
+/**
+ * TODO: What is TextArea
+ */
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement | null>>;
+export interface TextAreaProps extends HiBaseHTMLFieldProps<'textarea'>, Omit<UseInputProps, 'onFocus' | 'onBlur' | 'onChange'> {
+    /**
+     * 设置输入框尺寸
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * 设置展现形式
+     * 其中 `underline` 内部使用，不对外提供支持（风格去线型化：由线性过渡到面性）
+     */
+    appearance?: 'outline' | 'unset' | 'filled' | 'underline';
+    /**
+     * 值改变时回调
+     */
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}

package/lib/types/index.d.ts

@@ -1,4 +1,5 @@
 import './styles/index.scss';
 export * from './Input';
 export { Input as default } from './Input';
+export * from './TextArea';
 export * from './MockInput';

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

@@ -0,0 +1,70 @@
+import React from 'react';
+export declare const useInput: ({ name, autoFocus, disabled, readOnly, maxLength, placeholder, defaultValue, value: valueProp, onChange, onFocus, onBlur, trimValueOnBlur, }: UseInputProps) => {
+    focused: boolean;
+    value: string;
+    tryChangeValue: (stateOrFunction: React.SetStateAction<string>, ...args: any[]) => void;
+    getInputProps: () => {
+        value: string;
+        onChange: (evt: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onFocus: (evt: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        name: string | undefined;
+        disabled: boolean;
+        readOnly: boolean;
+        autoFocus: boolean;
+        placeholder: string | undefined;
+        maxLength: number | undefined;
+        'data-focused': "" | undefined;
+    };
+};
+export interface UseInputProps {
+    /**
+     * 开启输入框只读
+     */
+    readOnly?: boolean;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 开启输入框自动聚焦
+     */
+    autoFocus?: boolean;
+    /**
+     * 输入框字段名称
+     */
+    name?: string;
+    /**
+     * 设置输入框的值
+     */
+    value?: string;
+    /**
+     * 设置输入框的默认值
+     */
+    defaultValue?: string;
+    /**
+     * 输入最大长度
+     */
+    maxLength?: number;
+    /**
+     * 再失焦时触发对值的 trim onChange 给用户
+     */
+    trimValueOnBlur?: boolean;
+    /**
+     * 输入框占位符
+     */
+    placeholder?: string;
+    /**
+     * 值改变时的回调
+     */
+    onChange?: (value: string, evt: React.ChangeEvent<any>) => void;
+    /**
+     * 输入框聚焦时的回调
+     */
+    onFocus?: (evt: React.FocusEvent<any>) => void;
+    /**
+     * 输入框失焦时的回调
+     */
+    onBlur?: (evt: React.FocusEvent<any>) => void;
+}
+export declare type useInputReturn = ReturnType<typeof useInput>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/input",
-  "version": "4.0.0-alpha.21",
+  "version": "4.0.0-alpha.22",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,22 +43,24 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/classname": "^4.0.0-alpha.2",
-    "@hi-ui/core": "^4.0.0-alpha.11",
-    "@hi-ui/core-css": "^4.0.0-alpha.9",
-    "@hi-ui/env": "^4.0.0-alpha.4",
-    "@hi-ui/icons": "^4.0.0-alpha.17",
-    "@hi-ui/use-merge-refs": "^4.0.0-alpha.3",
-    "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.11"
+    "@hi-ui/classname": "^4.0.0-alpha.3",
+    "@hi-ui/core": "^4.0.0-alpha.12",
+    "@hi-ui/core-css": "^4.0.0-alpha.10",
+    "@hi-ui/dom-utils": "^4.0.0-alpha.6",
+    "@hi-ui/env": "^4.0.0-alpha.5",
+    "@hi-ui/icons": "^4.0.0-alpha.18",
+    "@hi-ui/use-latest": "^4.0.0-alpha.4",
+    "@hi-ui/use-merge-refs": "^4.0.0-alpha.4",
+    "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12"
   },
   "peerDependencies": {
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
   "devDependencies": {
-    "@hi-ui/hi-build": "^4.0.0-alpha.3",
+    "@hi-ui/hi-build": "^4.0.0-alpha.4",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "37cbc875cd26474cfc9ddbd1eeb0abd797a31835"
+  "gitHead": "4fe4855aa7b3180a4e30ffa0972ac39a04947b4b"
 }