Dev/v3.0 (#8874)

* feat: add valueType map for table

* fix: test case

* feat: add await for test

* feat: table继承外部的valueTypeMap设置

---------

Co-authored-by: liquanwei.lqw <[email protected]>

Author: keanrain

packages/table/src/Table.tsx

@@ -1,7 +1,7 @@
 import ProCard from '@ant-design/pro-card';
 import ProForm, { GridContext } from '@ant-design/pro-form';
 import type { ParamsType } from '@ant-design/pro-provider';
-import { ProConfigProvider, proTheme, useIntl } from '@ant-design/pro-provider';
+import ProConfigContext, { ProConfigProvider, proTheme, useIntl } from '@ant-design/pro-provider';
 import {
   ErrorBoundary,
   editableRowByKey,
@@ -1020,9 +1020,10 @@ const ProviderTableContainer = <
       ? React.Fragment
       : props.ErrorBoundary || ErrorBoundary;
 
+  const context = useContext(ProConfigContext);
   return (
     <Container initValue={props}>
-      <ProConfigProvider valueTypeMap={ValueTypeToComponent} needDeps>
+      <ProConfigProvider valueTypeMap={{...context.valueTypeMap, ...ValueTypeToComponent}} needDeps>
         <ErrorComponent>
           <ProTable<DataType, Params, ValueType>
             defaultClassName={`${getPrefixCls('pro-table')}`}

tests/table/index.test.tsx

@@ -1521,14 +1521,14 @@ describe('BasicTable', () => {
         rowKey="key"
       />,
     );
-
+    const input = await waitFor(() => html.baseElement.querySelector(
+      '.ant-pro-table-list-toolbar-search input',
+    )!)
     await html.findByText('查 询');
 
     act(() => {
       fireEvent.change(
-        html.baseElement.querySelector(
-          '.ant-pro-table-list-toolbar-search input',
-        )!,
+        input,
         {
           target: {
             value: 'name',
@@ -1541,9 +1541,7 @@ describe('BasicTable', () => {
 
     act(() => {
       fireEvent.keyDown(
-        html.baseElement.querySelector(
-          '.ant-pro-table-list-toolbar-search input',
-        )!,
+        input,
         { key: 'Enter', keyCode: 13 },
       );
     });
@@ -1554,9 +1552,7 @@ describe('BasicTable', () => {
 
     act(() => {
       fireEvent.change(
-        html.baseElement.querySelector(
-          '.ant-pro-table-list-toolbar-search input',
-        )!,
+        input,
         {
           target: {
             value: 'name1',
@@ -1565,16 +1561,20 @@ describe('BasicTable', () => {
       );
     });
 
-    // await html.findByDisplayValue('name1');
-
-    // act(() => {
-    //   fireEvent.keyDown(
-    //     html.baseElement.querySelector(
-    //       '.ant-pro-table-list-toolbar-search input',
-    //     )!,
-    //     { key: 'Enter', keyCode: 13 },
-    //   );
-    // });
+    await html.findByDisplayValue('name1');
+    // 下一次keyDown前需要一次keyUp，除非是设置了长按
+    act(() => {
+      fireEvent.keyUp(
+        input,
+        { key: 'Enter', keyCode: 13 },
+      );
+    });
+    act(() => {
+      fireEvent.keyDown(
+        input,
+        { key: 'Enter', keyCode: 13 },
+      );
+    });
 
     await waitFor(() => {
       expect(fn).toHaveBeenCalledWith('name1');

tests/table/valueType.test.tsx

@@ -126,6 +126,7 @@ describe('BasicTable valueType', () => {
     html.unmount();
   });
 
+  // 使用valueTypeMap包裹protable后，这里的context不会使用导致单测失败
   it('🎏 table valueType render support fieldProps', async () => {
     const html = render(
       <ProProvider.Provider