🎉 Ant Design X 2.0 正式发布了 🎉
English | 中文
引言
自去年11月22日 Ant Design X 1.0 发布以来,不少同学都选择 X 来开发 AI 应用,再次表达感谢,毕竟AI发展迅速、变化万千,在 X 落地过程中也发现不少需要优化的地方,同时结合社区同学的 ISSUES,在今年4月份我们开始规划 X 2.0 版本。今天,我们宣布Ant Design X V2 正式发布! 本次升级的重点为:1、底层依赖升级 Ant Design V6,同时将伴随 React 19 以及 CSS Variables 样式架构的升级。2、Ant Design X 2.0 升级为 monorepo 架构,拆分成三个子包:@ant-design/x、@ant-design/x-markdown、@ant-design/x-sdk,因此 Ant Design X 将升级为搭建AI应用的工具集。
如果你的项目需要使用Ant Design X 2.0 :
- 需要将 Ant Design 升级到 v6 版本,React 最好可以升级到 19(版本兼容提升至 React 18)。
- V1 分支将切换至 v1.x-stable 进入半年维护周期,除非出现特别严重的 Bug,我们不会再对 V1 进行功能性更新。V1版本文档地址:https://1x-ant-design-x.antgroup.com/
技术升级
Ant Design 依赖升级到 V6,详情请看从 v5 到 v6
Ant Design 进行 V6 版本的升级请看:
- 🌈 纯 CSS Variables 样式架构
- 🚫 不再支持 IE
- 🧩 全量组件语义化结构
- ⚛ React 最低版本要求提升至 18
新特性与功能增强
核心 UI 组件库(@ant-design/x)
基于 RICH 范式的 React UI 组件库,提供开箱即用的智能对话界面组件,提供原子化组件,支持灵活组合。
- 支持 TypeScript
- 组件语义化结构
- 国际化定制
- 深度主题定制
🔥 Bubble 组件全面升级
1、Bubble 和 Bubble.List 全面重构,Bubble 新增各种变体与形状、扩展渲染、流式渲染、渲染动画、可编辑气泡等能力,Bubble.List 新增全面的可控制的内容滚动等能力。
2、新增 Bubble.System 和 Bubble.Divider 子消息组件
🔥 Sender 输入框组件全面升级
1、词槽模式上线,可定制各种功能,提供多个操作方法
2、删除 actions 配置,扩展为 header、footer、prefix、suffix 四个位置配置。
🔥 ThoughtChain 思维链组件全面升级
1、视觉交互升级:更符合长程任务执行流程。
2、新增简单思维链 ThoughtChain.Item,多种类型和状态可供选择。
🔥 FileCard 文件卡片
1、新增 FileCard 组件,可用于渲染各种文件卡片,图片、视频、音频文件的多种渲染形式。
2、文件列表渲染也不在话下。
3、以及专为多模态模型量身打造的图片加载能力( gif 图效果不佳,请来官网查看)。
🆕 Think 思考过程组件
新增 Think 思考过程组件,配合 X Markdown 使用效果更佳。
🆕 Sources 来源引用组件
新增 Sources 来源引用组件,配合 X Markdown 使用效果更佳( gif 图效果不佳,请来官网查看)。
🆕 Notification 系统通知组件
系统原生通知控制组件,提供发送通知、延迟关闭、指定通知关闭能力,同时提供 hook 调用能力和静态方法调用能力。
🆕 Actions 操作列表
1、新增预设能力: Copy 能力, Feedback 交互能力和 Audio 交互能力,以及自定义操作能力
2、贴近大模型内容生成特性,新增渲染动画能力,包含左右渐变和渐变两种模式。
🆕 Attachments 输入附件
新增分类型选择文件能力:同时设置 multiple 为 true 可以支持多选,设置 maxCount 可以限制最多选择的文件数量。

