chore: 更新离线图标方案
This commit is contained in:
@@ -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 });
|
||||
},
|
||||
});
|
||||
}
|
||||
|
@@ -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'导出的组件为在能找到本地图标为离线 否则会在线获取(适用性更强)
|
||||
*/
|
||||
|
Reference in New Issue
Block a user