chore: Optimizing Microservices

src/views/workflow/extension/form/helper/WorkflowFormDesign.vue

@@ -55,6 +55,16 @@
   const emit = defineEmits(['success', 'register']);
   const microAppStore = useMicroAppStore();
   const [registerModal, { setModalProps, closeModal, changeLoading }] = useModalInner(async (data: BoxPayload = { _tag: '' }) => {
+    // 处理清除脏数据
+    formDesignProps.options = {};
+    const id = data.id;
+    // 处理设置数据
+    const props: Partial<ModalProps> = {};
+    props.title = '流程表单设计';
+    state.form = await getFormDefinitionJson(id) || {};
+    state.form?.json && (formDesignProps.options = state.form.json);
+    state.form.formDefinitionId = data.formDefinitionId;
+    setModalProps(props);
     if (!state.formDesignApp || state.formDesignApp.getStatus() === 'NOT_MOUNTED') {
       changeLoading();
       state.formDesignApp = loadMicroApp(Object.assign({} , apps.find(item => item.name == 'form-design'), {
@@ -69,16 +79,6 @@
         changeLoading(false);
       });
     }
-    // 处理清除脏数据
-    formDesignProps.options = {};
-    const id = data.id;
-    // 处理设置数据
-    const props: Partial<ModalProps> = {};
-    props.title = '流程表单设计';
-    state.form = await getFormDefinitionJson(id) || {};
-    state.form?.json && (formDesignProps.options = state.form.json);
-    state.form.formDefinitionId = data.formDefinitionId;
-    setModalProps(props);
   });
 
   onBeforeUnmount(() => {

src/views/workflow/model/helper/WorkflowModelDesign.vue

@@ -13,7 +13,7 @@
   </BasicModal>
 </template>
 <script lang="ts" setup>
-  import { reactive } from 'vue';
+  import { onBeforeUnmount, reactive } from 'vue';
   import { BasicModal, ModalProps, useModalInner } from '/@/components/Modal';
   import { loadMicroApp, MicroApp } from 'qiankun';
   import { getSubDefineProps } from '/@/qiankun/state';
@@ -76,9 +76,15 @@
       });
     }, 100);
   });
+
   function handleVisibleChange(visible: boolean) {
     !visible && state.workflowDesignApp?.unmount();
   }
+
+  onBeforeUnmount(() => {
+    state.workflowDesignApp?.getStatus() === 'MOUNTED' && state.workflowDesignApp.unmount();
+  });
+
 </script>
 <style lang="less">