fix: keep admin icons local

This commit is contained in:
2026-06-12 19:42:38 +08:00
parent 8567bd6c47
commit a2787c51a1
5 changed files with 180 additions and 42 deletions
@@ -3,21 +3,7 @@ import type { Component } from 'vue';
import { computed } from 'vue';
import {
AlignEndHorizontal,
AlignHorizontalSpaceAround,
AlignStartVertical,
Bot,
BookOpen,
IconDefault,
IconifyIcon,
LayoutGrid,
Mail,
Megaphone,
UserRound,
Users,
Workflow,
} from '@vben-core/icons';
import { IconDefault, IconifyIcon } from '@vben-core/icons';
import {
isFunction,
isHttpUrl,
@@ -31,30 +17,10 @@ const props = defineProps<{
icon?: Component | Function | string;
}>();
const localIconMap: Record<string, Component> = {
'carbon:agent-detached': Bot,
'carbon:align-box-middle-right': AlignEndHorizontal,
'carbon:align-vertical-top': AlignStartVertical,
'carbon:arrange': LayoutGrid,
'carbon:arrange-horizontal': AlignHorizontalSpaceAround,
'carbon:email': Mail,
'carbon:user-multiple': Users,
'lucide:bot': Bot,
'lucide:library-big': BookOpen,
'lucide:megaphone': Megaphone,
'lucide:square-user': UserRound,
'lucide:workflow': Workflow,
};
const isRemoteIcon = computed(() => {
return isString(props.icon) && isHttpUrl(props.icon);
});
const localIcon = computed(() => {
if (!isString(props.icon)) return;
return localIconMap[props.icon.replace(/^i-/, '')];
});
const isComponent = computed(() => {
const { icon } = props;
return !isString(icon) && (isObject(icon) || isFunction(icon));
@@ -63,7 +29,6 @@ const isComponent = computed(() => {
<template>
<component :is="icon as Component" v-if="isComponent" v-bind="$attrs" />
<component :is="localIcon" v-else-if="localIcon" v-bind="$attrs" />
<img v-else-if="isRemoteIcon" :src="icon as string" v-bind="$attrs" />
<IconifyIcon v-else-if="icon" v-bind="$attrs" :icon="icon as string" />
<IconDefault v-else-if="fallback" v-bind="$attrs" />