import { RouteRecordRaw } from 'vue-router';
import { Layout } from '@/router/constant';
import { OptionsSharp } from '@vicons/ionicons5';
import { renderIcon } from '@/utils/index';
import { NBadge } from 'naive-ui';
import { h } from 'vue';

/**
 * @param name 路由名称, 必须设置,且不能重名
 * @param meta 路由元信息（路由附带扩展信息）
 * @param redirect 重定向地址, 访问这个路由时,自定进行重定向
 * @param meta.disabled 禁用整个菜单
 * @param meta.title 菜单名称
 * @param meta.icon 菜单图标
 * @param meta.keepAlive 缓存该路由
 * @param meta.sort 排序越小越排前
 *
 * */
const routes: Array<RouteRecordRaw> = [
  {
    path: '/system',
    name: 'System',
    redirect: '/system/menu',
    component: Layout,
    meta: {
      documentTitle: '系统管理',
      title: () => [
        h('span', {}, '系统管理'),
        h(NBadge, {
          dot: true,
          type: 'error',
          value: 1,
          style: {
            marginLeft: '5px',
          },
          color: '#ff3b30',
        }),
      ],
      icon: renderIcon(OptionsSharp),
      sort: 1,
    },
    children: [
      {
        path: 'user',
        name: 'system_user',
        meta: {
          title: '用户管理',
        },
        component: () => import('@/views/system/user/user.vue'),
      },
      {
        path: 'menu',
        name: 'system_menu',
        meta: {
          title: '菜单管理',
        },
        component: () => import('@/views/system/menu/index.vue'),
      },
      {
        path: 'menu/table',
        name: 'system_menu_table',
        meta: {
          documentTitle: '菜单管理2',
          title: () => [
            h('span', {}, '菜单管理2'),
            h(NBadge, {
              dot: true,
              type: 'error',
              value: 1,
              style: {
                marginLeft: '5px',
              },
              color: '#ff3b30',
            }),
          ],
        },
        component: () => import('@/views/system/menu/table.vue'),
      },
      {
        path: 'role',
        name: 'system_role',
        meta: {
          title: '角色管理',
        },
        component: () => import('@/views/system/role/role.vue'),
      },
      {
        path: 'dictionary',
        name: 'system_dictionary',
        meta: {
          title: '字典管理',
        },
        component: () => import('@/views/system/dictionary/dictionary.vue'),
      },
    ],
  },
];

export default routes;