mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-21 04:50:14 +08:00
3196ef703e
* docs: add i18n docs * Update demo/pages/docs/customize-theme/zhCN/index.md Co-authored-by: 07akioni <07akioni2@gmail.com>
753 lines
16 KiB
JavaScript
753 lines
16 KiB
JavaScript
// rubbish code here
|
|
|
|
import { h } from 'vue'
|
|
import { RouterLink } from 'vue-router'
|
|
|
|
export const renderMenuLabel = (option) => {
|
|
if (!('path' in option) || option.label === '--Debug') {
|
|
return option.label
|
|
}
|
|
return h(
|
|
RouterLink,
|
|
{
|
|
to: option.path
|
|
},
|
|
{ default: () => option.label }
|
|
)
|
|
}
|
|
|
|
const appendCounts = (item) => {
|
|
if (!item.children) {
|
|
item.count = 1
|
|
return item
|
|
}
|
|
if (item.children) {
|
|
item.children.forEach(appendCounts)
|
|
item.count = item.children.reduce((sum, item) => sum + item.count, 0)
|
|
if (item.type === 'group') {
|
|
item.en += ` (${item.count})`
|
|
item.zh += ` (${item.count})`
|
|
}
|
|
return item
|
|
}
|
|
}
|
|
|
|
const createDebugDemos = (item, mode) => {
|
|
if (__DEV__ && mode === 'debug') {
|
|
return [item]
|
|
} else return []
|
|
}
|
|
|
|
function createItems (lang, theme, prefix, items) {
|
|
const isZh = lang === 'zh-CN'
|
|
const langKey = isZh ? 'zh' : 'en'
|
|
return items.map((rawItem) => {
|
|
const item = {
|
|
...rawItem,
|
|
key: rawItem.en,
|
|
label: rawItem[langKey] || rawItem.en,
|
|
extra: rawItem.enSuffix && isZh ? rawItem.en : undefined,
|
|
path: rawItem.path
|
|
? `/${lang}/${theme}` + prefix + rawItem.path
|
|
: undefined
|
|
}
|
|
if (rawItem.children) {
|
|
item.children = createItems(lang, theme, prefix, rawItem.children)
|
|
}
|
|
return item
|
|
})
|
|
}
|
|
|
|
export function createDocumentationMenuOptions ({ lang, theme, mode }) {
|
|
return createItems(lang, theme, '/docs', [
|
|
{
|
|
en: 'Introduction',
|
|
zh: '介绍',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Naive UI',
|
|
zh: 'Naive UI',
|
|
path: '/introduction'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
en: 'Getting Started',
|
|
zh: '快速上手',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Installation',
|
|
zh: '安装',
|
|
path: '/installation'
|
|
},
|
|
{
|
|
en: 'Usage in SFC',
|
|
zh: '在 SFC 中使用',
|
|
path: '/usage-sfc'
|
|
},
|
|
{
|
|
en: 'Configuring Fonts',
|
|
zh: '配置字体',
|
|
path: '/fonts'
|
|
},
|
|
{
|
|
en: 'Import on Demand',
|
|
zh: '按需引入',
|
|
path: '/import-on-demand'
|
|
},
|
|
{
|
|
en: 'Supported Platforms',
|
|
zh: '支持的平台',
|
|
path: '/supported-platforms'
|
|
},
|
|
{
|
|
en: 'Common Issues',
|
|
zh: '常见问题',
|
|
path: '/common-issues'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
en: 'Guides',
|
|
zh: '指南',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'JSX & TSX',
|
|
zh: 'JSX & TSX',
|
|
path: '/jsx'
|
|
},
|
|
{
|
|
en: 'Server-Sider Rendering',
|
|
zh: '服务端渲染 SSR',
|
|
path: '/ssr'
|
|
},
|
|
{
|
|
en: 'Customizing Theme',
|
|
zh: '调整主题',
|
|
path: '/customize-theme'
|
|
},
|
|
{
|
|
en: 'Internationalization',
|
|
zh: '国际化',
|
|
path: '/i18n'
|
|
},
|
|
{
|
|
en: 'Create Themed Component',
|
|
zh: '创建适配主题的组件',
|
|
path: '/theme'
|
|
}
|
|
// {
|
|
// en: 'Experimental Features',
|
|
// zh: '试验性特性',
|
|
// path: '/experimental-features'
|
|
// }
|
|
]
|
|
},
|
|
{
|
|
en: 'Version',
|
|
zh: '版本',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Change Log',
|
|
zh: '变更日志',
|
|
path: '/changelog'
|
|
}
|
|
// {
|
|
// en: 'Migrate From V1',
|
|
// zh: '从 V1 升级',
|
|
// path: '/from-v1'
|
|
// }
|
|
]
|
|
}
|
|
])
|
|
}
|
|
|
|
export function createComponentMenuOptions ({ lang, theme, mode }) {
|
|
return createItems(lang, theme, '/components', [
|
|
appendCounts({
|
|
zh: '通用组件',
|
|
en: 'Common Components',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Avatar',
|
|
zh: '头像',
|
|
enSuffix: true,
|
|
path: '/avatar'
|
|
},
|
|
{
|
|
en: 'Button',
|
|
zh: '按钮',
|
|
enSuffix: true,
|
|
path: '/button'
|
|
},
|
|
{
|
|
en: 'Card',
|
|
zh: '卡片',
|
|
enSuffix: true,
|
|
path: '/card'
|
|
},
|
|
{
|
|
en: 'Carousel',
|
|
zh: '轮播图',
|
|
enSuffix: true,
|
|
path: '/carousel'
|
|
},
|
|
{
|
|
en: 'Collapse',
|
|
zh: '折叠面板',
|
|
enSuffix: true,
|
|
path: '/collapse'
|
|
},
|
|
{
|
|
en: 'Divider',
|
|
zh: '分割线',
|
|
enSuffix: true,
|
|
path: '/divider'
|
|
},
|
|
{
|
|
en: 'Dropdown',
|
|
zh: '下拉菜单',
|
|
enSuffix: true,
|
|
path: '/dropdown'
|
|
},
|
|
{
|
|
en: 'Ellipsis',
|
|
zh: '文本省略',
|
|
enSuffix: true,
|
|
path: '/ellipsis'
|
|
},
|
|
{
|
|
en: 'Gradient Text',
|
|
zh: '渐变文字',
|
|
enSuffix: true,
|
|
path: '/gradient-text'
|
|
},
|
|
{
|
|
en: 'Icon',
|
|
zh: '图标',
|
|
enSuffix: true,
|
|
path: '/icon'
|
|
},
|
|
{
|
|
en: 'PageHeader',
|
|
zh: '页头',
|
|
enSuffix: true,
|
|
path: '/page-header'
|
|
},
|
|
{
|
|
en: 'Tag',
|
|
zh: '标签',
|
|
enSuffix: true,
|
|
path: '/tag'
|
|
},
|
|
{
|
|
en: 'Typography',
|
|
zh: '排印',
|
|
enSuffix: true,
|
|
path: '/typography'
|
|
}
|
|
]
|
|
}),
|
|
appendCounts({
|
|
zh: '数据录入组件',
|
|
en: 'Data Input Components',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Auto Complete',
|
|
zh: '自动填充',
|
|
enSuffix: true,
|
|
path: '/auto-complete'
|
|
},
|
|
{
|
|
en: 'Cascader',
|
|
zh: '级联选择',
|
|
enSuffix: true,
|
|
path: '/cascader'
|
|
},
|
|
{
|
|
en: 'Color Picker',
|
|
zh: '颜色选择器',
|
|
enSuffix: true,
|
|
path: '/color-picker'
|
|
},
|
|
{
|
|
en: 'Checkbox',
|
|
zh: '复选框',
|
|
enSuffix: true,
|
|
path: '/checkbox'
|
|
},
|
|
{
|
|
en: 'Date Picker',
|
|
zh: '日期选择器',
|
|
enSuffix: true,
|
|
path: '/date-picker'
|
|
},
|
|
{
|
|
en: 'Dynamic Input',
|
|
zh: '动态录入',
|
|
enSuffix: true,
|
|
path: '/dynamic-input'
|
|
},
|
|
{
|
|
en: 'Dynamic Tags',
|
|
zh: '动态标签',
|
|
enSuffix: true,
|
|
path: '/dynamic-tags'
|
|
},
|
|
{
|
|
en: 'Form',
|
|
zh: '表单',
|
|
enSuffix: true,
|
|
path: '/form'
|
|
},
|
|
{
|
|
en: 'Input',
|
|
zh: '文本输入',
|
|
enSuffix: true,
|
|
path: '/input'
|
|
},
|
|
{
|
|
en: 'Input Number',
|
|
zh: '数字输入',
|
|
enSuffix: true,
|
|
path: '/input-number'
|
|
},
|
|
{
|
|
en: 'Mention',
|
|
zh: '提及',
|
|
enSuffix: true,
|
|
path: '/mention'
|
|
},
|
|
{
|
|
en: 'Radio',
|
|
zh: '单选',
|
|
enSuffix: true,
|
|
path: '/radio'
|
|
},
|
|
{
|
|
en: 'Rate',
|
|
zh: '评分',
|
|
enSuffix: true,
|
|
path: '/rate'
|
|
},
|
|
{
|
|
en: 'Select',
|
|
zh: '选择器',
|
|
enSuffix: true,
|
|
path: '/select'
|
|
},
|
|
{
|
|
en: 'Slider',
|
|
zh: '滑动选择',
|
|
enSuffix: true,
|
|
path: '/slider'
|
|
},
|
|
{
|
|
en: 'Switch',
|
|
zh: '开关',
|
|
enSuffix: true,
|
|
path: '/switch'
|
|
},
|
|
{
|
|
en: 'Time Picker',
|
|
zh: '时间选择器',
|
|
enSuffix: true,
|
|
path: '/time-picker'
|
|
},
|
|
{
|
|
en: 'Transfer',
|
|
zh: '穿梭框',
|
|
enSuffix: true,
|
|
path: '/transfer'
|
|
},
|
|
{
|
|
en: 'Tree Select',
|
|
zh: '树型选择',
|
|
enSuffix: true,
|
|
path: '/tree-select'
|
|
},
|
|
{
|
|
en: 'Upload',
|
|
zh: '上传',
|
|
enSuffix: true,
|
|
path: '/upload'
|
|
}
|
|
]
|
|
}),
|
|
appendCounts({
|
|
zh: '数据展示组件',
|
|
en: 'Data Display Components',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Calendar',
|
|
zh: '日历',
|
|
enSuffix: true,
|
|
path: '/calendar'
|
|
},
|
|
{
|
|
en: 'Code',
|
|
zh: '代码',
|
|
enSuffix: true,
|
|
path: '/code'
|
|
},
|
|
{
|
|
en: 'Data Table',
|
|
zh: '数据表格',
|
|
enSuffix: true,
|
|
path: '/data-table'
|
|
},
|
|
{
|
|
en: 'Descriptions',
|
|
zh: '描述',
|
|
enSuffix: true,
|
|
path: '/descriptions'
|
|
},
|
|
{
|
|
en: 'Empty',
|
|
zh: '无内容',
|
|
enSuffix: true,
|
|
path: '/empty'
|
|
},
|
|
{
|
|
en: 'Image',
|
|
zh: '图像',
|
|
enSuffix: true,
|
|
path: '/image'
|
|
},
|
|
{
|
|
en: 'List',
|
|
zh: '列表',
|
|
enSuffix: true,
|
|
path: '/list'
|
|
},
|
|
{
|
|
en: 'Log',
|
|
zh: '日志',
|
|
enSuffix: true,
|
|
path: '/log'
|
|
},
|
|
{
|
|
en: 'Statistic',
|
|
zh: '统计数据',
|
|
enSuffix: true,
|
|
path: '/statistic'
|
|
},
|
|
{
|
|
en: 'Table',
|
|
zh: '表格',
|
|
enSuffix: true,
|
|
path: '/table'
|
|
},
|
|
{
|
|
en: 'Thing',
|
|
zh: '东西',
|
|
enSuffix: true,
|
|
path: '/thing'
|
|
},
|
|
{
|
|
en: 'Time',
|
|
zh: '时间',
|
|
enSuffix: true,
|
|
path: '/time'
|
|
},
|
|
{
|
|
en: 'Timeline',
|
|
zh: '时间线',
|
|
enSuffix: true,
|
|
path: '/timeline'
|
|
},
|
|
{
|
|
en: 'Tree',
|
|
zh: '树',
|
|
enSuffix: true,
|
|
path: '/tree'
|
|
}
|
|
]
|
|
}),
|
|
appendCounts({
|
|
zh: '导航组件',
|
|
en: 'Navigation Components',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Affix',
|
|
zh: '固钉',
|
|
enSuffix: true,
|
|
path: '/affix'
|
|
},
|
|
{
|
|
en: 'Anchor',
|
|
zh: '侧边导航',
|
|
enSuffix: true,
|
|
path: '/anchor'
|
|
},
|
|
{
|
|
en: 'Back Top',
|
|
zh: '回到顶部',
|
|
enSuffix: true,
|
|
path: '/back-top'
|
|
},
|
|
{
|
|
en: 'Breadcrumb',
|
|
zh: '面包屑',
|
|
enSuffix: true,
|
|
path: '/breadcrumb'
|
|
},
|
|
{
|
|
en: 'Loading Bar',
|
|
zh: '加载条',
|
|
enSuffix: true,
|
|
path: '/loading-bar'
|
|
},
|
|
{
|
|
en: 'Menu',
|
|
zh: '菜单',
|
|
enSuffix: true,
|
|
path: '/menu'
|
|
},
|
|
{
|
|
en: 'Pagination',
|
|
zh: '分页',
|
|
enSuffix: true,
|
|
path: '/pagination'
|
|
},
|
|
{
|
|
en: 'Steps',
|
|
zh: '步骤',
|
|
enSuffix: true,
|
|
path: '/steps'
|
|
},
|
|
{
|
|
en: 'Tabs',
|
|
zh: '标签页',
|
|
enSuffix: true,
|
|
path: '/tabs'
|
|
}
|
|
]
|
|
}),
|
|
appendCounts({
|
|
zh: '反馈组件',
|
|
en: 'Feedback Components',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Alert',
|
|
zh: '警告信息',
|
|
enSuffix: true,
|
|
path: '/alert'
|
|
},
|
|
{
|
|
en: 'Badge',
|
|
zh: '标记',
|
|
enSuffix: true,
|
|
path: '/badge'
|
|
},
|
|
{
|
|
en: 'Dialog',
|
|
zh: '对话框',
|
|
enSuffix: true,
|
|
path: '/dialog'
|
|
},
|
|
{
|
|
en: 'Drawer',
|
|
zh: '抽屉',
|
|
enSuffix: true,
|
|
path: '/drawer'
|
|
},
|
|
{
|
|
en: 'Message',
|
|
zh: '信息',
|
|
enSuffix: true,
|
|
path: '/message'
|
|
},
|
|
{
|
|
en: 'Modal',
|
|
zh: '模态框',
|
|
enSuffix: true,
|
|
path: '/modal'
|
|
},
|
|
{
|
|
en: 'Notification',
|
|
zh: '通知',
|
|
enSuffix: true,
|
|
path: '/notification'
|
|
},
|
|
{
|
|
en: 'Popconfirm',
|
|
zh: '弹出确认',
|
|
enSuffix: true,
|
|
path: '/popconfirm'
|
|
},
|
|
{
|
|
en: 'Popover',
|
|
zh: '弹出信息',
|
|
enSuffix: true,
|
|
path: '/popover'
|
|
},
|
|
{
|
|
en: 'Popselect',
|
|
zh: '弹出选择',
|
|
enSuffix: true,
|
|
path: '/popselect'
|
|
},
|
|
{
|
|
en: 'Progress',
|
|
zh: '进度',
|
|
enSuffix: true,
|
|
path: '/progress'
|
|
},
|
|
{
|
|
en: 'Result',
|
|
zh: '结果页',
|
|
enSuffix: true,
|
|
path: '/result'
|
|
},
|
|
{
|
|
en: 'Skeleton',
|
|
zh: '骨架屏',
|
|
enSuffix: true,
|
|
path: '/skeleton'
|
|
},
|
|
{
|
|
en: 'Spin',
|
|
zh: '加载',
|
|
enSuffix: true,
|
|
path: '/spin'
|
|
},
|
|
{
|
|
en: 'Tooltip',
|
|
zh: '弹出提示',
|
|
enSuffix: true,
|
|
path: '/tooltip'
|
|
}
|
|
]
|
|
}),
|
|
appendCounts({
|
|
zh: '布局组件',
|
|
en: 'Layout Components',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Layout',
|
|
zh: '布局',
|
|
enSuffix: true,
|
|
path: '/layout'
|
|
},
|
|
{
|
|
en: 'Grid',
|
|
zh: '栅格',
|
|
enSuffix: true,
|
|
path: '/grid'
|
|
},
|
|
{
|
|
en: 'Space',
|
|
zh: '间距',
|
|
enSuffix: true,
|
|
path: '/space'
|
|
}
|
|
]
|
|
}),
|
|
appendCounts({
|
|
zh: '配置组件',
|
|
en: 'Config Components',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Config Provider',
|
|
zh: '全局化配置',
|
|
enSuffix: true,
|
|
path: '/config-provider'
|
|
},
|
|
{
|
|
en: 'Element',
|
|
zh: '元素',
|
|
enSuffix: true,
|
|
path: '/element'
|
|
},
|
|
{
|
|
en: 'Global Style',
|
|
zh: '全局样式',
|
|
enSuffix: true,
|
|
path: '/global-style'
|
|
}
|
|
]
|
|
}),
|
|
{
|
|
zh: '废弃',
|
|
en: 'Deprecated',
|
|
type: 'group',
|
|
children: [
|
|
{
|
|
en: 'Legacy Grid',
|
|
zh: '旧版栅格',
|
|
enSuffix: true,
|
|
path: '/legacy-grid'
|
|
}
|
|
]
|
|
},
|
|
...createDebugDemos(
|
|
{
|
|
en: '--Debug',
|
|
children: [
|
|
{
|
|
en: 'SuffixDebug',
|
|
path: '/base-suffix-debug'
|
|
},
|
|
{
|
|
en: 'PopoverDebug',
|
|
path: '/popover-debug'
|
|
},
|
|
{
|
|
en: 'RouterDebug',
|
|
path: '/router-debug'
|
|
},
|
|
{
|
|
en: 'ModalDebug',
|
|
path: '/modal-debug'
|
|
},
|
|
{
|
|
en: 'ScrollbarDebug',
|
|
path: '/scrollbar-debug'
|
|
},
|
|
{
|
|
en: 'ScrollbarDebug2',
|
|
path: '/scrollbar-debug2'
|
|
},
|
|
{
|
|
en: 'DatePickerDebug',
|
|
path: '/date-picker-debug'
|
|
},
|
|
{
|
|
en: 'BackTopDebug',
|
|
path: '/back-top-debug'
|
|
},
|
|
{
|
|
en: 'CascaderDebug',
|
|
path: '/cascader-debug'
|
|
},
|
|
{
|
|
en: 'VerticalAlignDebug',
|
|
path: '/vertical-align-debug'
|
|
},
|
|
{
|
|
en: 'IconTransitionDebug',
|
|
path: '/icon-transition-debug'
|
|
},
|
|
{
|
|
en: 'SelectDebug',
|
|
path: '/select-debug'
|
|
}
|
|
]
|
|
},
|
|
mode
|
|
)
|
|
])
|
|
}
|