31 lines
821 B
TypeScript
31 lines
821 B
TypeScript
|
import { defineComponent, h } from 'vue';
|
||
|
|
|
||
|
|
import { addIcon, Icon, type IconifyIcon } from '@iconify/vue';
|
||
|
|
|
||
|
|
function createIconifyIcon(icon: string) {
|
||
|
|
return defineComponent({
|
||
|
|
name: `Icon-${icon}`,
|
||
|
|
setup(props, { attrs }) {
|
||
|
|
return () => h(Icon, { icon, ...props, ...attrs });
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 创建离线图标
|
||
|
|
* @param icon 图标名称 建议与iconify的名称保持一致
|
||
|
|
* @param iconComponent 从@iconify/icon-xxx/xxx导入的图标
|
||
|
|
* @returns IconComponent
|
||
|
|
*/
|
||
|
|
function createIconifyOfflineIcon(icon: string, iconComponent: IconifyIcon) {
|
||
|
|
return defineComponent({
|
||
|
|
name: `Icon-${icon}`,
|
||
|
|
setup(props, { attrs }) {
|
||
|
|
addIcon(icon, iconComponent);
|
||
|
|
return () => h(Icon, { icon, ...props, ...attrs });
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
export { createIconifyIcon, createIconifyOfflineIcon };
|