fix: keep admin icons local

web/packages/@core/base/icons/src/iconify-icon.ts

@@ -0,0 +1,94 @@
+import type { Component, PropType } from 'vue';
+
+import { defineComponent, h } from 'vue';
+
+import { Icon } from '@iconify/vue';
+
+import {
+  AlignEndHorizontal,
+  AlignHorizontalSpaceAround,
+  AlignStartVertical,
+  Bot,
+  BookOpen,
+  Check,
+  CheckCircle,
+  CheckSquare,
+  ChevronDown,
+  ChevronRight,
+  Circle,
+  Edit,
+  LayoutGrid,
+  List,
+  Mail,
+  Megaphone,
+  Plus,
+  RefreshCw,
+  SquareCheckBig,
+  Trash2,
+  TriangleAlert,
+  UserRound,
+  Users,
+  Workflow,
+  X,
+} from './lucide';
+
+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:checkmark': Check,
+  'carbon:checkmark-filled': CheckCircle,
+  'carbon:chevron-down': ChevronDown,
+  'carbon:circle-dash': Circle,
+  'carbon:close': X,
+  'carbon:edit': Edit,
+  'carbon:email': Mail,
+  'carbon:renew': RefreshCw,
+  'carbon:reset': RefreshCw,
+  'carbon:user-multiple': Users,
+  'carbon:warning-filled': TriangleAlert,
+  'ep:caret-right': ChevronRight,
+  'ep:delete': Trash2,
+  'ep:edit': Edit,
+  'ep:plus': Plus,
+  'ep:refresh': RefreshCw,
+  'ep:refresh-left': RefreshCw,
+  'ep:refresh-right': RefreshCw,
+  'lucide:bot': Bot,
+  'lucide:check-square': CheckSquare,
+  'lucide:layout-grid': LayoutGrid,
+  'lucide:library-big': BookOpen,
+  'lucide:list': List,
+  'lucide:megaphone': Megaphone,
+  'lucide:square-check-big': SquareCheckBig,
+  'lucide:square-user': UserRound,
+  'lucide:workflow': Workflow,
+};
+
+function normalizeIconName(icon: unknown) {
+  return typeof icon === 'string' ? icon.replace(/^i-/, '') : '';
+}
+
+const IconifyIcon = defineComponent({
+  inheritAttrs: false,
+  name: 'IconifyIcon',
+  props: {
+    icon: {
+      type: [String, Object, Function] as PropType<Component | string>,
+      default: undefined,
+    },
+  },
+  setup(props, { attrs }) {
+    return () => {
+      const localIcon = localIconMap[normalizeIconName(props.icon)];
+      if (localIcon) {
+        return h(localIcon, attrs);
+      }
+      return h(Icon, { ...attrs, icon: props.icon });
+    };
+  },
+});
+
+export { IconifyIcon };

web/packages/@core/base/icons/src/index.ts

@@ -1,11 +1,8 @@
 export * from './create-icon';
 
+export * from './iconify-icon';
+
 export * from './lucide';
 
 export type { IconifyIcon as IconifyIconStructure } from '@iconify/vue';
-export {
-  addCollection,
-  addIcon,
-  Icon as IconifyIcon,
-  listIcons,
-} from '@iconify/vue';
+export { addCollection, addIcon, listIcons } from '@iconify/vue';

web/packages/@core/ui-kit/shadcn-ui/src/components/icon/icon.vue

@@ -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" />