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

package/lib/utils/useMediaQuery/query.js

@@ -5,23 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useMediaQuery;
 var _react = require("react");
+/**
+ * SSR 友好的 layoutEffect：模块加载时一次性决定走 useLayoutEffect 还是 useEffect。
+ * 不能写成 `isSsr ? useEffect : useLayoutEffect` 放在组件函数里 —— 虽然
+ * `typeof window` 在同一进程中恒定不变实际不会触发 hooks 顺序问题，但会被
+ * `react-hooks/rules-of-hooks` lint 误报，且阅读时令人困惑。
+ */
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+
+/**
+ * 订阅一个 CSS media query，返回当前是否匹配。
+ *
+ * SSR 行为：
+ *  - 服务端首次渲染恒定返回 false（避免 hydration mismatch，但首屏可能闪一下）。
+ *  - 客户端 mount 后立即拿到真实值并触发一次 setState 更新。
+ */
 function useMediaQuery(mediaQuery) {
-  const isSsr = typeof window === 'undefined';
-  const [matches, setMatches] = (0, _react.useState)(() => isSsr ? false : window.matchMedia(mediaQuery).matches);
+  // SSR 期间 window 不存在，恒定 false；放弃在 useState 初始值里读
+  // window.matchMedia，否则客户端 hydration 时会与服务端 false 渲染冲突。
+  const [matches, setMatches] = (0, _react.useState)(false);
+  useIsomorphicLayoutEffect(() => {
+    if (typeof window === 'undefined') return;
+    const mediaQueryList = window.matchMedia(mediaQuery);
 
-  // 在 SSR 环境中使用 useEffect，在客户端使用 useLayoutEffect
-  // 这样可以避免 SSR 警告，同时在客户端保持同步更新
-  // 使用条件表达式确保 hooks 调用顺序一致
-  const EffectHook = isSsr ? _react.useEffect : _react.useLayoutEffect;
-  EffectHook(() => {
-    if (isSsr) {
-      return;
+    // mount 后立刻同步一次真实值，弥补 SSR 期间初值恒为 false 的偏差
+    setMatches(mediaQueryList.matches);
+    const listener = event => setMatches(event.matches);
+
+    // 优先用现代 addEventListener；老 Safari (<14) / Edge Legacy 仅有 addListener
+    if (typeof mediaQueryList.addEventListener === 'function') {
+      mediaQueryList.addEventListener('change', listener);
+      return () => mediaQueryList.removeEventListener('change', listener);
     }
-    const mediaQueryList = window.matchMedia(mediaQuery);
-    const listener = e => setMatches(e.matches);
-    // 使用最新的 addEventListener API
-    mediaQueryList.addEventListener('change', listener);
-    return () => mediaQueryList.removeEventListener('change', listener);
-  }, [mediaQuery, isSsr]);
+    mediaQueryList.addListener(listener);
+    return () => mediaQueryList.removeListener(listener);
+  }, [mediaQuery]);
   return matches;
 }

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@ant-design/pro-components",
-  "version": "3.1.12-0",
-  "type": "module",
+  "version": "3.1.13-0",
   "description": "All-in-one package of @ant-design/pro-components",
   "keywords": [
     "antd",
@@ -28,10 +27,9 @@
     "guidelines"
   ],
   "scripts": {
-    "bootstrap": "node ./scripts/bootstrap.mjs",
     "build": "father build",
     "changelog": "node ./scripts/changelogs.mjs",
-    "checkPublish": "npm run sync:tnpm && node ./scripts/checkPublish.mjs && npm run sync:tnpm",
+    "checkPublish": "node ./scripts/checkPublish.mjs",
     "deploy": "cross-env SITE_DEPLOY='TRUE' npm run site && gh-pages -d ./dist",
     "dev": "dumi dev",
     "dumi": "cross-env SITE_DEPLOY='TRUE' dumi build",
@@ -47,7 +45,6 @@
     "createRelease": "node ./scripts/createRelease.mjs",
     "site": "npm run build && cross-env SITE_DEPLOY='TRUE' dumi build",
     "start": "dumi dev",
-    "sync:tnpm": "node -e 'import(\"./scripts/syncTNPM.mjs\").then(m => m.default())'",
     "test": "cross-env TZ=UTC vitest run",
     "test:coverage": "cross-env TZ=UTC TEST_LOG=none vitest run --coverage",
     "test:ui": "cross-env TZ=UTC vitest --ui",
@@ -61,41 +58,39 @@
   ],
   "dependencies": {
     "@ant-design/cssinjs": "^2.1.2",
-    "@ant-design/icons": "^6.1.0",
-    "@babel/runtime": "^7.28.6",
+    "@ant-design/cssinjs-utils": "2.1.2",
+    "@ant-design/icons": "^6.3.2",
+    "@babel/runtime": "^7.29.7",
     "@ctrl/tinycolor": "^4.2.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@emotion/css": "^11.13.5",
-    "@rc-component/form": "^1.7.1",
-    "@rc-component/resize-observer": "^1.1.1",
-    "@rc-component/table": "^1.9.1",
-    "@rc-component/util": "^1.9.0",
+    "@rc-component/form": "^1.8.5",
+    "@rc-component/resize-observer": "^1.1.2",
+    "@rc-component/table": "^1.10.2",
+    "@rc-component/util": "^1.11.1",
     "@umijs/route-utils": "^4.0.3",
-    "@umijs/use-params": "^1.0.9",
     "clsx": "^2.1.1",
-    "dayjs": "^1.11.19",
-    "lodash-es": "^4.17.23",
-    "path-to-regexp": "^8.3.0",
-    "react-draggable": "^4.5.0",
+    "dayjs": "^1.11.21",
+    "lodash-es": "^4.18.1",
+    "path-to-regexp": "^8.4.2",
+    "react-draggable": "~4.4.6",
     "safe-stable-stringify": "^2.5.0",
-    "swr": "^2.4.1"
+    "swr": "^2.4.2"
   },
   "devDependencies": {
     "@ant-design/antd-theme-variable": "^1.0.0",
-    "@babel/core": "^7.29.0",
-    "@babel/eslint-plugin": "^7.27.1",
-    "@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.29.0",
+    "@babel/core": "^7.29.7",
+    "@babel/eslint-plugin": "^7.29.7",
+    "@babel/parser": "^7.29.7",
+    "@babel/plugin-transform-object-rest-spread": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@babel/traverse": "^7.29.7",
     "@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.2",
@@ -103,61 +98,57 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/glob": "^8.1.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/mockjs": "^1.0.10",
     "@types/node": "^14.18.63",
-    "@types/react": "^18.3.28",
+    "@types/react": "^18.3.31",
     "@types/react-dom": "^18.3.7",
     "@types/react-helmet": "^6.1.11",
     "@types/shallowequal": "^1.1.5",
-    "@types/warning": "^3.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.56.1",
-    "@typescript-eslint/parser": "^8.56.1",
+    "@types/warning": "^3.0.4",
+    "@typescript-eslint/eslint-plugin": "^8.62.1",
+    "@typescript-eslint/parser": "^8.62.1",
     "@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.31",
+    "@umijs/utils": "^4.6.70",
     "@vitejs/plugin-legacy": "^6.1.1",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/coverage-istanbul": "^3.2.4",
-    "@vitest/ui": "^3.2.4",
+    "@vitest/browser": "^3.2.6",
+    "@vitest/coverage-istanbul": "^3.2.6",
+    "@vitest/ui": "^3.2.6",
     "animated-scroll-to": "^2.3.2",
-    "antd": "^6.3.1",
+    "antd": "^6.5.0",
     "chalk": "^4.1.2",
     "copy-to-clipboard": "^3.3.3",
     "cross-env": "^10.1.0",
-    "dumi": "^2.4.23",
+    "dumi": "^2.4.39",
     "dumi-theme-antd-style": "^0.31.1",
-    "esbuild": "^0.27.3",
+    "esbuild": "^0.27.7",
     "eslint": "^8.57.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-unicorn": "^47.0.0",
     "execa": "^5.1.1",
-    "express": "^4.22.1",
+    "express": "^4.22.2",
     "fast-deep-equal": "^3.1.3",
-    "father": "^4.6.15",
+    "father": "^4.6.25",
     "gh-pages": "^5.0.0",
     "glob": "^8.1.0",
-    "happy-dom": "^20.8.3",
+    "happy-dom": "^20.10.6",
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^8.2.7",
     "jest-canvas-mock": "^2.5.2",
-    "lint-staged": "^10.5.4",
     "mockdate": "^3.0.5",
-    "mockjs": "^1.1.0",
-    "np": "^6.5.0",
     "nprogress": "^0.2.0",
     "nwsapi": "2.2.13",
     "octokit": "^3.2.2",
-    "playwright": "^1.58.2",
+    "playwright": "^1.61.1",
     "polished": "^4.3.1",
-    "prettier": "^3.8.1",
+    "prettier": "^3.9.4",
     "prettier-plugin-organize-imports": "^4.3.0",
     "prettier-plugin-packagejson": "^3.0.2",
     "pretty-quick": "^3.3.1",
-    "query-string": "^9.3.1",
+    "query-string": "^9.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-markdown": "^10.1.0",
@@ -168,16 +159,16 @@
     "slash2": "^2.0.0",
     "style-loader": "^2.0.0",
     "stylelint": "^13.13.1",
-    "timezone-mock": "^1.4.2",
+    "timezone-mock": "^1.4.3",
     "ts-node": "^10.9.2",
-    "tsx": "^4.21.0",
+    "tsx": "^4.23.0",
     "typescript": "^5.9.3",
-    "umi": "^4.6.31",
+    "umi": "^4.6.70",
     "umi-request": "^1.4.0",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.1.0",
-    "vite": "^7.3.1",
-    "vitest": "^3.2.4",
+    "vite": "^7.3.6",
+    "vitest": "^3.2.6",
     "write-pkg": "^4.0.0",
     "xhr-mock": "^2.5.1",
     "yorkie": "^2.0.0",
@@ -198,6 +189,6 @@
   ],
   "gitHooks": {
     "pre-commit": "pretty-quick --staged",
-    "commit-msg": "fabric verify-commit"
+    "commit-msg": "node ./scripts/verifyCommit.mjs"
   }
 }

package/es/field/FieldHOC/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ProFieldLightProps } from '../PureProField';
-declare function FieldHOC<T extends ProFieldLightProps>(props: T & {
-    children: React.ReactNode;
-    isLight?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export default FieldHOC;

package/lib/field/FieldHOC/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ProFieldLightProps } from '../PureProField';
-declare function FieldHOC<T extends ProFieldLightProps>(props: T & {
-    children: React.ReactNode;
-    isLight?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export default FieldHOC;