0.1.2 • Published 1 year ago
yx-form-create v0.1.2
yx-form-create
安装
npm install yx-form-create覆盖 form-create
将 node_modules/yx-form-create/public/@form-create.zip 解压覆盖到 node_modules/@form-create
初始化
// 全局导入
import yxFormCreate from "yx-form-create";
const app = createApp(App)
// 初始化本插件
app.use(yxFormCreate)
app.mount('#app')使用
<yx-form-create />参数
| 参数名 | 默认值 | 类型 | 解释 |
|---|---|---|---|
| type | 'design' | String | 类型（design、viewer） |
| height | 500 | Number | 设计器高度 |
| formRenderJson | '' | String | 表单配置项，由原来的 getFormInfo 返回，包含rule和config两个重要字段，JSON字符串 |
| tableList | [] | Array | 表列表，示例：({value: 'dasfdsfewf1dsfwefr', label: '部门表'} |
| tableColumn | [] | Array | 字段列表，示例：({value: 'dasfdsfewf1dsfwefr', label: '姓名'} |
| dictTypeList | [] | Array | 表列表，示例：({value: 'dasfdsfewf1dsfwefr', label: '部门表'}，原getDictTypeList返回 |
事件
| 事件名 | 事件参数 | 解释 |
|---|---|---|
| setFormRenderJson | json | 提交给 setFormRenderJson 接口保存表单配置项的JSON字符串 |
| getTableCol | tableId | 提交给 getTableCol 接口查询字段列表的 |
方法
| 方法名 | 方法参数 | 解释 |
|---|---|---|
| setTableCol | column | 设置字段下拉列表，({value: 'dasfdsfewf1dsfwefr', label: '部门表'} 格式 |