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

package/es/layout/utils/getBreadcrumbProps.js

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

package/es/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/es/list/Item.js

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

package/es/list/ListView.js

@@ -59,8 +59,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/es/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/es/list/ProListBase.js

@@ -2,10 +2,9 @@
  * 内部 List 容器与 List.Item / List.Item.Meta 实现，用于替代 antd List（antd List 已停止维护）
  * 保持与 antd List 相同的 DOM 结构及类名，以便复用 antd 的 list 样式
  */
-import { ConfigProvider, Empty, Pagination } from 'antd';
+import { ConfigProvider, Empty, Grid, Pagination } from 'antd';
 import { clsx } from 'clsx';
 import React, { useContext, useMemo } from 'react';
-import { useBreakpoint } from "../utils/useMediaQuery";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -179,29 +178,41 @@ const ProListContainerInner = /*#__PURE__*/React.forwardRef(function ProListCont
       children: renderItem(item, index, null)
     }, key);
   };
-  const breakpoint = useBreakpoint();
+  const rawScreens = Grid.useBreakpoint();
+  const defaultScreens = {
+    xs: true,
+    sm: true,
+    md: true,
+    lg: false,
+    xl: false,
+    xxl: false
+  };
+  const screens = 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 = 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 布局）
@@ -274,10 +285,7 @@ const ProListContainerInner = /*#__PURE__*/React.forwardRef(function ProListCont
         style: colStyle,
         children: child
       }, child?.key ?? idx))
