fix: fix link type error

packages/components/src/components/link/index.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-props-no-spreading */
 import React from 'react';
 import classnames from 'classnames';
 import { TLinkProps } from './interface';

packages/components/src/components/link/interface.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/ban-types */
-import { OverrideProps } from '../../typings/OverridableComponent';
+import { OverrideProps } from '../../utils/type';
 
 export type HtmlElement = keyof React.ReactHTML;
 

packages/components/src/utils/type.ts

@@ -7,9 +7,75 @@ export const tupleNum = <T extends number[]>(...args: T) => args;
  * https://stackoverflow.com/a/59187769
  * Extract the type of an element of an array/tuple without performing indexing
  */
+// eslint-disable-next-line no-shadow
 export type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer E)[] ? E : never;
 
 /**
  * https://github.com/Microsoft/TypeScript/issues/29729
  */
+// eslint-disable-next-line @typescript-eslint/ban-types
 export type LiteralUnion<T extends U, U> = T | (U & {});
+
+/**
+ * 原 OverridableComponent.d
+ */
+export interface OverridableTypeMap {
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  props: {};
+  defaultComponent: React.ElementType;
+}
+
+/**
+ * 基本的合法的组件 props
+ */
+// prettier-ignore
+export interface CommonProps {
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+/**
+ * 大部分组件都会有的 props 类型
+ */
+// prettier-ignore
+export type BaseProps<M extends OverridableTypeMap> =
+& M['props']
+& CommonProps;
+
+/**
+ * 没有使用 `component={Component}` 时的 Props 定义
+ */
+// prettier-ignore
+export type DefaultComponentProps<M extends OverridableTypeMap> =
+  & BaseProps<M>
+  & Omit<React.ComponentPropsWithRef<M['defaultComponent']>, keyof BaseProps<M>>;
+
+/**
+ * 使用 `component={Component}` 时的 Props 定义.
+ */
+// prettier-ignore
+export type OverrideProps<
+M extends OverridableTypeMap,
+C extends React.ElementType
+> = (
+  & BaseProps<M>
+  & Omit<React.ComponentPropsWithRef<C>, keyof CommonProps>
+);
+
+/**
+ * 定义通过 'component' prop 可进行根组件组件类型控制的组件
+ *
+ * 根据 component 的类型来定义 props
+ */
+export interface OverridableComponent<M extends OverridableTypeMap> {
+  <C extends React.ElementType>(
+    props: {
+      /**
+       * 用于组件根节点的 component
+       * 可以是一个 HTML 元素字符串或一个自定义的组件
+       */
+      component: C;
+    } & OverrideProps<M, C>
+  ): React.ElementType;
+  (props: DefaultComponentProps<M>): React.ElementType;
+}