# 组件列表
- 表单预览器(`generate-form`)
- 用户选择弹框(`user-picker-dialog`)
- 部门&用户选择弹框(`department-user-picker-dialog`)


# generate-form

### Props
| 参数 | 说明 | 类型 | 是否必传 | 默认值 |
| --- | --- | --- | --- | --- |
| widget-forms | 通过表单设计器生成的配置数据 | object | 是 | -- |
| proc-id | 流程ID | number &#124; string | 是 | -- |
| proc-instance-id | 流程实例ID | number &#124; string | 否 | -- |
| platform | 平台 | 'desktop' &#124; 'mobile' | 否 | mobile |
| editable | 是否可编辑 | boolean | 否 | true|
| auth-list | 权限列表 | Auth[] | 否 | [] |
| data-list | 默认数据列表 | Data[] | 否 | [] |
| on-file-click | 文件上传控件点击文件时的钩子 | Function | 否 | 下载文件 |

### 方法
通过 ref 可以获取到 GenerateForm 实例并调用实例方法

| 方法名 | 说明 | 参数 | 返回值 |
| --- | --- | --- | --- |
| getFormData | 获取表单填写的数据, 并整理成后台需要的格式 | - | 如果表单校验通过则返回: `[ { fieldUuid: '', fieldName: '', fieldValue: '', fieldAlias: '' } ]`, 未校验通过则会return new Error() |
