diff --git a/src/components/ReIcon/index.ts b/src/components/ReIcon/index.ts index 5179723..b9f8807 100644 --- a/src/components/ReIcon/index.ts +++ b/src/components/ReIcon/index.ts @@ -2,7 +2,7 @@ import iconifyIconOffline from "./src/iconifyIconOffline"; import iconifyIconOnline from "./src/iconifyIconOnline"; import fontIcon from "./src/iconfont"; -/** 离线图标组件 */ +/** 本地图标组件 */ const IconifyIconOffline = iconifyIconOffline; /** 在线图标组件 */ const IconifyIconOnline = iconifyIconOnline; diff --git a/src/components/ReIcon/src/hooks.ts b/src/components/ReIcon/src/hooks.ts index 65c4134..4413b51 100644 --- a/src/components/ReIcon/src/hooks.ts +++ b/src/components/ReIcon/src/hooks.ts @@ -3,7 +3,8 @@ import { h, defineComponent, Component } from "vue"; import { IconifyIconOnline, IconifyIconOffline, FontIcon } from "../index"; /** - * 支持fontawesome4、5+、iconfont、remixicon、element-plus的icons、自定义svg + * 支持 `iconfont`、自定义 `svg` 以及 `iconify` 中所有的图标 + * @see 点击查看文档图标篇 {@link https://yiming_chang.gitee.io/pure-admin-doc/pages/icon/} * @param icon 必传 图标 * @param attrs 可选 iconType 属性 * @returns Component @@ -34,11 +35,12 @@ export function useRenderIcon(icon: any, attrs?: iconType): Component { // svg return icon; } else { + // 通过是否存在 : 符号来判断是在线还是本地图标,存在即是在线图标,反之 return defineComponent({ name: "Icon", render() { const IconifyIcon = - attrs && attrs["online"] ? IconifyIconOnline : IconifyIconOffline; + icon && icon.includes(":") ? IconifyIconOnline : IconifyIconOffline; return h(IconifyIcon, { icon: icon, ...attrs diff --git a/src/components/ReIcon/src/iconifyIconOffline.ts b/src/components/ReIcon/src/iconifyIconOffline.ts index b55f25b..63dcf3a 100644 --- a/src/components/ReIcon/src/iconifyIconOffline.ts +++ b/src/components/ReIcon/src/iconifyIconOffline.ts @@ -59,7 +59,7 @@ addIcon("close-all-tags", CloseAllTags); addIcon("fullscreen", Fullscreen); addIcon("exit-fullscreen", ExitFullscreen); -// Iconify Icon在Vue里离线使用(用于内网环境)https://docs.iconify.design/icon-components/vue/offline.html +// Iconify Icon在Vue里本地使用(用于内网环境)https://docs.iconify.design/icon-components/vue/offline.html export default defineComponent({ name: "IconifyIconOffline", components: { IconifyIcon }, diff --git a/src/components/ReIcon/src/types.ts b/src/components/ReIcon/src/types.ts index 7e3ffab..8ae8a54 100644 --- a/src/components/ReIcon/src/types.ts +++ b/src/components/ReIcon/src/types.ts @@ -11,7 +11,6 @@ export interface iconType { horizontalAlign?: boolean; verticalAlign?: boolean; align?: string; - online?: boolean; onLoad?: Function; includes?: Function;