@ant-design/pro-components 3.1.4-0 → 3.1.6-0

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

@@ -41,7 +41,7 @@ const renderFooter = ({
 }) => {
   if (Array.isArray(tabList) || tabBarExtraContent) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
-      className: `${prefixedClassName}-tabs ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${prefixedClassName}-tabs`, hashId),
       activeKey: tabActiveKey,
       onChange: key => {
         if (onTabChange) {
@@ -64,16 +64,16 @@ const renderPageHeader = (content, extraContent, prefixedClassName, hashId) => {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: `${prefixedClassName}-detail ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(`${prefixedClassName}-detail`, hashId),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${prefixedClassName}-main ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${prefixedClassName}-main`, hashId),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${prefixedClassName}-row ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixedClassName}-row`, hashId),
         children: [content && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixedClassName}-content ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${prefixedClassName}-content`, hashId),
           children: content
         }), extraContent && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixedClassName}-extraContent ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${prefixedClassName}-extraContent`, hashId),
           children: extraContent
         })]
       })
@@ -161,7 +161,7 @@ const memoRenderPageHeader = props => {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PageHeader.PageHeader, {
     ...pageHeaderProps,
-    className: `${prefixedClassName}-warp-page-header ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(`${prefixedClassName}-warp-page-header`, hashId),
     breadcrumb: breadcrumbRender === false ? undefined : {
       ...pageHeaderProps.breadcrumb,
       ...value.breadcrumbProps
@@ -282,9 +282,9 @@ const PageContainerBase = props => {
       (0, _jsxRuntime.jsx)(_antd.Affix, {
         offsetTop: value.hasHeader && value.fixedHeader ? token.layout?.header?.heightLayoutHeader : 1,
         ...affixProps,
-        className: `${basePageContainer}-affix ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${basePageContainer}-affix`, hashId),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${basePageContainer}-warp ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${basePageContainer}-warp`, hashId),
           children: pageHeaderDom
         })
       }) : pageHeaderDom, renderContentDom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridContent.GridContent, {

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

@@ -17,13 +17,13 @@ const renderBack = (prefixCls, hashId, backIcon, onBack) => {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: `${prefixCls}-back ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(`${prefixCls}-back`, hashId),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       role: "button",
       onClick: e => {
         onBack?.(e);
       },
-      className: `${prefixCls}-back-button ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${prefixCls}-back-button`, hashId),
       "aria-label": "back",
       children: backIcon
     })
@@ -61,26 +61,26 @@ const renderTitle = (prefixCls, props, direction = 'ltr', hashId) => {
   const backIconDom = renderBack(prefixCls, hashId, backIcon, onBack);
   const hasTitle = backIconDom || avatar || hasHeading;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: headingPrefixCls + ' ' + hashId,
+    className: (0, _clsx.clsx)(headingPrefixCls, hashId),
     children: [hasTitle && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: `${headingPrefixCls}-left ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${headingPrefixCls}-left`, hashId),
       children: [backIconDom, avatar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Avatar, {
         className: (0, _clsx.clsx)(`${headingPrefixCls}-avatar`, hashId, avatar.className),
         ...avatar
       }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${headingPrefixCls}-title ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${headingPrefixCls}-title`, hashId),
         title: typeof title === 'string' ? title : undefined,
         children: title
       }), subTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${headingPrefixCls}-sub-title ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${headingPrefixCls}-sub-title`, hashId),
         title: typeof subTitle === 'string' ? subTitle : undefined,
         children: subTitle
       }), tags && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${headingPrefixCls}-tags ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${headingPrefixCls}-tags`, hashId),
         children: tags
       })]
     }), extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: `${headingPrefixCls}-extra ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${headingPrefixCls}-extra`, hashId),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
         children: extra
       })
@@ -90,14 +90,14 @@ const renderTitle = (prefixCls, props, direction = 'ltr', hashId) => {
 const renderFooter = (prefixCls, footer, hashId) => {
   if (footer) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${prefixCls}-footer ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${prefixCls}-footer`, hashId),
       children: footer
     });
   }
   return null;
 };
 const renderChildren = (prefixCls, children, hashId) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-  className: `${prefixCls}-content ${hashId}`.trim(),
