feat: Export both named icon and default icon

fwh1990 · fwh1990 · commit 4a5f367938e4 · 2019-12-01T10:33:50.000+08:00
diff --git a/snapshots/all-in-one-js/Icon.d.ts b/snapshots/all-in-one-js/Icon.d.ts
@@ -10,6 +10,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: 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 @@ const DEFAULT_STYLE = {
   display: 'block',
 };
 
-const Icon = ({ color, name, size, style: _style, ...rest }) => {
+export const Icon = ({ color, name, size, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   switch (name) {
diff --git a/snapshots/all-in-one-ts/Icon.tsx b/snapshots/all-in-one-ts/Icon.tsx
@@ -18,7 +18,7 @@ const DEFAULT_STYLE: CSSProperties = {
   display: 'block',
 };
 
-const Icon: FunctionComponent<Props> = ({ color, name, size, style: _style, ...rest }) => {
+export const Icon: FunctionComponent<Props> = ({ color, name, size, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   switch (name) {
diff --git a/snapshots/depends-on-js/IconAlipay.d.ts b/snapshots/depends-on-js/IconAlipay.d.ts
@@ -9,6 +9,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: 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 @@ const DEFAULT_STYLE = {
   display: 'block',
 };
 
-const IconAlipay = ({ size, color, style: _style, ...rest }) => {
+export const IconAlipay = ({ size, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (
diff --git a/snapshots/depends-on-js/IconFont.d.ts b/snapshots/depends-on-js/IconFont.d.ts
@@ -10,6 +10,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: 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
@@ -5,7 +5,7 @@ import IconAlipay from './IconAlipay';
 import IconUser from './IconUser';
 import IconSetup from './IconSetup';
 
-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
@@ -9,6 +9,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: 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 @@ const DEFAULT_STYLE = {
   display: 'block',
 };
 
-const IconSetup = ({ size, color, style: _style, ...rest }) => {
+export const IconSetup = ({ size, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (
diff --git a/snapshots/depends-on-js/IconUser.d.ts b/snapshots/depends-on-js/IconUser.d.ts
@@ -9,6 +9,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: 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 @@ const DEFAULT_STYLE = {
   display: 'block',
 };
 
-const IconUser = ({ size, color, style: _style, ...rest }) => {
+export const IconUser = ({ size, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (
diff --git a/snapshots/depends-on-ts/CustomIcon.tsx b/snapshots/depends-on-ts/CustomIcon.tsx
@@ -16,7 +16,7 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: string;
 }
 
-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
@@ -15,7 +15,7 @@ const DEFAULT_STYLE: CSSProperties = {
   display: 'block',
 };
 
-const IconAlipay: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
+export const IconAlipay: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (
diff --git a/snapshots/depends-on-ts/IconSetup.tsx b/snapshots/depends-on-ts/IconSetup.tsx
@@ -15,7 +15,7 @@ const DEFAULT_STYLE: CSSProperties = {
   display: 'block',
 };
 
-const IconSetup: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
+export const IconSetup: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (
diff --git a/snapshots/depends-on-ts/IconUser.tsx b/snapshots/depends-on-ts/IconUser.tsx
@@ -15,7 +15,7 @@ const DEFAULT_STYLE: CSSProperties = {
   display: 'block',
 };
 
-const IconUser: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
+export const IconUser: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (
diff --git a/src/templates/Icon.all-in-one.d.ts.template b/src/templates/Icon.all-in-one.d.ts.template
@@ -10,6 +10,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: string;
 }
 
-declare const #SummaryIcon#: FunctionComponent<Props>;
+export declare const #SummaryIcon#: FunctionComponent<Props>;
 
-export = #SummaryIcon#;
+export default #SummaryIcon#;
diff --git a/src/templates/Icon.all-in-one.js.template b/src/templates/Icon.all-in-one.js.template
@@ -7,7 +7,7 @@ const DEFAULT_STYLE = {
   display: 'block',
 };
 
-const #SummaryIcon# = ({ color, name, size, style: _style, ...rest }) => {
+export const #SummaryIcon# = ({ color, name, size, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   switch (name) {
diff --git a/src/templates/Icon.all-in-one.tsx.template b/src/templates/Icon.all-in-one.tsx.template
@@ -18,7 +18,7 @@ const DEFAULT_STYLE: CSSProperties = {
   display: 'block',
 };
 
-const #SummaryIcon#: FunctionComponent<Props> = ({ color, name, size, style: _style, ...rest }) => {
+export const #SummaryIcon#: FunctionComponent<Props> = ({ color, name, size, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   switch (name) {
diff --git a/src/templates/Icon.depends-on.d.ts.template b/src/templates/Icon.depends-on.d.ts.template
@@ -10,6 +10,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: string;
 }
 
-declare const #SummaryIcon#: FunctionComponent<Props>;
+export declare const #SummaryIcon#: FunctionComponent<Props>;
 
-export = #SummaryIcon#;
+export default #SummaryIcon#;
diff --git a/src/templates/Icon.depends-on.js.template b/src/templates/Icon.depends-on.js.template
@@ -3,7 +3,7 @@
 import React from 'react';
 #imports#
 
-const #SummaryIcon# = ({ color, name, size, ...rest }) => {
+export const #SummaryIcon# = ({ color, name, size, ...rest }) => {
   switch (name) {
 #cases#
   }
diff --git a/src/templates/Icon.depends-on.tsx.template b/src/templates/Icon.depends-on.tsx.template
@@ -14,7 +14,7 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: string;
 }
 
-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
@@ -9,6 +9,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: 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
@@ -7,7 +7,7 @@ const DEFAULT_STYLE = {
   display: 'block',
 };
 
-const #componentName# = ({ size, color, style: _style, ...rest }) => {
+export const #componentName# = ({ size, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (#iconContent#  );
diff --git a/src/templates/SingleIcon.tsx.template b/src/templates/SingleIcon.tsx.template
@@ -15,7 +15,7 @@ const DEFAULT_STYLE: CSSProperties = {
   display: 'block',
 };
 
-const #componentName#: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
+export const #componentName#: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (#iconContent#  );

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,6 @@ interface Props extends DOMAttributes<SVGElement> {`
`10`	`10`	`className?: string;`
`11`	`11`	`}`
`12`	`12`
`13`		`-declare const Icon: FunctionComponent<Props>;`
	`13`	`+export declare const Icon: FunctionComponent<Props>;`
`14`	`14`
`15`		`-export = Icon;`
	`15`	`+export default Icon;`
Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,6 @@ interface Props extends DOMAttributes<SVGElement> {`
`9`	`9`	`className?: string;`
`10`	`10`	`}`
`11`	`11`
`12`		`-declare const IconAlipay: FunctionComponent<Props>;`
	`12`	`+export declare const IconAlipay: FunctionComponent<Props>;`
`13`	`13`
`14`		`-export = IconAlipay;`
	`14`	`+export default IconAlipay;`