保存、预览流程

src/components/ProcessDesigner/index.vue

@@ -5,7 +5,7 @@
       v-bind="controlForm"
       keyboard
       ref="processDesigner"
-      :events="[
+      :eventlist="[
         'element.click',
         'connection.added',
         'connection.removed',
@@ -28,10 +28,13 @@
 import BmpnProcessPenal from "@/plugins/package/penal";
 import BpmnProcessDesigner from "@/plugins/package/designer";
 import "@/plugins/package/theme/index.scss";
+// import vuePlugin from "@/plugins/package/highlight";
+// import "highlight.js/styles/atom-one-dark-reasonable.css";
 // import "highlight.js/styles/atom-one-dark-reasonable.css";
 import CustomContentPadProvider from "@/plugins/package/designer/plugins/content-pad";
 import CustomPaletteProvider from "@/plugins/package/designer/plugins/palette";
 import { ref } from "vue";
+
 const props = defineProps({
   bpmnXml: {
     type: String,
@@ -43,12 +46,12 @@ const props = defineProps({
   },
 });
 const { bpmnXml, designerForm } = toRefs(props);
+let element;
 const modeler = ref(null);
 const height = ref(document.documentElement.clientHeight - 94.5 + "px;");
 const xmlString = ref(bpmnXml.value);
 const emit = defineEmits(["save"]);
 const data = reactive({
-  element: null,
   controlForm: {
     processId: designerForm.value.processKey || "",
     processName: designerForm.value.processName || "",
@@ -60,16 +63,14 @@ const data = reactive({
     additionalModel: [CustomContentPadProvider, CustomPaletteProvider],
   },
 });
-const { controlForm, element } = toRefs(data);
+const { controlForm } = toRefs(data);
 
 function elementClick(elementArgv) {
-  element.value = elementArgv;
-  console.log(elementArgv);
+  element = elementArgv;
 }
 function initModeler(modelerArgv) {
   setTimeout(() => {
     modeler.value = modelerArgv;
-    console.log(modeler.value.get("eventBus"), "71");
   }, 10);
 }
 function handlerEvent(eventName, element) {}