Skip to content

升级至 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名称。