// 专门处理权限路由的模块
import {
  publicRoutes,
  privateRoutes
} from '@/router'

function filter(data, menus) {
  var newData = data.filter(x => menus ?.includes(x.name))
  newData.forEach(x => x.children && (x.children = filter(x.children, menus)))
  return newData
}
export default {
  namespaced: true,
  state: {
    // 路由表：初始拥有静态路由权限
    routes: [],
    routeReady: 0
  },
  mutations: {
    /**
     * 增加路由
     */
    setRoutes(state, newRoutes) {
      // 永远在静态路由的基础上增加新路由
      state.routes = [...publicRoutes, ...newRoutes]
    },
    setRouteReady(state, num) {
      state.routeReady = state.routeReady + num;
    },
    resetrouteReady(state) {
      state.routeReady = 0
    },
    deleteRouter(state) {
      state.routes = []
    }
  },
  actions: {
    /**
     * 根据权限筛选路由
     */
    filterRoutes(context, menus) {
      let routes = []
      // 路由权限匹配
      // menus.forEach(key => {
      //   // 权限名 与 路由的 name 匹配
      //   routes.push(...privateRoutes.filter(item => item.name === key))
      // })

      /**
       * 树结构数据条件过滤
       * js 指定删除数组(树结构数据)
       */
      //测试比对
      routes = filter(privateRoutes, menus)
      // 最后添加 不匹配路由进入 404
      routes.push({
        path: '/:catchAll(.*)',
        redirect: '/404'
      })
      context.commit('setRoutes', routes);
      context.commit('setRouteReady', 1);
      // context.commit('setRouteReady', true);
      return routes
    }
  }
}