+  className: (0, _clsx.clsx)(`${prefixCls}-content`, hashId),
   children: children
 });
 const PageHeader = props => {

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

@@ -25,12 +25,12 @@ const BlockCheckbox = ({
         className: (0, _clsx.clsx)(hashId, `${baseClassName}-item`, `${baseClassName}-item-${item.key}`, `${baseClassName}-${configType}-item`),
         onClick: () => onChange(item.key),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckOutlined, {
-          className: `${baseClassName}-selectIcon ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${baseClassName}-selectIcon`, hashId),
           style: {
             display: value === item.key ? 'block' : 'none'
           }
         }), item?.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${baseClassName}-icon ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${baseClassName}-icon`, hashId),
           children: item.icon
         }) : null]
       })

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderLayoutSettingItem = exports.LayoutSetting = void 0;
 var _antd = require("antd");
+var _clsx = require("clsx");
 var _react = _interopRequireDefault(require("react"));
 var _defaultSettings = require("../../defaultSettings");
 var _index = require("./index");
@@ -44,7 +45,7 @@ const LayoutSetting = ({
     fixSiderbar
   } = settings || _defaultSettings.defaultSettings;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List, {
-    className: `${prefixCls}-list ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(`${prefixCls}-list`, hashId),
     split: false,
     dataSource: [{
       title: formatMessage({
@@ -54,7 +55,7 @@ const LayoutSetting = ({
       action: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Select, {
         value: contentWidth || 'Fixed',
         size: "small",
-        className: `content-width ${hashId}`.trim(),
+        className: (0, _clsx.clsx)('content-width', hashId),
         onSelect: value => {
           changeSetting('contentWidth', value);
         },

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RegionalSetting = void 0;
 var _antd = require("antd");
+var _clsx = require("clsx");
 var _react = _interopRequireDefault(require("react"));
 var _index = require("./index");
 var _LayoutChange = require("./LayoutChange");
@@ -19,7 +20,7 @@ const RegionalSetting = ({
   const formatMessage = (0, _index.getFormatMessage)();
   const regionalSetting = ['header', 'footer', 'menu', 'menuHeader'];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List, {
-    className: `${prefixCls}-list ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(`${prefixCls}-list`, hashId),
     split: false,
     renderItem: _LayoutChange.renderLayoutSettingItem,
     dataSource: regionalSetting.map(key => {
@@ -29,7 +30,7 @@ const RegionalSetting = ({
         }),
         action: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
           size: "small",
-          className: `regional-${key} ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`regional-${key}`, hashId),
           checked: settings[`${key}Render`] || settings[`${key}Render`] === undefined,
           onChange: checked => changeSetting(`${key}Render`, checked === true ? undefined : false)
         })

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ThemeColor = void 0;
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
+var _clsx = require("clsx");
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 const Tag = /*#__PURE__*/_react.default.forwardRef(({
@@ -34,7 +35,7 @@ const ThemeColor = ({
   }
   const baseClassName = `${prefixCls}-theme-color`;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: `${baseClassName} ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(baseClassName, hashId),
     children: colorList?.map(({
       key,
       color,
@@ -46,7 +47,7 @@ const ThemeColor = ({
           id: `app.setting.themecolor.${key}`
         }),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
-          className: `${baseClassName}-block ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${baseClassName}-block`, hashId),
           color: color,
           check: value === color,
           onClick: () => onChange && onChange(color)

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

@@ -9,6 +9,7 @@ var _icons = require("@ant-design/icons");
 var _util = require("@rc-component/util");
 var _useParams = require("@umijs/use-params");
 var _antd = require("antd");
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../../utils");
 var _defaultSettings = require("../../defaultSettings");
@@ -32,7 +33,7 @@ const Body = ({
     marginBlockEnd: 12
   },
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-    className: `${prefixCls}-body-title ${hashId}`.trim(),
+    className: (0, _clsx.clsx)(`${prefixCls}-body-title`, hashId),
     children: title
   }), children]
 });
@@ -294,7 +295,7 @@ const SettingDrawer = props => {
   } = (0, _index.useStyle)(baseClassName);
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${baseClassName}-handle ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${baseClassName}-handle`, hashId),
       onClick: () => setOpen(!open),
       style: {
         width: 48,
@@ -323,7 +324,7 @@ const SettingDrawer = props => {
       },
       ...drawerProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${baseClassName}-drawer-content ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${baseClassName}-drawer-content`, hashId),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
           title: formatMessage({
             id: 'app.setting.pagestyle',
@@ -450,7 +451,7 @@ const SettingDrawer = props => {
               id: 'app.setting.othersettings'
             }),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.List, {
-              className: `${baseClassName}-list ${hashId}`.trim(),
+              className: (0, _clsx.clsx)(`${baseClassName}-list`, hashId),
               split: false,
               size: "small",
               renderItem: _LayoutChange.renderLayoutSettingItem,

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

@@ -112,7 +112,7 @@ class MenuUtil {
           [`${baseClassName}-item-collapsed-show-title`]: menu?.collapsedShowTitle && collapsed
         }),
         children: [menuType === 'group' && collapsed ? null : shouldHasIcon && iconDom ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: `${baseClassName}-item-icon ${this.props?.hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${baseClassName}-item-icon`, this.props?.hashId),
           children: iconDom
         }) : defaultIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _clsx.clsx)(`${baseClassName}-item-text`, this.props?.hashId, {
@@ -226,7 +226,7 @@ class MenuUtil {
         [`${baseClassName}-item-collapsed-show-title`]: menu?.collapsedShowTitle && collapsed
       }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${baseClassName}-item-icon ${this.props?.hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${baseClassName}-item-icon`, this.props?.hashId),
         style: {
           display: defaultIcon === null && !icon ? 'none' : ''
         },
@@ -256,7 +256,7 @@ class MenuUtil {
           [`${baseClassName}-item-collapsed-show-title`]: menu?.collapsedShowTitle && collapsed
         }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: `${baseClassName}-item-icon ${this.props?.hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${baseClassName}-item-icon`, this.props?.hashId),
           style: {
             display: defaultIcon === null && !icon ? 'none' : ''
           },

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

@@ -130,7 +130,7 @@ const SiderMenu = props => {
     style: {
       width: '100%'
     },
-    className: `${baseClassName}-menu ${hashId}`.trim()
+    className: (0, _clsx.clsx)(`${baseClassName}-menu`, hashId)
   }), [baseClassName, hashId, menuContentRender, onOpenChange, props]);
   const linksMenuItems = (links || []).map((node, index) => ({
     className: `${baseClassName}-link`,
@@ -170,7 +170,7 @@ const SiderMenu = props => {
       className: (0, _clsx.clsx)([`${baseClassName}-actions-list`, collapsed && `${baseClassName}-actions-list-collapsed`, hashId]),
       children: [actionsRender?.(props)].flat(1).map((item, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${baseClassName}-actions-list-item ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${baseClassName}-actions-list-item`, hashId),
           children: item
         }, index);
       })
@@ -238,10 +238,10 @@ const SiderMenu = props => {
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(SiderContext.Provider, {
       value: {},
       children: [links ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${baseClassName}-links ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${baseClassName}-links`, hashId),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Menu, {
           inlineIndent: 16,
-          className: `${baseClassName}-link-menu ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${baseClassName}-link-menu`, hashId),
           selectedKeys: [],
           openKeys: [],
           theme: theme,
@@ -284,7 +284,7 @@ const SiderMenu = props => {
       width: siderWidth,
       className: (0, _clsx.clsx)(siderClassName, hashId, hideMenuWhenCollapsedClassName),
       children: [hideMenuWhenCollapsedClassName ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${baseClassName}-hide-when-collapsed ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${baseClassName}-hide-when-collapsed`, hashId),
         style: {
           height: '100%',
           width: '100%',

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

@@ -87,7 +87,7 @@ const TopNavHeader = props => {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseMenu.BaseMenu, {
         theme: dark ? 'dark' : 'light',
         ...props,
-        className: `${prefixCls}-base-menu ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixCls}-base-menu`, hashId),
         ...props.menuProps,
         style: {
           width: '100%',
@@ -119,7 +119,7 @@ const TopNavHeader = props => {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppsLogoComponents.AppsLogoComponents, {
           ...props
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-logo ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${prefixCls}-logo`, hashId),
           id: "logo",
           children: headerDom
         }, "logo")]
@@ -127,7 +127,7 @@ const TopNavHeader = props => {
         style: {
           flex: 1
         },
-        className: `${prefixCls}-menu ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixCls}-menu`, hashId),
         children: contentDom
       }), (actionsRender || props.avatarProps) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionsContent.ActionsContent, {
         ...props,

package/lib/layout/utils/getBreadcrumbProps.js

@@ -48,7 +48,7 @@ const getBreadcrumb = (breadcrumbMap, url) => {
       try {
         if (path?.startsWith('http')) return false;
         return (0, _pathToRegexp.match)(path.replace('?', ''))(url);
-      } catch (error) {
+      } catch (_error) {
         return false;
       }
     }

package/lib/list/Item.d.ts

@@ -6,7 +6,7 @@ import type { ListGridType } from './ProListBase';
 export type RenderExpandIconProps<RecordType> = {
     prefixCls: string;
     expanded: boolean;
-    expandIcon: React.ReactNode | JSX.Element | ((props: {
+    expandIcon: React.ReactNode | React.JSX.Element | ((props: {
         onExpand: (expanded: boolean) => void;
         expanded: boolean;
         record: RecordType;
@@ -48,8 +48,8 @@ export type ItemProps<RecordType> = {
     record: RecordType;
     onRow?: GetComponentProps<RecordType>;
     onItem?: GetComponentProps<RecordType>;
-    itemHeaderRender?: ((item: RecordType, index: number, defaultDom: JSX.Element | null) => React.ReactNode) | false;
-    itemTitleRender?: ((item: RecordType, index: number, defaultDom: JSX.Element | null) => React.ReactNode) | false;
+    itemHeaderRender?: ((item: RecordType, index: number, defaultDom: React.JSX.Element | null) => React.ReactNode) | false;
+    itemTitleRender?: ((item: RecordType, index: number, defaultDom: React.JSX.Element | null) => React.ReactNode) | false;
 };
 declare function ProListItem<RecordType>(props: ItemProps<RecordType>): import("react/jsx-runtime").JSX.Element;
 export default ProListItem;

package/lib/list/Item.js

@@ -226,7 +226,14 @@ function ProListItem(props) {
             expanded,
             record
           })]
-        }), headerDom, actionsArray]
+        }), headerDom, actionsArray && actionsArray.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _clsx.clsx)(`${prefixCls}-item-action`, hashId),
+          onClick: e => e.stopPropagation(),
+          children: actionsArray.map((action, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: (0, _clsx.clsx)(`${prefixCls}-item-action-item`, hashId),
+            children: action
+          }, i))
+        }) : null]
       }), needExpanded && (content || expandedRowDom) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _clsx.clsx)(`${className}-content`, hashId),
         children: [content, expandedRowRender && rowSupportExpand && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/list/ListView.js

@@ -67,8 +67,7 @@ function ListView(props) {
       current = 1,
       pageSize = 10
     } = mergedPagination;
-    const currentPageData = dataSource.slice((current - 1) * pageSize, current * pageSize);
-    return currentPageData;
+    return dataSource.slice((current - 1) * pageSize, current * pageSize);
   }, [dataSource, mergedPagination, pagination]);
   const prefixCls = getPrefixCls('pro-list', customizePrefixCls);
 

package/lib/list/ProListBase.d.ts

@@ -35,7 +35,7 @@ export interface ListProps<T = any> {
     pagination?: PaginationConfig | false;
     prefixCls?: string;
     rowKey?: ((item: T) => React.Key) | keyof T;
-    renderItem?: (item: T, index: number, defaultDom: JSX.Element | null) => React.ReactNode;
+    renderItem?: (item: T, index: number, defaultDom: React.JSX.Element | null) => React.ReactNode;
     size?: ListSize;
     split?: boolean;
     header?: React.ReactNode;

package/lib/list/ProListBase.js

@@ -8,7 +8,6 @@ exports.ProListItemMeta = exports.ProListItem = exports.ProListContext = exports
 var _antd = require("antd");
 var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
-var _useMediaQuery = require("../utils/useMediaQuery");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 内部 List 容器与 List.Item / List.Item.Meta 实现，用于替代 antd List（antd List 已停止维护）
@@ -186,29 +185,41 @@ const ProListContainerInner = /*#__PURE__*/_react.default.forwardRef(function Pr
       children: renderItem(item, index, null)
     }, key);
   };
