51 lines
952 B
TypeScript
51 lines
952 B
TypeScript
import type { Component } from 'vue'
|
|
import { h } from 'vue'
|
|
|
|
/**
|
|
* Svg icon render hook
|
|
*
|
|
* @param SvgIcon Svg icon component
|
|
*/
|
|
export default function useSvgIconRender(SvgIcon: Component) {
|
|
interface IconConfig {
|
|
/** Iconify icon name */
|
|
icon?: string
|
|
/** Local icon name */
|
|
localIcon?: string
|
|
/** Icon color */
|
|
color?: string
|
|
/** Icon size */
|
|
fontSize?: number
|
|
}
|
|
|
|
type IconStyle = Partial<Pick<CSSStyleDeclaration, 'color' | 'fontSize'>>
|
|
|
|
/**
|
|
* Svg icon VNode
|
|
*
|
|
* @param config
|
|
*/
|
|
const SvgIconVNode = (config: IconConfig) => {
|
|
const { color, fontSize, icon, localIcon } = config
|
|
|
|
const style: IconStyle = {}
|
|
|
|
if (color) {
|
|
style.color = color
|
|
}
|
|
if (fontSize) {
|
|
style.fontSize = `${fontSize}px`
|
|
}
|
|
|
|
if (!icon && !localIcon) {
|
|
return undefined
|
|
}
|
|
|
|
return () => h(SvgIcon, { icon, localIcon, style })
|
|
}
|
|
|
|
return {
|
|
SvgIconVNode,
|
|
}
|
|
}
|