import { getState } from '@gem-mine/durex'
import { asyncLoader } from '../util/loader'

export default {
  path: '/demo',
  component: asyncLoader(() => import('../page/demo')),
  // 子路由
  sub: {
    list: {
      component: asyncLoader(() => import('../page/demo/List')),
      index: true
    },
    simple: {
      path: '/',
      component: asyncLoader(() => import('../page/demo/Simple')),
      sub: {
        counter: {
          index: true,
          path: '/counter',
          component: asyncLoader(() => import('../page/demo/Counter'))
        },
        router: {
          path: '/router/:id',
          component: asyncLoader(() => import('../page/demo/Router'))
        },
        request: {
          path: '/request',
          component: asyncLoader(() => import('../page/demo/Request'))
        },
        permission: {
          path: '/permission',
          permission: (): boolean => {
            const store = getState()
            return store.demo.count > 10
          },
          redirect: 'demo.simple.permission.one',
          description: '权限拦截例子',
          module: {
            one: {
              path: '/one',
              component: asyncLoader(() => import('../page/demo/permission/One'))
            },
            two: {
              path: '/two',
              component: asyncLoader(() => import('../page/demo/permission/Two'))
            }
          }
        }
      }
    }
  }
}