fix(icon): auto mask cant match data url

chizukicn · Nov 28, 2023 · 95a0508 · 95a0508
1 parent 7c81d4b
commit 95a0508
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/core/src/icon/index.ts b/packages/core/src/icon/index.ts
@@ -29,6 +29,8 @@ export const iconProps = defineHookProps({
 
 export type HiIconProps = typeof iconProps;
 
+const isSvg = (src: string) => src.endsWith(".svg") || src.startsWith("data:image/svg+xml");
+
 export const useIcon = defineHookComponent({
   props: iconProps,
   setup(props, context) {
@@ -49,7 +51,7 @@ export const useIcon = defineHookComponent({
     });
 
     const dynamicStyle = computed<CSSProperties>(() => {
-      const mask = props.mask === "auto" ? props.src.endsWith(".svg") : props.mask;
+      const mask = props.mask === "auto" ? isSvg(props.src) : props.mask;
       if (!mask) {
         return {
           "background-image": "var(--icon-url)",