TextareaField 多行输入框

何时使用

• 用于大量文字输入输入场景，可是区域比文本输入框大；

组件示例

组件属性

属性	说明	类型	默认值
addonAfter	输入框后附加内容	string	-
addonBefore	多行输入框前附加内容	string	-
autoFocus	是否开启自动聚焦	boolean	false
autoHeight	是否开启多行输入框自动高度	boolean	false
behavior	表单组件显示状态	Behavior	'NORMAL'
cutString	当超出maxlength时截断超出字符串	boolean	false
hasClear	是否开启多行文本清除按钮	boolean	true
hasLimitHint	是否展示多行文本计数器	boolean	false
label	表单组件标题	string	-
labelAlign	表单组件标题的位置	'left' | 'top'	'top'
labelColOffset	设置标题的偏移位置，配置值为栅格值，1代表1/24	number	0
labelColSpan	设置标题的占位宽度，配置值为栅格值，1代表1/24	number	4
labelTextAlign	表单组件的标题对齐方式	'left' | 'right'	'right'
labelTipsIcon	表单组件标题提示信息入口图标，当labelTipsTypes取值为 text 或 render 时生效	string	-
labelTipsRender	表单组件标题提示信息自定义渲染方法，当labelTipsTypes取值为 render 时生效	(props: IComponentProps) => ReactNode	-
labelTipsText	表单组件标题提示文本信息，当labelTipsTypes取值为 text 时生效	string	-
labelTipsTypes	表单组件标题提示信息类型设置	LabelTipsTypes	'none'
maxLength	多行文本字数上限	number	-
onChange	组件值发生改变事件	({ value: string }) => void	-
placeholder	表单组件占位提示信息	string	请输入
rows	设置多行文本高度，仅 PC 端有效	number	4
size	表单组件尺寸	Size	'medium'
state	设置输入框state状态	'error' | 'loading' | 'success' | ''	''
tips	表单组件描述信息，展示在控件下方	string	-
trim	是否开启自动去除头尾空字符	boolean	false
validation	表单组件校验设置，具体使用详见表单校验文档	Validation[]	[]
value	当前组件默认值	string	-
wrapperColOffset	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	number	0
wrapperColSpan	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	number	0