import type { MergeMenuMixedOptions } from './helper'

export const routeRecordRaw: MergeMenuMixedOptions[] = [
  {
    path: 'dashboard',
    name: 'dashboard',
    icon: 'i-mage:dashboard-chart',
    label: '仪表板',
    meta: {
      componentName: 'Dashboard',
      pinned: true,
      showTab: true,
    },
    component: 'dashboard/index',
  },
  {
    path: 'shutdown-manage',
    name: 'shutdownManage',
    icon: 'i-ph:bug-beetle-duotone',
    label: 'Shutdown站点管理',
    meta: {
      componentName: 'ShutdownManage',
      showTab: true,
    },
    component: 'shutdown-manage/index',
  },
  {
    path: 'sites-monitor-manage',
    name: 'sitesMonitorManage',
    icon: 'i-carbon:cloud-monitoring',
    label: '站点监控管理',
    meta: {
      componentName: 'SitesMonitorManage',
      showTab: true,
    },
    component: 'sites-monitor/manage',
  },
  {
    path: 'sites-monitor/:name',
    name: 'sitesMonitor',
    icon: 'i-carbon:cloud-monitoring',
    label: '站点监控',
    meta: {
      componentName: 'SitesMonitor',
      showTab: true,
      enableMultiTab: true,
      renderTabLabel({ name }) {
        return `站点监控${name ? '-' + name : ''}`
      },
    },
    component: 'sites-monitor/index',
    show: false,
  },
  {
    path: 'sites-analysis-manage',
    name: 'sitesAnalysisManage',
    icon: 'i-carbon:data-analytics',
    label: '站点分析管理',
    meta: {
      componentName: 'SitesAnalysisManage',
      showTab: true,
    },
    component: 'sites-analysis/manage',
  },
  {
    path: 'sites-analysis/:name',
    name: 'sitesAnalysis',
    icon: 'i-carbon:data-analytics',
    label: '站点分析',
    meta: {
      componentName: 'SitesAnalysis',
      showTab: true,
      enableMultiTab: true,
      renderTabLabel({ name }) {
        return `站点分析${name ? '-' + name : ''}`
      },
    },
    component: 'sites-analysis/index',
    show: false,
  },
  // {
  //   path: 'data-show',
  //   name: 'dataShow',
  //   label: '数据展示',
  //   icon: 'i-fluent:data-area-32-regular',
  //   redirect: 'data-show/data-table',
  //   children: [
  //     {
  //       path: 'data-table',
  //       name: 'dataTable',
  //       icon: 'i-ph:table',
  //       label: '数据表格',
  //       meta: {
  //         componentName: 'DataTable',
  //         label: '数据表格',
  //         showTab: true,
  //       },
  //       component: 'data-show/data-table/index',
  //     },
  //     {
  //       path: 'data-form',
  //       name: 'dataForm',
  //       icon: 'i-ph:article',
  //       label: '数据表单',
  //       meta: {
  //         componentName: 'DataForm',
  //         label: '数据表单',
  //         showTab: true,
  //       },
  //       component: 'data-show/data-form/index',
  //     },
  //   ],
  // },
  // {
  //   path: 'multi-level-menu',
  //   redirect: 'multi-level-menu/level-1',
  //   name: 'multiLevelMenu',
  //   icon: 'i-ph:list',
  //   label: '多级菜单',
  //   children: [
  //     {
  //       path: 'level-2-1',
  //       key: 'level-2-1',
  //       name: 'level-2-1',
  //       icon: 'i-ph:squares-four',
  //       label: '图标菜单',
  //       component: 'multi-level-menu/index',
  //       meta: {
  //         showTab: true,
  //       },
  //     },
  //     {
  //       path: 'level-2-2',
  //       key: 'level-2-2',
  //       name: 'level-2-2',
  //       label: '无图标菜单',
  //       component: 'multi-level-menu/index',
  //       meta: {
  //         showTab: true,
  //       },
  //     },
  //     {
  //       type: 'group',
  //       key: 'group-1',
  //       label: '分组',
  //       children: [
  //         {
  //           path: 'level-2-3',
  //           key: 'level-2-3',
  //           name: 'level-2-3',
  //           icon: 'i-ph:squares-four',
  //           label: '菜单2-3',
  //           component: 'multi-level-menu/index',
  //           meta: {
  //             showTab: true,
  //           },
  //         },
  //         {
  //           type: 'divider',
  //           key: 'divider-1',
  //         },
  //         {
  //           path: 'level-2-4',
  //           key: 'level-2-4',
  //           name: 'level-2-4',
  //           icon: 'i-ph:squares-four',
  //           label: '不创建tab',
  //           component: 'multi-level-menu/index',
  //         },
  //       ],
  //     },
  //     {
  //       path: 'level-2-5',
  //       key: 'level-2-5',
  //       name: 'level-2-5',
  //       redirect: 'level-2-5/level-2-1',
  //       icon: 'i-ph:squares-four',
  //       label: '三级菜单',
  //       children: [
  //         {
  //           path: 'level-3-1',
  //           key: 'level-3-1',
  //           name: 'level-3-1',
  //           icon: 'i-ph:squares-four',
  //           label: '菜单3-1',
  //           component: 'multi-level-menu/index',
  //           meta: {
  //             showTab: true,
  //           },
  //         },
  //         {
  //           type: 'divider',
  //           key: 'divider-2',
  //         },
  //         {
  //           type: 'group',
  //           key: 'group-2',
  //           label: '分组',
  //           children: [
  //             {
  //               type: 'divider',
  //               key: 'divider-3',
  //             },
  //           ],
  //         },
  //         {
  //           path: 'level-3-2',
  //           key: 'level-3-2',
  //           name: 'level-3-2',
  //           label: '菜单3-2',
  //           icon: 'i-ph:squares-four',
  //           component: 'multi-level-menu/index',
  //           meta: {
  //             showTab: true,
  //           },
  //         },
  //         {
  //           path: 'level-3-3',
  //           key: 'level-3-3',
  //           name: 'level-3-3',
  //           label: '禁用菜单',
  //           icon: 'i-ph:squares-four',
  //           component: 'multi-level-menu/index',
  //           disabled: true,
  //           meta: {
  //             showTab: true,
  //           },
  //         },
  //       ],
  //     },
  //   ],
  // },
  // {
  //   path: 'dynamic-route/:id?/:name?',
  //   name: 'dynamicRoute',
  //   label: '动态路由',
  //   icon: 'i-material-symbols:dynamic-feed',
  //   meta: {
  //     componentName: 'DynamicRoute',
  //     showTab: true,
  //     enableMultiTab: true,
  //     renderTabLabel({ id, name }) {
  //       return `动态路由${id ? `-${id}` : ''}${name ? `-${name}` : ''}`
  //     },
  //   },
  //   component: 'dynamic-route/index',
  // },
  // {
  //   path: 'feedback',
  //   name: 'feedback',
  //   icon: 'i-ph:messenger-logo',
  //   label: '反馈组件',
  //   meta: {
  //     componentName: 'Feedback',
  //     showTab: true,
  //   },
  //   component: 'feedback/index',
  // },
  // {
  //   path: 'drag-drop',
  //   name: 'dragDrop',
  //   icon: 'i-pixelarticons:drag-and-drop',
  //   label: '拖拽模块',
  //   meta: {
  //     componentName: 'DragDrop',
  //     showTab: true,
  //   },
  //   component: 'drag-drop/index',
  // },
  // {
  //   path: 'not-found-page-404',
  //   name: 'notfoundPage',
  //   icon: 'i-streamline-freehand:server-error-404-not-found',
  //   label: '404页面',
  //   meta: {
  //     componentName: 'notfoundPage404',
  //   },
  //   component: 'error-page/404',
  // },
  {
    path: 'batch-download',
    name: 'batchDownload',
    icon: 'i-ph:download',
    label: '批量数据下载',
    meta: {
      componentName: 'BatchDownload',
      showTab: true,
    },
    component: 'batch-download/index',
  },
  {
    path: 'background-task',
    name: 'backgroundTask',
    icon: 'i-ph:selection-background',
    label: '后台任务管理',
    meta: {
      componentName: 'BackgroundTask',
      showTab: true,
    },
    component: 'background-task/index',
  },
  {
    path: 'xlog-manage',
    name: 'xlogManage',
    icon: 'i-carbon:terminal',
    label: 'XLOG管理',
    meta: {
      componentName: 'XlogManage',
      showTab: true,
    },
    component: 'xlog/manage',
  },
  {
    path: 'xlog-terminal/:uuid',
    name: 'xlogTerminal',
    icon: 'i-carbon:terminal',
    label: 'XLOG',
    meta: {
      componentName: 'XlogTerminal',
      showTab: true,
      enableMultiTab: true,
      renderTabLabel({ uuid }) {
        // TODO 后续考虑如何显示SN
        return `XLOG${uuid ? '-' + uuid : ''}`
      },
    },
    component: 'xlog/index',
    show: false,
  },
  {
    path: '/about',
    key: 'about',
    name: 'about',
    icon: 'i-ph:info',
    label: '关于项目',
    component: 'about/index',
    meta: {
      showTab: true,
      enableMultiTab: true,
    },
  },
]