This commit is contained in:
RickCole21 2020-09-21 16:38:51 +08:00
parent 863cd31d2a
commit 7f11c804d0
4 changed files with 24 additions and 24 deletions

View File

@ -42,7 +42,7 @@ FieldSet 是用于分组展示表单项的一种容器型组件。
## 展示模式
可以通过设置`mode`调整展示模式,用法同 [Form 展示模式](../form/index#%E8%A1%A8%E5%8D%95%E5%B1%95%E7%A4%BA)
可以通过设置`mode`调整展示模式,用法同 [Form 展示模式](./index#%E8%A1%A8%E5%8D%95%E5%B1%95%E7%A4%BA)
下面`group`我们配置了`"mode": "horizontal"`,观察显示情况
@ -145,13 +145,13 @@ FieldSet 是用于分组展示表单项的一种容器型组件。
## 属性表
| 属性名 | 类型 | 默认值 | 说明 |
| ---------------- | ------------------------------------ | ------- | ------------------------------------------ |
| className | `string` | | CSS 类名 |
| headingClassName | `string` | | 标题 CSS 类名 |
| bodyClassName | `string` | | 内容区域 CSS 类名 |
| title | [SchemaNode](../../types/schemanode) | | 标题 |
| controls | Array<[表单项](./formitem)> | | 表单项集合 |
| mode | `string` | | 展示默认,同 [Form](./form/index) 中的模式 |
| collapsable | `boolean` | `false` | 配置是否可折叠 |
| collapsed | `booelan` | | 展示默认,同 [Form](./form/index) 中的模式 |
| 属性名 | 类型 | 默认值 | 说明 |
| ---------------- | ------------------------------------ | ------- | -------------------------------------------------------------------------- |
| className | `string` | | CSS 类名 |
| headingClassName | `string` | | 标题 CSS 类名 |
| bodyClassName | `string` | | 内容区域 CSS 类名 |
| title | [SchemaNode](../../types/schemanode) | | 标题 |
| controls | Array<[表单项](./formitem)> | | 表单项集合 |
| mode | `string` | | 展示默认,同 [Form](./index#%E8%A1%A8%E5%8D%95%E5%B1%95%E7%A4%BA) 中的模式 |
| collapsable | `boolean` | `false` | 是否可折叠 |
| collapsed | `booelan` | `false` | 默认是否折叠 |

View File

@ -45,7 +45,7 @@ order: 24
## 展示
可以给`group`组件设置`mode`调整展示模式,用法同 [Form 展示](../form/index#%E8%A1%A8%E5%8D%95%E5%B1%95%E7%A4%BA)
可以给`group`组件设置`mode`调整展示模式,用法同 [Form 展示](./index#%E8%A1%A8%E5%8D%95%E5%B1%95%E7%A4%BA)
下面`group`我们配置了`"mode": "horizontal"`,观察显示情况
@ -158,6 +158,6 @@ order: 24
| className | `string` | | CSS 类名 |
| label | `string` | | group 的标签 |
| controls | Array<[表单项](./formitem)> | | 表单项集合 |
| mode | `string` | | 展示默认,同 [Form](./form/index) 中的模式 |
| mode | `string` | | 展示默认,同 [Form](./index#%E8%A1%A8%E5%8D%95%E5%B1%95%E7%A4%BA) 中的模式 |
| gap | `string` | | 表单项之间的间距,可选:`xs`、`sm`、`normal` |
| direction | `string` | `"horizontal"` | 可以配置水平展示还是垂直展示。对应的配置项分别是:`vertical`、`horizontal` |

View File

@ -12,7 +12,7 @@ order: 24
## 基本用法
最基本的用法是配置 [表单项](./form/index/formitem) 和 提交接口`api`。
最基本的用法是配置 [表单项](./formitem) 和 提交接口`api`。
如下我们配置姓名和邮箱表单项,并可以填写数据并提交给接口`/api/mock2/form/saveForm`。

View File

@ -81,13 +81,13 @@ order: 50
除了支持 [普通表单项属性表](./formitem#%E5%B1%9E%E6%80%A7%E8%A1%A8) 中的配置以外,还支持下面一些配置
| 属性名 | 类型 | 默认值 | 说明 |
| ------------------- | --------------------- | --------------------------- | ------------------------------------------------------ |
| multiple | `boolean` | `false` | 是否为多选模式 |
| labelField | `string` | | 当值中存在这个字段,则按钮名称将使用此字段的值来展示。 |
| btnLabel | `string` | `"设置"` | 按钮默认名称 |
| minLength | `number` | `0` | 限制最小长度。 |
| maxLength | `number` | `0` | 限制最大长度。 |
| addButtonClassName | `string` | `btn-success btn-sm` | 新增按钮 CSS 类名 |
| editButtonClassName | `string` | `btn-info btn-addon btn-sm` | 修改按钮 CSS 类名 |
| form | [Form](../form/index) | | 子表单配置,同 [Form](../form/index) |
| 属性名 | 类型 | 默认值 | 说明 |
| ------------------- | --------------- | --------------------------- | ------------------------------------------------------ |
| multiple | `boolean` | `false` | 是否为多选模式 |
| labelField | `string` | | 当值中存在这个字段,则按钮名称将使用此字段的值来展示。 |
| btnLabel | `string` | `"设置"` | 按钮默认名称 |
| minLength | `number` | `0` | 限制最小长度。 |
| maxLength | `number` | `0` | 限制最大长度。 |
| addButtonClassName | `string` | `btn-success btn-sm` | 新增按钮 CSS 类名 |
| editButtonClassName | `string` | `btn-info btn-addon btn-sm` | 修改按钮 CSS 类名 |
| form | [Form](./index) | | 子表单配置,同 [Form](./index) |