fix: export explicit icon name to make ide happy

fwh1990 · fwh1990 · commit ea40e9e8aa84 · 2020-09-23T11:07:57.000+08:00
diff --git a/snapshots/demo-js/IconAlipay.js b/snapshots/demo-js/IconAlipay.js
@@ -4,7 +4,7 @@ import React from 'react';
 import { Svg, Path } from 'react-native-svg';
 import { getIconColor } from './helper';
 
-const IconAlipay = ({ size, color, ...rest }) => {
+let IconAlipay = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path
@@ -23,4 +23,6 @@ IconAlipay.defaultProps = {
   size: 18,
 };
 
-export default React.memo ? React.memo(IconAlipay) : IconAlipay;
+IconAlipay = React.memo ? React.memo(IconAlipay) : IconAlipay;
+
+export default IconAlipay;
diff --git a/snapshots/demo-js/IconClassSvg.js b/snapshots/demo-js/IconClassSvg.js
@@ -25,7 +25,7 @@ const xml = `
 </svg>
 `
 
-const IconClassSvg = ({ size, color, ...rest }) => {
+let IconClassSvg = ({ size, color, ...rest }) => {
   return (
     <SvgCss xml={xml}  width={size} height={size} {...rest} />
   );
@@ -35,4 +35,6 @@ IconClassSvg.defaultProps = {
   size: 18,
 };
 
-export default React.memo ? React.memo(IconClassSvg) : IconClassSvg;
+IconClassSvg = React.memo ? React.memo(IconClassSvg) : IconClassSvg;
+
+export default IconClassSvg;
diff --git a/snapshots/demo-js/IconInlineStyle.js b/snapshots/demo-js/IconInlineStyle.js
@@ -19,7 +19,7 @@ const xml = `
 </svg>
 `
 
-const IconInlineStyle = ({ size, color, ...rest }) => {
+let IconInlineStyle = ({ size, color, ...rest }) => {
   return (
     <SvgCss xml={xml}  width={size} height={size} {...rest} />
   );
@@ -29,4 +29,6 @@ IconInlineStyle.defaultProps = {
   size: 18,
 };
 
-export default React.memo ? React.memo(IconInlineStyle) : IconInlineStyle;
+IconInlineStyle = React.memo ? React.memo(IconInlineStyle) : IconInlineStyle;
+
+export default IconInlineStyle;
diff --git a/snapshots/demo-js/IconNormal.js b/snapshots/demo-js/IconNormal.js
@@ -9,7 +9,7 @@ const xml = `
 </svg>
 `
 
-const IconNormal = ({ size, color, ...rest }) => {
+let IconNormal = ({ size, color, ...rest }) => {
   return (
     <SvgXml xml={xml}  width={size} height={size} {...rest} />
   );
@@ -19,4 +19,6 @@ IconNormal.defaultProps = {
   size: 18,
 };
 
-export default React.memo ? React.memo(IconNormal) : IconNormal;
+IconNormal = React.memo ? React.memo(IconNormal) : IconNormal;
+
+export default IconNormal;
diff --git a/snapshots/demo-js/IconSetup.js b/snapshots/demo-js/IconSetup.js
@@ -4,7 +4,7 @@ import React from 'react';
 import { Svg, Path } from 'react-native-svg';
 import { getIconColor } from './helper';
 
-const IconSetup = ({ size, color, ...rest }) => {
+let IconSetup = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path
@@ -59,4 +59,6 @@ IconSetup.defaultProps = {
   size: 18,
 };
 
-export default React.memo ? React.memo(IconSetup) : IconSetup;
+IconSetup = React.memo ? React.memo(IconSetup) : IconSetup;
+
+export default IconSetup;
diff --git a/snapshots/demo-js/IconStyle.js b/snapshots/demo-js/IconStyle.js
@@ -9,7 +9,7 @@ const xml = `
 </svg>
 `
 
-const IconStyle = ({ size, color, ...rest }) => {
+let IconStyle = ({ size, color, ...rest }) => {
   return (
     <SvgXml xml={xml}  width={size} height={size} {...rest} />
   );
@@ -19,4 +19,6 @@ IconStyle.defaultProps = {
   size: 18,
 };
 
-export default React.memo ? React.memo(IconStyle) : IconStyle;
+IconStyle = React.memo ? React.memo(IconStyle) : IconStyle;
+
+export default IconStyle;
diff --git a/snapshots/demo-js/IconUser.js b/snapshots/demo-js/IconUser.js
@@ -4,7 +4,7 @@ import React from 'react';
 import { Svg, Path } from 'react-native-svg';
 import { getIconColor } from './helper';
 
-const IconUser = ({ size, color, ...rest }) => {
+let IconUser = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path
@@ -23,4 +23,6 @@ IconUser.defaultProps = {
   size: 18,
 };
 
-export default React.memo ? React.memo(IconUser) : IconUser;
+IconUser = React.memo ? React.memo(IconUser) : IconUser;
+
+export default IconUser;
diff --git a/snapshots/demo-js/index.js b/snapshots/demo-js/index.js
@@ -10,7 +10,7 @@ import IconInlineStyle from './IconInlineStyle';
 import IconNormal from './IconNormal';
 import IconStyle from './IconStyle';
 
-const IconFont = ({ name, ...rest }) => {
+let IconFont = ({ name, ...rest }) => {
   switch (name) {
     case 'alipay':
       return <IconAlipay key="1" {...rest} />;
@@ -31,4 +31,6 @@ const IconFont = ({ name, ...rest }) => {
   return null;
 };
 
-export default React.memo ? React.memo(IconFont) : IconFont;
+IconFont = React.memo ? React.memo(IconFont) : IconFont;
+
+export default IconFont;
diff --git a/snapshots/demo-ts/IconAlipay.tsx b/snapshots/demo-ts/IconAlipay.tsx
@@ -11,7 +11,7 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-const IconAlipay: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let IconAlipay: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path
@@ -30,4 +30,6 @@ IconAlipay.defaultProps = {
   size: 20,
 };
 
-export default React.memo ? React.memo(IconAlipay) : IconAlipay;
+IconAlipay = React.memo ? React.memo(IconAlipay) : IconAlipay;
+
+export default IconAlipay;
diff --git a/snapshots/demo-ts/IconClassSvg.tsx b/snapshots/demo-ts/IconClassSvg.tsx
@@ -32,7 +32,7 @@ const xml = `
 </svg>
 `
 
-const IconClassSvg: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let IconClassSvg: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <SvgCss xml={xml}  width={size} height={size} {...rest} />
   );
@@ -42,4 +42,6 @@ IconClassSvg.defaultProps = {
   size: 20,
 };
 
-export default React.memo ? React.memo(IconClassSvg) : IconClassSvg;
+IconClassSvg = React.memo ? React.memo(IconClassSvg) : IconClassSvg;
+
+export default IconClassSvg;
diff --git a/snapshots/demo-ts/IconInlineStyle.tsx b/snapshots/demo-ts/IconInlineStyle.tsx
@@ -26,7 +26,7 @@ const xml = `
 </svg>
 `
 
-const IconInlineStyle: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let IconInlineStyle: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <SvgCss xml={xml}  width={size} height={size} {...rest} />
   );
@@ -36,4 +36,6 @@ IconInlineStyle.defaultProps = {
   size: 20,
 };
 
-export default React.memo ? React.memo(IconInlineStyle) : IconInlineStyle;
+IconInlineStyle = React.memo ? React.memo(IconInlineStyle) : IconInlineStyle;
+
+export default IconInlineStyle;
diff --git a/snapshots/demo-ts/IconNormal.tsx b/snapshots/demo-ts/IconNormal.tsx
@@ -16,7 +16,7 @@ const xml = `
 </svg>
 `
 
-const IconNormal: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let IconNormal: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <SvgXml xml={xml}  width={size} height={size} {...rest} />
   );
@@ -26,4 +26,6 @@ IconNormal.defaultProps = {
   size: 20,
 };
 
-export default React.memo ? React.memo(IconNormal) : IconNormal;
+IconNormal = React.memo ? React.memo(IconNormal) : IconNormal;
+
+export default IconNormal;
diff --git a/snapshots/demo-ts/IconSetup.tsx b/snapshots/demo-ts/IconSetup.tsx
@@ -11,7 +11,7 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-const IconSetup: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let IconSetup: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path
@@ -66,4 +66,6 @@ IconSetup.defaultProps = {
   size: 20,
 };
 
-export default React.memo ? React.memo(IconSetup) : IconSetup;
+IconSetup = React.memo ? React.memo(IconSetup) : IconSetup;
+
+export default IconSetup;
diff --git a/snapshots/demo-ts/IconStyle.tsx b/snapshots/demo-ts/IconStyle.tsx
@@ -16,7 +16,7 @@ const xml = `
 </svg>
 `
 
-const IconStyle: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let IconStyle: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <SvgXml xml={xml}  width={size} height={size} {...rest} />
   );
@@ -26,4 +26,6 @@ IconStyle.defaultProps = {
   size: 20,
 };
 
-export default React.memo ? React.memo(IconStyle) : IconStyle;
+IconStyle = React.memo ? React.memo(IconStyle) : IconStyle;
+
+export default IconStyle;
diff --git a/snapshots/demo-ts/IconUser.tsx b/snapshots/demo-ts/IconUser.tsx
@@ -11,7 +11,7 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-const IconUser: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let IconUser: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path
@@ -30,4 +30,6 @@ IconUser.defaultProps = {
   size: 20,
 };
 
-export default React.memo ? React.memo(IconUser) : IconUser;
+IconUser = React.memo ? React.memo(IconUser) : IconUser;
+
+export default IconUser;
diff --git a/snapshots/demo-ts/index.tsx b/snapshots/demo-ts/index.tsx
@@ -20,7 +20,7 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-const IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
+let IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
   switch (name) {
     case 'alipay':
       return <IconAlipay key="1" {...rest} />;
@@ -41,4 +41,6 @@ const IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
   return null;
 };
 
-export default React.memo ? React.memo(IconFont) : IconFont;
+IconFont = React.memo ? React.memo(IconFont) : IconFont;
+
+export default IconFont;
diff --git a/src/templates/Icon.js.template b/src/templates/Icon.js.template
@@ -4,11 +4,13 @@ import React from 'react';
 #svgComponents#
 #imports#
 
-const IconFont = ({ name, ...rest }) => {
+let IconFont = ({ name, ...rest }) => {
   switch (name) {
 #cases#  }
 
   return null;
 };
 
-export default React.memo ? React.memo(IconFont) : IconFont;
+IconFont = React.memo ? React.memo(IconFont) : IconFont;
+
+export default IconFont;
diff --git a/src/templates/Icon.tsx.template b/src/templates/Icon.tsx.template
@@ -14,11 +14,13 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-const IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
+let IconFont: FunctionComponent<Props> = ({ name, ...rest }) => {
   switch (name) {
 #cases#  }
 
   return null;
 };
 
-export default React.memo ? React.memo(IconFont) : IconFont;
+IconFont = React.memo ? React.memo(IconFont) : IconFont;
+
+export default IconFont;
diff --git a/src/templates/LocalSingleIcon.js.template b/src/templates/LocalSingleIcon.js.template
@@ -5,12 +5,14 @@ import React from 'react';
 
 #xml#
 
-const #componentName# = ({ size, color, ...rest }) => {
+let #componentName# = ({ size, color, ...rest }) => {
   return (#iconContent#  );
 };
 
 #componentName#.defaultProps = {
   size: #size#,
 };
 
-export default React.memo ? React.memo(#componentName#) : #componentName#;
+#componentName# = React.memo ? React.memo(#componentName#) : #componentName#;
+
+export default #componentName#;
diff --git a/src/templates/LocalSingleIcon.tsx.template b/src/templates/LocalSingleIcon.tsx.template
@@ -12,12 +12,14 @@ interface Props extends GProps, ViewProps {
 
 #xml#
 
-const #componentName#: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let #componentName#: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (#iconContent#  );
 };
 
 #componentName#.defaultProps = {
   size: #size#,
 };
 
-export default React.memo ? React.memo(#componentName#) : #componentName#;
+#componentName# = React.memo ? React.memo(#componentName#) : #componentName#;
+
+export default #componentName#;
diff --git a/src/templates/SingleIcon.js.template b/src/templates/SingleIcon.js.template
@@ -4,12 +4,14 @@ import React from 'react';
 #svgComponents#
 #helper#
 
-const #componentName# = ({ size, color, ...rest }) => {
+let #componentName# = ({ size, color, ...rest }) => {
   return (#iconContent#  );
 };
 
 #componentName#.defaultProps = {
   size: #size#,
 };
 
-export default React.memo ? React.memo(#componentName#) : #componentName#;
+#componentName# = React.memo ? React.memo(#componentName#) : #componentName#;
+
+export default #componentName#;
diff --git a/src/templates/SingleIcon.tsx.template b/src/templates/SingleIcon.tsx.template
@@ -11,12 +11,14 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-const #componentName#: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+let #componentName#: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (#iconContent#  );
 };
 
 #componentName#.defaultProps = {
   size: #size#,
 };
 
-export default React.memo ? React.memo(#componentName#) : #componentName#;
+#componentName# = React.memo ? React.memo(#componentName#) : #componentName#;
+
+export default #componentName#;
