@ant-design/pro-components 3.1.1-1 → 3.1.3-0

package/lib/form/components/Field/index.d.ts

@@ -5,7 +5,6 @@ export type ProFormFieldProps<T = any, FiledProps = Record<string, any>> = ProSc
     mode?: 'edit' | 'read' | 'update';
     isDefaultDom?: boolean;
     ref?: any;
-    plain?: boolean;
     text?: any;
     getFieldProps?: () => Record<string, any>;
     getFormItemProps?: () => Record<string, any>;

package/lib/form/components/Field/index.js

@@ -93,7 +93,5 @@ const BaseProFormField = props => {
     params: propsParams
   });
 };
-const ProFormField = (0, _warpField.default)?.( /*#__PURE__*/(0, _react.memo)(BaseProFormField, (prevProps, nextProps) => {
-  return (0, _utils.isDeepEqualReact)(nextProps, prevProps, ['onChange', 'onBlur']);
-}));
+const ProFormField = (0, _warpField.default)?.(BaseProFormField);
 var _default = exports.default = ProFormField;

package/lib/form/components/FormItem/FormItemRender/index.d.ts

@@ -130,6 +130,7 @@ export declare const ProFormItemRender: React.FC<Omit<import("antd").FormItemPro
     dataFormat?: string | undefined;
     lightProps?: import("src/form").LightWrapperProps | undefined;
     proFormFieldKey?: any;
+    fieldProps?: Record<string, any> | undefined;
 } & {
     addonBefore?: React.ReactNode;
     addonAfter?: React.ReactNode;

package/lib/form/components/FormItem/Group/index.js

@@ -41,13 +41,27 @@ const Group = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     ...props
   };
   const [collapsed, setCollapsedInner] = (0, _util.useControlledState)(() => defaultCollapsed || false, props.collapsed);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const onCollapseCallback = (0, _utils.useRefFunction)(c => {
+    props.onCollapse?.(c);
+  });
+
+  /**
+   * 使用 queueMicrotask 延迟回调调用，避免在渲染阶段调用外部回调导致的 React 警告
+   * "Cannot update a component while rendering a different component"
+   */
   const setCollapsed = (0, _react.useCallback)(updater => {
     setCollapsedInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      props.onCollapse?.(next);
+      queueMicrotask(() => {
+        onCollapseCallback(next);
+      });
       return next;
     });
-  }, [props.onCollapse]);
+  }, [onCollapseCallback]);
   const {
     getPrefixCls
   } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);

package/lib/form/components/FormItem/index.d.ts

@@ -56,6 +56,7 @@ export type ProFormItemProps = FormItemProps & {
     dataFormat?: string;
     lightProps?: LightWrapperProps;
     proFormFieldKey?: any;
+    fieldProps?: Record<string, any>;
 } & WarpFormItemProps;
 declare const ProFormItem: React.FC<ProFormItemProps>;
 export { FormItemProvide };

package/lib/form/components/FormItem/index.js

@@ -81,12 +81,23 @@ const WithValueFomFiledProps = formFieldProps => {
   if (! /*#__PURE__*/_react.default.isValidElement(filedChildren)) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: filedChildren
   });
+
+  // restProps 可能来自 LightWrapper 的 cloneElement（light 模式下传入 variant/fieldProps），需保留以覆盖 filedChildren.props，避免内层控件线框双线
+  const variantFromRest = restProps.variant;
+  const fieldPropsFromRest = restProps.fieldProps;
   return /*#__PURE__*/_react.default.cloneElement(filedChildren, (0, _utils.omitUndefined)({
     ...restProps,
     [valuePropName]: formFieldProps[valuePropName],
     ...filedChildren.props,
     onChange: finalChange,
-    fieldProps,
+    fieldProps: {
+      ...filedChildren.props?.fieldProps,
+      ...fieldPropsFromRest,
+      ...fieldProps
+    },
+    ...(variantFromRest !== undefined && {
+      variant: variantFromRest
+    }),
     onBlur: isProFormComponent && !isValidElementForFiledChildren && onBlur
   }));
 };
