🔨 chore(react): add build script

packages/react/package.json

@@ -9,7 +9,11 @@
     "es"
   ],
   "scripts": {
-    "generate": "esno ./scripts/generate.ts"
+    "generate": "esno ./scripts/generate.ts",
+    "build:clean": "esno ./scripts/buildClean.ts",
+    "build:es": "tsc --project tsconfig.build.json --module esnext --outDir es",
+    "build:lib": "tsc --project tsconfig.build.json --module commonjs --outDir lib",
+    "build": "pnpm run build:clean && pnpm run build:es && pnpm run build:lib"
   },
   "peerDependencies": {
     "react": ">=16.0.0",

packages/react/scripts/buildClean.ts

@@ -0,0 +1,3 @@
+import del from 'del';
+
+del(['es', 'lib']);

packages/react/src/components/IconBase.tsx

@@ -73,7 +73,7 @@ const IconBase: IconBaseComponent<IconProps> = ({
   if (target && typeof target.icon === 'function') {
     target = {
       ...target,
-      icon: target.icon(colors.primaryColor, colors.secondaryColor),
+      icon: target.icon(colors.primaryColor, colors.secondaryColor as string),
     };
   }
 

packages/react/src/components/twoTonePrimaryColor.ts

@@ -16,5 +16,5 @@ export function getTwoToneColor(): TwoToneColor {
   if (!colors.calculated) {
     return colors.primaryColor;
   }
-  return [colors.primaryColor, colors.secondaryColor];
+  return [colors.primaryColor, colors.secondaryColor as string];
 }

packages/react/src/icons/AccountBookFilled.tsx

@@ -3,9 +3,10 @@ import * as React from 'react'
 import AccountBookFilledSvg from '@lotus-design/icons-svg/lib/asn/AccountBookFilled';
 import LotusIcon, { LotusIconProps } from '../components/LotusIcon';
 
-const AccountBookFilled = (props, ref) =>
-  <LotusIcon {...props} ref={ref} icon={AccountBookFilledSvg} />;
+const AccountBookFilled = React.forwardRef<HTMLSpanElement, LotusIconProps>(
+  (props, ref) => <LotusIcon {...props} ref={ref} icon={AccountBookFilledSvg} />
+);
 
 AccountBookFilled.displayName = 'AccountBookFilled';
 
-export default React.forwardRef<HTMLSpanElement, LotusIconProps>(AccountBookFilled);
+export default AccountBookFilled;

packages/react/src/icons/AccountBookOutlined.tsx

@@ -3,9 +3,10 @@ import * as React from 'react'
 import AccountBookOutlinedSvg from '@lotus-design/icons-svg/lib/asn/AccountBookOutlined';
 import LotusIcon, { LotusIconProps } from '../components/LotusIcon';
 
-const AccountBookOutlined = (props, ref) =>
-  <LotusIcon {...props} ref={ref} icon={AccountBookOutlinedSvg} />;
+const AccountBookOutlined = React.forwardRef<HTMLSpanElement, LotusIconProps>(
+  (props, ref) => <LotusIcon {...props} ref={ref} icon={AccountBookOutlinedSvg} />
+);
 
 AccountBookOutlined.displayName = 'AccountBookOutlined';
 
-export default React.forwardRef<HTMLSpanElement, LotusIconProps>(AccountBookOutlined);
+export default AccountBookOutlined;

packages/react/src/icons/AccountBookTwoTone.tsx

@@ -3,9 +3,10 @@ import * as React from 'react'
 import AccountBookTwoToneSvg from '@lotus-design/icons-svg/lib/asn/AccountBookTwoTone';
 import LotusIcon, { LotusIconProps } from '../components/LotusIcon';
 
-const AccountBookTwoTone = (props, ref) =>
-  <LotusIcon {...props} ref={ref} icon={AccountBookTwoToneSvg} />;
+const AccountBookTwoTone = React.forwardRef<HTMLSpanElement, LotusIconProps>(
+  (props, ref) => <LotusIcon {...props} ref={ref} icon={AccountBookTwoToneSvg} />
+);
 
 AccountBookTwoTone.displayName = 'AccountBookTwoTone';
 
-export default React.forwardRef<HTMLSpanElement, LotusIconProps>(AccountBookTwoTone);
+export default AccountBookTwoTone;

packages/react/src/icons/AlertFilled.tsx

@@ -3,9 +3,10 @@ import * as React from 'react'
 import AlertFilledSvg from '@lotus-design/icons-svg/lib/asn/AlertFilled';
 import LotusIcon, { LotusIconProps } from '../components/LotusIcon';
 
-const AlertFilled = (props, ref) =>
-  <LotusIcon {...props} ref={ref} icon={AlertFilledSvg} />;
+const AlertFilled = React.forwardRef<HTMLSpanElement, LotusIconProps>(
+  (props, ref) => <LotusIcon {...props} ref={ref} icon={AlertFilledSvg} />
+);
 
 AlertFilled.displayName = 'AlertFilled';
 
-export default React.forwardRef<HTMLSpanElement, LotusIconProps>(AlertFilled);
+export default AlertFilled;

packages/react/tsconfig.build.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "target": "es5",
+    "declaration": true
+  },
+  "include": ["src/**/*"]
+}

packages/react/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "esnext",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "jsx": "preserve",
+    "skipLibCheck": true
+  }
+}