SuperAPI AI 工具集

ant-design

设计与创作

查看项目

更新于 10-16 08:08

技能介绍

用途:面向 antd@^6 配合 React 18-19、ant-design-pro@^5 与 @ant-design/pro-components、@ant-design/x@^2 的决策参考,聚焦选型与规范,不提供终端用户教程。默认假设使用 TypeScript,样式以 token 优先,其次 classNames/styles,避免全局覆盖;除需要严格隔离外只用一个根 ConfigProvider。

主要能力:涉及组件问题时,先将组件名映射为官方路由 slug(小写 kebab-case,如 TreeSelect→tree-select、Button→button),再按顺序查文档:https://ant.design/components/{components}-cn,回退 https://ant.design/components/{components}。流程为分类(核心 antd、Pro 或 X,确认版本、渲染模式 CSR/SSR/流式、数据规模)、按需获取文档、再决策。主题优先级为全局 token→组件 token→别名 token;Provider 基线 CSR 用 ConfigProvider,SSR 用 ConfigProvider 加 StyleProvider。

输出与检查:给出 1-3 句决策理由、最小 provider/主题策略,以及 SSR、可访问性、性能的具体检查点;Pro 需给出路由、菜单、权限与 CRUD schema 方向;X 需给出消息、工具 schema 与流式状态方向。回归清单包括单一根 ConfigProvider、SSR 样式顺序与水合验证、token 优先且不滥用全局 .ant-* 覆盖、Table 稳定 rowKey 与统一排序筛选分页、Select 远程模式禁用本地筛选、Upload 明确受控/非受控及失败重试、Pro 路由菜单权限与后端一致、X 流式支持停止重试与确定性工具渲染。

限制:只使用有文档的 antd/Pro/X API,不得臆造 props、事件或组件名,不依赖内部 DOM 或 .ant-* 选择器;来源政策为仅官方文档,不使用未公开 API。该资料未提供具体收费、价格与安装命令信息。