chore: fix ts type (#631)

* chore: fix ts type * chore: fix order * chore: fix ts * test: update snapshot
ant-design · Mar 18, 2024 · 805a959 · 805a959
1 parent d97912a
commit 805a959
Show file tree

Hide file tree

Showing 834 changed files with 5,835 additions and 1,673 deletions.
diff --git a/packages/icons-react/scripts/generate.ts b/packages/icons-react/scripts/generate.ts
@@ -48,10 +48,15 @@ const <%= svgIdentifier %> = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={<%= svgIdentifier %>Svg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(<%= svgIdentifier %>);
+
 if (process.env.NODE_ENV !== 'production') {
-  <%= svgIdentifier %>.displayName = '<%= svgIdentifier %>';
+  RefIcon.displayName = '<%= svgIdentifier %>';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(<%= svgIdentifier %>);
+
+export default RefIcon;
 `.trim());
 
   await walk(async ({ svgIdentifier }) => {

diff --git a/packages/icons-react/src/components/Icon.tsx b/packages/icons-react/src/components/Icon.tsx
@@ -25,7 +25,9 @@ export interface IconComponentProps extends IconBaseProps {
   ariaLabel?: React.AriaAttributes['aria-label'];
 }
 
-const Icon = React.forwardRef<HTMLSpanElement, IconComponentProps>((props, ref) => {
+const Icon: React.ForwardRefExoticComponent<
+Omit<IconComponentProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, IconComponentProps>((props, ref) => {
   const {
     // affect outter <i>...</i>
     className,

diff --git a/packages/icons-react/src/icons/AccountBookFilled.tsx b/packages/icons-react/src/icons/AccountBookFilled.tsx
@@ -10,7 +10,12 @@ const AccountBookFilled = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AccountBookFilledSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AccountBookFilled);
+
 if (process.env.NODE_ENV !== 'production') {
-  AccountBookFilled.displayName = 'AccountBookFilled';
+  RefIcon.displayName = 'AccountBookFilled';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AccountBookFilled);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AccountBookOutlined.tsx b/packages/icons-react/src/icons/AccountBookOutlined.tsx
@@ -10,7 +10,12 @@ const AccountBookOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AccountBookOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AccountBookOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AccountBookOutlined.displayName = 'AccountBookOutlined';
+  RefIcon.displayName = 'AccountBookOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AccountBookOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AccountBookTwoTone.tsx b/packages/icons-react/src/icons/AccountBookTwoTone.tsx
@@ -10,7 +10,12 @@ const AccountBookTwoTone = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AccountBookTwoToneSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AccountBookTwoTone);
+
 if (process.env.NODE_ENV !== 'production') {
-  AccountBookTwoTone.displayName = 'AccountBookTwoTone';
+  RefIcon.displayName = 'AccountBookTwoTone';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AccountBookTwoTone);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AimOutlined.tsx b/packages/icons-react/src/icons/AimOutlined.tsx
@@ -10,7 +10,12 @@ const AimOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AimOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AimOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AimOutlined.displayName = 'AimOutlined';
+  RefIcon.displayName = 'AimOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AimOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlertFilled.tsx b/packages/icons-react/src/icons/AlertFilled.tsx
@@ -10,7 +10,12 @@ const AlertFilled = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlertFilledSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlertFilled);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlertFilled.displayName = 'AlertFilled';
+  RefIcon.displayName = 'AlertFilled';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlertFilled);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlertOutlined.tsx b/packages/icons-react/src/icons/AlertOutlined.tsx
@@ -10,7 +10,12 @@ const AlertOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlertOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlertOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlertOutlined.displayName = 'AlertOutlined';
+  RefIcon.displayName = 'AlertOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlertOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlertTwoTone.tsx b/packages/icons-react/src/icons/AlertTwoTone.tsx
@@ -10,7 +10,12 @@ const AlertTwoTone = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlertTwoToneSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlertTwoTone);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlertTwoTone.displayName = 'AlertTwoTone';
+  RefIcon.displayName = 'AlertTwoTone';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlertTwoTone);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlibabaOutlined.tsx b/packages/icons-react/src/icons/AlibabaOutlined.tsx
@@ -10,7 +10,12 @@ const AlibabaOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlibabaOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlibabaOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlibabaOutlined.displayName = 'AlibabaOutlined';
+  RefIcon.displayName = 'AlibabaOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlibabaOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlignCenterOutlined.tsx b/packages/icons-react/src/icons/AlignCenterOutlined.tsx
@@ -10,7 +10,12 @@ const AlignCenterOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlignCenterOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlignCenterOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlignCenterOutlined.displayName = 'AlignCenterOutlined';
+  RefIcon.displayName = 'AlignCenterOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlignCenterOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlignLeftOutlined.tsx b/packages/icons-react/src/icons/AlignLeftOutlined.tsx
@@ -10,7 +10,12 @@ const AlignLeftOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlignLeftOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlignLeftOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlignLeftOutlined.displayName = 'AlignLeftOutlined';
+  RefIcon.displayName = 'AlignLeftOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlignLeftOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlignRightOutlined.tsx b/packages/icons-react/src/icons/AlignRightOutlined.tsx
@@ -10,7 +10,12 @@ const AlignRightOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlignRightOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlignRightOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlignRightOutlined.displayName = 'AlignRightOutlined';
+  RefIcon.displayName = 'AlignRightOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlignRightOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlipayCircleFilled.tsx b/packages/icons-react/src/icons/AlipayCircleFilled.tsx
@@ -10,7 +10,12 @@ const AlipayCircleFilled = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlipayCircleFilledSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlipayCircleFilled);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlipayCircleFilled.displayName = 'AlipayCircleFilled';
+  RefIcon.displayName = 'AlipayCircleFilled';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlipayCircleFilled);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlipayCircleOutlined.tsx b/packages/icons-react/src/icons/AlipayCircleOutlined.tsx
@@ -10,7 +10,12 @@ const AlipayCircleOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlipayCircleOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlipayCircleOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlipayCircleOutlined.displayName = 'AlipayCircleOutlined';
+  RefIcon.displayName = 'AlipayCircleOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlipayCircleOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlipayOutlined.tsx b/packages/icons-react/src/icons/AlipayOutlined.tsx
@@ -10,7 +10,12 @@ const AlipayOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlipayOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlipayOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlipayOutlined.displayName = 'AlipayOutlined';
+  RefIcon.displayName = 'AlipayOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlipayOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AlipaySquareFilled.tsx b/packages/icons-react/src/icons/AlipaySquareFilled.tsx
@@ -10,7 +10,12 @@ const AlipaySquareFilled = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AlipaySquareFilledSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AlipaySquareFilled);
+
 if (process.env.NODE_ENV !== 'production') {
-  AlipaySquareFilled.displayName = 'AlipaySquareFilled';
+  RefIcon.displayName = 'AlipaySquareFilled';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AlipaySquareFilled);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AliwangwangFilled.tsx b/packages/icons-react/src/icons/AliwangwangFilled.tsx
@@ -10,7 +10,12 @@ const AliwangwangFilled = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AliwangwangFilledSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AliwangwangFilled);
+
 if (process.env.NODE_ENV !== 'production') {
-  AliwangwangFilled.displayName = 'AliwangwangFilled';
+  RefIcon.displayName = 'AliwangwangFilled';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AliwangwangFilled);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AliwangwangOutlined.tsx b/packages/icons-react/src/icons/AliwangwangOutlined.tsx
@@ -10,7 +10,12 @@ const AliwangwangOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AliwangwangOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AliwangwangOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AliwangwangOutlined.displayName = 'AliwangwangOutlined';
+  RefIcon.displayName = 'AliwangwangOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AliwangwangOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AliyunOutlined.tsx b/packages/icons-react/src/icons/AliyunOutlined.tsx
@@ -10,7 +10,12 @@ const AliyunOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AliyunOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AliyunOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AliyunOutlined.displayName = 'AliyunOutlined';
+  RefIcon.displayName = 'AliyunOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AliyunOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AmazonCircleFilled.tsx b/packages/icons-react/src/icons/AmazonCircleFilled.tsx
@@ -10,7 +10,12 @@ const AmazonCircleFilled = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AmazonCircleFilledSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AmazonCircleFilled);
+
 if (process.env.NODE_ENV !== 'production') {
-  AmazonCircleFilled.displayName = 'AmazonCircleFilled';
+  RefIcon.displayName = 'AmazonCircleFilled';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AmazonCircleFilled);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AmazonOutlined.tsx b/packages/icons-react/src/icons/AmazonOutlined.tsx
@@ -10,7 +10,12 @@ const AmazonOutlined = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AmazonOutlinedSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AmazonOutlined);
+
 if (process.env.NODE_ENV !== 'production') {
-  AmazonOutlined.displayName = 'AmazonOutlined';
+  RefIcon.displayName = 'AmazonOutlined';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AmazonOutlined);
+
+export default RefIcon;
diff --git a/packages/icons-react/src/icons/AmazonSquareFilled.tsx b/packages/icons-react/src/icons/AmazonSquareFilled.tsx
@@ -10,7 +10,12 @@ const AmazonSquareFilled = (
   ref: React.MutableRefObject<HTMLSpanElement>,
 ) => <AntdIcon {...props} ref={ref} icon={AmazonSquareFilledSvg} />;
 
+const RefIcon: React.ForwardRefExoticComponent<
+  Omit<AntdIconProps, 'ref'> & React.RefAttributes<HTMLSpanElement>
+> = React.forwardRef<HTMLSpanElement, AntdIconProps>(AmazonSquareFilled);
+
 if (process.env.NODE_ENV !== 'production') {
-  AmazonSquareFilled.displayName = 'AmazonSquareFilled';
+  RefIcon.displayName = 'AmazonSquareFilled';
 }
-export default React.forwardRef<HTMLSpanElement, AntdIconProps>(AmazonSquareFilled);
+
+export default RefIcon;