-  const breakpoint = (0, _useMediaQuery.useBreakpoint)();
+  const rawScreens = _antd.Grid.useBreakpoint();
+  const defaultScreens = {
+    xs: true,
+    sm: true,
+    md: true,
+    lg: false,
+    xl: false,
+    xxl: false
+  };
+  const screens = (0, _react.useMemo)(() => {
+    if (rawScreens == null) return defaultScreens;
+    return {
+      xxl: rawScreens.xxl ?? defaultScreens.xxl,
+      xl: rawScreens.xl ?? defaultScreens.xl,
+      lg: rawScreens.lg ?? defaultScreens.lg,
+      md: rawScreens.md ?? defaultScreens.md,
+      sm: rawScreens.sm ?? defaultScreens.sm,
+      xs: rawScreens.xs ?? defaultScreens.xs
+    };
+  }, [rawScreens]);
 
   /**
-   * 根据当前断点获取列数
+   * 根据当前断点获取列数，与 antd Grid/Card 响应式逻辑一致
    */
   const getResponsiveColumn = (0, _react.useMemo)(() => {
     if (!grid) return 1;
-    const breakpoints = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
-    const currentBreakpoint = breakpoint || 'md';
-    const startIndex = breakpoints.indexOf(currentBreakpoint);
-
-    // 从当前断点开始，向下查找第一个已定义的列数
-    for (let i = startIndex; i < breakpoints.length; i++) {
-      const bp = breakpoints[i];
-      const colCount = grid[bp];
-      if (colCount !== undefined) {
-        return colCount;
+    const responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+    for (let i = 0; i < responsiveArray.length; i += 1) {
+      const breakpoint = responsiveArray[i];
+      if (screens[breakpoint] && grid[breakpoint] !== undefined) {
+        return grid[breakpoint];
       }
     }
-
-    // 最后使用 column 默认值，确保不为 0（避免除以零）
     return grid.column || 1;
-  }, [grid, breakpoint]);
+  }, [grid, screens]);
 
   /**
    * 计算 grid 容器样式（flex 布局）
@@ -281,24 +292,15 @@ const ProListContainerInner = /*#__PURE__*/_react.default.forwardRef(function Pr
         style: colStyle,
         children: child
       }, child?.key ?? idx))
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: `${prefixCls}-items`,
-      children: items
-    });
-  } else if (!children && !isLoading) {
+    }) : items;
+  } else if (!children) {
     const emptyContent = locale?.emptyText ?? (typeof renderEmpty === 'function' ? renderEmpty('List') : null) ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Empty, {
-      description: "\u6682\u65E0\u6570\u636E"
+      image: _antd.Empty.PRESENTED_IMAGE_SIMPLE
     });
     childrenContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `${prefixCls}-empty-text`,
       children: emptyContent
     });
