feat(react): 新增 ExtendComponentProps

src/react/ExtendComponentProps.ts

@@ -0,0 +1,26 @@
+import React from 'react'
+import { Merge } from '../types'
+
+/**
+ * 继承组件属性。
+ *
+ * @template TComponent 组件
+ * @template TExclude 需去除的属性
+ * @template TRef 新的 ref
+ * @template TOverride 覆盖属性
+ */
+export type ExtendComponentProps<
+  TComponent extends
+    | React.ComponentType
+    | keyof JSX.IntrinsicElements
+    | React.JSXElementConstructor<any>,
+  TExclude extends keyof React.ComponentProps<TComponent>,
+  TRef extends any = never,
+  TOverride extends Partial<React.ComponentProps<TComponent>> = never
+> = Merge<
+  Merge<
+    Omit<React.ComponentProps<TComponent>, TExclude>,
+    [TOverride] extends [never] ? {} : TOverride
+  >,
+  [TRef] extends [never] ? {} : React.RefAttributes<TRef>
+>

src/react/index.ts

@@ -10,6 +10,7 @@ export * from 'react-use'
 
 // @index(['./**/*.ts', '!./**/*.{test,taro}.*', '!./{useToggle,createGlobalState,useTitle,useInterval,useSearchParam,useLocalStorage,useWindowSize}.*'], f => `export * from '${f.path}'`)
 export * from './defineComponent'
+export * from './ExtendComponentProps'
 export * from './isVisibleValue'
 export * from './renderComponent'
 export * from './useClassName'