134 lines
3.4 KiB
TypeScript
134 lines
3.4 KiB
TypeScript
import type { MainAppProps } from "#/main";
|
|
import 'uno.css';
|
|
import '/@/design/index.less';
|
|
import 'ant-design-vue/dist/reset.css';
|
|
// 注册图标
|
|
import 'virtual:svg-icons-register';
|
|
|
|
import App from './App.vue';
|
|
import { createApp } from 'vue';
|
|
import { initAppConfigStore } from '/@/logics/initAppConfig';
|
|
import { setupErrorHandle } from '/@/logics/error-handle';
|
|
import { router, createRouter, setupRouter } from '/@/router';
|
|
import { setupRouterGuard } from '/@/router/guard';
|
|
import { setupStore } from '/@/store';
|
|
import { setupGlobDirectives } from '/@/directives';
|
|
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 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['JAppRootInstance'] = app;
|
|
|
|
// 创建路由
|
|
createRouter();
|
|
|
|
// 配置存储
|
|
setupStore(app);
|
|
|
|
// 配置参数
|
|
setupProps(props);
|
|
|
|
// 多语言配置,异步情况:语言文件可以从服务器端获得
|
|
await setupI18n(app);
|
|
|
|
// 初始化内部系统配置
|
|
initAppConfigStore();
|
|
|
|
// 注册外部模块路由(注册online模块lib)
|
|
registerPackages(app);
|
|
|
|
// 注册全局组件
|
|
registerGlobComp(app);
|
|
|
|
//CAS单点登录
|
|
await useSso().ssoLogin();
|
|
|
|
// 配置路由
|
|
setupRouter(app);
|
|
|
|
// 路由保护
|
|
setupRouterGuard(router);
|
|
|
|
// 注册全局指令
|
|
setupGlobDirectives(app);
|
|
|
|
// 配置全局错误处理
|
|
setupErrorHandle(app);
|
|
|
|
// 注册第三方组件
|
|
await registerThirdComp(app);
|
|
|
|
// 当路由准备好时再执行挂载( https://next.router.vuejs.org/api/#isready)
|
|
await router.isReady();
|
|
|
|
// 挂载应用
|
|
app.mount(getMountContainer(props), true);
|
|
|
|
console.log(" vue3 app 加载完成！")
|
|
|
|
return app
|
|
}
|
|
|
|
// 获取应用挂载容器
|
|
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);
|
|
}
|