update 保存增加loading、增加预编译

src/components/BpmnDesign/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="containers">
-    <div class="app-containers">
+    <div v-loading="loading" class="app-containers">
       <el-container class="h-full">
         <el-container style="align-items: stretch">
           <el-header>
@@ -112,6 +112,7 @@ const perviewXMLShow = ref(false);
 const perviewSVGShow = ref(false);
 const xmlStr = ref('');
 const svgData = ref('');
+const loading = ref(false);
 
 const panelBarClick = () => {
   // 延迟执行，否则会导致面板收起时，属性面板不显示
@@ -285,7 +286,8 @@ const saveXml = async () => {
     xml: xml,
     svg: svg,
     key: process.id,
-    name: process.name
+    name: process.name,
+    loading: loading
   };
   emit('saveCallBack', data);
 };

src/views/workflow/model/design.vue

@@ -33,6 +33,7 @@ const open = async (id) => {
 //保存模型
 const saveCallBack = async (data) => {
   await proxy?.$modal.confirm('是否确认保存？');
+  data.loading.value = true;
   modelForm.value.id = modelId.value;
   modelForm.value.xml = data.xml;
   modelForm.value.svg = data.svg;
@@ -45,6 +46,7 @@ const saveCallBack = async (data) => {
       emit('closeCallBack', data);
     }
   });
+  data.loading.value = false;
 };
 
 /**

vite.config.ts

@@ -65,9 +65,12 @@ export default defineConfig(({ mode, command }: ConfigEnv): UserConfig => {
         'echarts',
         'vue-i18n',
         '@vueup/vue-quill',
+        'bpmn-js/lib/Viewer',
         'bpmn-js/lib/Modeler.js',
         'bpmn-js-properties-panel',
         'min-dash',
+        'diagram-js/lib/navigation/movecanvas',
+        'diagram-js/lib/navigation/zoomscroll',
         'bpmn-js/lib/features/palette/PaletteProvider',
         'bpmn-js/lib/features/context-pad/ContextPadProvider',
         'diagram-js/lib/draw/BaseRenderer',