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

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

@@ -60,13 +60,14 @@ function getSettingItem(setting) {
 }
 const ListToolBarTabBar = ({
   prefixCls,
+  hashId,
   tabs,
   multipleLine,
   filtersNode
 }) => {
   if (!multipleLine) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: `${prefixCls}-extra-line`,
+    className: (0, _clsx.clsx)(`${prefixCls}-extra-line`, hashId),
     children: tabs?.items && tabs?.items.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
       style: {
         width: '100%'
@@ -144,7 +145,7 @@ const ListToolBar = ({
   /** 轻量筛选组件 */
   const filtersNode = (0, _react.useMemo)(() => {
     if (filter) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${prefixCls}-filter ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${prefixCls}-filter`, hashId),
       children: filter
     });
     return null;
@@ -188,16 +189,16 @@ const ListToolBar = ({
     // 保留dom是为了占位，不然 right 就变到左边了
     if (!hasLeft && hasRight) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-left ${hashId}`.trim()
+        className: (0, _clsx.clsx)(`${prefixCls}-left`, hashId)
       });
     }
 
     // 减少 space 的dom，渲染的时候能节省点性能
     if (!menu && (hasTitle || !searchNode)) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-left ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixCls}-left`, hashId),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-title ${hashId}`.trim(),
+          className: (0, _clsx.clsx)(`${prefixCls}-title`, hashId),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.LabelIconTip, {
             tooltip: tooltip,
             label: title,
@@ -213,7 +214,7 @@ const ListToolBar = ({
         [`${prefixCls}-left-has-inline-menu`]: menu?.type === 'inline'
       }),
       children: [hasTitle && !menu && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-title ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixCls}-title`, hashId),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.LabelIconTip, {
           tooltip: tooltip,
           label: title,
@@ -224,9 +225,10 @@ const ListToolBar = ({
       // 这里面实现了 tabs 的逻辑
       (0, _jsxRuntime.jsx)(_HeaderMenu.default, {
         ...menu,
-        prefixCls: prefixCls
+        prefixCls: prefixCls,
+        hashId: hashId
       }), !hasTitle && searchNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-search ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixCls}-search`, hashId),
         children: searchNode
       }) : null]
     });
