Ant Design Component Guide

当用户询问有关 Ant Design 组件的使用、样式修改、或者需要编写特定 UI 功能时，请参考此指南。

⚠️ 关键指令 (Critical Instructions)

1. 查阅文档: Ant Design 版本更新较快（当前主流为 v5/v6），遇到复杂的 Props（如 Table columns, Form rules, Upload customRequest）时，必须使用浏览工具 (Browsing Tool) 读取对应组件的 URL 以获取准确的类型定义。
2. V5/V6 风格: 默认使用 Functional Components + Hooks。优先使用 CSS-in-JS (Antd Style) 或 style 属性，避免使用旧版的 Less 导入方式，除非用户特定要求。
3. App 包裹: 在使用 message, modal, notification 的静态方法时，推荐使用 <App> 组件包裹应用，并使用 App.useApp() hook 获取实例，以确保样式和 Context 正确继承。

📚 常用框架集成 (Integration)

如果用户询问如何初始化项目或配置环境：

• Vite: https://ant.design/docs/react/use-with-vite
• Next.js: https://ant.design/docs/react/use-with-next
• Umi: https://ant.design/docs/react/use-with-umi
• Remix/SSR: https://ant.design/docs/react/server-side-rendering