feat: 引入并注册ElementPlus组件库

This commit is contained in:
ZiuChen
2022-09-18 09:02:42 +08:00
parent c4c787c5d4
commit 5ee1e9ad8c
4 changed files with 209 additions and 3 deletions

View File

@@ -0,0 +1,22 @@
import 'element-plus/theme-chalk/base.css'
import 'element-plus/theme-chalk/dark/css-vars.css'
import 'element-plus/theme-chalk/el-overlay.css'
import { ElButton, ElMessageBox } from 'element-plus'
const components = [ElButton, ElMessageBox]
export default function registerElement(app) {
components.forEach((c) => {
let name = transferCamel(c.name)
if (name === 'message-box') name = 'el-message-box'
require(`element-plus/theme-chalk/${name}.css`)
app.component(name, c)
})
}
function transferCamel(camel) {
return camel
.replace(/([A-Z])/g, '-$1')
.toLowerCase()
.slice(1)
}