chore: 更新离线图标方案

This commit is contained in:
dap
2024-11-07 19:00:35 +08:00
parent 980a9639b8
commit be78a07b01
7 changed files with 62 additions and 145 deletions

View File

@@ -1,10 +1,6 @@
import { defineComponent, h } from 'vue';
import { Icon, type IconifyIcon } from '@iconify/vue';
import {
addIcon as addOfflineIcon,
Icon as OfflineIcon,
} from '@iconify/vue/dist/offline';
import { addIcon, Icon, type IconifyIcon } from '@iconify/vue';
function createIconifyIcon(icon: string) {
return defineComponent({
@@ -25,8 +21,8 @@ function createIconifyOfflineIcon(icon: string, iconComponent: IconifyIcon) {
return defineComponent({
name: `Icon-${icon}`,
setup(props, { attrs }) {
addOfflineIcon(icon, iconComponent);
return () => h(OfflineIcon, { icon, ...props, ...attrs });
addIcon(icon, iconComponent);
return () => h(Icon, { icon, ...props, ...attrs });
},
});
}

View File

@@ -5,9 +5,8 @@ export * from './lucide';
export type { IconifyIcon as IconifyIconStructure } from '@iconify/vue';
export { addCollection, addIcon, Icon as IconifyIcon } from '@iconify/vue';
// 离线图标使用
export {
addCollection as addOfflineCollection,
addIcon as addOfflineIcon,
Icon as IconifyOfflineIcon,
} from '@iconify/vue/dist/offline';
/**
* 从@iconify/vue/dist/offline'导出的组件为离线ICON 不支持在线
* 从@iconify/vue'导出的组件为在能找到本地图标为离线 否则会在线获取(适用性更强)
*/