修复 修复 svgr 组件样式

Author: xiazhigang

example/icons/IconAlertTriangle.rn.tsx

@@ -1,12 +1,10 @@
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
 
 function IconAlertTriangle(props) {
   return (
     <Svg
       xmlns="http://www.w3.org/2000/svg"
-      width={24}
-      height={24}
       viewBox="0 0 24 24"
       fill="none"
       stroke={props.color}
@@ -18,7 +16,7 @@ function IconAlertTriangle(props) {
     >
       <Path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01" />
     </Svg>
-  );
+  )
 }
 
-export default IconAlertTriangle;
+export default IconAlertTriangle

example/icons/IconAlertTriangle.tsx

@@ -1,11 +1,9 @@
-import * as React from "react";
+import * as React from "react"
 
 function IconAlertTriangle(props) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width={24}
-      height={24}
       viewBox="0 0 24 24"
       fill="none"
       stroke={props.color}
@@ -17,7 +15,7 @@ function IconAlertTriangle(props) {
     >
       <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0zM12 9v4M12 17h.01" />
     </svg>
-  );
+  )
 }
 
-export default IconAlertTriangle;
+export default IconAlertTriangle

example/icons/IconChevronRight.rn.tsx

@@ -1,15 +1,13 @@
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
 
 function IconChevronRight(props) {
   return (
     <Svg
       xmlns="http://www.w3.org/2000/svg"
-      width={24}
-      height={24}
       viewBox="0 0 24 24"
       fill="none"
-      stroke="currentColor"
+      stroke={props.color}
       strokeWidth={2}
       strokeLinecap="round"
       strokeLinejoin="round"
@@ -18,7 +16,7 @@ function IconChevronRight(props) {
     >
       <Path d="M9 18l6-6-6-6" />
     </Svg>
-  );
+  )
 }
 
-export default IconChevronRight;
+export default IconChevronRight

example/icons/IconChevronRight.tsx

@@ -1,14 +1,12 @@
-import * as React from "react";
+import * as React from "react"
 
 function IconChevronRight(props) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width={24}
-      height={24}
       viewBox="0 0 24 24"
       fill="none"
-      stroke="currentColor"
+      stroke={props.color}
       strokeWidth={2}
       strokeLinecap="round"
       strokeLinejoin="round"
@@ -17,7 +15,7 @@ function IconChevronRight(props) {
     >
       <path d="M9 18l6-6-6-6" />
     </svg>
-  );
+  )
 }
 
-export default IconChevronRight;
+export default IconChevronRight

example/icons/IconCloseGray.rn.tsx

@@ -1,9 +1,9 @@
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
 
 function IconCloseGray(props) {
   return (
-    <Svg width={26} height={25} xmlns="http://www.w3.org/2000/svg" {...props}>
+    <Svg xmlns="http://www.w3.org/2000/svg" {...props}>
       <Path
         d="M18.7 6.795L7.318 18.179m.236-11.147l10.91 10.91"
         stroke="#C8C9CC"
@@ -14,7 +14,7 @@ function IconCloseGray(props) {
         fillRule="evenodd"
       />
     </Svg>
-  );
+  )
 }
 
-export default IconCloseGray;
+export default IconCloseGray

example/icons/IconCloseGray.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
+import * as React from "react"
 
 function IconCloseGray(props) {
   return (
-    <svg width={26} height={25} xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg xmlns="http://www.w3.org/2000/svg" {...props}>
       <path
         d="M18.7 6.795L7.318 18.179m.236-11.147l10.91 10.91"
         stroke="#C8C9CC"
@@ -13,7 +13,7 @@ function IconCloseGray(props) {
         fillRule="evenodd"
       />
     </svg>
-  );
+  )
 }
 
-export default IconCloseGray;
+export default IconCloseGray

example/routes/routes.json

@@ -31,7 +31,7 @@
     "question": "pages/question/index",
     "Home": "pages/tabs/Home/index"
   },
-  "fullSource": {
+  "routeMap": {
     "content": "/pages/content/index",
     "center": "/pages/packages/pkgname/center/index",
     "user": "/pages/packages/pkgname/user/index",

src/icons/index.ts

@@ -158,7 +158,7 @@ const svgrGenerator = async (fileDir: string, componentName: string) => {
 					? `${componentName}.tsx`
 					: `${componentName}.${platform}.tsx`;
 			const iconPath = path.join(config.iconTarget, `/${iconBaseName}`);
-			fs.writeFileSync(iconPath, code, "utf-8");
+			fs.writeFileSync(iconPath, prettierFormat(code), "utf-8");
 		});
 	});
 	return true;