chore: workflow design compose

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

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