import DefaultLayout from '@/views/layout/default';
import ComponentLayout from '@/views/layout/component';

// 开发指南的文档

const _guides = [
  {
    path: 'introduce',
    name: 'introduce',
    meta: { title: '简介' },
    component: () => import('@/views/docs/guide/introduce.md'),
  },
  {
    path: 'installation',
    name: 'installation',
    meta: { title: '安装' },
    component: () => import('@/views/docs/guide/installation.md'),
  },
  {
    path: 'specification',
    name: 'specification',
    meta: { title: '说明' },
    component: () => import('@/views/docs/guide/specification.md'),
  },
];

// 组件页面的文档

const _components = [
  {
    group: '基础组件',
    children: [
      {
        path: 'button',
        name: 'button',
        meta: { title: 'Button 按钮' },
        component: () => import('@/views/docs/component/button.md'),
      },
      {
        path: 'cell',
        name: 'cell',
        meta: { title: 'Cell 单元格' },
        component: () => import('@/views/docs/component/cell.md'),
      },
      {
        path: 'icon',
        name: 'icon',
        meta: { title: 'Icon 图标' },
        component: () => import('@/views/docs/component/icon.md'),
      },
    ],
  },
  {
    group: '表单组件',
    children: [
      {
        path: 'input',
        name: 'input',
        meta: { title: 'Input 输入框' },
        component: () => import('@/views/docs/component/input.md'),
      },
      {
        path: 'checkbox',
        name: 'checkbox',
        meta: { title: 'Checkbox 复选框' },
        component: () => import('@/views/docs/component/checkbox.md'),
      },
    ],
  },
  {
    group: '展示组件',
    children: [
      {
        path: 'steps',
        name: 'steps',
        meta: { title: 'Steps 步骤条' },
        component: () => import('@/views/docs/component/steps.md'),
      },
      {
        path: 'tag',
        name: 'tag',
        meta: { title: 'Tag 标签' },
        component: () => import('@/views/docs/component/tag.md'),
      },
      {
        path: 'amount',
        name: 'amount',
        meta: { title: 'Amount 金融数字' },
        component: () => import('@/views/docs/component/amount.md'),
      },
    ],
  },
  {
    group: '反馈组件',
    children: [
      {
        path: 'popup',
        name: 'popup',
        meta: { title: 'Popup 弹出框' },
        component: () => import('@/views/docs/component/popup.md'),
      },
      {
        path: 'loading',
        name: 'loading',
        meta: { title: 'Loading 加载' },
        component: () => import('@/views/docs/component/loading.md'),
      },
    ],
  },
  {
    group: '导航组件',
    children: [
      {
        path: 'nav-bar',
        name: 'nav-bar',
        meta: { title: 'NavBar 导航栏' },
        component: () => import('@/views/docs/component/nav-bar.md'),
      },
      {
        path: 'tab-bar',
        name: 'tab-bar',
        meta: { title: 'TabBar 标签栏' },
        component: () => import('@/views/docs/component/tab-bar.md'),
      },
    ],
  },
  {
    group: '业务组件',
    children: [
      {
        path: 'landscape',
        name: 'landscape',
        meta: { title: 'Landscape 压窗屏' },
        component: () => import('@/views/docs/component/landscape.md'),
      },
      {
        path: 'platenumber',
        name: 'platenumber',
        meta: { title: 'Platenumber 车牌号' },
        component: () => import('@/views/docs/component/platenumber.md'),
      },
    ],
  },
];

const _others = [
  {
    path: 'other',
    name: 'other',
    meta: { title: '其它' },
    component: () => import('@/views/page/other'),
  },
];

let _components_children = [];
_components.forEach(data => {
  _components_children = [..._components_children, ...data.children];
});

// 用于导航的页面
const _pages = [
  {
    path: '',
    meta: { title: '首页', path: '/index' },
    component: DefaultLayout,
    redirect: 'index',
    children: [
      {
        path: 'index',
        name: 'index',
        component: () => import('@/views/page/index'),
      },
    ],
  },
  {
    path: '/component',
    name: 'component',
    meta: { title: '组件', path: '/component' },
    component: ComponentLayout,
    redirect: `/component/${_guides[0].path || 'detail'}`,
    children: [..._components_children, ..._guides, ..._others],
  },
];

export const pages = _pages;
export const guides = _guides;
export const components = _components;
export const others = _others;

export default [
  { path: '*', redirect: '/404', hidden: true },
  {
    path: '/404',
    name: '404',
    component: () => import('@/views/page/error/404'),
  },
  ..._pages,
];