v3.7.2 版本代码合并

jeecgboot-vue3/src/main.ts

@@ -1,3 +1,4 @@
+import type { MainAppProps } from "#/main";
 import 'uno.css';
 import '/@/design/index.less';
 import 'ant-design-vue/dist/reset.css';
@@ -8,7 +9,7 @@ import App from './App.vue';
 import { createApp } from 'vue';
 import { initAppConfigStore } from '/@/logics/initAppConfig';
 import { setupErrorHandle } from '/@/logics/error-handle';
-import { router, setupRouter } from '/@/router';
+import { router, createRouter, setupRouter } from '/@/router';
 import { setupRouterGuard } from '/@/router/guard';
 import { setupStore } from '/@/store';
 import { setupGlobDirectives } from '/@/directives';
@@ -16,20 +17,47 @@ import { setupI18n } from '/@/locales/setupI18n';
 import { registerGlobComp } from '/@/components/registerGlobComp';
 import { registerThirdComp } from '/@/settings/registerThirdComp';
 import { useSso } from '/@/hooks/web/useSso';
+import { checkIsQiankunMicro } from "/@/qiankun/micro";
+import { autoUseQiankunMicro } from "/@/qiankun/micro/qiankunMicro";
+import { useAppStoreWithOut } from "@/store/modules/app";
+
 // 注册online模块lib
 import { registerPackages } from '/@/utils/monorepo/registerPackages';
 
-async function bootstrap() {
+// 程序入口
+async function main() {
+  if (checkIsQiankunMicro()) {
+    // 【JEECG作为乾坤子应用】以乾坤子应用模式启动
+    // await autoUseQiankunMicro(bootstrap)
+    await autoUseQiankunMicro(bootstrap)
+  } else {
+    // 获取参数
+    const props = getMainAppProps();
+    // 普通启动
+    await bootstrap(props)
+  }
+}
+
+main();
+
+async function bootstrap(props?: MainAppProps) {
   // 创建应用实例
   const app = createApp(App);
   // 【QQYUN-6329】
-  window.appRootInstance = app;
-  // 多语言配置,异步情况:语言文件可以从服务器端获得
-  await setupI18n(app);
+  window['JAppRootInstance'] = app;
+
+  // 创建路由
+  createRouter();
 
   // 配置存储
   setupStore(app);
 
+  // 配置参数
+  setupProps(props);
+
+  // 多语言配置,异步情况:语言文件可以从服务器端获得
+  await setupI18n(app);
+
   // 初始化内部系统配置
   initAppConfigStore();
 
@@ -61,9 +89,45 @@ async function bootstrap() {
   await router.isReady();
 
   // 挂载应用
-  app.mount('#app', true);
+  app.mount(getMountContainer(props), true);
 
   console.log(" vue3 app 加载完成！")
+
+  return app
 }
 
-bootstrap();
+// 获取应用挂载容器
+function getMountContainer(props?: MainAppProps) {
+  const id = '#app';
+  if (!props?.container?.querySelector) {
+    return id;
+  }
+  return props.container.querySelector(id) ?? id;
+}
+
+// 获取主应用参数
+function getMainAppProps(): MainAppProps {
+  // 从 queryString 中获取
+  const searchParams = new URLSearchParams(window.location.search);
+  // 隐藏侧边栏（菜单）
+  let hideSider = searchParams.get('hideSider') === 'true';
+  // 隐藏顶部
+  let hideHeader = searchParams.get('hideHeader') === 'true';
+  // 隐藏 多Tab 切换
+  let hideMultiTabs = searchParams.get('hideMultiTabs') === 'true';
+
+  return {
+    hideSider,
+    hideHeader,
+    hideMultiTabs
+  }
+}
+
+// 配置主应用参数
+function setupProps(props?: MainAppProps) {
+  if (!props) {
+    return
+  }
+  const appStore = useAppStoreWithOut();
+  appStore.setMainAppProps(props);
+}