1.0.5 • Published 5 years ago
@beisen-phoenix/mobile-field-textarea v1.0.5
表单组件:多行文本。
概述
用于表单中的多行文本字段
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
labelText | 标题 | string | 无 |
value | 文本区当前值 | any | 无 |
defaultValue | 文本区初始值 | any | 无 |
placeholder | 文本区没有值时的帮助文字 | string | 点击填写 |
minLength | 最少输入字数 | number | 无 |
maxLength | 最多输入字数 | number | 无 |
required | 是否必填 | boolean | false |
readOnly | 是否只读 | boolean | false |
hasError | 当前字段验证是否出现错误 用于显示底部错误红线 | boolean | false |
labelIcon | 自定义字段图标 展示于标题右侧 大小为 16px*16px | React.ReactNode | 无 |
多语言
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
translation | 语言包 用于翻译组件内置常量 | {inputHolder: string,minText: string} | {inputHolder: '点击填写',minText:'至少输入$minLength个字' |
事件
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
onFocus | 输入框获取焦点时的回调 | (e: React.FocusEvent) => void | 无 |
onChange | 输入框内容变化时的回调 | (e: React.ChangeEvent) => void | 无 |
onBlur | 输入框失去焦点时的回调 | (e: React.FocusEvent) => void | 无 |
说明
translation中 $minLength
为变量占位,固定格式不可修改。