import Cookie from "js-cookie"
// import router from '../router'
export default {
    state: {
        isCollapse: true,
        menu: [
            // {
            //   path: '/',
            //   name: 'home',
            //   label: '首页',
            //   icon: 's-home',
            //   url: 'Home/Home'
            // },
            // {
            //   path: '/mall',
            //   name: 'mall',
            //   label: '商品管理',
            //   icon: 'video-play',
            //   url: 'MallManage/MallManage'
            // },
            // {
            //   path: '/user',
            //   name: 'user',
            //   label: '用户管理',
            //   icon: 'user',
            //   url: 'UserManage/UserManage'
            // },
            // {
            //   label: '其他',
            //   icon: 'location',
            //   children: [
            //     {
            //       path: '/page1',
            //       name: 'page1',
            //       label: '页面1',
            //       icon: 'setting',
            //       url: 'Other/PageOne'
            //     },
            //     {
            //       path: '/page2',
            //       name: 'page2',
            //       label: '页面2',
            //       icon: 'setting',
            //       url: 'Other/PageTwo'
            //     }
            //   ]
            // }
          ] // 路由
    },
    mutations: {
        collapseMenu(state) {
            state.isCollapse = !state.isCollapse
        },
        setMenu(state, val) {
            state.menu = val
            Cookie.set('menu', JSON.stringify(val))
        },
        clearMenu(state) {
            state.menu = []
            Cookie.remove('menu')
        },
        // 路由动态添加
        addMenu(state, router) {
            if (!Cookie.get('menu')) {
                return
            }
            const menu = JSON.parse(Cookie.get('menu'))
            state.menu = menu
            const menuArray = []
            menu.forEach(item => {
                if (item.children) {
                    item.children = item.children.map(item => {
                        item.component = () => import(`../views/${item.url}`)
                        return item
                    })
                    menuArray.push(...item.children)
                } else {
                    item.component = () => import(`../views/${item.url}`)
                    menuArray.push(item)
                }
            });
            // 路由的动态添加
            menuArray.forEach(item => {
                router.addRoute('Main', item)
            })
        }
    }
}