🆕 Conversations 管理对话
优化分组能力、新增快捷键新增对话能力。
🆕 XProvider
1、我们接入了组件国际化配置,目前默认支持中文和英文,当然你也可以提交需要的语言。
2、升级了主题配置:可以在 XProvider 为所有 Antd 组件、Antd X 组件、Antd X Markdown 组件配置 token,classname(s),style(s)。
3、可以为组件配置快捷键。
高性能 Markdown 流式渲染器(@ant-design/x-markdown)
专为 AI 流式场景打造的高性能 Markdown 渲染器。
🔥 流式语法处理
支持缓存未完成的 Markdown 语法和补全未完成的 Markdown 语法。
🔥 流式动画
🔥 组件
🔥 插件集
XMarkdown 内置 LaTeX、Mermaid、代码高亮,并暴露 Marked 钩子,插件开箱即用,也可一键自定义。
Latex
Mermaid
代码高亮
自定义插件
🔥 useXChat
通过 Agent 进行会话数据管理,并产出供页面渲染使用的数据。
🔥 useXConversations
提供会话列表管理,多会话保持,包括会话创建、删除、更新等操作能力。
🔥 Chat Provider
内置了 DefaultChatProvider、OpenAIChatProvider、DeepSeekChatProvider 三个数据处理,同时可以自定义 Chat Provider 满足各种模型或者 agent 调用。
🏗️ XRequest 和 XStream
将流请求和流处理迁移到 X-SDK。
升级指南
- 确保 Ant Design 升级为 V6 版本。
- 确保项目运行在 React 18 或更高版本。
- @ant-design/x 相关升级。
-
- 我们对 Sender、ThoughtChain、Bubble 这三个组件进行了UI层面以及功能的全面升级,同时需要你参考应用页面设计来选取使用,因此无法使用统一工具兼容升级,但我们仍有一份文档可以帮助您升级。
-
- v2版本已将 Tools 相关内容迁移到了 @ant-design/x-sdk,同时删除了 useXAgent,建议直接使用新的 useXChat,更多功能可看 X-SDK 官网文档。
- 不再支持 IE。
未来计划
- 基于 X 的 AI 应用脚手架 X-Pro。
- AI应用内容生成规范以及接入方案 :x-card ,目前还在设计中具体内容后续会在 X Discussions 发布。
- 根据不同的模型厂商提供更多内置的 Chat Provider。
- 更多组件功能支持快捷键触发。
- 此外还有一些新的组件:GenScroller(生成式滚动)、Artifacts(微型浏览器)等正在开发中,敬请期待。
写在最后
感谢为 Ant Design X 2.0 付出的各位朋友。 —— 因为你们的参与,开源才如此美好。 Chuck-Ray Div627 hy993658052 kimteayon Rain120 vanndxh afc163 anxLiang IsDyh01 elrrrrrrr hylin iamkun-2 coding-ice yuguaa fireairforce
点赞
点赞
🫰
前排
前排
🙏
点赞
赞
umijs还不支持antd6,目前还无法升级,antdx的1.x版本的帮助文档还有地方可以查看吗?
umijs还不支持antd6,目前还无法升级,antdx的1.x版本的帮助文档还有地方可以查看吗? 近期会出一个antdv5 兼容包
真棒
umijs还不支持antd6,目前还无法升级,antdx的1.x版本的帮助文档还有地方可以查看吗? 近期会出一个antdv5 兼容包
期待一个兼容 v5 版本的,pro-components 目前也不知道后续会不会支持 v6 版本
有没有计划提供标准的 openai 的响应格式的转换为 Bubble 的工具方法
useXConversations 是否计划支持 触底加载更多的这种加载方式 以及 Conversations 是否是指虚拟滚动
有没有计划提供标准的 openai 的响应格式的转换为 Bubble 的工具方法
内置了 OpenAIChatProvider 可以试试
umijs还不支持antd6,目前还无法升级,antdx的1.x版本的帮助文档还有地方可以查看吗?
V1版本的文档可以先看这个:https://1-x-stable.ant-design-x.pages.dev/index-cn
所以,mcp和工具调用鸽了吗
牛哇
AI 场景完美,真的赞,长长的更新列表,大爱!
Note: The @ant-design/x 2.1.0 version is compatible with the vast majority of antd 5.x components. However, some components' styles rely on the semantic implementation of version 6, which may result in minor differences requiring manual adjustments on your part.
注意 @ant-design/x 2.1.0 版本兼容了绝大多数 antd 5.x 的组件,但是部分组件的样式依赖 v6 版本的语义化实现,可能会有一些差异,需要您手动调整。
点赞,现在 ai-element 用起来还是太糙了
有没有计划支撑小程序场景?