cirry/simple-element-plus-template
1
0
Fork 0
mirror of https://github.com/fugary/simple-element-plus-template.git synced 2025-11-12 14:27:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

icon优化

Browse Source
This commit is contained in:
gary.fu
2024-07-05 11:14:48 +08:00
parent bc91df5b01
commit 72060f67a5
1 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/icons/index.js
View File

@@ -1,9 +1,10 @@
import * as ElementPlusIconsVue from '@element-plus/icons-vue' import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import * as MaterialIconsVue from '@vicons/material'
import { kebabCase } from 'lodash-es' import { kebabCase } from 'lodash-es'
import { defineAsyncComponent } from 'vue'
export const INSTALL_ICONS = [] export const INSTALL_ICONS = []
export const ICON_PREFIX = 'icon-' export const ICON_PREFIX = 'icon-'
/** /**
* icon组件注册工具,默认增加icon-前缀，如果重复，再增加前缀 * icon组件注册工具,默认增加icon-前缀，如果重复，再增加前缀
* @param app {import('vue').App} Vue实例 * @param app {import('vue').App} Vue实例
@@ -30,8 +31,19 @@ export default {
for (const [key, component] of Object.entries(ElementPlusIconsVue)) { for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
registryIconComponent(app, key, component, 'El') registryIconComponent(app, key, component, 'El')
} }
for (const [key, component] of Object.entries(MaterialIconsVue)) { const materialIcons = import.meta.glob([
registryIconComponent(app, key, component, 'Md') '/node_modules/@vicons/material/es/*Filled.js',
'/node_modules/@vicons/material/es/*Outlined.js'
], { eager: false })
for (const path in materialIcons) {
const component = materialIcons[path]
const matchResult = /.+\/(\w+)\.js/g.exec(path)
if (matchResult[1]) {
const name = matchResult[1]
registryIconComponent(app, name, defineAsyncComponent(component), 'Md')
} }
} }
// 更多图标可以再注册
// registryIconComponent(app, key, component, 'Md')
}
} }