naive-ui/demo/menu-options.js

// rubbish code here

const appendCounts = (item) => {
  if (!item.childItems) {
    item.count = 1
    return item
  }
  if (item.childItems) {
    item.childItems.forEach(appendCounts)
    item.count = item.childItems.reduce((sum, item) => sum + item.count, 0)
    item.name += ` (${item.count})`
    if (item.type === 'group' && item.title) item.title += ` (${item.count})`
    return item
  }
}

const createDeprecatedDemos = (item, mode) => {
  if (__DEV__ && mode === 'debug') {
    return [item]
  } else return []
}

const createDebugDemos = (item, mode) => {
  if (__DEV__ && mode === 'debug') {
    return [item]
  } else return []
}

function createItems (lang, items) {
  if (lang === 'zh-CN') return items
  function traverse (children) {
    children.forEach((child) => {
      child.title = undefined
      child.titleExtra = undefined
      if (child.childItems) {
        traverse(child.childItems)
      }
    })
  }
  traverse(items)
  return items
}

export default function (instance) {
  const { lang, theme, mode } = instance
  return createItems(lang, [
    {
      name: 'Naive UI',
      path: `/${lang}/${theme}/doc` + '/intro'
    },
    {
      name: 'Get Started',
      title: '起步',
      path: `/${lang}/${theme}/doc` + '/start'
    },
    {
      name: 'Change Log',
      title: '变更日志',
      path: `/${lang}/${theme}/doc` + '/changelog'
    },
    {
      name: 'Migrate From V1',
      title: '从 V1 升级',
      path: `/${lang}/${theme}/doc` + '/from-v1'
    },
    {
      name: 'Create Themed Component',
      title: '创建适配主题的组件',
      path: `/${lang}/${theme}/doc` + '/n-theme'
    },
    {
      name: 'Experimental Features',
      title: '试验性特性',
      path: `/${lang}/${theme}/doc` + '/experimental-features'
    },
    appendCounts({
      title: '配置组件',
      name: 'Config Components',
      type: 'group',
      childItems: [
        {
          name: 'Config Provider',
          title: '配置提供者',
          titleExtra: 'Config Provider',
          path: `/${lang}/${theme}/doc` + '/n-config-provider'
        },
        {
          name: 'Config Consumer',
          title: '配置消费者 ',
          titleExtra: 'Config Consumer',
          path: `/${lang}/${theme}/doc` + '/n-config-consumer'
        },
        {
          name: 'Element',
          title: '元素',
          titleExtra: 'Element',
          path: `/${lang}/${theme}/doc` + '/n-element'
        }
      ]
    }),
    appendCounts({
      title: '布局组件',
      name: 'Layout Components',
      type: 'group',
      childItems: [
        {
          name: 'Layout',
          title: '布局',
          titleExtra: 'Layout',
          path: `/${lang}/${theme}/doc` + '/n-layout'
        },
        {
          name: 'Grid',
          title: '栅格',
          titleExtra: 'Grid',
          path: `/${lang}/${theme}/doc` + '/n-grid'
        },
        {
          name: 'Space',
          title: '间距',
          titleExtra: 'Space',
          path: `/${lang}/${theme}/doc` + '/n-space'
        }
      ]
    }),
    appendCounts({
      title: '通用组件',
      name: 'Common Components',
      type: 'group',
      childItems: [
        {
          name: 'Avatar',
          title: '头像',
          titleExtra: 'Avatar',
          path: `/${lang}/${theme}/doc` + '/n-avatar'
        },
        {
          name: 'Button',
          title: '按钮',
          titleExtra: 'Button',
          path: `/${lang}/${theme}/doc` + '/n-button'
        },
        {
          name: 'Card',
          title: '卡片',
          titleExtra: 'Card',
          path: `/${lang}/${theme}/doc` + '/n-card'
        },
        {
          name: 'Collapse',
          title: '折叠面板',
          titleExtra: 'Collapse',
          path: `/${lang}/${theme}/doc` + '/n-collapse'
        },
        {
          name: 'Divider',
          title: '分割线',
          titleExtra: 'Divider',
          path: `/${lang}/${theme}/doc` + '/n-divider'
        },
        {
          name: 'Dropdown',
          title: '下拉菜单',
          titleExtra: 'Dropdown',
          path: `/${lang}/${theme}/doc` + '/n-dropdown'
        },
        {
          name: 'Gradient Text',
          title: '渐变文字',
          titleExtra: 'Gradient Text',
          path: `/${lang}/${theme}/doc` + '/n-gradient-text'
        },
        {
          name: 'Icon',
          title: '图标',
          titleExtra: 'Icon',
          path: `/${lang}/${theme}/doc` + '/n-icon'
        },
        {
          name: 'Tag',
          title: '标签',
          titleExtra: 'Tag',
          path: `/${lang}/${theme}/doc` + '/n-tag'
        },
        {
          name: 'Typography',
          title: '排印',
          titleExtra: 'Typography',
          path: `/${lang}/${theme}/doc` + '/n-typography'
        }
      ]
    }),
    appendCounts({
      title: '数据录入组件',
      name: 'Data Input Components',
      type: 'group',
      childItems: [
        {
          name: 'Auto Complete',
          title: '自动填充',
          titleExtra: 'Auto Complete',
          path: `/${lang}/${theme}/doc` + '/n-auto-complete'
        },
        {
          name: 'Cascader',
          title: '级联选择',
          titleExtra: 'Cascader',
          path: `/${lang}/${theme}/doc` + '/n-cascader'
        },
        {
          name: 'Checkbox',
          title: '复选框',
          titleExtra: 'Checkbox',
          path: `/${lang}/${theme}/doc` + '/n-checkbox'
        },
        {
          name: 'Date Picker',
          title: '日期选择器',
          titleExtra: 'Date Picker',
          path: `/${lang}/${theme}/doc` + '/n-date-picker'
        },
        {
          name: 'Dynamic Input',
          title: '动态录入',
          titleExtra: 'Dynamic Input',
          path: `/${lang}/${theme}/doc` + '/n-dynamic-input'
        },
        {
          name: 'Form',
          title: '表单',
          titleExtra: 'Form',
          path: `/${lang}/${theme}/doc` + '/n-form'
        },
        {
          name: 'Input',
          title: '文本输入',
          titleExtra: 'Input',
          path: `/${lang}/${theme}/doc` + '/n-input'
        },
        {
          name: 'Input Number',
          title: '数字输入',
          titleExtra: 'Input Number',
          path: `/${lang}/${theme}/doc` + '/n-input-number'
        },
        {
          name: 'Radio',
          title: '单选',
          titleExtra: 'Radio',
          path: `/${lang}/${theme}/doc` + '/n-radio'
        },
        {
          name: 'Rate',
          title: '评分',
          titleExtra: 'Rate',
          path: `/${lang}/${theme}/doc` + '/n-rate'
        },
        {
          name: 'Select',
          title: '选择器',
          titleExtra: 'Select',
          path: `/${lang}/${theme}/doc` + '/n-select'
        },
        {
          name: 'Slider',
          title: '滑动选择',
          titleExtra: 'Slider',
          path: `/${lang}/${theme}/doc` + '/n-slider'
        },
        {
          name: 'Switch',
          title: '开关',
          titleExtra: 'Switch',
          path: `/${lang}/${theme}/doc` + '/n-switch'
        },
        {
          name: 'Time Picker',
          title: '时间选择器',
          titleExtra: 'Time Picker',
          path: `/${lang}/${theme}/doc` + '/n-time-picker'
        },
        {
          name: 'Transfer',
          title: '穿梭框',
          titleExtra: 'Transfer',
          path: `/${lang}/${theme}/doc` + '/n-transfer'
        },
        {
          name: 'Upload',
          title: '上传',
          titleExtra: 'Upload',
          path: `/${lang}/${theme}/doc` + '/n-upload'
        }
      ]
    }),
    appendCounts({
      title: '数据展示组件',
      name: 'Data Display Components',
      type: 'group',
      childItems: [
        {
          name: 'Code',
          title: '代码',
          titleExtra: 'Code',
          path: `/${lang}/${theme}/doc` + '/n-code'
        },
        {
          name: 'Data Table',
          title: '数据表格',
          titleExtra: 'Data Table',
          path: `/${lang}/${theme}/doc` + '/n-data-table'
        },
        {
          name: 'Descriptions',
          title: '描述',
          titleExtra: 'Descriptions',
          path: `/${lang}/${theme}/doc` + '/n-descriptions'
        },
        {
          name: 'Empty',
          title: '无内容',
          titleExtra: 'Empty',
          path: `/${lang}/${theme}/doc` + '/n-empty'
        },
        {
          name: 'List',
          title: '列表',
          titleExtra: 'List',
          path: `/${lang}/${theme}/doc` + '/n-list'
        },
        {
          name: 'Log',
          title: '日志',
          titleExtra: 'Log',
          path: `/${lang}/${theme}/doc` + '/n-log'
        },
        {
          name: 'Statistic',
          title: '统计数据',
          titleExtra: 'Statistic',
          path: `/${lang}/${theme}/doc` + '/n-statistic'
        },
        {
          name: 'Table',
          title: '表格',
          titleExtra: 'Table',
          path: `/${lang}/${theme}/doc` + '/n-table'
        },
        {
          name: 'Thing',
          title: '东西',
          titleExtra: 'Thing',
          path: `/${lang}/${theme}/doc` + '/n-thing'
        },
        {
          name: 'Time',
          title: '时间',
          titleExtra: 'Time',
          path: `/${lang}/${theme}/doc` + '/n-time'
        },
        {
          name: 'Timeline',
          title: '时间线',
          titleExtra: 'Timeline',
          path: `/${lang}/${theme}/doc` + '/n-timeline'
        },
        {
          name: 'Tree',
          title: '树',
          titleExtra: 'Tree',
          path: `/${lang}/${theme}/doc` + '/n-tree'
        }
      ]
    }),
    appendCounts({
      title: '导航组件',
      name: 'Navigation Components',
      type: 'group',
      childItems: [
        {
          name: 'Affix',
          title: '固钉',
          titleExtra: 'Affix',
          path: `/${lang}/${theme}/doc` + '/n-affix'
        },
        {
          name: 'Anchor',
          title: '侧边导航',
          titleExtra: 'Anchor',
          path: `/${lang}/${theme}/doc` + '/n-anchor'
        },
        {
          name: 'Back Top',
          title: '回到顶部',
          titleExtra: 'Back Top',
          path: `/${lang}/${theme}/doc` + '/n-back-top'
        },
        {
          name: 'Breadcrumb',
          title: '面包屑',
          titleExtra: 'Breadcrumb',
          path: `/${lang}/${theme}/doc` + '/n-breadcrumb'
        },
        {
          name: 'Loading Bar',
          title: '加载条',
          titleExtra: 'Loading Bar',
          path: `/${lang}/${theme}/doc` + '/n-loading-bar'
        },
        {
          name: 'Menu',
          title: '菜单',
          titleExtra: 'Menu',
          path: `/${lang}/${theme}/doc` + '/n-menu'
        },
        {
          name: 'Pagination',
          title: '分页',
          titleExtra: 'Pagination',
          path: `/${lang}/${theme}/doc` + '/n-pagination'
        },
        {
          name: 'Steps',
          title: '步骤',
          titleExtra: 'Steps',
          path: `/${lang}/${theme}/doc` + '/n-steps'
        },
        {
          name: 'Tabs',
          title: '标签页',
          titleExtra: 'Tabs',
          path: `/${lang}/${theme}/doc` + '/n-tabs'
        }
      ]
    }),
    appendCounts({
      title: '反馈组件',
      name: 'Feedback Components',
      type: 'group',
      childItems: [
        {
          name: 'Alert',
          title: '警告信息',
          titleExtra: 'Alert',
          path: `/${lang}/${theme}/doc` + '/n-alert'
        },
        {
          name: 'Badge',
          title: '标记',
          titleExtra: 'Badge',
          path: `/${lang}/${theme}/doc` + '/n-badge'
        },
        {
          name: 'Dialog',
          title: '对话框',
          titleExtra: 'Dialog',
          path: `/${lang}/${theme}/doc` + '/n-dialog'
        },
        {
          name: 'Drawer',
          title: '抽屉',
          titleExtra: 'Drawer',
          path: `/${lang}/${theme}/doc` + '/n-drawer'
        },
        {
          name: 'Message',
          title: '信息',
          titleExtra: 'Message',
          path: `/${lang}/${theme}/doc` + '/n-message'
        },
        {
          name: 'Modal',
          title: '模态框',
          titleExtra: 'Modal',
          path: `/${lang}/${theme}/doc` + '/n-modal'
        },
        {
          name: 'Notification',
          title: '通知',
          titleExtra: 'Notification',
          path: `/${lang}/${theme}/doc` + '/n-notification'
        },
        {
          name: 'Popconfirm',
          title: '弹出确认',
          titleExtra: 'Popconfirm',
          path: `/${lang}/${theme}/doc` + '/n-popconfirm'
        },
        {
          name: 'Popover',
          title: '弹出信息',
          titleExtra: 'Popover',
          path: `/${lang}/${theme}/doc` + '/n-popover'
        },
        {
          name: 'Popselect',
          title: '弹出选择',
          titleExtra: 'Popselect',
          path: `/${lang}/${theme}/doc` + '/n-popselect'
        },
        {
          name: 'Progress',
          title: '进度',
          titleExtra: 'Progress',
          path: `/${lang}/${theme}/doc` + '/n-progress'
        },
        {
          name: 'Result',
          title: '结果页',
          titleExtra: 'Result',
          path: `/${lang}/${theme}/doc` + '/n-result'
        },
        {
          name: 'Spin',
          title: '加载',
          titleExtra: 'Spin',
          path: `/${lang}/${theme}/doc` + '/n-spin'
        },
        {
          name: 'Tooltip',
          title: '弹出提示',
          titleExtra: 'Tooltip',
          path: `/${lang}/${theme}/doc` + '/n-tooltip'
        }
      ]
    }),
    ...createDeprecatedDemos(
      {
        name: 'Deprecated',
        childItems: [
          {
            name: 'Nimbus Service Layout',
            path: `/${lang}/${theme}/doc` + '/n-nimbus-service-layout'
          }
        ]
      },
      mode
    ),
    ...createDebugDemos(
      {
        name: 'Debug',
        childItems: [
          {
            name: 'SuffixDebug',
            path: `/${lang}/${theme}/doc` + '/n-base-suffix-debug'
          },
          {
            name: 'PopoverDebug',
            path: '/n-popover-debug'
          },
          {
            name: 'RouterDebug',
            path: `/${lang}/${theme}/doc` + '/n-router-debug'
          },
          {
            name: 'ModalDebug',
            path: `/${lang}/${theme}/doc` + '/n-modal-debug'
          },
          {
            name: 'ScrollbarDebug',
            path: `/${lang}/${theme}/doc` + '/n-scrollbar-debug'
          },
          {
            name: 'ScrollbarDebug2',
            path: `/${lang}/${theme}/doc` + '/n-scrollbar-debug2'
          },
          {
            name: 'DatePickerDebug',
            path: `/${lang}/${theme}/doc` + '/n-date-picker-debug'
          },
          {
            name: 'BackTopDebug',
            path: '/n-back-top-debug'
          },
          {
            name: 'CascaderDebug',
            path: '/n-cascader-debug'
          },
          {
            name: 'VerticalAlignDebug',
            path: `/${lang}/${theme}/doc` + '/n-vertical-align-debug'
          },
          {
            name: 'IconTransitionDebug',
            path: `/${lang}/${theme}/doc` + '/n-icon-transition-debug'
          },
          {
            name: 'SelectDebug',
            path: `/${lang}/${theme}/doc` + '/n-select-debug'
          }
        ]
      },
      mode
    )
  ])
}