diff --git a/src/views/workflow/extension/form/helper/WorkflowFormDesign.vue b/src/views/workflow/extension/form/helper/WorkflowFormDesign.vue
index cb38320..41abc99 100644
--- a/src/views/workflow/extension/form/helper/WorkflowFormDesign.vue
+++ b/src/views/workflow/extension/form/helper/WorkflowFormDesign.vue
@@ -6,7 +6,6 @@
     :showCancelBtn="false"
     :showOkBtn="false"
     @register="registerModal"
-    @visible-change="handleVisibleChange"
   >
     <div id="formDesign"/>
     <template #centerFooter>
@@ -57,6 +56,7 @@
   const microAppStore = useMicroAppStore();
   const [registerModal, { setModalProps, closeModal, changeLoading }] = useModalInner(async (data: BoxPayload = { _tag: '' }) => {
     changeLoading();
+    state.formDesignApp?.unmount();
     state.formDesignApp = loadMicroApp(Object.assign({} , apps.find(item => item.name == 'form-design'), {
       container: '#formDesign',
       props: {
@@ -89,10 +89,6 @@
     setModalProps(props);
   });
 
-  function handleVisibleChange(visible: boolean) {
-    !visible && state.formDesignApp?.unmount();
-  }
-
   /** 处理弹出框提交 */
   async function handleSubmitForm(status: string) {
     try {
diff --git a/src/views/workflow/model/helper/WorkflowModelDesign.vue b/src/views/workflow/model/helper/WorkflowModelDesign.vue
index d389963..c981727 100644
--- a/src/views/workflow/model/helper/WorkflowModelDesign.vue
+++ b/src/views/workflow/model/helper/WorkflowModelDesign.vue
@@ -7,7 +7,6 @@
     :showOkBtn="false"
     :wrapperProps="{ modalFooterHeight: 0 }"
     @register="registerModal"
-    @visible-change="handleVisibleChange"
   >
     <div id="workflowDesign"/>
   </BasicModal>
@@ -43,6 +42,7 @@
     changeLoading();
     // fix冲突: 延迟 100ms 后加载控制bpmn.js设计器跟model动画先后顺序,这样可以兼容非点击方式展开
     setTimeout(function () {
+      state.workflowDesignApp?.unmount();
       state.workflowDesignApp = loadMicroApp(Object.assign({} , apps.find(item => item.name == 'workflow-design'), {
         container: '#workflowDesign',
         props: {
@@ -76,9 +76,6 @@
       });
     }, 100);
   });
-  function handleVisibleChange(visible: boolean) {
-    !visible && state.workflowDesignApp?.unmount();
-  }
 </script>
 <style lang="less">
 
diff --git a/src/views/workflow/task/WorkflowChartModel.vue b/src/views/workflow/task/WorkflowChartModel.vue
index 0fbd7d5..ddf3fb7 100644
--- a/src/views/workflow/task/WorkflowChartModel.vue
+++ b/src/views/workflow/task/WorkflowChartModel.vue
@@ -62,10 +62,6 @@
     } else createMessage.error('无法打开流程图,没有关联流程图ID!');
   }
 
-  onDeactivated(() => {
-    state.workflowDesignApp?.unmount();
-  });
-
   defineExpose({
     init
   });
diff --git a/src/views/workflow/task/WorkflowPreviewForm.vue b/src/views/workflow/task/WorkflowPreviewForm.vue
index c9f9958..07d4abb 100644
--- a/src/views/workflow/task/WorkflowPreviewForm.vue
+++ b/src/views/workflow/task/WorkflowPreviewForm.vue
@@ -2,7 +2,7 @@
   <div id="formPreview" v-loading="state.loading"/>
 </template>
 <script lang="ts" setup>
-  import { PropType, reactive, onDeactivated } from 'vue';
+  import { PropType, reactive } from 'vue';
   import { loadMicroApp, MicroApp } from 'qiankun';
   import { getSubDefineProps } from '/@/qiankun/state';
   import { GlStateEnum } from '/@/enums/microAppEnum';
@@ -99,10 +99,6 @@
     } else createMessage.info('没有关联流程表单!');
   }
 
-  onDeactivated(() => {
-    state.formDesignApp?.unmount();
-  });
-
   async function startFormProcessDefinition(data: Partial<Workflow>, callback: Fn) {
     const processVarsity = Object.assign(data.vars || {}, state.formData);
     const processInsId = await startProcessDefinition({ ...data, vars: processVarsity });
diff --git a/src/views/workflow/task/popups/WorkflowChartModal.vue b/src/views/workflow/task/popups/WorkflowChartModal.vue
index 77c8988..50bdd19 100644
--- a/src/views/workflow/task/popups/WorkflowChartModal.vue
+++ b/src/views/workflow/task/popups/WorkflowChartModal.vue
@@ -6,7 +6,6 @@
     :showCancelBtn="false"
     :showOkBtn="false"
     @register="registerModal"
-    @visible-change="handleVisibleChange"
   >
     <div id="workflowChart"/>
   </BasicModal>
@@ -51,6 +50,7 @@
           const bpmnXml = await getProcessDefFlowChart(processDefId);
           state.bpmnData = { bpmnXml };
         }
+        state.workflowDesignApp?.unmount();
         state.workflowDesignApp = loadMicroApp(Object.assign({} , apps.find(item => item.name == 'workflow-design'), {
           container: '#workflowChart',
           props: {
@@ -73,10 +73,6 @@
     setModalProps(props);
   });
 
-  function handleVisibleChange(visible: boolean) {
-    !visible && state.workflowDesignApp?.unmount();
-  }
-
 </script>
 <style lang="less">
   .ant-modal {