@ant-design/pro-components 3.1.11-0 → 3.1.12-0

package/es/field/components/ColorPicker/index.d.ts

@@ -3,5 +3,5 @@ import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("src/provider").BaseProFieldFC & import("src/provider").ProRenderFieldPropsType & {
     text: string;
     mode?: "update" | "read" | "edit" | undefined;
-} & Partial<Omit<ColorPickerProps, "mode" | "value">> & React.RefAttributes<any>>;
+} & Partial<Omit<ColorPickerProps, "value" | "mode">> & React.RefAttributes<any>>;
 export default _default;

package/es/field/components/Percent/util.d.ts

@@ -1,7 +1,7 @@
 /** 获取展示符号 */
 export declare function getSymbolByRealValue(realValue: number): "-" | "+" | null;
 /** 获取颜色 */
-export declare function getColorByRealValue(realValue: number /** ,color: string */): "#52c41a" | "#ff4d4f" | "#595959";
+export declare function getColorByRealValue(realValue: number /** ,color: string */): "#52c41a" | "#595959" | "#ff4d4f";
 /** 获取到最后展示的数字 */
 export declare function getRealTextWithPrecision(realValue: number, precision?: number): string | number;
 /**

package/es/form/components/Digit/DigitRange.d.ts

@@ -13,7 +13,7 @@ export type ProFormDigitRangeProps = ProFormFieldItemProps<RangeInputNumberProps
     separatorWidth?: number;
 };
 declare const ForwardRefProFormDigit: React.ForwardRefExoticComponent<{
-    fieldProps?: Partial<import("../../typing").FieldProps<any> & Omit<InputNumberProps<number>, "defaultValue" | "onChange" | "value" | "placeholder"> & {
+    fieldProps?: Partial<import("../../typing").FieldProps<any> & Omit<InputNumberProps<number>, "value" | "defaultValue" | "onChange" | "placeholder"> & {
         value?: ValuePair | undefined;
         defaultValue?: ValuePair | undefined;
         onChange?: ((value?: ValuePair) => void) | undefined;

package/es/form/layouts/ProForm/index.d.ts

@@ -14,7 +14,7 @@ declare namespace ProForm {
     var Provider: React.FC<import("antd/es/form/context").FormProviderProps>;
     var useFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;
     var EditOrReadOnlyContext: React.Context<{
-        mode: "read" | "edit" | "update";
+        mode: "update" | "read" | "edit";
     }>;
 }
 export { ProForm };

package/es/layout/ProLayout.js

@@ -437,6 +437,7 @@ const BaseProLayout = props => {
       children: children
     }) : /*#__PURE__*/_jsxs("div", {
       className: className,
+      "data-testid": "pro-layout",
       children: [bgImgStyleList || token.layout?.bgLayout ? /*#__PURE__*/_jsx("div", {
         className: clsx(`${proLayoutClassName}-bg-list`, hashId),
         children: bgImgStyleList

package/es/layout/WrapContent.js

@@ -22,11 +22,13 @@ const WrapContent = props => {
   return props.ErrorBoundary === false ? /*#__PURE__*/_jsx(Layout.Content, {
     className: contentClassName,
     style: style,
+    "data-testid": "pro-layout-content",
     children: children
   }) : /*#__PURE__*/_jsx(ErrorComponent, {
     children: /*#__PURE__*/_jsx(Layout.Content, {
       className: contentClassName,
       style: style,
+      "data-testid": "pro-layout-content",
       children: children
     })
   });

package/es/layout/components/Footer.js

@@ -19,6 +19,7 @@ const DefaultFooter = ({
     padding: 0,
     ...style
   },
+  "data-testid": "pro-layout-footer",
   children: /*#__PURE__*/_jsx(GlobalFooter, {
     links: links,
     prefixCls: prefixCls,

package/es/layout/components/GlobalFooter/index.js

@@ -23,6 +23,7 @@ const GlobalFooter = ({
   return wrapSSR( /*#__PURE__*/_jsxs("div", {
     className: clsx(baseClassName, hashId, className),
     style: style,
+    "data-testid": "pro-global-footer",
     children: [links && /*#__PURE__*/_jsx("div", {
       className: clsx(`${baseClassName}-list`, hashId),
       children: links.map(link => /*#__PURE__*/_jsx("a", {

package/es/layout/components/GlobalHeader/index.js

@@ -76,6 +76,7 @@ const GlobalHeader = props => {
     style: {
       ...style
     },
+    "data-testid": "pro-layout-global-header",
     children: [isMobile && /*#__PURE__*/_jsx("span", {
       className: clsx(`${baseClassName}-collapsed-button`, hashId),
       onClick: () => {

package/es/layout/components/GridContent/index.js

@@ -34,6 +34,7 @@ const GridContent = props => {
       [`${className}-wide`]: isWide
     }),
     style: style,
+    "data-testid": "pro-grid-content",
     children: /*#__PURE__*/_jsx("div", {
       className: clsx(`${prefixCls}-grid-content-children`, hashId),
       children: children

package/es/layout/components/Header/index.js

@@ -118,6 +118,7 @@ const DefaultHeader = props => {
       }), /*#__PURE__*/_jsx(Header, {
         className: className,
         style: style,
+        "data-testid": "pro-layout-header",
         children: renderContent()
       })]
     })

package/es/layout/components/PageContainer/index.js

@@ -270,6 +270,7 @@ const PageContainerBase = props => {
     children: [/*#__PURE__*/_jsxs("div", {
       style: style,
       className: containerClassName,
+      "data-testid": "pro-page-container",
       children: [fixedHeader && pageHeaderDom ?
       /*#__PURE__*/
       // 在 hasHeader 且 fixedHeader 的情况下，才需要设置高度

package/es/layout/components/PageHeader/index.js

@@ -162,6 +162,7 @@ const PageHeader = props => {
       ref: ref,
       className: className,
       style: style,
+      "data-testid": "pro-page-header",
       children: [breadcrumbDom, title, childDom, footerDom]
     })
   }));

package/es/layout/components/SiderMenu/SiderMenu.js

@@ -274,6 +274,7 @@ const SiderMenu = props => {
         onCollapse?.(collapse);
       },
       collapsedWidth: collapsedWidth,
+      "data-testid": "pro-layout-sider",
       style: style,
       theme: theme,
       width: siderWidth,

package/es/layout/components/SiderMenu/index.js

@@ -46,6 +46,7 @@ const SiderMenuWrapper = props => {
   return wrapSSR(isMobile ? /*#__PURE__*/_jsx(Drawer, {
     placement: direction === 'rtl' ? 'right' : 'left',
     className: clsx(`${prefixCls}-drawer-sider`, className),
+    "data-testid": "pro-layout-sider",
     open: !collapsed,
     afterOpenChange: open => {
       if (!open) {

package/es/layout/components/SiderMenu/style/menu.js

@@ -27,6 +27,18 @@ const genProLayoutBaseMenuStyle = (token, mode) => {
         alignItems: 'center'
       },
       [`&&-collapsed`]: {
+        // antd ≥6.3.4 折叠 Menu 对 title-content 隐藏更彻底（如 #57360）；Pro 图标在 label 内，需恢复可见（布局仍由 *-item-title-collapsed 控制）
+        [`&${token.antCls}-menu-inline-collapsed`]: {
+          [`> ${token.antCls}-menu-item > ${token.antCls}-menu-title-content,
+            > ${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-item > ${token.antCls}-menu-title-content,
+            > ${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-submenu > ${token.antCls}-menu-submenu-title > ${token.antCls}-menu-title-content,
+            > ${token.antCls}-menu-submenu > ${token.antCls}-menu-submenu-title > ${token.antCls}-menu-title-content`]: {
+            width: '100% !important',
+            maxWidth: '100%',
+            opacity: '1 !important',
+            overflow: 'visible !important'
+          }
+        },
         [`${token.antCls}-menu-item, 
         ${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-item, 
         ${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-submenu > ${token.antCls}-menu-submenu-title, 

package/es/layout/components/TopNavHeader/index.js

@@ -102,6 +102,7 @@ const TopNavHeader = props => {
       [`${prefixCls}-light`]: true
     }),
     style: style,
+    "data-testid": "pro-layout-top-nav-header",
     children: /*#__PURE__*/_jsxs("div", {
       ref: ref,
       className: clsx(`${prefixCls}-main`, hashId, {

package/es/list/ProListBase.js

@@ -325,6 +325,7 @@ const ProListContainerInner = /*#__PURE__*/React.forwardRef(function ProListCont
       ref: ref,
       style: style,
       className: classString,
+      "data-testid": "pro-list-view",
       ...rest,
       children: /*#__PURE__*/_jsxs(Spin, {
         spinning: isLoading,

package/es/provider/useStyle/index.js

@@ -1,7 +1,7 @@
 import { useStyleRegister } from '@ant-design/cssinjs';
 import { TinyColor } from '@ctrl/tinycolor';
 import { ConfigProvider as AntdConfigProvider, theme as antdTheme } from 'antd';
-import { useContext } from 'react';
+import { useContext, useMemo, useRef } from 'react';
 import { ProProvider } from "../index";
 /**
  * 把一个颜色设置一下透明度
@@ -51,6 +51,22 @@ export const operationUnit = token => ({
     color: token.colorLinkActive
   }
 });
+const hashString = input => {
+  let hash = 5381;
+  for (let i = 0; i < input.length; i += 1) {
+    hash = hash * 33 ^ input.charCodeAt(i);
+  }
+  return (hash >>> 0).toString(36);
+};
+const getProTokenKey = token => {
+  try {
+    // ProProvider exposes finalToken instead of useCacheToken token,
+    // so build a stable key from Pro token payload directly.
+    return hashString(JSON.stringify(token));
+  } catch {
+    return '';
+  }
+};
 
 /**
  * 封装了一下 antd 的 useStyle
@@ -83,17 +99,30 @@ export function useStyle(componentName, styleFn) {
   token.antCls = `.${getPrefixCls()}`;
 
   // Register styles (side effect only in v2)
+  // Keep path sensitive to both antd theme and Pro token updates.
+  const proTokenKey = useMemo(() => {
+    return getProTokenKey(token);
+  }, [token]);
+
+  // Keep path monotonic across toggles to avoid style order issues
+  // when switching dark -> light (back to an old key).
+  const styleKey = [hashId, theme.id, token.themeId, proTokenKey].filter(Boolean).join('-');
+  const lastStyleKeyRef = useRef('');
+  const styleVersionRef = useRef(0);
+  if (lastStyleKeyRef.current !== styleKey) {
+    styleVersionRef.current += 1;
+    lastStyleKeyRef.current = styleKey;
+  }
+  const stylePath = [componentName, styleKey, styleVersionRef.current].filter(Boolean);
   useStyleRegister({
     theme: theme,
     token,
-    path: [componentName],
+    path: stylePath,
     nonce: csp?.nonce,
     layer: {
       name: 'antd-pro'
     }
   }, () => styleFn(token));
-
-  // Return identity wrapper and hashId
   return {
     wrapSSR: node => node,
     hashId: hashed ? hashId : ''

package/es/table/Table.js

@@ -754,6 +754,7 @@ const ProTable = props => {
     }),
     style: style,
     ref: counter.rootDomRef,
+    "data-testid": "pro-table",
     children: [isLightFilter ? null : searchNode, type !== 'form' && props.tableExtraRender && /*#__PURE__*/_jsx("div", {
       className: clsx(className, `${defaultClassName}-extra`),
       children: props.tableExtraRender(props, action.dataSource || [])

package/es/table/utils/columnRender.d.ts

@@ -22,7 +22,7 @@ type ColumnRenderInterface<T> = {
  *
  * @param item
  */
-export declare const renderColumnsTitle: (item: ProColumns<any>) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+export declare const renderColumnsTitle: (item: ProColumns<any>) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 /**
  * 默认的 filter 方法
  *

package/lib/field/components/ColorPicker/index.d.ts

@@ -3,5 +3,5 @@ import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("src/provider").BaseProFieldFC & import("src/provider").ProRenderFieldPropsType & {
     text: string;
     mode?: "update" | "read" | "edit" | undefined;
-} & Partial<Omit<ColorPickerProps, "mode" | "value">> & React.RefAttributes<any>>;
+} & Partial<Omit<ColorPickerProps, "value" | "mode">> & React.RefAttributes<any>>;
 export default _default;

package/lib/field/components/Percent/util.d.ts

@@ -1,7 +1,7 @@
 /** 获取展示符号 */
 export declare function getSymbolByRealValue(realValue: number): "-" | "+" | null;
 /** 获取颜色 */
-export declare function getColorByRealValue(realValue: number /** ,color: string */): "#52c41a" | "#ff4d4f" | "#595959";
+export declare function getColorByRealValue(realValue: number /** ,color: string */): "#52c41a" | "#595959" | "#ff4d4f";
 /** 获取到最后展示的数字 */
 export declare function getRealTextWithPrecision(realValue: number, precision?: number): string | number;
 /**

package/lib/form/components/Digit/DigitRange.d.ts

@@ -13,7 +13,7 @@ export type ProFormDigitRangeProps = ProFormFieldItemProps<RangeInputNumberProps
     separatorWidth?: number;
 };
 declare const ForwardRefProFormDigit: React.ForwardRefExoticComponent<{
-    fieldProps?: Partial<import("../../typing").FieldProps<any> & Omit<InputNumberProps<number>, "defaultValue" | "onChange" | "value" | "placeholder"> & {
+    fieldProps?: Partial<import("../../typing").FieldProps<any> & Omit<InputNumberProps<number>, "value" | "defaultValue" | "onChange" | "placeholder"> & {
         value?: ValuePair | undefined;
         defaultValue?: ValuePair | undefined;
         onChange?: ((value?: ValuePair) => void) | undefined;

package/lib/form/layouts/ProForm/index.d.ts

@@ -14,7 +14,7 @@ declare namespace ProForm {
     var Provider: React.FC<import("antd/es/form/context").FormProviderProps>;
     var useFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;
     var EditOrReadOnlyContext: React.Context<{
-        mode: "read" | "edit" | "update";
+        mode: "update" | "read" | "edit";
     }>;
 }
 export { ProForm };

package/lib/layout/ProLayout.js

@@ -442,6 +442,7 @@ const BaseProLayout = props => {
       children: children
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: className,
+      "data-testid": "pro-layout",
       children: [bgImgStyleList || token.layout?.bgLayout ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _clsx.clsx)(`${proLayoutClassName}-bg-list`, hashId),
         children: bgImgStyleList

package/lib/layout/WrapContent.js

@@ -29,11 +29,13 @@ const WrapContent = props => {
   return props.ErrorBoundary === false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Content, {
     className: contentClassName,
     style: style,
+    "data-testid": "pro-layout-content",
     children: children
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorComponent, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Layout.Content, {
       className: contentClassName,
       style: style,
+      "data-testid": "pro-layout-content",
       children: children
     })
   });

package/lib/layout/components/Footer.js

@@ -25,6 +25,7 @@ const DefaultFooter = ({
     padding: 0,
     ...style
   },
+  "data-testid": "pro-layout-footer",
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalFooter.GlobalFooter, {
     links: links,
     prefixCls: prefixCls,

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

@@ -29,6 +29,7 @@ const GlobalFooter = ({
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _clsx.clsx)(baseClassName, hashId, className),
     style: style,
+    "data-testid": "pro-global-footer",
     children: [links && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _clsx.clsx)(`${baseClassName}-list`, hashId),
       children: links.map(link => /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {

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

@@ -81,6 +81,7 @@ const GlobalHeader = props => {
     style: {
       ...style
     },
+    "data-testid": "pro-layout-global-header",
     children: [isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _clsx.clsx)(`${baseClassName}-collapsed-button`, hashId),
       onClick: () => {

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

@@ -41,6 +41,7 @@ const GridContent = props => {
       [`${className}-wide`]: isWide
     }),
     style: style,
+    "data-testid": "pro-grid-content",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _clsx.clsx)(`${prefixCls}-grid-content-children`, hashId),
       children: children

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

@@ -123,6 +123,7 @@ const DefaultHeader = props => {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {
         className: className,
         style: style,
+        "data-testid": "pro-layout-header",
         children: renderContent()
       })]
     })

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

@@ -276,6 +276,7 @@ const PageContainerBase = props => {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       style: style,
       className: containerClassName,
+      "data-testid": "pro-page-container",
       children: [fixedHeader && pageHeaderDom ?
       /*#__PURE__*/
       // 在 hasHeader 且 fixedHeader 的情况下，才需要设置高度

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

@@ -168,6 +168,7 @@ const PageHeader = props => {
       ref: ref,
       className: className,
       style: style,
+      "data-testid": "pro-page-header",
       children: [breadcrumbDom, title, childDom, footerDom]
     })
   }));

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

@@ -279,6 +279,7 @@ const SiderMenu = props => {
         onCollapse?.(collapse);
       },
       collapsedWidth: collapsedWidth,
+      "data-testid": "pro-layout-sider",
       style: style,
       theme: theme,
       width: siderWidth,

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

@@ -53,6 +53,7 @@ const SiderMenuWrapper = props => {
   return wrapSSR(isMobile ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Drawer, {
     placement: direction === 'rtl' ? 'right' : 'left',
     className: (0, _clsx.clsx)(`${prefixCls}-drawer-sider`, className),
+    "data-testid": "pro-layout-sider",
     open: !collapsed,
     afterOpenChange: open => {
       if (!open) {

package/lib/layout/components/SiderMenu/style/menu.js

@@ -33,6 +33,18 @@ const genProLayoutBaseMenuStyle = (token, mode) => {
         alignItems: 'center'
       },
       [`&&-collapsed`]: {
+        // antd ≥6.3.4 折叠 Menu 对 title-content 隐藏更彻底（如 #57360）；Pro 图标在 label 内，需恢复可见（布局仍由 *-item-title-collapsed 控制）
+        [`&${token.antCls}-menu-inline-collapsed`]: {
+          [`> ${token.antCls}-menu-item > ${token.antCls}-menu-title-content,
+            > ${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-item > ${token.antCls}-menu-title-content,
+            > ${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-submenu > ${token.antCls}-menu-submenu-title > ${token.antCls}-menu-title-content,
+            > ${token.antCls}-menu-submenu > ${token.antCls}-menu-submenu-title > ${token.antCls}-menu-title-content`]: {
+            width: '100% !important',
+            maxWidth: '100%',
+            opacity: '1 !important',
+            overflow: 'visible !important'
+          }
+        },
         [`${token.antCls}-menu-item, 
         ${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-item, 
         ${token.antCls}-menu-item-group > ${token.antCls}-menu-item-group-list > ${token.antCls}-menu-submenu > ${token.antCls}-menu-submenu-title, 

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

@@ -108,6 +108,7 @@ const TopNavHeader = props => {
       [`${prefixCls}-light`]: true
     }),
     style: style,
+    "data-testid": "pro-layout-top-nav-header",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: ref,
       className: (0, _clsx.clsx)(`${prefixCls}-main`, hashId, {

package/lib/list/ProListBase.js

@@ -333,6 +333,7 @@ const ProListContainerInner = /*#__PURE__*/_react.default.forwardRef(function Pr
       ref: ref,
       style: style,
       className: classString,
+      "data-testid": "pro-list-view",
       ...rest,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Spin, {
         spinning: isLoading,

package/lib/provider/useStyle/index.js

@@ -61,6 +61,23 @@ const operationUnit = token => ({
     color: token.colorLinkActive
   }
 });
+exports.operationUnit = operationUnit;
+const hashString = input => {
+  let hash = 5381;
+  for (let i = 0; i < input.length; i += 1) {
+    hash = hash * 33 ^ input.charCodeAt(i);
+  }
+  return (hash >>> 0).toString(36);
+};
+const getProTokenKey = token => {
+  try {
+    // ProProvider exposes finalToken instead of useCacheToken token,
+    // so build a stable key from Pro token payload directly.
+    return hashString(JSON.stringify(token));
+  } catch {
+    return '';
+  }
+};
 
 /**
  * 封装了一下 antd 的 useStyle
@@ -68,7 +85,6 @@ const operationUnit = token => ({
  * @param styleFn {GenerateStyle} 生成样式的函数
  * @returns UseStyleResult
  */
-exports.operationUnit = operationUnit;
 function useStyle(componentName, styleFn) {
   let {
     token = {},
@@ -94,17 +110,30 @@ function useStyle(componentName, styleFn) {
   token.antCls = `.${getPrefixCls()}`;
 
   // Register styles (side effect only in v2)
+  // Keep path sensitive to both antd theme and Pro token updates.
+  const proTokenKey = (0, _react.useMemo)(() => {
+    return getProTokenKey(token);
+  }, [token]);
+
+  // Keep path monotonic across toggles to avoid style order issues
+  // when switching dark -> light (back to an old key).
+  const styleKey = [hashId, theme.id, token.themeId, proTokenKey].filter(Boolean).join('-');
+  const lastStyleKeyRef = (0, _react.useRef)('');
+  const styleVersionRef = (0, _react.useRef)(0);
+  if (lastStyleKeyRef.current !== styleKey) {
+    styleVersionRef.current += 1;
+    lastStyleKeyRef.current = styleKey;
+  }
+  const stylePath = [componentName, styleKey, styleVersionRef.current].filter(Boolean);
   (0, _cssinjs.useStyleRegister)({
     theme: theme,
     token,
-    path: [componentName],
+    path: stylePath,
     nonce: csp?.nonce,
     layer: {
       name: 'antd-pro'
     }
   }, () => styleFn(token));
-
-  // Return identity wrapper and hashId
   return {
     wrapSSR: node => node,
     hashId: hashed ? hashId : ''

package/lib/table/Table.js

@@ -759,6 +759,7 @@ const ProTable = props => {
     }),
     style: style,
     ref: counter.rootDomRef,
+    "data-testid": "pro-table",
     children: [isLightFilter ? null : searchNode, type !== 'form' && props.tableExtraRender && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _clsx.clsx)(className, `${defaultClassName}-extra`),
       children: props.tableExtraRender(props, action.dataSource || [])

package/lib/table/utils/columnRender.d.ts

@@ -22,7 +22,7 @@ type ColumnRenderInterface<T> = {
  *
  * @param item
  */
-export declare const renderColumnsTitle: (item: ProColumns<any>) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+export declare const renderColumnsTitle: (item: ProColumns<any>) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 /**
  * 默认的 filter 方法
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/pro-components",
-  "version": "3.1.11-0",
+  "version": "3.1.12-0",
   "type": "module",
   "description": "All-in-one package of @ant-design/pro-components",
   "keywords": [