From 02ce3d9efb8f568c8e5a8ef1362dc9a76b1eae26 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?LiShuai=20=28=E9=98=BF=E6=9C=A8=29?= Date: Wed, 19 Nov 2025 10:30:53 +0800 Subject: [PATCH 1/7] docs: Update Claude Code documentation links to the correct URL (#55764) --- docs/react/llms.en-US.md | 2 +- docs/react/llms.zh-CN.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/react/llms.en-US.md b/docs/react/llms.en-US.md index 3526392802..be8496b6cf 100644 --- a/docs/react/llms.en-US.md +++ b/docs/react/llms.en-US.md @@ -37,7 +37,7 @@ Reference the LLMs.txt files using `@` or in your `.windsurf/rules` files to enh In Claude Code, add `LLMs.txt` to the workspace Knowledge Base (Docs / Context Files) configuration. This allows the file to be referenced during code completion and explanation, improving understanding of Ant Design components. -[Learn more about Claude Code document context configuration](https://claude.ai/docs) +[Learn more about Claude Code document context configuration](https://code.claude.com/docs) ### Gemini CLI diff --git a/docs/react/llms.zh-CN.md b/docs/react/llms.zh-CN.md index 5829c28091..9b3293f956 100644 --- a/docs/react/llms.zh-CN.md +++ b/docs/react/llms.zh-CN.md @@ -37,7 +37,7 @@ tag: New 在 Claude Code 中,将 `LLMs.txt` 添加到工作区的知识库(Docs / Context Files)配置中,即可在代码补全与解释时引用其中的内容,从而提升对 Ant Design 组件的理解。 -[详细了解 Claude Code 文档上下文配置](https://claude.ai/docs) +[详细了解 Claude Code 文档上下文配置](https://code.claude.com/docs) ### Gemini CLI From f64a5c4a2d4591bc0c65184fac77a9b13227b50b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E7=88=B1=E5=90=83=E7=99=BD=E8=90=9D?= =?UTF-8?q?=E5=8D=9C?= Date: Wed, 19 Nov 2025 11:33:16 +0800 Subject: [PATCH 2/7] docs: update docs (#55767) --- docs/react/compatible-style.en-US.md | 10 ++++++---- docs/react/compatible-style.zh-CN.md | 10 ++++++---- docs/react/server-side-rendering.en-US.md | 2 +- docs/react/server-side-rendering.zh-CN.md | 2 +- docs/react/use-with-next.en-US.md | 2 +- docs/react/use-with-next.zh-CN.md | 2 +- 6 files changed, 16 insertions(+), 12 deletions(-) diff --git a/docs/react/compatible-style.en-US.md b/docs/react/compatible-style.en-US.md index 837ca53a38..b0598f4b78 100644 --- a/docs/react/compatible-style.en-US.md +++ b/docs/react/compatible-style.en-US.md @@ -14,7 +14,9 @@ Ant Design supports the [last 2 versions of modern browsers](https://browsersl.i | [:where Selector](https://developer.mozilla.org/en-US/docs/Web/CSS/:where) | `>=5.0.0` | [caniuse](https://caniuse.com/?search=%3Awhere) | Chrome 88 | `` | | [CSS Logical Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties) | `>=5.0.0` | [caniuse](https://caniuse.com/css-logical-props) | Chrome 89 | `` | -If you need to support older browsers, please use [StyleProvider](https://github.com/ant-design/cssinjs#styleprovider) for degradation handling according to your actual requirements. +If you need to support older browsers, please use `@ant-design/cssinjs@1.x` [StyleProvider](https://github.com/ant-design/cssinjs#styleprovider) for degradation handling according to your actual requirements. + +**🚨 Note: Please use `@ant-design/cssinjs` version 1.x for v5.** ## `:where` in selector @@ -24,7 +26,7 @@ If you need to support older browsers, please use [StyleProvider](https://github - Minimum Chrome Version Supported: 88 - Default Enabled: Yes -The CSS-in-JS feature of Ant Design uses the ":where" selector by default to lower the CSS selector specificity, reducing the additional cost of adjusting custom styles when upgrading for users. However, the compatibility of the ":where" syntax is relatively poor in older browsers ([compatibility](https://developer.mozilla.org/en-US/docs/Web/CSS/:where#browser_compatibility)). In certain scenarios, if you need to support older browsers, you can use `@ant-design/cssinjs` to disable the default lowering of specificity (please ensure version consistency with antd). +The CSS-in-JS feature of Ant Design uses the ":where" selector by default to lower the CSS selector specificity, reducing the additional cost of adjusting custom styles when upgrading for users. However, the compatibility of the ":where" syntax is relatively poor in older browsers ([compatibility](https://developer.mozilla.org/en-US/docs/Web/CSS/:where#browser_compatibility)). In certain scenarios, if you need to support older browsers, you can use `@ant-design/cssinjs@1.x` to disable the default lowering of specificity (please ensure version consistency with antd). ```tsx import { StyleProvider } from '@ant-design/cssinjs'; @@ -70,7 +72,7 @@ Raise priority through plugin: - Minimum Chrome Version Supported: 89 - Default Enabled: Yes -To unify LTR and RTL styles, Ant Design uses CSS logical properties. For example, the original `margin-left` is replaced by `margin-inline-start`, so that it is the starting position spacing under both LTR and RTL. If you need to be compatible with older browsers, you can configure `transformers` through the `StyleProvider` of `@ant-design/cssinjs`: +To unify LTR and RTL styles, Ant Design uses CSS logical properties. For example, the original `margin-left` is replaced by `margin-inline-start`, so that it is the starting position spacing under both LTR and RTL. If you need to be compatible with older browsers, you can configure `transformers` through the `StyleProvider` of `@ant-design/cssinjs@1.x`: ```tsx import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/cssinjs'; @@ -180,7 +182,7 @@ For more details, please refer to: [px2rem.ts#Options](https://github.com/ant-de ## Shadow DOM Usage -Since `