• farm-normal
• umi-normal
• rsbuild-normal
• vite-normal
• vite-practice
• with-nextjs-app-router-inline-style
• with-nextjs-extract-style
• with-nextjs-generate-css-on-demand
• with-nextjs-inline-style

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

Summary by CodeRabbit

• 新功能

  • 扩展了二维码组件的配置选项，支持自定义类名和样式，并可通过配置提供器传递二维码相关设置。
  • 新增语义预览示例，支持中英文本地化展示二维码效果。

• 文档

  • 更新了 API 文档，补充了二维码组件说明，并恢复了传输组件的相关描述。

• 样式

  • 优化了二维码组件的样式合并逻辑，并更新了部分样式令牌以替换旧属性。

Walkthrough

此次修改在配置提供者中增加了对 QR 码组件配置的新类型和相关文档更新。新增了 QRcodeConfig 类型、更新了 ConfigProviderProps 接口以及 QR 码组件的配置处理逻辑。同时，API 文档（包括中英文文档）中新增了 qrcode 条目，并恢复了 transfer 组件的说明。此外，还引入了一个示例组件展示语义 DOM，及测试用例以验证自定义样式和类名的应用。总体上，修改集中在配置类型扩展和文档示例上。

Changes

Possibly related PRs

• feat(AutoComplete): support classNames and styles for component and ConfigProvider #53150: 该 PR 相关于 QRCodeProps 的修改以及 QRcodeConfig 类型的引入，与本 PR 在类名和样式管理方面有直接联系。

Suggested reviewers

• zombieJ

Poem

我是兔儿轻跳来，
新代码闪烁似星灿。
配置灵动添新彩，
语义之美跃眼前。
测试验证稳妥在，
代码世界更欢畅！

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai plan to trigger planning for file edits and PR creation.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

Assets Changed:

Files in antd-with-locales.min.js:

• ./components/config-provider/context.ts → Total Size: 1.52kB

• ./components/qr-code/style/index.ts → Total Size: 1.99kB

Files in antd.min.js:

• ./components/qr-code/style/index.ts → Total Size: 1.99kB

• ./components/config-provider/context.ts → Total Size: 1.52kB

🏁 Script executed:

#!/bin/bash
# Let's get a better understanding of the PR changes
echo "### Examining PR changes"
git log -1
echo ""

# Check the changes to the config-provider context file
echo "### Changes to config-provider/context.ts"
cat components/config-provider/context.ts | grep -A 10 QRcodeConfig

# Check the changes to the QRCode component
echo "### Changes to QRCode component interface"
cat components/qr-code/interface.ts | grep -A 10 SemanticName

# Check the test coverage for the QRCode component
echo "### Tests for QRCode component"
cat components/qr-code/__tests__/index.test.tsx | grep -A 30 "should apply custom styles"

# Check the implementation of how ConfigProvider is used in QRCode
echo "### How ConfigProvider is used in QRCode"
cat components/qr-code/index.tsx | grep -A 10 useComponentConfig

# Check the documentation updates
echo "### Documentation updates for QRCode component"
cat components/qr-code/index.en-US.md | grep -A 5 "Semantic DOM"

Length of output: 3961

@thinkasany I've thoroughly reviewed your PR that adds QRCode support to ConfigProvider. This is a comprehensive and well-executed implementation:

Strengths

• Well-structured types:

  • The SemanticName type properly identifies the QRCode component parts ('root' and 'mask')
  • QRcodeConfig follows Ant Design's pattern for component configuration

• Proper integration with ConfigProvider:

  • Uses the useComponentConfig hook following the established pattern
  • Correctly merges styles and classNames from both props and context

• Complete test coverage:

  • Test case verifies both custom class names and style properties are applied
  • Validates styling for both root and mask elements

• Documentation updates:

  • Added "Semantic DOM" sections in both English and Chinese
  • Created semantic demo component for reference

Implementation Quality

Your implementation follows Ant Design's established patterns by:

1. Defining clear semantic elements
2. Supporting configuration through both direct props and ConfigProvider
3. Maintaining consistent typing patterns with the rest of the library
4. Updating documentation in all relevant files

Conclusion

This PR successfully extends ConfigProvider to support QRCode component styling in a clean, type-safe manner that matches Ant Design's conventions. The integration is seamless and the changes are focused on exactly what's needed.

The code is ready for merging. Nice work!

🏁 Script executed:

#!/bin/bash
# Let's examine the main files modified in this PR to understand the changes better

# Check the QRCode interface changes
echo "### QRCode Interface Changes"
cat components/qr-code/interface.ts

# Check the ConfigProvider context changes
echo "### ConfigProvider Context Changes"
cat components/config-provider/context.ts

# Check the QRCode component implementation
echo "### QRCode Component Implementation"
cat components/qr-code/index.tsx

# Check the new tests added
echo "### QRCode Tests"
cat components/qr-code/__tests__/index.test.tsx

# Check the ConfigProvider implementation changes
echo "### ConfigProvider Implementation Changes"
cat components/config-provider/index.tsx

# Check the documentation changes
echo "### QRCode Documentation - English"
cat components/qr-code/index.en-US.md

# Check the documentation changes in Chinese
echo "### QRCode Documentation - Chinese"
cat components/qr-code/index.zh-CN.md

# Check the semantic demo
echo "### QRCode Semantic Demo"
cat components/qr-code/demo/_semantic.tsx

Length of output: 56558