concis
Version:
Concis Component library for PC
96 lines (95 loc) • 2.22 kB
TypeScript
import { CSSProperties, InputHTMLAttributes } from 'react';
interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'prefix' | 'className' | 'size' | 'height' | 'maxLength'> {
/**
* @description 自定义类名
*/
className?: string;
/**
* @description 自定义样式
*/
style?: CSSProperties;
/**
* @description 自定义宽度
* @default 170px
*/
width?: string;
/**
* @description 输入框类型
* @default text
*/
type?: string;
/**
* @description 提示
* @default ''
*/
placeholder?: string;
/**
* @description 显示清空按钮
* @default false
*/
showClear?: boolean;
/**
* @description 显示密码切换按钮(需同时设置type="password")
* @default false
*/
showTogglePwd?: boolean;
/**
* @description 数字框最小值
* @default ''
*/
min?: number;
/**
* @description 数字框最大值
* @default ''
*/
max?: number;
/**
* @description 数字框递增/减值
* @default 1
*/
step?: number;
/**
* @description 文本域内容最大长度
*/
maxLength?: number;
/**
* @description 是否展示字数
* @default false
*/
showCount?: boolean;
/**
* @description 输入框内容改变回调
*/
handleIptChange?: Function;
/**
* @description 输入框聚焦回调
*/
handleIptFocus?: Function;
/**
* @description 输入框点击回调
*/
handleClick?: Function;
/**
* @description 输入框失去焦点回调
*/
handleIptBlur?: Function;
/**
* @description 输入框键盘监听
*/
handleKeyDown?: Function;
/**
* @description 数字框内容改变回调
*/
handleNumChange?: Function;
/**
* @description 清空回调
*/
clearCallback?: Function;
/**
* @description 默认内容
* @default ''
*/
defaultValue?: string;
isFather?: boolean;
}
export type { InputProps };