feat: Convert attribute name to camel case, e.g fill-opacity to fillOpacity

lanceli · fwh1990 · commit f3a6b6562b0f · 2020-04-24T11:22:43.000+08:00
diff --git a/src/libs/generateComponent.ts b/src/libs/generateComponent.ts
@@ -172,7 +172,10 @@ const addAttribute = (domName: string, sub: XmlData['svg']['symbol'][number]['pa
         template += `\n${whitespace(counter.baseIdent + 4)}${attributeName}={getIconColor(color, ${counter.colorIndex}, '${sub.$[attributeName]}')}`;
         counter.colorIndex += 1;
       } else {
-        template += `\n${whitespace(counter.baseIdent + 4)}${attributeName}="${sub.$[attributeName]}"`;
+        // convert attribute name to camel case, e.g fill-opacity to fillOpacity
+        const reg = /-(\w)/g;
+        const camelAttributeName = attributeName.replace(reg, (a,b) =>  b.toUpperCase());
+        template += `\n${whitespace(counter.baseIdent + 4)}${camelAttributeName}="${sub.$[attributeName]}"`;
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -172,7 +172,10 @@ const addAttribute = (domName: string, sub: XmlData['svg']['symbol'][number]['pa`
`172`	`172`	template += `\n${whitespace(counter.baseIdent + 4)}${attributeName}={getIconColor(color, ${counter.colorIndex}, '${sub.$[attributeName]}')}`;
`173`	`173`	`counter.colorIndex += 1;`
`174`	`174`	`} else {`
`175`		- template += `\n${whitespace(counter.baseIdent + 4)}${attributeName}="${sub.$[attributeName]}"`;
	`175`	`+ // convert attribute name to camel case, e.g fill-opacity to fillOpacity`
	`176`	`+ const reg = /-(\w)/g;`
	`177`	`+ const camelAttributeName = attributeName.replace(reg, (a,b) => b.toUpperCase());`
	`178`	+ template += `\n${whitespace(counter.baseIdent + 4)}${camelAttributeName}="${sub.$[attributeName]}"`;
`176`	`179`	`}`
`177`	`180`	`}`
`178`	`181`	`}`