@@ -120,36 +131,8 @@ const WarpFormItem = ({
     if (!addonAfter && !addonBefore) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, {
         ...props,
-        //help={typeof help !== 'function' ? help : undefined}
         valuePropName: valuePropName,
-        getValueProps: getValuePropsFunc
-        // @ts-ignore
-        // _internalItemRender={{
-        //   mark: 'pro_table_render',
-        //   render: (
-        //     inputProps: FormItemProps & {
-        //       errors: React.ReactNode[];
-        //       warnings: React.ReactNode[];
-        //     },
-        //     doms: {
-        //       input: JSX.Element;
-        //       errorList: JSX.Element;
-        //       extra: JSX.Element;
-        //     },
-        //   ) => (
-        //     <>
-        //       {doms.input}
-        //       {typeof help === 'function'
-        //         ? help({
-        //             errors: inputProps.errors,
-        //             warnings: inputProps.warnings,
-        //           })
-        //         : doms.errorList}
-        //       {doms.extra}
-        //     </>
-        //   ),
-        // }}
-        ,
+        getValueProps: getValuePropsFunc,
         children: children
       });
     }
@@ -215,6 +198,7 @@ const ProFormItem = props => {
     ignoreFormItem,
     lightProps,
     children: unusedChildren,
+    fieldProps,
     ...rest
   } = props;
   const formListField = (0, _react.useContext)(_List.FormListContext);
@@ -268,8 +252,9 @@ const ProFormItem = props => {
     valuePropName: props.valuePropName,
     children: props.children
   }, rest.proFormFieldKey || rest.name?.toString());
+  const lightPropsForWrapper = (0, _utils.omitUndefined)(lightProps || {});
   const lightDom = noLightFormItem ? children : /*#__PURE__*/(0, _react.createElement)(_BaseForm.LightWrapper, {
-    ...lightProps,
+    ...lightPropsForWrapper,
     key: rest.proFormFieldKey || rest.name?.toString(),
     size: size
   }, children);

package/lib/form/components/FormItem/warpField.js

