feat(table): add support of custom render serch form

packages/table/src/Table.tsx

@@ -449,6 +449,7 @@
     polling,
     tooltip,
     revalidateOnFocus = false,
+    searchFormRender,
     ...rest
   } = props;
   const { wrapSSR, hashId } = useStyle(props.defaultClassName);
@@ -843,8 +844,8 @@
     return action.loading;
   }, [action.loading]);
 
-  const searchNode =
-    search === false && type !== 'form' ? null : (
+  const searchNode = useMemo(() => {
+    const node = search === false && type !== 'form' ? null : (
       <FormRender<T, U>
         pagination={pagination}
         beforeSearchSubmit={beforeSearchSubmit}
@@ -867,6 +868,26 @@
       />
     );
 
+    if (searchFormRender && node) {
+      return <>{searchFormRender(props, node)}</>;
+    } else {
+      return node;
+    }
+  }, [
+    beforeSearchSubmit,
+    formRef,
+    ghost,
+    loading,
+    manualRequest,
+    onFormSearchSubmit,
+    pagination,
+    props,
+    propsColumns,
+    search,
+    searchFormRender,
+    type,
+  ])
+
   const selectedRows = useMemo(
     () => selectedRowKeys?.map((key) => preserveRecordsRef.current?.get(key)),
     [selectedRowKeys],

packages/table/src/typing.ts

@@ -276,6 +276,14 @@ export type ProTableProps<DataSource, U, ValueType = 'text'> = {
     dataSource: DataSource[],
   ) => React.ReactNode;
 
+  /**
+   * @name 渲染搜索表单
+   */
+  searchFormRender?: (
+    props: ProTableProps<DataSource, U, ValueType>,
+    defaultDom: JSX.Element,
+  ) => React.ReactNode;
+
   /** @name 一个获得 dataSource 的方法 */
   request?: (
     params: U & {