-  } else if (isLoading) {
-    childrenContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        minHeight: 53
-      }
-    });
   } else {
     childrenContent = children;
   }
@@ -338,18 +340,22 @@ const ProListContainerInner = /*#__PURE__*/_react.default.forwardRef(function Pr
   }, propHashId, className, rootClassName);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProListContext.Provider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref,
       style: style,
       className: classString,
       ...rest,
-      children: [showPaginationTop && paginationNode, header && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-header`,
-        children: header
-      }), childrenContent, children, footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-footer`,
-        children: footer
-      }), loadMore, showPaginationBottom && paginationNode]
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Spin, {
+        spinning: isLoading,
+        delay: 100,
+        children: [showPaginationTop && paginationNode, header && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-header`,
+          children: header
+        }), childrenContent, footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-footer`,
+          children: footer
+        }), loadMore, showPaginationBottom && paginationNode]
+      })
     })
   });
 });

package/lib/list/style/index.js

@@ -26,6 +26,16 @@ const genProListStyle = token => {
         boxSizing: 'border-box'
       },
       backgroundColor: 'transparent',
+      // 确保链接使用默认链接颜色，不被父元素的文本颜色覆盖
+      a: {
+        color: token.colorLink,
+        '&:hover': {
+          color: token.colorLinkHover
+        },
+        '&:active': {
+          color: token.colorLinkActive
+        }
+      },
       [`${token.proComponentsCls}-table-alert`]: {
         marginBlockEnd: token.margin
       },
