import { createLeapDoc } from '@ldesign/doc-core'
import "@ldesign/doc-core/es/style.css"

createLeapDoc({
  /** 当前包名，只在组件库的时候有用 */
  name: '@ldesign/desktop-next',
  /** 文档标题 */
  title: 'LDesign文档',
  /** logo图片 */
  logo: 'https://yun.swimly.cn/source/ldesign/favicon.svg',
  /** 是否是组件库文档 */
  isComponent: true,
  /** 历史版本 */
  versions: [{
    path: 'https://wuhan.yxybb.com/ldesign/desktop-next',
    name: '0.6.0'
  }, {
    path: 'https://wuhan.yxybb.com/ldesign/desktop-next/0.5',
    name: '0.5.11'
  }],
  /** 源码储存仓库 */
  git: 'https://git.longrise.cn:6285/ldesign/ldesign-desktop-next',
  /** 私有npm源地址 */
  npm: 'http://npm.longrise.cn:6286/-/web/detail/@ldesign/desktop-next',
  /** 当前版本号 */
  currentVersion: '0.6.0',
  tips: [{
    title: 'ldesign-desktop-next发布新版啦，请注意查看更新日志。',
    url: 'https://www.baidu.com',
  }, {
    title: 'ldesign-desktop-next发布新版啦，请注意查看更新日志。111',
    url: 'https://www.baidu.com',
  }],
  footer: {
    qrcodes: [{
      image: 'https://wuhan.yxybb.com/ldesign/source/qywechat.jpg',
      label: '企业微信群'
    }]
  },
  homePage: {
    banner: {
      title: 'LDesign Desktop Vue3',
      description: '基于vue3的桌面端组件库，涵盖各个使用场景，多达60+个通用基础组件。',
      buttons: [{
        label: '开始使用',
        path: '#/start/getting-started'
      }, {
        label: '查看演示',
        path: 'https://www.baidu.com'
      }]
    },
    grids: [{
      title: '设计原则',
      description: 'DESIGN PRINCIPLES',
      children: [{
        icon: 'https://sf1-cdn-tos.toutiaostatic.com/obj/arco-mobile/_home_/principle-1.png',
        title: '跨端兼容',
        description: '提供兼容多宿主的解决方案，多端组件 UI 一键适配。'
      }, {
        icon: 'https://sf1-cdn-tos.toutiaostatic.com/obj/arco-mobile/_home_/principle-2.png',
        title: '功能全面',
        description: '几十种企业级常用 UI 组件，深入业务场景的每个细节。'
      }, {
        icon: 'https://sf1-cdn-tos.toutiaostatic.com/obj/arco-mobile/_home_/principle-3.png',
        title: '快速生产',
        description: '标准的业务组件库及配套文档站。'
      }, {
        icon: 'https://sf1-cdn-tos.toutiaostatic.com/obj/arco-mobile/_home_/principle-4.png',
        title: '灵活易用',
        description: '提供强大功能及灵活配置，极力寻找易用与可定制的平衡。'
      }]
    }],
    starter: {
      design: {
        title: '我是设计师',
        description: '了解 LDesign 的设计思想，这里有包括全局色、文字、图标和布局的指南',
        figma: ''
      },
      coder: {
        title: '我是工程师',
        description: '组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统，或者从 LDesign 开始',
        cmd: '@ldesign/desktop-next'
      }
    }
  },
  /** 左侧菜单配置 */
  menus: [
    {
      title: '开始',
      type: 'doc',
      path: '/start',
      children: [
        {
          title: '快速开始',
          path: 'getting-started',
          component: () => import('@/getting-started.md')
        },
        {
          title: '配置',
          path: 'setting',
          component: () => import('@/setting.md')
        },
        {
          title: '首页模板',
          path: 'home',
          component: () => import('@/home.md')
        },
      ],
    },
    {
      title: '语法',
      type: 'doc',
      path: '/grammar',
      children: [
        {
          title: 'Tab标签页',
          path: 'tabs',
          component: () => import('@/tabs.md'),
          mobile: () => import('@/_example/mobile1.vue')
        },
        {
          title: 'Image图片',
          path: 'image',
          component: () => import('@/image.md'),
          mobile: () => import('@/_example/mobile.vue')
        },
        {
          title: 'Title标题',
          path: 'title',
          component: () => import('@/title.md'),
        },
        {
          title: 'Table 表格',
          path: 'table',
          component: () => import('@/table.md'),
        },
        {
          title: 'Code代码',
          path: 'code',
          component: () => import('@/code.md'),
        },
        {
          title: 'Demo展示',
          path: 'demo',
          component: () => import('@/demo.md'),
        },
        {
          title: 'Usage演示',
          path: 'usage',
          component: () => import('@/usage.md'),
        },
        {
          title: 'Notice提示',
          path: 'notice',
          component: () => import('@/notice.md'),
        },
      ],
    }
  ]
})