import { createApp } from 'vue'
import { createPinia } from 'pinia'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import { installComponents } from 'xhumanoid-upm-js'
import { setupPermission } from './permission'

import App from './App.vue'
import router from './router'

const app = createApp(App)

//引入全部icon
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}

app.use(createPinia())
app.use(router)
app.use(installComponents)

import router from "@/router/index";

//路由信息映射
const routeInfo = {};
const pages = import.meta.glob("@/views/*/.vue");
for (const componentPath in pages) {
let lastIndex = componentPath.lastIndexOf("/");
let name = componentPath.slice(lastIndex + 1, -4);
name = name.charAt(0).toLocaleLowerCase() + name.slice(1);

let routerPath = componentPath.slice(10, lastIndex) + "/" + name;
let routeName = routerPath.slice(1).replace("/", "-");

routeInfo[routerPath] = {
routeName,
componentPath,
};
}
//生成router树
function generateRoutes(routes) {
const newRoutes = routes.map((route) => {
let { routeName, componentPath } = routeInfo[route.path] || {};
const newRoute = {
path: route.path,
name: routeName,
component: routeName && componentPath ? pages[componentPath] : "",
meta: {
title: route.name,
},
};
if (route.children) {
newRoute.children = generateRoutes(route.children);
}
return newRoute;
});
return newRoutes;
}

export async function addRoute(menuTree) {
if (menuTree && menuTree.length > 0) {
let routes = generateRoutes(menuTree);
router.addRoute({
name: "",
path: "",
redirect:routes[0].path,
component: pages["/src/views/Laylout.vue"],
meta: {
title: "管理端",
},
children: routes,
});
}
console.log("zzp", router.getRoutes());
await router.replace(router.currentRoute.value.fullPath); //等待路由加载成功
}

$3

$3

$3