mirror of
https://github.com/chansee97/nova-admin.git
synced 2025-04-05 12:44:27 +08:00
53 lines
1.1 KiB
Vue
53 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { Icon } from '@iconify/vue'
|
|
|
|
interface iconPorps {
|
|
/* 图标名称 */
|
|
icon?: string
|
|
/* 图标颜色 */
|
|
color?: string
|
|
/* 图标大小 */
|
|
size?: number
|
|
/* 图标深度 */
|
|
depth?: 1 | 2 | 3 | 4 | 5
|
|
}
|
|
const props = withDefaults(defineProps<iconPorps>(), {
|
|
size: 18,
|
|
isLocal: false,
|
|
})
|
|
|
|
const isLocal = computed(() => {
|
|
return props.icon && props.icon.startsWith('local:')
|
|
})
|
|
|
|
function getLocalIcon(icon: string) {
|
|
const svgName = icon.replace('local:', '')
|
|
const svg = import.meta.glob<string>('@/assets/svg-icons/*.svg', {
|
|
query: '?raw',
|
|
import: 'default',
|
|
eager: true,
|
|
})
|
|
|
|
const domparser = new DOMParser()
|
|
return domparser.parseFromString(svg[`/src/assets/svg-icons/${svgName}.svg`], 'image/svg+xml')
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<n-icon
|
|
v-if="icon && !isLocal"
|
|
:size="size"
|
|
:depth="depth"
|
|
:color="color"
|
|
>
|
|
<template v-if="isLocal">
|
|
{{ getLocalIcon(icon) }}
|
|
</template>
|
|
<template v-else>
|
|
<Icon :icon="icon" />
|
|
</template>
|
|
</n-icon>
|
|
</template>
|
|
|
|
<style scoped></style>
|