57 lines
2.0 KiB
TypeScript
57 lines
2.0 KiB
TypeScript
import cloneDeep from 'lodash/cloneDeep';
|
|
import { defineStore } from 'pinia';
|
|
import { ref } from 'vue';
|
|
import type { RouteRecordRaw } from 'vue-router';
|
|
|
|
import type { RouteItem } from '@/api/model/permissionModel';
|
|
import { getMenuList } from '@/api/permission';
|
|
import router, { fixedRouterList, homepageRouterList } from '@/router';
|
|
import { store } from '@/store';
|
|
import { transformObjectToRoute } from '@/utils/route';
|
|
|
|
export const usePermissionStore = defineStore('permission', () => {
|
|
const whiteListRouters = ref(['/login']);
|
|
const routers = ref<Array<RouteRecordRaw>>([]);
|
|
const removeRoutes = ref<Array<RouteRecordRaw>>([]);
|
|
const asyncRoutes = ref<Array<RouteRecordRaw>>([]);
|
|
|
|
async function initRoutes() {
|
|
const accessedRouters = asyncRoutes.value;
|
|
|
|
// 在菜单展示全部路由
|
|
routers.value = cloneDeep([...homepageRouterList, ...accessedRouters, ...fixedRouterList]);
|
|
// 在菜单只展示动态路由和首页
|
|
// routers.value = [...homepageRouterList, ...accessedRouters];
|
|
// 在菜单只展示动态路由
|
|
// routers.value = [...accessedRouters];
|
|
}
|
|
|
|
async function buildAsyncRoutes() {
|
|
try {
|
|
// 发起菜单权限请求 获取菜单列表
|
|
const routeItems: Array<RouteItem> = (await getMenuList()).list;
|
|
asyncRoutes.value = transformObjectToRoute(routeItems);
|
|
await initRoutes();
|
|
return asyncRoutes.value;
|
|
} catch (error) {
|
|
throw new Error("Can't build routes", error as ErrorOptions);
|
|
}
|
|
}
|
|
|
|
async function restoreRoutes() {
|
|
// 不需要在此额外调用initRoutes更新侧边导肮内容，在登录后asyncRoutes为空会调用
|
|
asyncRoutes.value.forEach((item: RouteRecordRaw) => {
|
|
if (item.name) {
|
|
router.removeRoute(item.name);
|
|
}
|
|
});
|
|
asyncRoutes.value = [];
|
|
}
|
|
|
|
return { whiteListRouters, routers, removeRoutes, asyncRoutes, initRoutes, buildAsyncRoutes, restoreRoutes };
|
|
});
|
|
|
|
export function getPermissionStore() {
|
|
return usePermissionStore(store);
|
|
}
|