reagent_manage/vue/template/src/store/module/resource.js

import path from 'path'
import {mutations as appMutations} from "@/layout/store/app"
import {addDynamicRoutes} from '@/router'
import {getDynamicRoutes} from '@/router/define'
import {metaExtend} from "@/router/util"
import {isEmpty, deepClone} from "@/util"
import {needAuth, auth} from "@/util/auth" // 此处存在循环引用？
import {shakeTree} from "@/util/tree"
import {isExternal} from "@/util/validate"

const state = {
    //权限映射表：<权限路径，权限id>，用于util.auth
    resourceMap: {},

    //判断权限是否已经初始化
    init: false
}

const mutations = {
    resource(state, {data, admin}) {
        state.resourceMap = {}
    },
    init(state, sign) {
        state.init = sign
    }
}

const actions = {
    init({state, commit}, {admin}) {
        return new Promise(resolve => {
            commit('resource', {data: [], admin})

            const routes = getDynamicRoutes()
            metaExtend(routes)

            //动态添加路由，这里不需要进行权限过滤
            //可能存在多次调用的情况，所以仅在第一次调用时添加进vue-router
            !state.init && addDynamicRoutes(routes)

            //生成经过权限过滤后的菜单
            appMutations.menus(getAuthorizedMenus(routes))

            //设置初始化完成的标志
            commit('init', true)

            resolve()
        })
    }
}

//获取经过权限控制后的菜单
function getAuthorizedMenus(menus) {
    menus = deepClone(menus)
    clean(menus)
    addFullPath(menus)
    return shakeTree(menus, i => {
        //非叶子节点时，当定义了children属性却没有子节点时移除
        if (i.children && i.children.length === 0) {
            return false
        }

        return !needAuth(i) || auth(i.fullPath)
    })
}

//删除不显示的菜单(没有children且没有meta.title)
function clean(menus) {
    for (let i = menus.length - 1; i >= 0; i--) {
        const {children = [], meta: {title, alwaysShow, hidden} = {}} = menus[i]

        if (hidden) {
            menus.splice(i, 1)
            continue
        }

        if (children.length === 0) {
            if (isEmpty(title)) {
                menus.splice(i, 1)
            }
            continue
        }

        clean(children)

        if (children.length === 0 && !alwaysShow) {
            menus.splice(i, 1)
        }

        //移除类似首页那样的无标题父级节点
        if (isEmpty(title)) {
            menus.splice(i, 1, ...children)
        }
    }
}

//菜单添加全路径
function addFullPath(routes, basePath = '/') {
    routes.forEach(route => {
        //外链保持原样
        route.fullPath = isExternal(route.path) ? route.path : path.resolve(basePath, route.path)
        route.children && addFullPath(route.children, route.fullPath)
    })
}

export default {
    namespaced: true,
    state,
    mutations,
    actions
}