@@ -329,6 +339,9 @@ const genProListStyle = token => {
           justifyContent: 'flex-start',
           width: '100%',
           minWidth: 0,
+          [`${token.proComponentsCls}-list-item-action`]: {
+            alignSelf: 'center'
+          },
           h4: {
             margin: 0,
             padding: 0,

package/lib/provider/index.d.ts

@@ -75,7 +75,7 @@ export type ProRenderFieldPropsType = {
      * @params dom 默认的 dom
      * @return 返回一个用于读的 dom
      */
-    render?: ((text: any, props: Omit<ProFieldFCRenderProps, 'value' | 'onChange'>, dom: JSX.Element) => JSX.Element) | undefined;
+    render?: ((text: any, props: Omit<ProFieldFCRenderProps, 'value' | 'onChange'>, dom: React.JSX.Element) => React.JSX.Element) | undefined;
     /**
      * 一个自定义的编辑渲染器。
      * @params text 默认的值类型
@@ -83,7 +83,7 @@ export type ProRenderFieldPropsType = {
      * @params dom 默认的 dom
      * @return 返回一个用于编辑的dom
      */
-    formItemRender?: ((text: any, props: ProFieldFCRenderProps, dom: JSX.Element) => JSX.Element) | undefined;
+    formItemRender?: ((text: any, props: ProFieldFCRenderProps, dom: React.JSX.Element) => React.JSX.Element) | undefined;
 };
 export type ParamsType = Record<string, any>;
 /**

package/lib/table/Table.js

@@ -721,19 +721,28 @@ const ProTable = props => {
     hideToolbar,
     toolbarDom
   });
-  const tableAreaDom = cardProps === false || notNeedCardDom || !!props.name ? tableContentDom : /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.default, {
+
+  /** ProTable：有搜索/工具栏/标题时使用卡片包裹；可编辑表格（name）不包裹 */
+  /** ProList：始终使用卡片包裹（除非 cardProps 为 false） */
+  const useCard = (0, _react.useMemo)(() => {
+    const useCardForTable = cardProps !== false && !props.name && !notNeedCardDom;
+    const useCardForList = cardProps !== false && type === 'list';
+    return useCardForTable || useCardForList;
+  }, [cardProps, props.name, type, notNeedCardDom]);
+  const resolvedCardProps = cardProps === false ? {} : cardProps ?? {};
+  const tableAreaDom = useCard ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.default, {
+    ...resolvedCardProps,
     ghost: ghost,
     variant: (0, _utils2.isBordered)('table', cardBordered) ? 'outlined' : 'borderless',
     styles: {
       body: {
         ...cardBodyStyle,
-        ...(cardProps?.styles?.body ?? {})
+        ...(resolvedCardProps.styles?.body ?? {})
       },
-      header: cardProps?.styles?.header
+      header: resolvedCardProps.styles?.header
     },
-    ...cardProps,
     children: tableContentDom
-  });
+  }) : tableContentDom;
   const renderTable = () => {
     if (props.tableRender) {
       return props.tableRender(props, tableAreaDom, {