46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
import {defineStore} from "pinia";
|
||
import {AuthState} from "@/stores/interface";
|
||
import {getAuthButtonListApi, getAuthMenuListApi} from "@/api/modules/login";
|
||
import {getFlatMenuList, getShowMenuList, getAllBreadcrumbList} from "@/utils";
|
||
import {AUTH_STORE_KEY} from "@/stores/constant";
|
||
|
||
export const useAuthStore = defineStore({
|
||
id: AUTH_STORE_KEY,
|
||
state: (): AuthState => ({
|
||
// 按钮权限列表
|
||
authButtonList: {},
|
||
// 菜单权限列表
|
||
authMenuList: [],
|
||
// 当前页面的 router name，用来做按钮权限筛选
|
||
routeName: ""
|
||
}),
|
||
getters: {
|
||
// 按钮权限列表
|
||
authButtonListGet: state => state.authButtonList,
|
||
// 菜单权限列表 ==> 这里的菜单没有经过任何处理
|
||
authMenuListGet: state => state.authMenuList,
|
||
// 菜单权限列表 ==> 左侧菜单栏渲染，需要剔除 isHide == true
|
||
showMenuListGet: state => getShowMenuList(state.authMenuList),
|
||
// 菜单权限列表 ==> 扁平化之后的一维数组菜单，主要用来添加动态路由
|
||
flatMenuListGet: state => getFlatMenuList(state.authMenuList),
|
||
// 递归处理后的所有面包屑导航列表
|
||
breadcrumbListGet: state => getAllBreadcrumbList(state.authMenuList)
|
||
},
|
||
actions: {
|
||
// Get AuthButtonList
|
||
async getAuthButtonList() {
|
||
const {data} = await getAuthButtonListApi();
|
||
this.authButtonList = data;
|
||
},
|
||
// Get AuthMenuList
|
||
async getAuthMenuList() {
|
||
const {data} = await getAuthMenuListApi();
|
||
this.authMenuList = data;
|
||
},
|
||
// Set RouteName
|
||
async setRouteName(name: string) {
|
||
this.routeName = name;
|
||
}
|
||
}
|
||
});
|