-    }) : /*#__PURE__*/_jsx("ul", {
-      className: `${prefixCls}-items`,
-      children: items
-    });
+    }) : items;
   } else if (!children && !isLoading) {
     const emptyContent = locale?.emptyText ?? (typeof renderEmpty === 'function' ? renderEmpty('List') : null) ?? /*#__PURE__*/_jsx(Empty, {
       description: "\u6682\u65E0\u6570\u636E"

package/es/list/style/index.js

@@ -20,6 +20,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
       },
@@ -323,6 +333,9 @@ const genProListStyle = token => {
           justifyContent: 'flex-start',
           width: '100%',
           minWidth: 0,
+          [`${token.proComponentsCls}-list-item-action`]: {
+            alignSelf: 'center'
+          },
           h4: {
             margin: 0,
             padding: 0,

package/es/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/es/table/Table.js

@@ -716,19 +716,28 @@ const ProTable = props => {
     hideToolbar,
     toolbarDom
   });
-  const tableAreaDom = cardProps === false || notNeedCardDom || !!props.name ? tableContentDom : /*#__PURE__*/_jsx(ProCard, {
+
+  /** ProTable：有搜索/工具栏/标题时使用卡片包裹；可编辑表格（name）不包裹 */
+  /** ProList：始终使用卡片包裹（除非 cardProps 为 false） */
+  const useCard = 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__*/_jsx(ProCard, {
+    ...resolvedCardProps,
     ghost: ghost,
     variant: 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, {

package/es/table/components/Alert/index.js

@@ -1,4 +1,5 @@
 import { ConfigProvider, Space } from 'antd';
+import { clsx } from 'clsx';
 import React, { useContext } from 'react';
 import { useIntl } from "../../../provider";
 import { useStyle } from "./style";
@@ -54,16 +55,16 @@ function TableAlert({
     return null;
   }
   return wrapSSR( /*#__PURE__*/_jsx("div", {
-    className: `${className} ${hashId}`.trim(),
+    className: clsx(className, hashId),
     children: /*#__PURE__*/_jsx("div", {
-      className: `${className}-container ${hashId}`.trim(),
+      className: clsx(`${className}-container`, hashId),
       children: /*#__PURE__*/_jsxs("div", {
-        className: `${className}-info ${hashId}`.trim(),
+        className: clsx(`${className}-info`, hashId),
         children: [/*#__PURE__*/_jsx("div", {
-          className: `${className}-info-content ${hashId}`.trim(),
+          className: clsx(`${className}-info-content`, hashId),
           children: dom
         }), option ? /*#__PURE__*/_jsx("div", {
-          className: `${className}-info-option ${hashId}`.trim(),
+          className: clsx(`${className}-info-option`, hashId),
           children: option
         }) : null]
       })

package/es/table/components/ColumnSetting/index.js

@@ -58,7 +58,7 @@ const CheckboxListItem = ({
     hashId
   } = useContext(ProProvider);
   const dom = /*#__PURE__*/_jsxs("span", {
-    className: `${className}-list-item-option ${hashId}`.trim(),
+    className: clsx(`${className}-list-item-option`, hashId),
     children: [/*#__PURE__*/_jsx(ToolTipIcon, {
       columnKey: columnKey,
       fixed: "left",
@@ -80,9 +80,9 @@ const CheckboxListItem = ({
     })]
   });
   return /*#__PURE__*/_jsxs("span", {
-    className: `${className}-list-item ${hashId}`.trim(),
+    className: clsx(`${className}-list-item`, hashId),
     children: [/*#__PURE__*/_jsx("div", {
-      className: `${className}-list-item-title ${hashId}`.trim(),
+      className: clsx(`${className}-list-item-title`, hashId),
       children: title
     }), showListItemOption && !isLeaf ? dom : null]
   }, columnKey);
@@ -113,7 +113,7 @@ const CheckboxList = ({
     const treeMap = new Map();
     const loopData = (data, parentConfig) => data.map(({
       key,
-      dataIndex,
+      dataIndex: _dataIndex,
       children,
       ...rest
     }) => {
@@ -261,13 +261,13 @@ const CheckboxList = ({
     },
     height: listHeight,
     treeData: treeDataConfig.list?.map(({
-      disabled /* 不透传 disabled，使子节点禁用时也可以拖动调整顺序 */,
+      disabled: _disabled /* 不透传 disabled，使子节点禁用时也可以拖动调整顺序 */,
       ...config
     }) => config)
   });
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [showTitle && /*#__PURE__*/_jsx("span", {
-      className: `${className}-list-title ${hashId}`.trim(),
+      className: clsx(`${className}-list-title`, hashId),
       children: listTitle
     }), listDom]
   });
@@ -424,7 +424,7 @@ function ColumnSetting(props) {
   return wrapSSR( /*#__PURE__*/_jsx(Popover, {
     arrow: false,
     title: /*#__PURE__*/_jsxs("div", {
-      className: `${className}-title ${hashId}`.trim(),
+      className: clsx(`${className}-title`, hashId),
       children: [props.checkable === false ? /*#__PURE__*/_jsx("div", {}) : /*#__PURE__*/_jsx(Checkbox, {
         indeterminate: indeterminate,
         checked: unCheckedKeys.length === 0 && unCheckedKeys.length !== localColumns.length,
@@ -434,7 +434,7 @@ function ColumnSetting(props) {
         children: intl.getMessage('tableToolBar.columnDisplay', '列展示')
       }), checkedReset ? /*#__PURE__*/_jsx("a", {
         onClick: clearClick,
-        className: `${className}-action-rest-button ${hashId}`.trim(),
+        className: clsx(`${className}-action-rest-button`, hashId),
         children: intl.getMessage('tableToolBar.reset', '重置')
       }) : null, props?.extra ? /*#__PURE__*/_jsx(Space, {
         size: 12,
@@ -443,7 +443,7 @@ function ColumnSetting(props) {
       }) : null]
     }),
     classNames: {
-      root: `${className}-overlay ${hashId}`.trim()
+      root: clsx(`${className}-overlay`, hashId)
     },
     trigger: "click",
     placement: "bottomRight",

package/es/table/components/DragSortTable/index.js

@@ -1,6 +1,7 @@
 import { HolderOutlined } from '@ant-design/icons';
 import { useControlledState } from '@rc-component/util';
 import { ConfigProvider } from 'antd';
+import { clsx } from 'clsx';
 import React, { useCallback, useContext, useMemo } from 'react';
 import ProTable from "../../Table";
 import { useDragSort } from "../../utils/useDragSort";
@@ -25,7 +26,10 @@ function DragSortTable(props) {
   const setDataSource = useCallback(updater => {
     setDataSourceInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      onDataSourceChange?.(next);
+      // 使用 queueMicrotask 延迟回调，避免在渲染期间更新其他组件状态
+      queueMicrotask(() => {
+        onDataSourceChange?.(next);
+      });
       return next;
     });
   }, [onDataSourceChange]);
@@ -38,14 +42,14 @@ function DragSortTable(props) {
   const DragHandle = useMemo(() => {
     return dragHandleProps => {
       const {
-        rowData,
-        index,
+        rowData: _rowData,
+        index: _index,
         className,
         ...rest
       } = dragHandleProps;
       const defaultDom = /*#__PURE__*/_jsx(HolderOutlined, {
         ...rest,
-        className: `${getPrefixCls('pro-table-drag-icon')} ${className || ''} ${hashId || ''}`.trim()
+        className: clsx(getPrefixCls('pro-table-drag-icon'), className, hashId)
       });
       const handel = dragSortHandlerRender ? dragSortHandlerRender(dragHandleProps?.rowData, dragHandleProps?.index) : defaultDom;
       return /*#__PURE__*/_jsx("div", {

package/es/table/components/EditableTable/index.d.ts

@@ -86,7 +86,7 @@ export type EditableProTableProps<T, U extends ParamsType, ValueType = 'text'> =
 declare function FieldEditableTable<DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = 'text'>(props: EditableProTableProps<DataType, Params, ValueType>): import("react/jsx-runtime").JSX.Element;
 declare namespace FieldEditableTable {
     var RecordCreator: <T = Record<string, any>>(props: RecordCreatorProps<T> & {
-        children: JSX.Element;
+        children: React.JSX.Element;
     }) => React.FunctionComponentElement<any>;
 }
 export default FieldEditableTable;

package/es/table/components/EditableTable/index.js

@@ -71,7 +71,7 @@ function handlePaginationInsert(baseData, defaultValue, pageConfig) {
   result.splice(insertIndex, 0, defaultValue);
   return result;
 }
-function useEditableDataSource({
+function _useEditableDataSource({
   actionDataSource,
   editableUtils,
   pagination,
@@ -233,15 +233,15 @@ function EditableTable(props) {
   const {
     onTableChange,
     maxLength,
-    formItemProps,
+    formItemProps: _formItemProps,
     recordCreatorProps,
     rowKey,
-    controlled,
+    controlled: _controlled,
     defaultValue,
-    onChange,
+    onChange: _onChange,
     editableFormRef,
     // @ts-ignore
-    autoFocus,
+    autoFocus: _autoFocus,
     ...rest
   } = props;
   const preData = useRef(undefined);
@@ -533,7 +533,6 @@ function EditableTable(props) {
   } = recordCreatorProps || {};
   const isTop = position === 'top';
   const {
-    creatorButtonDom,
     buttonRenderProps
   } = useCreatorButton({
     recordCreatorProps,
@@ -682,7 +681,7 @@ function FieldEditableTable(props) {
       const name = [props.name].flat(1);
       try {
         return JSON.stringify(get(prev, name)) !== JSON.stringify(get(next, name));
-      } catch (error) {
+      } catch (_error) {
         return true;
       }
     },

package/es/table/components/ListToolBar/HeaderMenu.d.ts

@@ -11,6 +11,7 @@ export type ListToolBarHeaderMenuProps = {
     items?: ListToolBarMenuItem[];
     onChange?: (activeKey?: React.Key) => void;
     prefixCls?: string;
+    hashId?: string;
 };
 declare const HeaderMenu: React.FC<ListToolBarHeaderMenuProps>;
 export default HeaderMenu;

package/es/table/components/ListToolBar/HeaderMenu.js

@@ -8,8 +8,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const HeaderMenu = props => {
   const {
-    hashId
+    hashId: contextHashId
   } = useContext(ProProvider);
+  const hashId = props.hashId ?? contextHashId;
   const {
     items = [],
     type = 'inline',
@@ -54,7 +55,7 @@ const HeaderMenu = props => {
     });
   }
   return /*#__PURE__*/_jsx("div", {
-    className: clsx(`${prefixCls}-menu`, `${prefixCls}-dropdownmenu`),
+    className: clsx(`${prefixCls}-menu`, `${prefixCls}-dropdownmenu`, hashId),
     children: /*#__PURE__*/_jsx(Dropdown, {
       trigger: ['click'],
       menu: {
@@ -69,7 +70,7 @@ const HeaderMenu = props => {
         }))
       },
       children: /*#__PURE__*/_jsxs(Space, {
-        className: `${prefixCls}-dropdownmenu-label`,
+        className: clsx(`${prefixCls}-dropdownmenu-label`, hashId),
         children: [activeItem.label, /*#__PURE__*/_jsx(DownOutlined, {})]
       })
     })

package/es/table/components/ListToolBar/index.js

@@ -53,13 +53,14 @@ function getSettingItem(setting) {
 }
 const ListToolBarTabBar = ({
   prefixCls,
+  hashId,
   tabs,
   multipleLine,
   filtersNode
 }) => {
   if (!multipleLine) return null;
   return /*#__PURE__*/_jsx("div", {
-    className: `${prefixCls}-extra-line`,
+    className: clsx(`${prefixCls}-extra-line`, hashId),
     children: tabs?.items && tabs?.items.length ? /*#__PURE__*/_jsx(Tabs, {
       style: {
         width: '100%'
@@ -137,7 +138,7 @@ const ListToolBar = ({
   /** 轻量筛选组件 */
   const filtersNode = useMemo(() => {
     if (filter) return /*#__PURE__*/_jsx("div", {
-      className: `${prefixCls}-filter ${hashId}`.trim(),
+      className: clsx(`${prefixCls}-filter`, hashId),
       children: filter
     });
     return null;
@@ -181,16 +182,16 @@ const ListToolBar = ({
     // 保留dom是为了占位，不然 right 就变到左边了
     if (!hasLeft && hasRight) {
       return /*#__PURE__*/_jsx("div", {
-        className: `${prefixCls}-left ${hashId}`.trim()
+        className: clsx(`${prefixCls}-left`, hashId)
       });
     }
 
     // 减少 space 的dom，渲染的时候能节省点性能
     if (!menu && (hasTitle || !searchNode)) {
       return /*#__PURE__*/_jsx("div", {
-        className: `${prefixCls}-left ${hashId}`.trim(),
+        className: clsx(`${prefixCls}-left`, hashId),
         children: /*#__PURE__*/_jsx("div", {
-          className: `${prefixCls}-title ${hashId}`.trim(),
+          className: clsx(`${prefixCls}-title`, hashId),
           children: /*#__PURE__*/_jsx(LabelIconTip, {
             tooltip: tooltip,
             label: title,
@@ -206,7 +207,7 @@ const ListToolBar = ({
         [`${prefixCls}-left-has-inline-menu`]: menu?.type === 'inline'
       }),
       children: [hasTitle && !menu && /*#__PURE__*/_jsx("div", {
-        className: `${prefixCls}-title ${hashId}`.trim(),
+        className: clsx(`${prefixCls}-title`, hashId),
         children: /*#__PURE__*/_jsx(LabelIconTip, {
           tooltip: tooltip,
           label: title,
@@ -217,9 +218,10 @@ const ListToolBar = ({
       // 这里面实现了 tabs 的逻辑
       _jsx(HeaderMenu, {
         ...menu,
-        prefixCls: prefixCls
+        prefixCls: prefixCls,
+        hashId: hashId
       }), !hasTitle && searchNode ? /*#__PURE__*/_jsx("div", {
-        className: `${prefixCls}-search ${hashId}`.trim(),
+        className: clsx(`${prefixCls}-search`, hashId),
         children: searchNode
       }) : null]
     });
@@ -227,19 +229,19 @@ const ListToolBar = ({
   const rightTitleDom = useMemo(() => {
     if (!hasRight) return null;
     return /*#__PURE__*/_jsxs("div", {
-      className: `${prefixCls}-right ${hashId}`.trim(),
+      className: clsx(`${prefixCls}-right`, hashId),
       style: isMobile ? {} : {
         alignItems: 'center'
       },
       children: [!multipleLine ? filtersNode : null, hasTitle && searchNode ? /*#__PURE__*/_jsx("div", {
-        className: `${prefixCls}-search ${hashId}`.trim(),
+        className: clsx(`${prefixCls}-search`, hashId),
         children: searchNode
       }) : null, actionDom, settings?.length ? /*#__PURE__*/_jsx("div", {
-        className: `${prefixCls}-setting-items ${hashId}`.trim(),
+        className: clsx(`${prefixCls}-setting-items`, hashId),
         children: settings.map((setting, index) => {
           const settingItem = getSettingItem(setting);
           return /*#__PURE__*/_jsx("div", {
-            className: `${prefixCls}-setting-item ${hashId}`.trim(),
+            className: clsx(`${prefixCls}-setting-item`, hashId),
             children: settingItem
           }, index);
         })
@@ -268,6 +270,7 @@ const ListToolBar = ({
       className: clsx(prefixCls, hashId, className),
       children: [titleNode, /*#__PURE__*/_jsx(ListToolBarTabBar, {
         filtersNode: filtersNode,
+        hashId: hashId,
         prefixCls: prefixCls,
         tabs: tabs,
         multipleLine: multipleLine

package/es/table/components/ListToolBar/style.js

@@ -18,7 +18,7 @@ const genProListStyle = token => {
         alignItems: 'center',
         justifyContent: 'flex-start',
         color: token.colorTextHeading,
-        fontWeight: '500',
+        fontWeight: token.fontWeightStrong,
         fontSize: token.fontSizeLG
       },
       '&-search:not(:last-child)': {
@@ -101,7 +101,7 @@ const genProListStyle = token => {
         },
         [`${token.antCls}-tabs-nav-list`]: {
           marginBlockStart: 0,
-          '${token.antCls}-tabs-tab': {
+          [`${token.antCls}-tabs-tab`]: {
             paddingBlockStart: 0
           }
         }

package/es/table/useFetchData.js

@@ -51,7 +51,10 @@ const useFetchData = (getData, defaultData, options) => {
   const setTableDataList = useCallback(updater => {
     setTableDataListInner(prev => {
       const next = typeof updater === 'function' ? updater(prev) : updater;
-      options?.onDataSourceChange?.(next);
+      // 使用 queueMicrotask 延迟回调，避免在渲染期间更新其他组件状态
+      queueMicrotask(() => {
+        options?.onDataSourceChange?.(next);
+      });
       return next;
     });
   }, [options?.onDataSourceChange]);

package/es/table/utils/cellRenderToFromItem.js

@@ -119,7 +119,7 @@ const CellRenderFromItem = props => {
         const shouldName = [rowName].flat(1);
         try {
           return JSON.stringify(get(pre, shouldName)) !== JSON.stringify(get(next, shouldName));
-        } catch (error) {
+        } catch (_error) {
           return true;
         }
       },

package/es/table/utils/useDragSort.js

@@ -77,7 +77,7 @@ const SortableRow = props => {
  */
 const SortableItemCell = /*#__PURE__*/React.memo(props => {
   const {
-    dragSortKey,
+    dragSortKey: _dragSortKey,
     ...rest
   } = props;
   const {

package/es/utils/components/DropdownFooter/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type LightFilterFooterRender = ((onConfirm?: (e?: React.MouseEvent) => void, onClear?: (e?: React.MouseEvent) => void) => JSX.Element | false) | false;
+type LightFilterFooterRender = ((onConfirm?: (e?: React.MouseEvent) => void, onClear?: (e?: React.MouseEvent) => void) => React.JSX.Element | false) | false;
 type OnClick = (e?: React.MouseEvent) => void;
 export type DropdownFooterProps = {
     onClear?: OnClick;

package/es/utils/components/FieldLabel/index.js

@@ -72,7 +72,7 @@ const FieldLabelFunction = (props, ref) => {
         onClick: () => {
           onLabelClick?.();
         },
-        className: `${prefixCls}-text`,
+        className: clsx(`${prefixCls}-text`, hashId),
         children: [aLabel, ': ']
       }) : '';
       const str = formatterText(aValue);

package/es/utils/components/FilterDropdown/index.d.ts

@@ -2,7 +2,7 @@ import type { PopoverProps } from 'antd';
 import type { TooltipPlacement } from 'antd/lib/tooltip';
 import React from 'react';
 import type { DropdownFooterProps } from '../DropdownFooter';
-export type FooterRender = ((onConfirm?: (e?: React.MouseEvent) => void, onClear?: (e?: React.MouseEvent) => void) => JSX.Element | false) | false;
+export type FooterRender = ((onConfirm?: (e?: React.MouseEvent) => void, onClear?: (e?: React.MouseEvent) => void) => React.JSX.Element | false) | false;
 export type DropdownProps = {
     label?: React.ReactNode;
     footer?: DropdownFooterProps;

package/es/utils/components/FilterDropdown/index.js

@@ -51,7 +51,7 @@ const FilterDropdown = props => {
           return htmlRef.current || document.body;
         },
         children: /*#__PURE__*/_jsx("div", {
-          className: `${prefixCls}-content ${hashId}`.trim(),
+          className: clsx(`${prefixCls}-content`, hashId),
           children: children
         })
       }), footer && /*#__PURE__*/_jsx(DropdownFooter, {