@@ -234,6 +234,7 @@ function warpField(Field, config) {
         convertValue: convertValue,
         lightProps: (0, _utils.omitUndefined)({
           ...fieldProps,
+          variant: rest.variant ?? fieldProps?.variant,
           valueType,
           bordered,
           allowClear: field?.props?.allowClear ?? allowClear,

package/lib/form/helpers/grid.d.ts

@@ -1,13 +1,17 @@
-/// <reference types="react" />
 import type { ColProps, RowProps } from 'antd';
+import React from 'react';
 import type { ProFormGridConfig } from '../typing';
-export declare const GridContext: import("react").Context<ProFormGridConfig>;
+export declare const GridContext: React.Context<ProFormGridConfig>;
 interface CommonProps {
     Wrapper?: React.FC<any>;
 }
+interface ColWrapperProps extends ColProps, CommonProps {
+    variant?: string;
+    fieldProps?: Record<string, any>;
+}
 export interface GridHelpers {
     RowWrapper: React.FC<RowProps & CommonProps>;
-    ColWrapper: React.FC<ColProps & CommonProps>;
+    ColWrapper: React.FC<ColWrapperProps>;
     grid: boolean;
 }
 export declare const gridHelpers: (config: ProFormGridConfig & CommonProps) => GridHelpers;

package/lib/form/helpers/grid.js

@@ -1,11 +1,12 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGridHelpers = exports.gridHelpers = exports.GridContext = void 0;
 var _antd = require("antd");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 const GridContext = exports.GridContext = /*#__PURE__*/(0, _react.createContext)({
   grid: false,
@@ -38,6 +39,8 @@ const gridHelpers = ({
   ColWrapper({
     children,
     Wrapper,
+    variant,
+    fieldProps,
     ...rest
   } = {}) {
     const props = (0, _react.useMemo)(() => {
@@ -55,14 +58,27 @@ const gridHelpers = ({
       }
       return originProps;
     }, [rest]);
+
+    // LightFilter clone 传入的 variant/fieldProps 需透传给 ProFormItem，否则 lightProps 无 variant
+    const childrenWithProps = (variant !== undefined || fieldProps !== undefined) && _react.default.Children.count(children) === 1 && /*#__PURE__*/_react.default.isValidElement(children) ? /*#__PURE__*/_react.default.cloneElement(children, {
+      ...(variant !== undefined && {
+        variant
+      }),
+      ...(fieldProps && {
+        fieldProps: {
+          ...children?.props?.fieldProps,
+          ...fieldProps
+        }
+      })
+    }) : children;
     if (!grid) {
       return Wrapper ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-        children: children
-      }) : children;
+        children: childrenWithProps
+      }) : childrenWithProps;
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
       ...props,
-      children: children
+      children: childrenWithProps
     });
   }
 });

package/lib/form/layouts/DrawerForm/index.js

@@ -64,13 +64,27 @@ function DrawerForm({
   const [resizableDrawer, setResizableDrawer] = (0, _react.useState)(false);
   const [drawerWidth, setDrawerWidth] = (0, _react.useState)(width ? width : resize ? resizeInfo?.minWidth : 800);
   const [open, setOpenInner] = (0, _util.useControlledState)(!!propsOpen, propsOpen);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const onOpenChangeCallback = (0, _utils.useRefFunction)(o => {
+    onOpenChange?.(o);
+  });
+
+  /**
+   * 使用 queueMicrotask 延迟回调调用，避免在渲染阶段调用外部回调导致的 React 警告
+   * "Cannot update a component while rendering a different component"
+   */
   const setOpen = (0, _react.useCallback)(updater => {
     setOpenInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      onOpenChange?.(next);
+      queueMicrotask(() => {
+        onOpenChangeCallback(next);
+      });
       return next;
     });
-  }, [onOpenChange]);
+  }, [onOpenChangeCallback]);
   const footerRef = (0, _react.useRef)(null);
   const footerDomRef = (0, _react.useCallback)(element => {
     if (footerRef.current === null && element) {

package/lib/form/layouts/LightFilter/index.js

@@ -28,7 +28,7 @@ const LightFilterContainer = props => {
     collapse,
     collapseLabel,
     onValuesChange,
-    variant,
+    variant = 'borderless',
     values,
     footerRender,
     placement,
@@ -83,6 +83,7 @@ const LightFilterContainer = props => {
       });
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
+      variant: variant,
       size: size,
       label: intl.getMessage('form.lightFilter.more', '更多筛选')
     });
@@ -109,7 +110,8 @@ const LightFilterContainer = props => {
           children: /*#__PURE__*/_react.default.cloneElement(child, {
             fieldProps: {
               ...child.props.fieldProps,
-              placement: newPlacement
+              placement: newPlacement,
+              variant: 'borderless'
             },
             // proFieldProps 会直接作为 ProField 的 props 传递过去
             proFieldProps: {
@@ -178,7 +180,8 @@ const LightFilterContainer = props => {
               children: /*#__PURE__*/_react.default.cloneElement(child, {
                 fieldProps: {
                   ...newFieldProps,
-                  placement: newPlacement
+                  placement: newPlacement,
+                  variant
                 }
               })
             }, key);
@@ -229,7 +232,7 @@ function LightFilter(props) {
           return item;
         }),
         size: size,
-        variant: variant,
+        variant: variant || 'borderless',
         collapse: collapse,
         collapseLabel: collapseLabel,
         placement: placement,

package/lib/form/layouts/ModalForm/index.js

@@ -10,6 +10,7 @@ var _antd = require("antd");
 var _lodashEs = require("lodash-es");
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
+var _utils = require("../../../utils");
 var _BaseForm = require("../../BaseForm");
 var _jsxRuntime = require("react/jsx-runtime");
 const {
@@ -34,13 +35,27 @@ function ModalForm({
   const [, forceUpdate] = (0, _react.useState)([]);
   const [loading, setLoading] = (0, _react.useState)(false);
   const [open, setOpenInner] = (0, _util.useControlledState)(false, propsOpen);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const onOpenChangeCallback = (0, _utils.useRefFunction)(o => {
+    onOpenChange?.(o);
+  });
+
+  /**
+   * 使用 queueMicrotask 延迟回调调用，避免在渲染阶段调用外部回调导致的 React 警告
+   * "Cannot update a component while rendering a different component"
+   */
   const setOpen = (0, _react.useCallback)(updater => {
     setOpenInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      onOpenChange?.(next);
+      queueMicrotask(() => {
+        onOpenChangeCallback(next);
+      });
       return next;
     });
-  }, [onOpenChange]);
+  }, [onOpenChangeCallback]);
   const footerRef = (0, _react.useRef)(null);
   const footerDomRef = (0, _react.useCallback)(element => {
     if (footerRef.current === null && element) {

package/lib/form/layouts/QueryFilter/index.js

@@ -87,13 +87,27 @@ const QueryFilterContent = props => {
   const resetText = props.resetText || intl.getMessage('tableForm.reset', '重置');
   const searchText = props.searchText || intl.getMessage('tableForm.search', '搜索');
   const [collapsed, setCollapsedInner] = (0, _util.useControlledState)(() => props.defaultCollapsed && !!props.submitter, props.collapsed);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const onCollapseCallback = (0, _utils.useRefFunction)(c => {
+    props.onCollapse?.(c);
+  });
+
+  /**
+   * 使用 queueMicrotask 延迟回调调用，避免在渲染阶段调用外部回调导致的 React 警告
+   * "Cannot update a component while rendering a different component"
+   */
   const setCollapsed = (0, _react.useCallback)(updater => {
     setCollapsedInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      props.onCollapse?.(next);
+      queueMicrotask(() => {
+        onCollapseCallback(next);
+      });
       return next;
     });
-  }, [props.onCollapse]);
+  }, [onCollapseCallback]);
   const {
     optionRender,
     collapseRender,

package/lib/form/layouts/StepsForm/index.js

@@ -126,13 +126,27 @@ function StepsForm(props) {
    * 受控的方式来操作表单
    */
   const [step, setStepInner] = (0, _util.useControlledState)(0, props.current);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const onCurrentChangeCallback = (0, _utils.useRefFunction)(current => {
+    props.onCurrentChange?.(current);
+  });
+
+  /**
+   * 使用 queueMicrotask 延迟回调调用，避免在渲染阶段调用外部回调导致的 React 警告
+   * "Cannot update a component while rendering a different component"
+   */
   const setStep = (0, _react.useCallback)(updater => {
     setStepInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      props.onCurrentChange?.(next);
+      queueMicrotask(() => {
+        onCurrentChangeCallback(next);
+      });
       return next;
     });
-  }, [props.onCurrentChange]);
+  }, [onCurrentChangeCallback]);
   const layoutRender = (0, _react.useMemo)(() => {
     return StepsLayoutStrategy[stepsProps?.direction || 'horizontal'];
   }, [stepsProps?.direction]);

