refactor: Use lodash.camelCase() instead of self code

fwh1990 · fwh1990 · commit 036e1d5d02bb · 2021-10-09T10:41:03.000+08:00
diff --git a/src/libs/generateComponent.ts b/src/libs/generateComponent.ts
@@ -219,10 +219,7 @@ 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 {
-        // 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]}"`;
+        template += `\n${whitespace(counter.baseIdent + 4)}${camelCase(attributeName)}="${sub.$[attributeName]}"`;
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -219,10 +219,7 @@ const addAttribute = (domName: string, sub: XmlData['svg']['symbol'][number]['pa`
`219`	`219`	template += `\n${whitespace(counter.baseIdent + 4)}${attributeName}={getIconColor(color, ${counter.colorIndex}, '${sub.$[attributeName]}')}`;
`220`	`220`	`counter.colorIndex += 1;`
`221`	`221`	`} else {`
`222`		`- // convert attribute name to camel case, e.g fill-opacity to fillOpacity`
`223`		`- const reg = /-(\w)/g;`
`224`		`- const camelAttributeName = attributeName.replace(reg, (_a,b) => b.toUpperCase());`
`225`		- template += `\n${whitespace(counter.baseIdent + 4)}${camelAttributeName}="${sub.$[attributeName]}"`;
	`222`	+ template += `\n${whitespace(counter.baseIdent + 4)}${camelCase(attributeName)}="${sub.$[attributeName]}"`;
`226`	`223`	`}`
`227`	`224`	`}`
`228`	`225`	`}`