feat: Export both Icon and default Icon

iconfont-cli · Dec 1, 2019 · 64a229a · 64a229a
1 parent c3c6abd
commit 64a229a
Show file tree

Hide file tree

Showing 21 changed files with 28 additions and 28 deletions.
diff --git a/snapshots/all-in-one-js/Icon.d.ts b/snapshots/all-in-one-js/Icon.d.ts
@@ -11,6 +11,6 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-declare const Icon: FunctionComponent<Props>;
+export declare const Icon: FunctionComponent<Props>;
 
-export = Icon;
+export default Icon;
diff --git a/snapshots/all-in-one-js/Icon.js b/snapshots/all-in-one-js/Icon.js
@@ -7,7 +7,7 @@ import { Svg, Path } from 'react-native-svg';
 // If you don't want to make all icons in one file,
 // try to set generate_mode to "depends-on" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const Icon = ({ color, name, size, ...rest }) => {
+export const Icon = ({ color, name, size, ...rest }) => {
   switch (name) {
     case 'alipay':
       return (

diff --git a/snapshots/all-in-one-ts/Icon.tsx b/snapshots/all-in-one-ts/Icon.tsx
@@ -17,7 +17,7 @@ interface Props extends GProps, ViewProps {
 // If you don't want to make all icons in one file,
 // try to set generate_mode to "depends-on" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const Icon: FunctionComponent<Props> = ({ color, name, size, ...rest }) => {
+export const Icon: FunctionComponent<Props> = ({ color, name, size, ...rest }) => {
   switch (name) {
     case 'alipay':
       return (

diff --git a/snapshots/depends-on-js/IconAlipay.d.ts b/snapshots/depends-on-js/IconAlipay.d.ts
@@ -10,6 +10,6 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-declare const IconAlipay: FunctionComponent<Props>;
+export declare const IconAlipay: FunctionComponent<Props>;
 
-export = IconAlipay;
+export default IconAlipay;
diff --git a/snapshots/depends-on-js/IconAlipay.js b/snapshots/depends-on-js/IconAlipay.js
@@ -7,7 +7,7 @@ import { getIconColor } from './helper';
 // If you don't like lots of icon files in your project,
 // try to set generate_mode to "all-in-one" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const IconAlipay = ({ size, color, ...rest }) => {
+export const IconAlipay = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path

diff --git a/snapshots/depends-on-js/IconFont.d.ts b/snapshots/depends-on-js/IconFont.d.ts
@@ -11,6 +11,6 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-declare const IconFont: FunctionComponent<Props>;
+export declare const IconFont: FunctionComponent<Props>;
 
-export = IconFont;
+export default IconFont;
diff --git a/snapshots/depends-on-js/IconFont.js b/snapshots/depends-on-js/IconFont.js
@@ -9,7 +9,7 @@ import IconSetup from './IconSetup';
 // If you don't like lots of icon files in your project,
 // try to set generate_mode to "all-in-one" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const IconFont = ({ color, name, size, ...rest }) => {
+export const IconFont = ({ color, name, size, ...rest }) => {
   switch (name) {
     case 'alipay':
       return <IconAlipay size={size} color={color} {...rest} />;

diff --git a/snapshots/depends-on-js/IconSetup.d.ts b/snapshots/depends-on-js/IconSetup.d.ts
@@ -10,6 +10,6 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-declare const IconSetup: FunctionComponent<Props>;
+export declare const IconSetup: FunctionComponent<Props>;
 
-export = IconSetup;
+export default IconSetup;
diff --git a/snapshots/depends-on-js/IconSetup.js b/snapshots/depends-on-js/IconSetup.js
@@ -7,7 +7,7 @@ import { getIconColor } from './helper';
 // If you don't like lots of icon files in your project,
 // try to set generate_mode to "all-in-one" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const IconSetup = ({ size, color, ...rest }) => {
+export const IconSetup = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path

diff --git a/snapshots/depends-on-js/IconUser.d.ts b/snapshots/depends-on-js/IconUser.d.ts
@@ -10,6 +10,6 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-declare const IconUser: FunctionComponent<Props>;
+export declare const IconUser: FunctionComponent<Props>;
 
-export = IconUser;
+export default IconUser;
diff --git a/snapshots/depends-on-js/IconUser.js b/snapshots/depends-on-js/IconUser.js
@@ -7,7 +7,7 @@ import { getIconColor } from './helper';
 // If you don't like lots of icon files in your project,
 // try to set generate_mode to "all-in-one" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const IconUser = ({ size, color, ...rest }) => {
+export const IconUser = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path

diff --git a/snapshots/depends-on-ts/CustomIcon.tsx b/snapshots/depends-on-ts/CustomIcon.tsx
@@ -19,7 +19,7 @@ interface Props extends GProps, ViewProps {
 // If you don't like lots of icon files in your project,
 // try to set generate_mode to "all-in-one" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const CustomIcon: FunctionComponent<Props> = ({ color, name, size, ...rest }) => {
+export const CustomIcon: FunctionComponent<Props> = ({ color, name, size, ...rest }) => {
   switch (name) {
     case 'alipay':
       return <IconAlipay size={size} color={color} {...rest} />;

diff --git a/snapshots/depends-on-ts/IconAlipay.tsx b/snapshots/depends-on-ts/IconAlipay.tsx
@@ -14,7 +14,7 @@ interface Props extends GProps, ViewProps {
 // If you don't like lots of icon files in your project,
 // try to set generate_mode to "all-in-one" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const IconAlipay: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+export const IconAlipay: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path

diff --git a/snapshots/depends-on-ts/IconSetup.tsx b/snapshots/depends-on-ts/IconSetup.tsx
@@ -14,7 +14,7 @@ interface Props extends GProps, ViewProps {
 // If you don't like lots of icon files in your project,
 // try to set generate_mode to "all-in-one" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const IconSetup: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+export const IconSetup: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path

diff --git a/snapshots/depends-on-ts/IconUser.tsx b/snapshots/depends-on-ts/IconUser.tsx
@@ -14,7 +14,7 @@ interface Props extends GProps, ViewProps {
 // If you don't like lots of icon files in your project,
 // try to set generate_mode to "all-in-one" in root file "iconfont.json".
 // And then regenerate icons by using cli command.
-const IconUser: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+export const IconUser: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (
     <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
       <Path

diff --git a/src/templates/Icon.d.ts.template b/src/templates/Icon.d.ts.template
@@ -11,6 +11,6 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-declare const #SummaryIcon#: FunctionComponent<Props>;
+export declare const #SummaryIcon#: FunctionComponent<Props>;
 
-export = #SummaryIcon#;
+export default #SummaryIcon#;
diff --git a/src/templates/Icon.js.template b/src/templates/Icon.js.template
@@ -5,7 +5,7 @@ import React from 'react';
 #imports#
 
 #comments#
-const #SummaryIcon# = ({ color, name, size, ...rest }) => {
+export const #SummaryIcon# = ({ color, name, size, ...rest }) => {
   switch (name) {
 #cases#
   }

diff --git a/src/templates/Icon.tsx.template b/src/templates/Icon.tsx.template
@@ -15,7 +15,7 @@ interface Props extends GProps, ViewProps {
 }
 
 #comments#
-const #SummaryIcon#: FunctionComponent<Props> = ({ color, name, size, ...rest }) => {
+export const #SummaryIcon#: FunctionComponent<Props> = ({ color, name, size, ...rest }) => {
   switch (name) {
 #cases#
   }

diff --git a/src/templates/SingleIcon.d.ts.template b/src/templates/SingleIcon.d.ts.template
@@ -10,6 +10,6 @@ interface Props extends GProps, ViewProps {
   color?: string | string[];
 }
 
-declare const #componentName#: FunctionComponent<Props>;
+export declare const #componentName#: FunctionComponent<Props>;
 
-export = #componentName#;
+export default #componentName#;
diff --git a/src/templates/SingleIcon.js.template b/src/templates/SingleIcon.js.template
@@ -5,7 +5,7 @@ import React from 'react';
 import { getIconColor } from './helper';
 
 #comments#
-const #componentName# = ({ size, color, ...rest }) => {
+export const #componentName# = ({ size, color, ...rest }) => {
   return (#iconContent#  );
 };
 

diff --git a/src/templates/SingleIcon.tsx.template b/src/templates/SingleIcon.tsx.template
@@ -12,7 +12,7 @@ interface Props extends GProps, ViewProps {
 }
 
 #comments#
-const #componentName#: FunctionComponent<Props> = ({ size, color, ...rest }) => {
+export const #componentName#: FunctionComponent<Props> = ({ size, color, ...rest }) => {
   return (#iconContent#  );
 };