package/lib/layout/ProLayout.js

@@ -170,13 +170,27 @@ const BaseProLayout = props => {
   const context = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
   const prefixCls = props.prefixCls ?? context.getPrefixCls('pro');
   const [menuLoading, setMenuLoadingInner] = (0, _util.useControlledState)(false, menu?.loading);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const menuOnLoadingChange = (0, _utils.useRefFunction)(loading => {
+    menu?.onLoadingChange?.(loading);
+  });
+
+  /**
+   * 包装 setMenuLoading，使用 queueMicrotask 延迟回调调用
+   * 避免在渲染阶段调用外部回调导致的 React 警告
+   */
   const setMenuLoading = (0, _react.useCallback)(updater => {
     setMenuLoadingInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      menu?.onLoadingChange?.(next);
+      queueMicrotask(() => {
+        menuOnLoadingChange(next);
+      });
       return next;
     });
-  }, [menu?.onLoadingChange]);
+  }, [menuOnLoadingChange]);
 
   // give a default key for swr
   const [defaultId] = (0, _react.useState)(() => {
@@ -277,13 +291,27 @@ const BaseProLayout = props => {
     if (colSize === 'md') return true;
     return false;
   }, props.collapsed);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const onCollapseCallback = (0, _utils.useRefFunction)(c => {
+    propsOnCollapse?.(c);
+  });
+
+  /**
+   * 使用 queueMicrotask 延迟回调调用，避免在渲染阶段调用外部回调导致的 React 警告
+   * "Cannot update a component while rendering a different component"
+   */
   const onCollapse = (0, _react.useCallback)(updater => {
     onCollapseInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      propsOnCollapse?.(next);
+      queueMicrotask(() => {
+        onCollapseCallback(next);
+      });
       return next;
     });
-  }, [propsOnCollapse]);
+  }, [onCollapseCallback]);
 
   // Splicing parameters, adding menuData and formatMessage in props
   const defaultProps = (0, _util.omit)({

package/lib/layout/components/AppsLogoComponents/style/index.js

@@ -28,6 +28,7 @@ const genAppsLogoComponentsStyle = token => {
           backgroundColor: token.layout?.colorBgAppListIconHover
         },
         '&-active': {
+          borderRadius: token.borderRadius,
           color: token.layout?.colorTextAppListIconHover,
           backgroundColor: token.layout?.colorBgAppListIconHover
         }

package/lib/layout/components/SettingDrawer/index.js

@@ -150,25 +150,53 @@ const SettingDrawer = props => {
   } = props;
   const firstRender = (0, _react.useRef)(true);
   const [open, setOpenInner] = (0, _util.useControlledState)(false, props.collapse);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const onCollapseChangeCallback = (0, _utils.useRefFunction)(o => {
+    props.onCollapseChange?.(o);
+  });
+
+  /**
+   * 使用 queueMicrotask 延迟回调调用，避免在渲染阶段调用外部回调导致的 React 警告
+   * "Cannot update a component while rendering a different component"
+   */
   const setOpen = (0, _react.useCallback)(updater => {
     setOpenInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      props.onCollapseChange?.(next);
+      queueMicrotask(() => {
+        onCollapseChangeCallback(next);
+      });
       return next;
     });
-  }, [props.onCollapseChange]);
+  }, [onCollapseChangeCallback]);
   const [language, setLanguage] = (0, _react.useState)((0, _locales.getLanguage)());
   const [urlParams, setUrlParams] = (0, _useParams.useUrlSearchParams)({}, {
     disabled: disableUrlParams
   });
   const [settingState, setSettingStateInner] = (0, _util.useControlledState)(() => getParamsFromUrl(urlParams, propsSettings || propsDefaultSettings), propsSettings);
