字段容器。
概述
表单字段容器，提供必填、字段名、字段图标、右侧文字（单位）/图标 的展示
API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| labelText | 标题 | string | 无 |
| direc | 标题、内容排列方向(横向\纵向) 可选vertical、horizontal
|
string | horizontal |
| required | 是否必填 | boolean | false |
| readOnly | 是否只读 | boolean | false |
| rightEl | 右侧区域元素 用于显示单位或者图标 | string/React.ReactNode | 无 |
| hasError | 当前字段验证是否出现错误 用于显示底部错误红线 | boolean | false |
| children | 内容元素 用于盛放字段内容 如输入框 | React.ReactNode | 无 |
| labelIcon | 自定义字段图标 展示于标题右侧 大小为 16px*16px | React.ReactNode | 无 |
| activeBg | 字段active时背景色定制 | string | 无 |
| extraCls | 自定义的class,会放在组件的最外层,一般用来自定义样式 | string | 无 |