chore: workflow design compose

src/components/Modeler/flowable-designer/index.vue

@@ -59,6 +59,7 @@ export default {
       defaultZoom: 1,
       // todo: 目前配合微应用乾坤使用兼容，重构vue3删除
       createMessage: this.$useMessage.createMessage,
+      notification: this.$useMessage.notification,
     }
   },
   mounted () {
@@ -280,18 +281,18 @@ export default {
         switch (bpmnType) {
           case 'bpmn:StartEvent':
             if (validateNull(formKey) && bpmnElementParent.$type !== 'bpmn:SubProcess') {
-              options.validateErrorData.push(`<p>节点【${bpmnElement.name || bpmnElement.id}】没有配置表单。</p>`)
+              options.validateErrorData.push(`节点【${bpmnElement.name || bpmnElement.id}】没有配置表单。\n`)
             }
             break
           case 'bpmn:UserTask':
             if (!assignee.length) {
-              options.validateErrorData.push(`<p>节点【${bpmnElement.name || bpmnElement.id}】没有指定办理人。</p>`)
+              options.validateErrorData.push(`节点【${bpmnElement.name || bpmnElement.id}】没有指定办理人。\n`)
             }
             if (!button.length) {
-              options.validateErrorData.push(`<p>节点【${bpmnElement.name || bpmnElement.id}】没有配置按钮。</p>`)
+              options.validateErrorData.push(`节点【${bpmnElement.name || bpmnElement.id}】没有配置按钮。\n`)
             }
             if (validateNull(formKey)) {
-              options.validateErrorData.push(`<p>节点【${bpmnElement.name || bpmnElement.id}】没有配置表单。</p>`)
+              options.validateErrorData.push(`节点【${bpmnElement.name || bpmnElement.id}】没有配置表单。\n`)
             }
             break
         }
@@ -423,7 +424,7 @@ export default {
               })
               if (tempValidateErrorData.length > 0) {
                 validateErrorData = validateErrorData.concat(
-                    [`<p>池子【${participant.name || participant.id}】:</p>`], tempValidateErrorData)
+                    [`池子【${participant.name || participant.id}】:\n`], tempValidateErrorData)
               }
             }
           // 处理正常单流程
@@ -440,7 +441,7 @@ export default {
             })
             if (tempValidateErrorData.length > 0) {
               validateErrorData = validateErrorData.concat(
-                  [`<p>流程【${process.name || process.id}】:</p>`], tempValidateErrorData)
+                  [`流程【${process.name || process.id}】:\n`], tempValidateErrorData)
             }
           }
           chain.push(validateErrorData)
@@ -452,11 +453,9 @@ export default {
           return Promise.reject('保存流程模型失败!')
         })
       }).then(results => {
-        results[0].length && this.$notify({
-          title: '提示',
-          message: results[0].join(''),
-          type: 'warning',
-          dangerouslyUseHTMLString: true
+        results[0].length && this.notification['warning']({
+          message: '提示',
+          description: results[0].join('')
         })
         this.createMessage.success(results[1].data || '保存流程模型成功!')
         this.$emit('refresh')