feat: Remove property summary_component_name

Author: fwh1990

README.md

@@ -34,8 +34,7 @@ npx iconfont-init
     "save_dir": "./src/components/iconfont",
     "trim_icon_prefix": "icon",
     "unit": "px",
-    "default_icon_size": 18,
-    "summary_component_name": "Icon"
+    "default_icon_size": 18
 }
 ```
 ### 配置参数说明：
@@ -65,10 +64,6 @@ npx iconfont-init
 ### default_icon_size
 我们将为每个生成的图标组件加入默认的字体大小，当然，你也可以通过传入props的方式改变这个size值。
 
-
-### summary_component_name
-就是汇总组件的名称，默认名称为`Icon`，您也可以改成`IconFont`或者您喜欢的名字。记住，它是一个变量名，您必须遵守Javascript中关于变量的语法规则。以及作为组件名，请尽量以大写字母开头。
-
 # Step 3
 开始生成React标准组件
 ```bash
@@ -84,7 +79,7 @@ npx iconfont-h5
 1、使用汇总`Icon`组件：
 ```typescript jsx
 import React from 'react';
-import Icon from '../src/iconfont/Icon';
+import Icon from '../src/iconfont';
 
 export const App = () => {
   return (

scripts/config/demo-js.json

@@ -4,6 +4,5 @@
   "save_dir": "./snapshots/demo-js",
   "trim_icon_prefix": "icon",
   "unit": "px",
-  "default_icon_size": 14,
-  "summary_component_name": "Custom_Icon"
+  "default_icon_size": 14
 }

scripts/config/demo-ts.json

@@ -4,6 +4,5 @@
   "save_dir": "./snapshots/demo-ts",
   "trim_icon_prefix": "icon",
   "unit": "rem",
-  "default_icon_size": 16,
-  "summary_component_name": "IconFont"
+  "default_icon_size": 16
 }

snapshots/demo-js/Custom_Icon.d.ts snapshots/demo-js/index.d.tssnapshots/demo-js/Custom_Icon.d.ts renamed to snapshots/demo-js/index.d.ts

@@ -10,6 +10,6 @@ interface Props extends DOMAttributes<SVGElement> {
   className?: string;
 }
 
-export declare const Custom_Icon: FunctionComponent<Props>;
+export declare const IconFont: FunctionComponent<Props>;
 
-export default Custom_Icon;
+export default IconFont;

snapshots/demo-js/Custom_Icon.js snapshots/demo-js/index.jssnapshots/demo-js/Custom_Icon.js renamed to snapshots/demo-js/index.js

@@ -5,7 +5,7 @@ import IconAlipay from './IconAlipay';
 import IconUser from './IconUser';
 import IconSetup from './IconSetup';
 
-export const Custom_Icon = ({ name, ...rest }) => {
+export const IconFont = ({ name, ...rest }) => {
   switch (name) {
     case 'alipay':
       return <IconAlipay {...rest} />;
@@ -19,4 +19,4 @@ export const Custom_Icon = ({ name, ...rest }) => {
   return null;
 };
 
-export default Custom_Icon;
+export default IconFont;

snapshots/demo-ts/IconFont.tsx snapshots/demo-ts/index.tsxsnapshots/demo-ts/IconFont.tsx renamed to snapshots/demo-ts/index.tsx

@@ -16,7 +16,6 @@ import {
   replaceSingleIconContent,
   replaceSize,
   replaceSizeUnit,
-  replaceSummaryIcon,
 } from './replace';
 import { whitespace } from './whitespace';
 import { copyTemplate } from './copyTemplate';
@@ -88,13 +87,10 @@ export const generateComponent = (data: XmlData, config: Config) => {
     let typeDefinitionFile = getTemplate(`Icon.d.ts`);
 
     typeDefinitionFile = replaceNames(typeDefinitionFile, names);
-    typeDefinitionFile = replaceSummaryIcon(typeDefinitionFile, config.summary_component_name);
-    fs.writeFileSync(path.join(saveDir, config.summary_component_name + '.d.ts'), typeDefinitionFile);
+    fs.writeFileSync(path.join(saveDir, 'index.d.ts'), typeDefinitionFile);
   }
 
-  iconFile = replaceSummaryIcon(iconFile, config.summary_component_name);
-
-  fs.writeFileSync(path.join(saveDir, config.summary_component_name + jsxExtension), iconFile);
+  fs.writeFileSync(path.join(saveDir, 'index' + jsxExtension), iconFile);
 
   console.log(`\n${colors.green('√')} All icons have putted into dir: ${colors.green(config.save_dir)}\n`);
 };

src/libs/generateComponent.ts

@@ -10,7 +10,6 @@ export interface Config {
   trim_icon_prefix: string;
   unit: string;
   default_icon_size: number;
-  summary_component_name: string;
 }
 
 let cacheConfig: Config;
@@ -40,7 +39,6 @@ export const getConfig = () => {
 
   config.save_dir = config.save_dir || defaultConfig.save_dir;
   config.default_icon_size = config.default_icon_size || defaultConfig.default_icon_size;
-  config.summary_component_name = config.summary_component_name || defaultConfig.summary_component_name;
   config.unit = config.unit || defaultConfig.unit;
 
   cacheConfig = config;

src/libs/getConfig.ts

@@ -4,6 +4,5 @@
   "save_dir": "./src/components/iconfont",
   "trim_icon_prefix": "icon",
   "unit": "px",
-  "default_icon_size": 18,
-  "summary_component_name": "Icon"
+  "default_icon_size": 18
 }

src/libs/iconfont.json

@@ -31,10 +31,6 @@ export const replaceImports = (content: string, imports: string[]) => {
   return content.replace(/#imports#/g, imports.map((item) => `import ${item} from './${item}';`).join('\n'));
 };
 
-export const replaceSummaryIcon = (content: string, iconName: string) => {
-  return content.replace(/#SummaryIcon#/g, iconName);
-};
-
 export const replaceSizeUnit = (content: string, unit: string) => {
   return content.replace(/\{size\}/g, `{size + '${unit}'}`);
 };