TextareaField 複数行入力フィールド
いつ使用するか
- 大量のテキスト入力が必要なシナリオで使用します。入力領域は通常のテキスト入力フィールドより広くなります。
コンポーネント例
コンポーネントプロパティ
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
addonAfter | 入力フィールドの後ろにつける追加コンテンツ | string | - |
addonBefore | 複数行入力フィールドの前につける追加コンテンツ | string | - |
autoFocus | 自動フォーカスを有効にするかどうか | boolean | false |
autoHeight | 複数行入力フィールドの自動高さ調整を有効にするかどうか | boolean | false |
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 | 表单组件标题提示信息类型设置 | 'none' | |
maxLength | 複数行テキストの文字数上限 | number | - |
onChange | コンポーネントの値が変更されたときのイベント | ({ value: string }) => void | - |
placeholder | フォームコンポーネントのプレースホルダーヒント | string | 入力してください |
rows | 複数行テキストの高さを設定します(PC版のみ有効) | number | 4 |
size | 表单组件尺寸 | 'medium' | |
state | 入力フィールドのstate状態を設定 | 'error' | 'loading' | 'success' | '' | '' |
tips | 表单组件描述信息,展示在控件下方 | string | - |
trim | 先頭と末尾のスペースの自動削除を有効にするかどうか | boolean | false |
validation | 表单组件校验设置,具体使用详见表单校验文档 | [] | |
value | 現在のコンポーネントのデフォルト値 | string | - |
wrapperColOffset | 设置表单组件的偏移位置,设置值为栅格值,1代表1/24 | number | 0 |
wrapperColSpan | 设置表单组件的占位宽度,设置值为栅格值,1代表1/24 | number | 0 |