Appearance
升级至 1.10.0
DANGER
Vue2版本以及Vue2版工作流插件Saber已于2023年12月31日停止维护,Saber Vue2后台版本请使用插件1.10.0(不包含)之前的版本。
表单设计器
左侧字段配置tab展现形式,支持模板字段配置,tooltip提示等。具体使用请看/src/views/plugin/workflow/mixins/custom-fields.js。
customFields支持以下三种结构形式。
1、1层结构,会被自动包裹在自定义字段
tab中。
js
customFields: [
// 字段
{
label: 'input',
prop: 'input',
...
}
];
2、2层结构,被包裹在指定title的tab中。
js
customFields: [
{
title: "title",
key: "key",
span: 12, // tab中字段栅格
// type: 'template', // 下方字段类型,可选template。template时点击字段会替换右侧设计区域中的所有字段。
list: [
// 字段
{
label: 'input',
prop: 'input',
icon: 'el-icon-xxx', // 字段的icon。el-icon-xxx(elp)或a-icon-xxx(antdv)。
tooltip: '提示', // 指向字段时的tooltip,用于介绍字段或某些提醒,支持html。
...
}
],
},
];
3、3层结构,被包裹在指定title的tab中,且分组显示。
js
customFields: [
{
title: "title",
key: "key",
span: 12, // tab中字段栅格
// type: 'template', // 下方字段类型,可选template。template时点击字段会替换右侧设计区域中的所有字段。
list: [
{
title: '分组1',
list: [
// 字段
{
label: 'input',
prop: 'input',
icon: 'el-icon-xxx', // 字段的icon。el-icon-xxx(elp)或a-icon-xxx(antdv)。
tooltip: '提示', // 指向字段时的tooltip,用于介绍字段或某些提醒,支持html。
...
}
]
}
],
},
];
Lemon
表单设计器中的签名
组件、插件中弹窗展示流程图的地方可能存在modal样式错乱。是因为Vben项目修改了antdv的Modal全局样式,而且未做样式隔离会导致第三方使用antdv中的组件样式错乱。已提issue,是否解决请自行关注。
TIP
自己研究的解决办法,是否影响Lemon框架未知😛
- 修改Lemon框架中
src/components/Modal/src/BasicModal.vue
组件,在组件最上层加上父级class名称。 - 修改Lemon框架中
src/components/Modal/src/index.less
文件,在.ant-modal前面加上与上面一致的父级class名称。