@ant-design/pro-components 3.1.13-0 → 3.1.14-1

package/es/card/components/Card/index.js

@@ -111,7 +111,7 @@ const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
   /**
    * 根据响应式获取 gutter, 参考 antd 实现
    *
-   * @param gutter Gutter
+   * @param gut
    */
   const getNormalizedGutter = gut => {
     const results = [0, 0];
@@ -208,7 +208,6 @@ const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
   });
   const cardCls = clsx(`${prefixCls}`, className, rootClassName, hashId, classNames?.root, {
     [`${prefixCls}-border`]: variant === 'outlined',
-    [`${prefixCls}-filled`]: variant === 'filled',
     [`${prefixCls}-box-shadow`]: boxShadow,
     [`${prefixCls}-contain-card`]: containProCard,
     [`${prefixCls}-loading`]: loading,
@@ -300,17 +299,15 @@ const Card = /*#__PURE__*/React.forwardRef((props, ref) => {
       className: clsx(`${prefixCls}-cover`, hashId, classNames?.cover),
       style: mergedStyles.cover,
       children: cover
-    }), tabs ?
-    /*#__PURE__*/
-    // antd v5 Tabs 仅通过 items 渲染，传 children 会被忽略。
-    // loading 状态下，把骨架屏放到 Tabs 容器外层，避免 children 被吞。
-    _jsx("div", {
-      className: clsx(`${prefixCls}-tabs`, hashId),
-      children: loading ? loadingDOM : /*#__PURE__*/_jsx(Tabs, {
-        onChange: tabs.onChange,
-        ...omit(tabs, ['cardProps']),
-        items: ModifyTabItemsContent
-      })
+    }), tabs ? loading ? /*#__PURE__*/_jsx("div", {
+      className: bodyCls,
+      style: mergedStyles.body,
+      children: loadingDOM
+    }) : /*#__PURE__*/_jsx(Tabs, {
+      onChange: tabs.onChange,
+      ...omit(tabs, ['cardProps']),
+      items: ModifyTabItemsContent,
+      className: clsx(`${prefixCls}-tabs`, hashId)
     }) : /*#__PURE__*/_jsx("div", {
       className: bodyCls,
       style: mergedStyles.body,

package/es/card/components/Card/style.js

@@ -25,14 +25,8 @@ const genProCardStyle = token => {
       borderRadius: token.borderRadiusLG,
       transition: 'all 0.3s',
       ...resetComponent?.(token),
-      // 对齐 antd v6 Card：variant='borderless' 默认就有 boxShadowTertiary 浅阴影。
-      // 用 :not(&-border):not(&-box-shadow) 把显式 -box-shadow（boxShadowCard 重阴影）
-      // 和 -hoverable:hover（hover 也走 boxShadowCard）排除掉，确保它们的优先级更高。
-      '&&:not(&-border):not(&-box-shadow):not(&-filled)': {
-        boxShadow: token.boxShadowTertiary
-      },
       '&-box-shadow': {
-        boxShadow: token.boxShadowCard,
+        boxShadow: token.boxShadowTertiary,
         borderColor: 'transparent'
       },
       '&-col': {
@@ -64,17 +58,12 @@ const genProCardStyle = token => {
       '&-border': {
         border: `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}`
       },
-      '&-filled': {
-        backgroundColor: token.colorFillAlter,
-        borderColor: 'transparent',
-        boxShadow: 'none'
-      },
       '&-hoverable': {
         cursor: 'pointer',
         transition: 'box-shadow 0.3s, border-color 0.3s',
         '&:hover': {
           borderColor: 'transparent',
-          boxShadow: token.boxShadowCard
+          boxShadow: token.boxShadowTertiary
         },
         [`&${componentCls}-checked:hover`]: {
           borderColor: token.controlOutline
@@ -102,6 +91,8 @@ const genProCardStyle = token => {
       },
       '&&-ghost': {
         backgroundColor: 'transparent',
+        border: 'none',
+        boxShadow: 'none',
         [`> ${componentCls}`]: {
           '&-header': {
             paddingInlineEnd: 0,
@@ -237,47 +228,55 @@ const genProCardStyle = token => {
       }
     },
     [`${componentCls}-tabs`]: {
-      [`${token.antCls}-tabs-top > ${token.antCls}-tabs-nav`]: {
-        marginBlockEnd: 0,
-        [`${token.antCls}-tabs-nav-list`]: {
-          marginBlockStart: token.marginXS,
-          paddingInlineStart: token.padding
-        }
-      },
-      [`${token.antCls}-tabs-bottom > ${token.antCls}-tabs-nav`]: {
-        marginBlockEnd: 0,
-        [`${token.antCls}-tabs-nav-list`]: {
-          paddingInlineStart: token.padding
-        }
-      },
-      [`${token.antCls}-tabs-left`]: {
-        [`${token.antCls}-tabs-content-holder`]: {
+      [`&${token.antCls}-tabs-top`]: {
+        [`> ${token.antCls}-tabs-nav`]: {
+          marginBlockEnd: 0,
+          [`${token.antCls}-tabs-nav-list`]: {
+            paddingInlineStart: token.paddingLG
+          }
+        },
+        [`> ${token.antCls}-tabs-body-holder`]: {
           [`${token.antCls}-tabs-content`]: {
-            [`${token.antCls}-tabs-tabpane`]: {
-              paddingInlineStart: 0
-            }
+            padding: token.paddingLG
           }
         }
       },
-      // 这里是为了保证 tabs 的高度和左侧的一致
-      [`${token.antCls}-tabs-left > ${token.antCls}-tabs-nav`]: {
-        marginInlineEnd: 0,
-        [`${token.antCls}-tabs-nav-list`]: {
-          paddingBlockStart: token.padding
+      [`&${token.antCls}-tabs-bottom`]: {
+        [`> ${token.antCls}-tabs-nav`]: {
+          marginBlockEnd: 0,
+          [`${token.antCls}-tabs-nav-list`]: {
+            paddingInlineStart: token.paddingLG
+          }
+        },
+        [`> ${token.antCls}-tabs-body-holder`]: {
+          [`${token.antCls}-tabs-content`]: {
+            padding: token.paddingLG
+          }
         }
       },
-      [`${token.antCls}-tabs-right`]: {
-        [`${token.antCls}-tabs-content-holder`]: {
+      [`&${token.antCls}-tabs-left`]: {
+        [`> ${token.antCls}-tabs-nav`]: {
+          marginInlineEnd: 0,
+          [`${token.antCls}-tabs-nav-list`]: {
+            paddingBlockStart: token.padding
+          }
+        },
+        [`> ${token.antCls}-tabs-body-holder`]: {
           [`${token.antCls}-tabs-content`]: {
-            [`${token.antCls}-tabs-tabpane`]: {
-              paddingInlineStart: 0
-            }
+            padding: token.paddingLG
           }
         }
       },
-      [`${token.antCls}-tabs-right > ${token.antCls}-tabs-nav`]: {
-        [`${token.antCls}-tabs-nav-list`]: {
-          paddingBlockStart: token.padding
+      [`&${token.antCls}-tabs-right`]: {
+        [`> ${token.antCls}-tabs-nav`]: {
+          [`${token.antCls}-tabs-nav-list`]: {
+            paddingBlockStart: token.padding
+          }
+        },
+        [`> ${token.antCls}-tabs-body-holder`]: {
+          [`${token.antCls}-tabs-content`]: {
+            padding: token.paddingLG
+          }
         }
       }
     }
@@ -323,10 +322,7 @@ export default function useStyle(prefixCls) {
   return useAntdStyle('ProCard', token => {
     const proCardToken = {
       ...token,
-      componentCls: `.${prefixCls}`,
-      // antd v6 运行时注入了 boxShadowCard，但 GlobalToken 类型里没有声明，
-      // 这里从原始 token 上透传一次。
-      boxShadowCard: token.boxShadowCard ?? token.boxShadow
+      componentCls: `.${prefixCls}`
     };
     return [genProCardStyle(proCardToken), getGridStyleByCls(proCardToken.componentCls)];
   });

package/es/card/typing.d.ts

@@ -63,7 +63,7 @@ type CardPropsBase = Pick<AntdCardProps, 'rootClassName' | 'cover'> & {
     /** 拆分卡片方式 */
     split?: 'vertical' | 'horizontal';
     /** 卡片变体，与 antd Card variant 一致 */
-    variant?: 'outlined' | 'borderless' | 'filled';
+    variant?: 'outlined' | 'borderless';
     /**
      * 鼠标移过时可浮起
      *

package/es/descriptions/ProDescriptions.js

@@ -125,9 +125,9 @@ const ProDescriptions = props => {
               minWidth: 0
             }
           },
-          extra: rest.extra ? /*#__PURE__*/_jsxs(Space, {
+          extra: options || rest.extra ? /*#__PURE__*/_jsxs(Space, {
             children: [options, rest.extra]
-          }) : options,
+          }) : undefined,
           title: title,
           items: children
         })

package/es/field/PureProField.js

@@ -45,7 +45,7 @@ export const pureRenderRead = (dataValue, valueType, props, valueTypeMap) => {
     }, /*#__PURE__*/_jsx(_Fragment, {
       children: dataValue
     }));
-    if (props?.render) {
+    if (props?.render && valueType !== 'option') {
       return props.render?.(dataValue, {
         text: dataValue,
         ...props

package/es/field/components/Options/index.js

@@ -42,9 +42,9 @@ const FieldOptions = ({
       mode: type,
       ...fieldProps
     }, /*#__PURE__*/_jsx(_Fragment, {}));
-    if (!doms || doms?.length < 1 || !Array.isArray(doms)) {
-      return null;
-    }
+    if (!doms) return null;
+    if (!Array.isArray(doms)) return doms;
+    if (doms.length < 1) return null;
     return /*#__PURE__*/_jsx("div", {
       style: {
         display: 'flex',

package/es/form/components/List/ListItem.js

@@ -26,6 +26,7 @@ const listToArray = children => {
  * 这是一个纯渲染辅助函数（不含任何 hook），可以在条件分支中安全调用。
  */
 function renderActionIcon({
+  key,
   iconProps,
   defaultIcon: DefaultIcon,
   actionClassName,
@@ -46,7 +47,7 @@ function renderActionIcon({
       className: clsx(`${prefixCls}-action-icon`, actionClassName, hashId),
       onClick: onClick
     })
-  });
+  }, key);
 }
 const ProFormListItem = props => {
   const {
@@ -140,6 +141,7 @@ const ProFormListItem = props => {
 
   // 4 个操作 icon 无条件调用 renderActionIcon（纯函数，无 hook），通过 hidden 控制是否渲染
   const copyIcon = renderActionIcon({
+    key: 'copy',
     iconProps: copyIconProps,
     defaultIcon: CopyOutlined,
     actionClassName: 'action-copy',
@@ -155,6 +157,7 @@ const ProFormListItem = props => {
     }
   });
   const deleteIcon = renderActionIcon({
+    key: 'delete',
     iconProps: deleteIconProps,
     defaultIcon: DeleteOutlined,
     actionClassName: 'action-remove',
@@ -171,6 +174,7 @@ const ProFormListItem = props => {
     }
   });
   const upIcon = renderActionIcon({
+    key: 'up',
     iconProps: upIconProps,
     defaultIcon: ArrowUpOutlined,
     actionClassName: 'action-up',
@@ -182,6 +186,7 @@ const ProFormListItem = props => {
     }
   });
   const downIcon = renderActionIcon({
+    key: 'down',
     iconProps: downIconProps,
     defaultIcon: ArrowDownOutlined,
     actionClassName: 'action-down',

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

@@ -1,6 +1,6 @@
 import { ArrowLeftOutlined, ArrowRightOutlined } from '@ant-design/icons';
 import ResizeObserver from '@rc-component/resize-observer';
-import { Avatar, Breadcrumb, ConfigProvider, Space } from 'antd';
+import { Avatar, Breadcrumb, Button, ConfigProvider, Space } from 'antd';
 import { clsx } from 'clsx';
 import React from 'react';
 import useStyle from "./style";
@@ -12,14 +12,13 @@ const renderBack = (prefixCls, hashId, backIcon, onBack) => {
   }
   return /*#__PURE__*/_jsx("div", {
     className: clsx(`${prefixCls}-back`, hashId),
-    children: /*#__PURE__*/_jsx("div", {
-      role: "button",
-      onClick: e => {
-        onBack?.(e);
-      },
+    children: /*#__PURE__*/_jsx(Button, {
+      type: "text",
+      size: "small",
+      onClick: onBack,
       className: clsx(`${prefixCls}-back-button`, hashId),
       "aria-label": "back",
-      children: backIcon
+      icon: backIcon
     })
   });
 };

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

@@ -1,4 +1,4 @@
-import { operationUnit, resetComponent, useStyle as useAntdStyle } from "../../../../utils";
+import { resetComponent, useStyle as useAntdStyle } from "../../../../utils";
 const textOverflowEllipsis = () => ({
   overflow: 'hidden',
   whiteSpace: 'nowrap',
@@ -30,9 +30,7 @@ const genPageHeaderStyle = token => {
         lineHeight: 1,
         '&-button': {
           fontSize: 16,
-          ...operationUnit?.(token),
-          color: token.pageHeaderColorBack,
-          cursor: 'pointer'
+          color: token.pageHeaderColorBack
         },
         [`${token.componentCls}-rlt &`]: {
           float: 'right',

package/lib/card/components/Card/index.js

@@ -118,7 +118,7 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   /**
    * 根据响应式获取 gutter, 参考 antd 实现
    *
-   * @param gutter Gutter
+   * @param gut
    */
   const getNormalizedGutter = gut => {
     const results = [0, 0];
@@ -215,7 +215,6 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   });
   const cardCls = (0, _clsx.clsx)(`${prefixCls}`, className, rootClassName, hashId, classNames?.root, {
     [`${prefixCls}-border`]: variant === 'outlined',
-    [`${prefixCls}-filled`]: variant === 'filled',
     [`${prefixCls}-box-shadow`]: boxShadow,
     [`${prefixCls}-contain-card`]: containProCard,
     [`${prefixCls}-loading`]: loading,
@@ -307,17 +306,15 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       className: (0, _clsx.clsx)(`${prefixCls}-cover`, hashId, classNames?.cover),
       style: mergedStyles.cover,
       children: cover
-    }), tabs ?
-    /*#__PURE__*/
-    // antd v5 Tabs 仅通过 items 渲染，传 children 会被忽略。
-    // loading 状态下，把骨架屏放到 Tabs 容器外层，避免 children 被吞。
-    (0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.clsx)(`${prefixCls}-tabs`, hashId),
-      children: loading ? loadingDOM : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
-        onChange: tabs.onChange,
-        ...(0, _util.omit)(tabs, ['cardProps']),
-        items: ModifyTabItemsContent
-      })
+    }), tabs ? loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: bodyCls,
+      style: mergedStyles.body,
+      children: loadingDOM
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
+      onChange: tabs.onChange,
+      ...(0, _util.omit)(tabs, ['cardProps']),
+      items: ModifyTabItemsContent,
+      className: (0, _clsx.clsx)(`${prefixCls}-tabs`, hashId)
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: bodyCls,
       style: mergedStyles.body,

package/lib/card/components/Card/style.js

@@ -31,14 +31,8 @@ const genProCardStyle = token => {
       borderRadius: token.borderRadiusLG,
       transition: 'all 0.3s',
       ...(0, _utils.resetComponent)?.(token),
-      // 对齐 antd v6 Card：variant='borderless' 默认就有 boxShadowTertiary 浅阴影。
-      // 用 :not(&-border):not(&-box-shadow) 把显式 -box-shadow（boxShadowCard 重阴影）
-      // 和 -hoverable:hover（hover 也走 boxShadowCard）排除掉，确保它们的优先级更高。
-      '&&:not(&-border):not(&-box-shadow):not(&-filled)': {
-        boxShadow: token.boxShadowTertiary
-      },
       '&-box-shadow': {
-        boxShadow: token.boxShadowCard,
+        boxShadow: token.boxShadowTertiary,
         borderColor: 'transparent'
       },
       '&-col': {
@@ -70,17 +64,12 @@ const genProCardStyle = token => {
       '&-border': {
         border: `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}`
       },
-      '&-filled': {
-        backgroundColor: token.colorFillAlter,
-        borderColor: 'transparent',
-        boxShadow: 'none'
-      },
       '&-hoverable': {
         cursor: 'pointer',
         transition: 'box-shadow 0.3s, border-color 0.3s',
         '&:hover': {
           borderColor: 'transparent',
-          boxShadow: token.boxShadowCard
+          boxShadow: token.boxShadowTertiary
         },
         [`&${componentCls}-checked:hover`]: {
           borderColor: token.controlOutline
@@ -108,6 +97,8 @@ const genProCardStyle = token => {
       },
       '&&-ghost': {
         backgroundColor: 'transparent',
+        border: 'none',
+        boxShadow: 'none',
         [`> ${componentCls}`]: {
           '&-header': {
             paddingInlineEnd: 0,
@@ -243,47 +234,55 @@ const genProCardStyle = token => {
       }
     },
     [`${componentCls}-tabs`]: {
-      [`${token.antCls}-tabs-top > ${token.antCls}-tabs-nav`]: {
-        marginBlockEnd: 0,
-        [`${token.antCls}-tabs-nav-list`]: {
-          marginBlockStart: token.marginXS,
-          paddingInlineStart: token.padding
-        }
-      },
-      [`${token.antCls}-tabs-bottom > ${token.antCls}-tabs-nav`]: {
-        marginBlockEnd: 0,
-        [`${token.antCls}-tabs-nav-list`]: {
-          paddingInlineStart: token.padding
-        }
-      },
-      [`${token.antCls}-tabs-left`]: {
-        [`${token.antCls}-tabs-content-holder`]: {
+      [`&${token.antCls}-tabs-top`]: {
+        [`> ${token.antCls}-tabs-nav`]: {
+          marginBlockEnd: 0,
+          [`${token.antCls}-tabs-nav-list`]: {
+            paddingInlineStart: token.paddingLG
+          }
+        },
+        [`> ${token.antCls}-tabs-body-holder`]: {
           [`${token.antCls}-tabs-content`]: {
-            [`${token.antCls}-tabs-tabpane`]: {
-              paddingInlineStart: 0
-            }
+            padding: token.paddingLG
           }
         }
       },
-      // 这里是为了保证 tabs 的高度和左侧的一致
-      [`${token.antCls}-tabs-left > ${token.antCls}-tabs-nav`]: {
-        marginInlineEnd: 0,
-        [`${token.antCls}-tabs-nav-list`]: {
-          paddingBlockStart: token.padding
+      [`&${token.antCls}-tabs-bottom`]: {
+        [`> ${token.antCls}-tabs-nav`]: {
+          marginBlockEnd: 0,
+          [`${token.antCls}-tabs-nav-list`]: {
+            paddingInlineStart: token.paddingLG
+          }
+        },
+        [`> ${token.antCls}-tabs-body-holder`]: {
+          [`${token.antCls}-tabs-content`]: {
+            padding: token.paddingLG
+          }
         }
       },
-      [`${token.antCls}-tabs-right`]: {
-        [`${token.antCls}-tabs-content-holder`]: {
+      [`&${token.antCls}-tabs-left`]: {
+        [`> ${token.antCls}-tabs-nav`]: {
+          marginInlineEnd: 0,
+          [`${token.antCls}-tabs-nav-list`]: {
+            paddingBlockStart: token.padding
+          }
+        },
+        [`> ${token.antCls}-tabs-body-holder`]: {
           [`${token.antCls}-tabs-content`]: {
-            [`${token.antCls}-tabs-tabpane`]: {
-              paddingInlineStart: 0
-            }
+            padding: token.paddingLG
           }
         }
       },
-      [`${token.antCls}-tabs-right > ${token.antCls}-tabs-nav`]: {
-        [`${token.antCls}-tabs-nav-list`]: {
-          paddingBlockStart: token.padding
+      [`&${token.antCls}-tabs-right`]: {
+        [`> ${token.antCls}-tabs-nav`]: {
+          [`${token.antCls}-tabs-nav-list`]: {
+            paddingBlockStart: token.padding
+          }
+        },
+        [`> ${token.antCls}-tabs-body-holder`]: {
+          [`${token.antCls}-tabs-content`]: {
+            padding: token.paddingLG
+          }
         }
       }
     }
@@ -329,10 +328,7 @@ function useStyle(prefixCls) {
   return (0, _utils.useStyle)('ProCard', token => {
     const proCardToken = {
       ...token,
-      componentCls: `.${prefixCls}`,
-      // antd v6 运行时注入了 boxShadowCard，但 GlobalToken 类型里没有声明，
-      // 这里从原始 token 上透传一次。
-      boxShadowCard: token.boxShadowCard ?? token.boxShadow
+      componentCls: `.${prefixCls}`
     };
     return [genProCardStyle(proCardToken), getGridStyleByCls(proCardToken.componentCls)];
   });

package/lib/card/typing.d.ts

@@ -63,7 +63,7 @@ type CardPropsBase = Pick<AntdCardProps, 'rootClassName' | 'cover'> & {
     /** 拆分卡片方式 */
     split?: 'vertical' | 'horizontal';
     /** 卡片变体，与 antd Card variant 一致 */
-    variant?: 'outlined' | 'borderless' | 'filled';
+    variant?: 'outlined' | 'borderless';
     /**
      * 鼠标移过时可浮起
      *

package/lib/descriptions/ProDescriptions.js

@@ -132,9 +132,9 @@ const ProDescriptions = props => {
               minWidth: 0
             }
           },
-          extra: rest.extra ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+          extra: options || rest.extra ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
             children: [options, rest.extra]
-          }) : options,
+          }) : undefined,
           title: title,
           items: children
         })

package/lib/field/PureProField.js

@@ -51,7 +51,7 @@ const pureRenderRead = (dataValue, valueType, props, valueTypeMap) => {
     }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: dataValue
     }));
-    if (props?.render) {
+    if (props?.render && valueType !== 'option') {
       return props.render?.(dataValue, {
         text: dataValue,
         ...props

package/lib/field/components/Options/index.js

@@ -48,9 +48,9 @@ const FieldOptions = ({
       mode: type,
       ...fieldProps
     }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}));
-    if (!doms || doms?.length < 1 || !Array.isArray(doms)) {
-      return null;
-    }
+    if (!doms) return null;
+    if (!Array.isArray(doms)) return doms;
+    if (doms.length < 1) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
         display: 'flex',

package/lib/form/components/List/ListItem.js

@@ -32,6 +32,7 @@ const listToArray = children => {
  * 这是一个纯渲染辅助函数（不含任何 hook），可以在条件分支中安全调用。
  */
 function renderActionIcon({
+  key,
   iconProps,
   defaultIcon: DefaultIcon,
   actionClassName,
@@ -52,7 +53,7 @@ function renderActionIcon({
       className: (0, _clsx.clsx)(`${prefixCls}-action-icon`, actionClassName, hashId),
       onClick: onClick
     })
-  });
+  }, key);
 }
 const ProFormListItem = props => {
   const {
@@ -146,6 +147,7 @@ const ProFormListItem = props => {
 
   // 4 个操作 icon 无条件调用 renderActionIcon（纯函数，无 hook），通过 hidden 控制是否渲染
   const copyIcon = renderActionIcon({
+    key: 'copy',
     iconProps: copyIconProps,
     defaultIcon: _icons.CopyOutlined,
     actionClassName: 'action-copy',
@@ -161,6 +163,7 @@ const ProFormListItem = props => {
     }
   });
   const deleteIcon = renderActionIcon({
+    key: 'delete',
     iconProps: deleteIconProps,
     defaultIcon: _icons.DeleteOutlined,
     actionClassName: 'action-remove',
@@ -177,6 +180,7 @@ const ProFormListItem = props => {
     }
   });
   const upIcon = renderActionIcon({
+    key: 'up',
     iconProps: upIconProps,
     defaultIcon: _icons.ArrowUpOutlined,
     actionClassName: 'action-up',
@@ -188,6 +192,7 @@ const ProFormListItem = props => {
     }
   });
   const downIcon = renderActionIcon({
+    key: 'down',
     iconProps: downIconProps,
     defaultIcon: _icons.ArrowDownOutlined,
     actionClassName: 'action-down',

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

@@ -18,14 +18,13 @@ const renderBack = (prefixCls, hashId, backIcon, onBack) => {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _clsx.clsx)(`${prefixCls}-back`, hashId),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      role: "button",
-      onClick: e => {
-        onBack?.(e);
-      },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+      type: "text",
+      size: "small",
+      onClick: onBack,
       className: (0, _clsx.clsx)(`${prefixCls}-back-button`, hashId),
       "aria-label": "back",
-      children: backIcon
+      icon: backIcon
     })
   });
 };

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

@@ -36,9 +36,7 @@ const genPageHeaderStyle = token => {
         lineHeight: 1,
         '&-button': {
           fontSize: 16,
-          ...(0, _utils.operationUnit)?.(token),
-          color: token.pageHeaderColorBack,
-          cursor: 'pointer'
+          color: token.pageHeaderColorBack
         },
         [`${token.componentCls}-rlt &`]: {
           float: 'right',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/pro-components",
-  "version": "3.1.13-0",
+  "version": "3.1.14-1",
   "description": "All-in-one package of @ant-design/pro-components",
   "keywords": [
     "antd",