mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-15 02:40:46 +08:00
7b6e2c2600
* docs: rendering example demos on the server side * fix: render error * chore: update dependencies * chore: return all teleports
109 lines
2.3 KiB
TypeScript
109 lines
2.3 KiB
TypeScript
import consola from 'consola'
|
|
import { REPO_BRANCH, REPO_PATH } from '@element-plus/build-constants'
|
|
import { docsDirName } from '@element-plus/build-utils'
|
|
import { languages } from '../utils/lang'
|
|
import { features } from './features'
|
|
import { head } from './head'
|
|
import { nav } from './nav'
|
|
import { mdPlugin } from './plugins'
|
|
import { sidebars } from './sidebars'
|
|
|
|
import type { UserConfig } from 'vitepress'
|
|
|
|
const buildTransformers = () => {
|
|
const transformer = () => {
|
|
return {
|
|
props: [],
|
|
needRuntime: true,
|
|
}
|
|
}
|
|
|
|
const transformers = {}
|
|
const directives = [
|
|
'infinite-scroll',
|
|
'loading',
|
|
'popover',
|
|
'click-outside',
|
|
'repeat-click',
|
|
'trap-focus',
|
|
'mousewheel',
|
|
'resize',
|
|
]
|
|
directives.forEach((k) => {
|
|
transformers[k] = transformer
|
|
})
|
|
|
|
return transformers
|
|
}
|
|
|
|
consola.debug(`DOC_ENV: ${process.env.DOC_ENV}`)
|
|
|
|
const locales = {}
|
|
languages.forEach((lang) => {
|
|
locales[`/${lang}`] = {
|
|
label: lang,
|
|
lang,
|
|
}
|
|
})
|
|
|
|
const config: UserConfig = {
|
|
title: 'Element Plus',
|
|
description: 'A Vue 3 based component library for designers and developers',
|
|
lastUpdated: true,
|
|
head,
|
|
themeConfig: {
|
|
repo: REPO_PATH,
|
|
docsBranch: REPO_BRANCH,
|
|
docsDir: docsDirName,
|
|
|
|
editLinks: true,
|
|
editLinkText: 'Edit this page on GitHub',
|
|
|
|
logo: '/images/element-plus-logo.svg',
|
|
logoSmall: '/images/element-plus-logo-small.svg',
|
|
sidebars,
|
|
nav,
|
|
agolia: {
|
|
apiKey: '99caf32e743ba77d78b095b763b8e380',
|
|
appId: 'ZM3TI8AKL4',
|
|
},
|
|
features,
|
|
langs: languages,
|
|
},
|
|
|
|
locales,
|
|
|
|
markdown: {
|
|
config: (md) => mdPlugin(md),
|
|
},
|
|
|
|
vue: {
|
|
template: {
|
|
compilerOptions: {
|
|
hoistStatic: false,
|
|
directiveTransforms: buildTransformers(),
|
|
},
|
|
},
|
|
},
|
|
|
|
postRender(context) {
|
|
// Inject the teleport markup
|
|
if (context.teleports) {
|
|
const body = Object.entries(context.teleports).reduce(
|
|
(all, [key, value]) => {
|
|
if (key.startsWith('#el-popper-container-')) {
|
|
return `${all}<div id="${key.slice(1)}">${value}</div>`
|
|
}
|
|
return all
|
|
},
|
|
context.teleports.body || ''
|
|
)
|
|
|
|
context.teleports = { ...context.teleports, body }
|
|
}
|
|
|
|
return context
|
|
},
|
|
}
|
|
export default config
|