+
+  /**
+   * 使用 useRefFunction 包装回调，确保引用稳定
+   */
+  const onSettingChangeCallback = (0, _utils.useRefFunction)(settings => {
+    onSettingChange?.(settings);
+  });
+
+  /**
+   * 使用 queueMicrotask 延迟回调调用，避免在渲染阶段调用外部回调导致的 React 警告
+   * "Cannot update a component while rendering a different component"
+   */
   const setSettingState = (0, _react.useCallback)(updater => {
     setSettingStateInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      onSettingChange?.(next);
+      queueMicrotask(() => {
+        onSettingChangeCallback(next);
+      });
       return next;
     });
-  }, [onSettingChange]);
+  }, [onSettingChangeCallback]);
   const {
     navTheme,
     colorPrimary,

package/lib/layout/components/SiderMenu/BaseMenu.js

@@ -16,8 +16,6 @@ var _defaultSettings = require("../../defaultSettings");
 var _utils2 = require("../../utils/utils");
 var _menu = require("./style/menu");
 var _jsxRuntime = require("react/jsx-runtime");
-// todo
-
 const MenuItemTooltip = props => {
   const [collapsed, setCollapsed] = (0, _react.useState)(props.collapsed);
   const [open, setOpen] = (0, _react.useState)(false);

package/lib/list/ListView.js

@@ -1,19 +1,19 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _util = require("@rc-component/util");
 var _antd = require("antd");
-var _useLazyKVMap = _interopRequireDefault(require("antd/lib/table/hooks/useLazyKVMap"));
-var _usePagination = _interopRequireDefault(require("antd/lib/table/hooks/usePagination"));
-var _useSelection = _interopRequireDefault(require("antd/lib/table/hooks/useSelection"));
 var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../provider");
+var _useLazyKVMap = _interopRequireDefault(require("../utils/useLazyKVMap"));
+var _usePagination = _interopRequireDefault(require("../utils/usePagination"));
+var _useSelection = _interopRequireDefault(require("../utils/useSelection"));
 var _constants = require("./constants");
 var _Item = _interopRequireDefault(require("./Item"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -177,6 +177,9 @@ function ListView(props) {
           onChange: /*#__PURE__*/_react.default.isValidElement(checkboxDom) ? changeChecked => {
             return checkboxDom?.props?.onChange({
               nativeEvent: {},
+              target: {
+                checked: changeChecked
+              },
               changeChecked
             });
           } : undefined

package/lib/provider/index.d.ts

@@ -50,10 +50,6 @@ export type BaseProFieldFC = {
      * @option edit 渲染编辑模式
      * */
     mode?: ProFieldFCMode;
-    /**
-     * 简约模式
-     */
-    plain?: boolean;
     /** 轻量模式 */
     light?: boolean;
     /** Label */

package/lib/provider/index.js

@@ -16,7 +16,7 @@ exports.isNeedOpenHash = exports.default = exports.ProProvider = exports.ProConf
 exports.useIntl = useIntl;
 var _cssinjs = require("@ant-design/cssinjs");
 var _antd = require("antd");
-var _zh_CN = _interopRequireDefault(require("antd/lib/locale/zh_CN"));
+var _zh_CN = _interopRequireDefault(require("antd/es/locale/zh_CN"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 require("dayjs/locale/zh-cn");
 var _react = _interopRequireWildcard(require("react"));

package/lib/table/Store/Provide.d.ts

@@ -13,7 +13,6 @@ export type ColumnsState = {
 };
 export type ProTableColumn<T> = ColumnsState & TableColumnType<T>;
 export type UseContainerProps<T = any> = {
-    onColumnsStateChange?: (map: Record<string, ColumnsState>) => void;
     size?: DensitySize;
     defaultSize?: DensitySize;
     onSizeChange?: (size: DensitySize) => void;

package/lib/table/Store/Provide.js

@@ -76,7 +76,7 @@ function useContainer(props = {}) {
     }
     return props.columnsState?.value || props.columnsState?.defaultValue || defaultColumnKeyMap;
   }, props.columnsState?.value);
-  const onColumnsMapChange = props.columnsState?.onChange || props.onColumnsStateChange;
+  const onColumnsMapChange = props.columnsState?.onChange;
   const setColumnsMap = (0, _react.useCallback)(updater => {
     setColumnsMapInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;

package/lib/table/Table.js

@@ -791,7 +791,6 @@ const ProviderTableContainer = props => {
       ...props,
       columnsState: props.columnsState,
       columns: props.columns,
-      onColumnsStateChange: props.onColumnsStateChange,
       onSizeChange: props.onSizeChange,
       size: props.size,
       defaultSize: props.defaultSize

package/lib/table/typing.d.ts

@@ -162,10 +162,6 @@ export type ProTableProps<DataSource, U, ValueType = 'text'> = {
     params?: U;
     /** @name 列状态的配置，可以用来操作列功能 */
     columnsState?: ColumnStateType;
-    /**
-     * @deprecated 请使用 columnsState.onChange。保留兼容，后续版本将移除。
-     */
-    onColumnsStateChange?: (map: Record<string, ColumnsState>) => void;
     onSizeChange?: (size: DensitySize) => void;
     /**
      * @name table 外面卡片的设置