feat: add replaceExports function

Author: 洛竹

src/libs/generateComponent.ts

@@ -11,6 +11,7 @@ import {
   replaceCases,
   replaceComponentName,
   replaceImports,
+  replaceExports,
   replaceNames,
   replaceNamesArray,
   replaceSingleIconContent,
@@ -150,6 +151,7 @@ export const generateComponent = (data: XmlData, localSvg: ILocalSvg[], config:
   iconFile = replaceCases(iconFile, cases);
   iconFile = replaceSvgComponents(iconFile, svgComponents);
   iconFile = replaceImports(iconFile, imports);
+  iconFile = replaceExports(iconFile, imports);
 
   if (config.use_typescript) {
     iconFile = replaceNames(iconFile, names);
@@ -158,6 +160,7 @@ export const generateComponent = (data: XmlData, localSvg: ILocalSvg[], config:
 
     let typeDefinitionFile = getTemplate('Icon.d.ts');
 
+    typeDefinitionFile = replaceExports(typeDefinitionFile, imports);
     typeDefinitionFile = replaceNames(typeDefinitionFile, names);
     fs.writeFileSync(path.join(saveDir, 'index.d.ts'), typeDefinitionFile);
   }

src/libs/replace.ts

@@ -42,6 +42,11 @@ export const replaceImports = (content: string, imports: string[]) => {
   return content.replace(/#imports#/g, imports.map((item) => `import ${item} from './${item}';`).join('\n'));
 };
 
+export const replaceExports = (content: string, exports: string[]) => {
+  return content.replace(/#exports#/g, exports.map((item) => `export { default as ${item} } from './${item}';`).join('\n'));
+};
+
+
 export const replaceHelper = (content: string) => {
   return content.replace(
     /#helper#/g,

src/templates/Icon.d.ts.template

@@ -5,6 +5,8 @@ import { FunctionComponent } from 'react';
 import { ViewProps } from 'react-native';
 import { GProps } from 'react-native-svg';
 
+#exports#
+
 interface Props extends GProps, ViewProps {
   name: '#names#';
   size?: number;

src/templates/Icon.js.template

@@ -3,6 +3,7 @@
 import React from 'react';
 #svgComponents#
 #imports#
+#exports#
 
 let IconFont = ({ name, ...rest }) => {
   switch (name) {

src/templates/Icon.tsx.template

@@ -5,6 +5,7 @@ import React, { FunctionComponent } from 'react';
 import { ViewProps } from 'react-native';
 #svgComponents#
 #imports#
+#exports#
 
 export type IconNames = '#names#';