chore: 拱写工作流表单

src/views/system/user/ResetPwdModal.vue

@@ -28,7 +28,6 @@
   import { Form } from 'ant-design-vue';
   import { resetPwd } from '/@/api/platform/system/controller/user';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import {Recordable} from "/#/global";
 
   /** 类型规范统一声明定义区域 */
   interface WindowState {

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

@@ -4,6 +4,7 @@
               :canFullscreen="false"
               @register="registerModal"
               @ok="handleSubmit"
+              @visible-change="handleClose"
   >
     <div id="formDesign"/>
   </BasicModal>
@@ -11,17 +12,20 @@
 <script lang="ts" setup>
   import { reactive } from 'vue';
   import { BasicModal, ModalProps, useModalInner } from '/@/components/Modal';
-  import { loadMicroApp } from 'qiankun';
+  import { loadMicroApp, MicroApp } from 'qiankun';
   import { getSubDefineProps } from '/@/qiankun/state';
   import { GlStateEnum } from '/@/enums/microAppEnum';
   import { useMicroAppStore } from '/@/store/modules/microApp';
+  import { apps } from '/@/qiankun/apps';
 
   interface TableState {
     tag: string;
+    formDesignApp: MicroApp;
   }
 
   const state = reactive<TableState>({
     tag: '',
+    formDesignApp: undefined!
   });
 
   const formDesignProps = {
@@ -32,16 +36,14 @@
   const emit = defineEmits(['success', 'register']);
   const microAppStore = useMicroAppStore();
   const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data: BoxPayload = { _tag: '' }) => {
-    loadMicroApp({
+    state.formDesignApp = loadMicroApp(Object.assign({} , apps.find(item => item.name == 'form-design'), {
-      name: 'formDesign',
-      entry: '//localhost:7101',
       container: '#formDesign',
       props: {
         ...getSubDefineProps(),
         // 表单设计器props
         [GlStateEnum.FORM_DESIGN_PROPS_KEY]: formDesignProps
       }
-    }, { sandbox: { experimentalStyleIsolation: true }});
+    }), { sandbox: { experimentalStyleIsolation: true }});
     state.tag = data._tag;
     const id = data.record?.id;
     const props: Partial<ModalProps> = { confirmLoading: false };
@@ -56,6 +58,12 @@
     setModalProps(props);
   });
 
+  function handleClose(vis:boolean) {
+    if (!vis) {
+      state.formDesignApp.unmount();
+    }
+  }
+
   /** 处理弹出框提交 */
   async function handleSubmit() {
     try {