@@ -234,19 +236,19 @@ const ListToolBar = ({
   const rightTitleDom = (0, _react.useMemo)(() => {
     if (!hasRight) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: `${prefixCls}-right ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${prefixCls}-right`, hashId),
       style: isMobile ? {} : {
         alignItems: 'center'
       },
       children: [!multipleLine ? filtersNode : null, hasTitle && searchNode ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-search ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixCls}-search`, hashId),
         children: searchNode
       }) : null, actionDom, settings?.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-setting-items ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixCls}-setting-items`, hashId),
         children: settings.map((setting, index) => {
           const settingItem = getSettingItem(setting);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${prefixCls}-setting-item ${hashId}`.trim(),
+            className: (0, _clsx.clsx)(`${prefixCls}-setting-item`, hashId),
             children: settingItem
           }, index);
         })
@@ -275,6 +277,7 @@ const ListToolBar = ({
       className: (0, _clsx.clsx)(prefixCls, hashId, className),
       children: [titleNode, /*#__PURE__*/(0, _jsxRuntime.jsx)(ListToolBarTabBar, {
         filtersNode: filtersNode,
+        hashId: hashId,
         prefixCls: prefixCls,
         tabs: tabs,
         multipleLine: multipleLine

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

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

package/lib/table/useFetchData.js

@@ -56,7 +56,10 @@ const useFetchData = (getData, defaultData, options) => {
   const setTableDataList = (0, _react.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/lib/table/utils/cellRenderToFromItem.js

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

package/lib/table/utils/useDragSort.js

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

package/lib/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/lib/utils/components/FieldLabel/index.js

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

package/lib/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/lib/utils/components/FilterDropdown/index.js

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

package/lib/utils/components/InlineErrorFormItem/index.js

@@ -8,6 +8,7 @@ exports.InlineErrorFormItem = void 0;
 var _icons = require("@ant-design/icons");
 var _util = require("@rc-component/util");
 var _antd = require("antd");
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _style = require("./style");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -52,13 +53,13 @@ const InlineErrorFormItemPopover = ({
     getPopupContainer: popoverProps?.getPopupContainer,
     getTooltipContainer: popoverProps?.getTooltipContainer,
     content: wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${prefixCls}-form-item ${hashId} ${token.hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${prefixCls}-form-item`, hashId, token.hashId),
       style: {
         margin: 0,
         padding: 0
       },
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${prefixCls}-form-item-with-help ${hashId} ${token.hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${prefixCls}-form-item-with-help`, hashId, token.hashId),
         children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : null, errorList]
       })
     })),
@@ -87,7 +88,7 @@ const InternalFormItemFunction = ({
       }
       try {
         return JSON.stringify((0, _util.get)(prev, shouldName)) !== JSON.stringify((0, _util.get)(next, shouldName));
-      } catch (error) {
+      } catch (_error) {
         return true;
       }
     }
@@ -137,7 +138,7 @@ const InlineErrorFormItem = props => {
       }
       try {
         return JSON.stringify((0, _util.get)(prev, shouldName)) !== JSON.stringify((0, _util.get)(next, shouldName));
-      } catch (error) {
+      } catch (_error) {
         return true;
       }
     } : undefined,

package/lib/utils/components/LabelIconTip/index.js

@@ -51,12 +51,12 @@ const LabelIconTip = exports.LabelIconTip = /*#__PURE__*/_react.default.memo(pro
       }),
       children: label
     }), subTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `${className}-subtitle ${hashId}`.trim(),
+      className: (0, _clsx.clsx)(`${className}-subtitle`, hashId),
       children: subTitle
     }), tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
       ...tooltipProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: `${className}-icon ${hashId}`.trim(),
+        className: (0, _clsx.clsx)(`${className}-icon`, hashId),
         children: icon
       })
     })]

package/lib/utils/hooks/useFetchData/index.js

@@ -18,7 +18,6 @@ function useFetchData(props) {
     testId += 1;
     return testId.toString();
   });
-  const proFieldKeyRef = (0, _react.useRef)(cacheKey);
   const fetchData = async () => {
     abortRef.current?.abort();
     const abort = new AbortController();
@@ -38,7 +37,6 @@ function useFetchData(props) {
   };
   const {
     data,
-    error,
     isValidating
   } = (0, _swr.default)(props.request ? [cacheKey, props.params] : null, fetchData, {
     revalidateOnFocus: false,

package/lib/utils/isUrl/index.js

@@ -17,7 +17,7 @@ const isUrl = path => {
   try {
     const url = new URL(path);
     return !!url;
-  } catch (error) {
+  } catch (_error) {
     return false;
   }
 };

package/lib/utils/proFieldParsingText/index.d.ts

@@ -14,8 +14,8 @@ export declare const objectToMap: (value: ProFieldValueEnumType | undefined) =>
  * 转化 text 和 valueEnum 通过 type 来添加 Status
  *
  * @param text
- * @param valueEnum
- * @param pure 纯净模式，不增加 status
+ * @param valueEnumParams
+ * @param key
  */
 export declare const proFieldParsingText: (text: string | number | (string | number)[], valueEnumParams: ProFieldValueEnumType, key?: number | string) => React.ReactNode;
 export {};

package/lib/utils/proFieldParsingText/index.js

@@ -102,8 +102,8 @@ const TableStatus = {
  * 转化 text 和 valueEnum 通过 type 来添加 Status
  *
  * @param text
- * @param valueEnum
- * @param pure 纯净模式，不增加 status
+ * @param valueEnumParams
+ * @param key
  */
 const proFieldParsingText = (text, valueEnumParams, key) => {
   if (Array.isArray(text)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/pro-components",
-  "version": "3.1.4-0",
+  "version": "3.1.5-0",
   "type": "module",
   "description": "All-in-one package of @ant-design/pro-components",
   "keywords": [
@@ -41,6 +41,7 @@
     "docs:preview": "pnpm docs preview",
     "docs:create": "pnpm docs create",
     "docs:check": "pnpm docs check",
+    "prepublishOnly": "pnpm run test && pnpm run build",
     "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx  --fix ./ && npm run tsc",
     "prettier": "prettier --write \"**/**.{js,jsx,tsx,ts,less,md,yaml,json}\" --log-level warn",
     "createRelease": "node ./scripts/createRelease.mjs",
@@ -64,45 +65,45 @@
     "@types/responselike": "^1.0.0"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^2.0.2",
+    "@ant-design/cssinjs": "^2.1.0",
     "@ant-design/icons": "^6.1.0",
-    "@babel/runtime": "^7.28.4",
+    "@babel/runtime": "^7.28.6",
     "@ctrl/tinycolor": "^4.2.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.2",
     "@emotion/css": "^11.13.5",
-    "@rc-component/form": "^1.6.1",
-    "@rc-component/resize-observer": "^1.0.1",
+    "@rc-component/form": "^1.6.2",
+    "@rc-component/resize-observer": "^1.1.1",
     "@rc-component/table": "^1.9.1",
-    "@rc-component/util": "^1.7.0",
+    "@rc-component/util": "^1.9.0",
     "@umijs/route-utils": "^4.0.3",
     "@umijs/use-params": "^1.0.9",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.19",
-    "lodash-es": "^4.17.22",
-    "path-to-regexp": "^8.0.0",
+    "lodash-es": "^4.17.23",
+    "path-to-regexp": "^8.3.0",
     "react-draggable": "^4.5.0",
     "safe-stable-stringify": "^2.5.0",
-    "swr": "^2.3.8"
+    "swr": "^2.4.0"
   },
   "devDependencies": {
     "@ant-design/antd-theme-variable": "^1.0.0",
-    "@babel/core": "^7.28.5",
+    "@babel/core": "^7.29.0",
     "@babel/eslint-plugin": "^7.27.1",
-    "@babel/parser": "^7.28.5",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/preset-env": "^7.28.5",
+    "@babel/parser": "^7.29.0",
+    "@babel/plugin-transform-object-rest-spread": "^7.28.6",
+    "@babel/preset-env": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@babel/traverse": "^7.28.5",
+    "@babel/traverse": "^7.29.0",
     "@emotion/babel-plugin": "^11.13.5",
     "@octokit/core": "^3.6.0",
     "@octokit/rest": "^18.12.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/glob": "^8.1.0",
@@ -110,20 +111,20 @@
     "@types/lodash-es": "^4.17.12",
     "@types/mockjs": "^1.0.10",
     "@types/node": "^14.18.63",
-    "@types/react": "^18.3.27",
+    "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@types/react-helmet": "^6.1.11",
     "@types/react-responsive": "^8.0.8",
     "@types/shallowequal": "^1.1.5",
     "@types/warning": "^3.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.52.0",
-    "@typescript-eslint/parser": "^8.52.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
     "@umijs/babel-preset-umi": "^3.5.43",
     "@umijs/doctor": "^1.2.1",
     "@umijs/plugin-analytics": "^0.2.4",
     "@umijs/test": "^3.5.43",
     "@umijs/test-utils": "^3.5.43",
-    "@umijs/utils": "^4.6.19",
+    "@umijs/utils": "^4.6.28",
     "@vitejs/plugin-legacy": "^6.1.1",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-istanbul": "^3.2.4",
@@ -133,9 +134,9 @@
     "chalk": "^4.1.2",
     "copy-to-clipboard": "^3.3.3",
     "cross-env": "^7.0.3",
-    "dumi": "^2.4.21",
+    "dumi": "^2.4.23",
     "dumi-theme-antd-style": "^0.31.1",
-    "esbuild": "^0.27.0",
+    "esbuild": "^0.27.3",
     "eslint": "^8.57.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
@@ -146,7 +147,7 @@
     "father": "^4.6.13",
     "gh-pages": "^5.0.0",
     "glob": "^8.1.0",
-    "happy-dom": "^20.0.11",
+    "happy-dom": "^20.6.3",
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^8.2.7",
     "jest-canvas-mock": "^2.5.2",
@@ -157,11 +158,11 @@
     "nprogress": "^0.2.0",
     "nwsapi": "2.2.13",
     "octokit": "^3.2.2",
-    "playwright": "^1.57.0",
+    "playwright": "^1.58.2",
     "polished": "^4.3.1",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.1",
     "prettier-plugin-organize-imports": "^4.3.0",
-    "prettier-plugin-packagejson": "^2.5.20",
+    "prettier-plugin-packagejson": "^2.5.22",
     "pretty-quick": "^3.3.1",
     "query-string": "^6.14.1",
     "react": "^18.3.1",
@@ -174,15 +175,15 @@
     "slash2": "^2.0.0",
     "style-loader": "^2.0.0",
     "stylelint": "^13.13.1",
-    "timezone-mock": "^1.3.6",
+    "timezone-mock": "^1.4.2",
     "ts-node": "^10.9.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "umi": "^4.6.19",
+    "umi": "^4.6.28",
     "umi-request": "^1.4.0",
     "unified": "^11.0.5",
-    "unist-util-visit": "^5.0.0",
-    "vite": "^7.3.0",
+    "unist-util-visit": "^5.1.0",
+    "vite": "^7.3.1",
     "vitest": "^3.2.4",
     "write-pkg": "^4.0.0",
     "xhr-mock": "^2.5.1",
@@ -194,7 +195,7 @@
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
-  "packageManager": "pnpm@9.6.0",
+  "packageManager": "pnpm@9.15.9",
   "publishConfig": {
     "access": "public"
   },