refactor: 移除已废弃的 columnsStateMap 属性，统一使用 columnsState

Author: chenshuai2144

demos/table/columnsStateMap.tsx

@@ -51,8 +51,6 @@ RTL means right-to-left.
 
 可以默认隐藏某些栏，但是在操作栏中可以选择
 
-<code src="../../../demos/table/columnsStateMap.tsx"  background="var(--main-bg-color)" ></code>
-
 <code src="../../../demos/table/pollinga.tsx"  background="var(--main-bg-color)" title="表格轮询"></code>
 
 <code src="../../../demos/table/dateFormatter.tsx"  background="var(--main-bg-color)" title="dateFormatter-日期格式化"></code>

docs/components/table/index.$tab-api.md

@@ -53,8 +53,6 @@ RTL means right-to-left.
 
 You can hide some columns by default, but in the action column you can select
 
-<code src="../../../demos/table/columnsStateMap.tsx"  background="var(--main-bg-color)" ></code>
-
 ### Tables polling network data
 
 <code src="../../../demos/table/pollinga.tsx"  background="var(--main-bg-color)" ></code>

docs/components/table/index.en-US.$tab-api.md

@@ -1,7 +1,6 @@
 import type { TableColumnType } from 'antd';
 import merge from 'lodash-es/merge';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import { noteOnce } from 'rc-util/lib/warning';
 import {
   createContext,
   useCallback,
@@ -29,7 +28,6 @@ export type ColumnsState = {
 export type ProTableColumn<T> = ColumnsState & TableColumnType<T>;
 
 export type UseContainerProps<T = any> = {
-  columnsStateMap?: Record<string, ColumnsState>;
   onColumnsStateChange?: (map: Record<string, ColumnsState>) => void;
   size?: DensitySize;
   defaultSize?: DensitySize;
@@ -105,14 +103,13 @@ function useContainer(props: UseContainerProps = {} as Record<string, any>) {
         }
       }
       return (
-        props.columnsStateMap ||
         props.columnsState?.value ||
         props.columnsState?.defaultValue ||
         defaultColumnKeyMap
       );
     },
     {
-      value: props.columnsState?.value || props.columnsStateMap,
+      value: props.columnsState?.value,
       onChange: props.columnsState?.onChange || props.onColumnsStateChange,
     },
   );
@@ -152,15 +149,6 @@ function useContainer(props: UseContainerProps = {} as Record<string, any>) {
     defaultColumnKeyMap,
   ]);
 
-  noteOnce(
-    !props.columnsStateMap,
-    'columnsStateMap已经废弃，请使用 columnsState.value 替换',
-  );
-  noteOnce(
-    !props.columnsStateMap,
-    'columnsStateMap has been discarded, please use columnsState.value replacement',
-  );
-
   /** 清空一下当前的 key */
   const clearPersistenceStorage = useCallback(() => {
     const { persistenceType, persistenceKey } = props.columnsState || {};

src/table/Store/Provide.tsx

@@ -184,9 +184,9 @@ export type ColumnStateType = {
   persistenceType?: 'localStorage' | 'sessionStorage';
   /** 持久化的key，用于存储到 storage 中 */
   persistenceKey?: string;
-  /** ColumnsState 的值，columnsStateMap将会废弃 */
+  /** ColumnsState 的值 */
   defaultValue?: Record<string, ColumnsState>;
-  /** ColumnsState 的值，columnsStateMap将会废弃 */
+  /** ColumnsState 的值 */
   value?: Record<string, ColumnsState>;
   onChange?: (map: Record<string, ColumnsState>) => void;
 };

src/table/typing.ts

@@ -82,126 +82,6 @@ describe('Table ColumnSetting', () => {
     expect(titleList.length).toBe(2);
   });
 
-  it('🎏 columnSetting columnsStateMap props', async () => {
-    const html = render(
-      <ProTable
-        size="small"
-        columnsStateMap={{
-          index: { fixed: 'left' },
-          Age: { show: false },
-          option: { fixed: 'right' },
-        }}
-        columns={columns}
-        request={async () => {
-          return {
-            data: [
-              {
-                key: 1,
-                name: `TradeCode ${1}`,
-                createdAt: 1602572994055,
-              },
-            ],
-            success: true,
-          };
-        }}
-        rowKey="key"
-      />,
-    );
-    await waitForWaitTime(100);
-
-    act(() => {
-      html.baseElement
-        .querySelector<HTMLDivElement>(
-          '.ant-pro-table-list-toolbar-setting-item .anticon-setting',
-        )
-        ?.click();
-    });
-    await waitForWaitTime(100);
-    let overlay = html.baseElement.querySelectorAll<HTMLDivElement>(
-      '.ant-pro-table-column-setting-overlay .ant-pro-table-column-setting-list-title',
-    );
-    expect(overlay.length).toBe(3);
-
-    act(() => {
-      html.rerender(
-        <ProTable
-          size="small"
-          columnsStateMap={{
-            index: { fixed: 'left' },
-          }}
-          columns={columns}
-          request={async () => {
-            return {
-              data: [
-                {
-                  key: 1,
-                  name: `TradeCode ${1}`,
-                  createdAt: 1602572994055,
-                },
-              ],
-              success: true,
-            };
-          }}
-          rowKey="key"
-        />,
-      );
-    });
-    await waitForWaitTime(100);
-    overlay = html.baseElement.querySelectorAll<HTMLDivElement>(
-      '.ant-pro-table-column-setting-overlay .ant-pro-table-column-setting-list-title',
-    );
-    expect(overlay.length).toBe(2);
-  });
-
-  it('🎏 columnSetting columnsStateMap onChange', async () => {
-    const callBack = vi.fn();
-    const html = render(
-      <ProTable
-        size="small"
-        columnsStateMap={{
-          index: { fixed: 'left' },
-          Age: { show: false },
-          option: { fixed: 'right' },
-        }}
-        onColumnsStateChange={callBack}
-        columns={columns}
-        request={async () => {
-          return {
-            data: [
-              {
-                key: 1,
-                name: `TradeCode ${1}`,
-                createdAt: 1602572994055,
-              },
-            ],
-            success: true,
-          };
-        }}
-        rowKey="key"
-      />,
-    );
-
-    await waitForWaitTime(200);
-    act(() => {
-      html.baseElement
-        .querySelector<HTMLDivElement>(
-          '.ant-pro-table-list-toolbar-setting-item .anticon-setting',
-        )
-        ?.click();
-    });
-    await waitForWaitTime(100);
-
-    const reset = html.baseElement.querySelector<HTMLDivElement>(
-      '.ant-pro-table-column-setting-title a',
-    );
-    act(() => {
-      reset?.click();
-    });
-    await waitForWaitTime(100);
-
-    expect(callBack).toHaveBeenCalled();
-  });
-
   it('🎏 columnSetting columnsState.value props', async () => {
     const html = render(
       <ProTable
@@ -692,8 +572,10 @@ describe('Table ColumnSetting', () => {
     const html = render(
       <ProTable
         size="small"
-        onColumnsStateChange={() => {
-          callBack();
+        columnsState={{
+          onChange: () => {
+            callBack();
+          },
         }}
         columns={[
           {
@@ -1003,8 +885,10 @@ describe('Table ColumnSetting', () => {
     const html = render(
       <ProTable
         size="small"
-        onColumnsStateChange={() => {
-          callBack();
+        columnsState={{
+          onChange: () => {
+            callBack();
+          },
         }}
         columns={[
           {