fix: svg style parse

src/svg-dom/parseCSSStylesheet.ts

@@ -1,22 +1,28 @@
 export function parseCSSStylesheet(node: SVGStyleElement, stylesheets: Record<string, any>): void {
   if (!node.sheet || !node.sheet.cssRules || !node.sheet.cssRules.length)
     return
+
   for (let i = 0; i < node.sheet.cssRules.length; i++) {
     const stylesheet = node.sheet.cssRules[i] as CSSStyleRule
+
     if (stylesheet.type !== 1)
       continue
+
     const selectorList = stylesheet.selectorText
       .split(/,/g)
       .filter(Boolean)
       .map(i => i.trim())
+
+    const definitions: Record<string, any> = {}
+    for (let len = stylesheet.style.length, i = 0; i < len; i++) {
+      const name = stylesheet.style.item(i)
+      definitions[name] = stylesheet.style.getPropertyValue(name)
+    }
+
     for (let j = 0; j < selectorList.length; j++) {
-      // Remove empty rules
-      const definitions = Object.fromEntries(
-        Object.entries(stylesheet.style).filter(([, v]) => v !== ''),
-      )
       stylesheets[selectorList[j]] = Object.assign(
         stylesheets[selectorList[j]] || {},
-        definitions,
+        { ...definitions },
       )
     }
   }

src/svg-dom/parseNode.ts

@@ -15,14 +15,14 @@ export function parseNode(
   node: SVGElement,
   style: Record<string, any>,
   paths: Path2D[] = [],
+  stylesheets: Record<string, any> = {},
 ): Path2D[] {
   if (node.nodeType !== 1)
     return paths
 
   let isDefsNode = false
   let path: Path2D | null = null
   let _style = { ...style }
-  const stylesheets: Record<string, any> = {}
 
   switch (node.nodeName) {
     case 'svg':
@@ -72,7 +72,7 @@ export function parseNode(
       const usedNodeId = href.substring(1)
       const usedNode = (node.viewportElement as any)?.getElementById(usedNodeId)
       if (usedNode) {
-        parseNode(usedNode, _style, paths)
+        parseNode(usedNode, _style, paths, stylesheets)
       }
       else {
         console.warn(`'use node' references non-existent node id: ${usedNodeId}`)
@@ -104,7 +104,7 @@ export function parseNode(
     const node = childNodes[i]
     if (isDefsNode && node.nodeName !== 'style' && node.nodeName !== 'defs')
       continue
-    parseNode(node as SVGElement, style, paths)
+    parseNode(node as SVGElement, style, paths, stylesheets)
   }
 
   if (transform) {