import type { ComponentItem } from 'open-data-v/designer'

import type { GroupType } from '@/enum'
import { ComponentGroupList } from '@/enum'
import { NothingLayout } from '@/layout'
import { camel2snake } from '@/utils/utils'

const getComponents = () => {
  const componentDocs: Array<ComponentItem> = ComponentGroupList.map((el: GroupType) => {
    return {
      label: el.name,
      key: el.key,
      icon: el.icon,
      children: []
    }
  })
  const moduleFilesTs: any = import.meta.glob('../../resource/components/**/index.ts', {
    eager: true
  })
  Object.keys(moduleFilesTs).forEach((key: string) => {
    const componentOptions = moduleFilesTs[key]?.default
    const componentInstance = new componentOptions.config()
    const docs = componentDocs.filter((el) => el.key === componentInstance.group)
    if (docs.length > 0) {
      docs[0].children.push({
        key: componentInstance.component,
        label: componentInstance.name,
        docs: componentOptions.docs ? componentOptions.docs : () => import('docs/Content/Empty.vue')
      })
    }
  })
  return componentDocs.map((ele) => {
    return {
      path: ele.key.toLocaleLowerCase(),
      name: ele.key,
      component: NothingLayout,
      meta: {
        title: ele.label,
        icon: ele.icon,
        ignoreAuth: true,
        hideInMenu: true
      },
      children: ele.children.map((el) => {
        return {
          path: camel2snake(el.key),
          name: el.key,
          component: el.docs,
          meta: {
            title: el.label,
            ignoreAuth: true,
            hideInMenu: true
          }
        }
      })
    }
  })
}

const basicRoutes = [
  {
    path: '/docs',
    name: 'Docs',
    component: () => import('docs/Site.vue'),
    redirect: '/docs/quick-satrt/intro',
    meta: {
      title: '文档',
      icon: 'docs',
      ignoreAuth: true,
      hideInMenu: true
    },
    children: [
      {
        path: '/docs/quick-satrt',
        name: 'Designer',
        component: () => import('docs/Content/Content.vue'),
        redirect: '/docs/quick-satrt/intro',
        meta: {
          title: '快速开始',
          icon: 'intro',
          ignoreAuth: true,
          hideInMenu: true
        },
        children: [
          {
            path: 'intro',
            name: 'Intro',
            component: () => import('docs/tutorial/Home.md'),
            meta: {
              title: '介绍',
              icon: 'intro',
              ignoreAuth: true,
              hideInMenu: true
            }
          },
          {
            path: 'quick-start',
            name: 'QuickStart',
            component: () => import('docs/tutorial/QuickStart.md'),
            meta: {
              title: '快速开始',
              icon: 'course',
              ignoreAuth: true,
              hideInMenu: true
            }
          },
          {
            path: 'development',
            name: 'Development',
            component: () => import('docs/tutorial/Development.md'),
            meta: {
              title: '组件开发',
              icon: 'development',
              ignoreAuth: true,
              hideInMenu: true
            }
          },
          {
            path: 'data',
            name: 'Data',
            component: () => import('docs/tutorial/Data.md'),
            meta: {
              title: '数据集成',
              icon: 'data',
              ignoreAuth: true,
              hideInMenu: true
            }
          },
          {
            path: 'common-issues',
            name: 'CommonIssues',
            component: () => import('docs/tutorial/CommonIssues.md'),
            meta: {
              title: '常见问题',
              icon: 'question',
              ignoreAuth: true,
              hideInMenu: true
            }
          },
          {
            path: 'license',
            name: 'LICENSE',
            component: () => import('docs/tutorial/License.md'),
            meta: {
              title: '版权声明',
              icon: 'license',
              ignoreAuth: true,
              hideInMenu: true
            }
          }
        ]
      },
      {
        path: '/docs/component',
        name: 'Component',
        component: () => import('docs/Content/Content.vue'),
        meta: {
          title: '组件',
          icon: 'components'
        },
        redirect: '/docs/component/text/static-text',
        children: [...getComponents()]
      }
    ]
  }
]
export default basicRoutes