近日,Ant Design X V2 正式發佈!本次升級的重點為:
- 底層依賴升級 Ant Design V6,同時將伴隨 React 19 以及 CSS Variables 樣式架構的升級。
- Ant Design X 2.0 升級為 monorepo 架構,拆分成三個子包:@ant-design/x、@ant-design/x-markdown、@ant-design/x-sdk,因此 Ant Design X 將升級為搭建AI應用的工具集。
Ant Design X 基於 RICH 交互範式,在不同的交互階段提供了大量的原子組件,專為 AI 驅動界面設計,提供開箱即用的智能對話組件、無縫集成 API 服務,快速搭建智能應用界面。
Ant Design X 2.0 技術升級
Ant Design 依賴升級到 V6,詳情請看 https://ant.design/docs/react/migration-v6-cn
新特性與功能增強
- 核心 UI 組件庫(@ant-design/x)
基於 RICH 範式的 React UI 組件庫,提供開箱即用的智能對話界面組件,提供原子化組件,支持靈活組合。
- 支持 TypeScript
- 組件語義化結構
- 國際化定製
- 深度主題定製
- 高性能 Markdown 流式渲染器(@ant-design/x-markdown)
專為 AI 流式場景打造的高性能 Markdown 渲染器。
- useXChat
通過 Agent 進行會話數據管理,併產出供頁面渲染使用的數據。
- useXConversations
提供會話列表管理,多會話保持,包括會話創建、刪除、更新等操作能力。
- Chat Provider
內置了 DefaultChatProvider、OpenAIChatProvider、DeepSeekChatProvider 三個數據處理,同時可以自定義 Chat Provider 滿足各種模型或者 agent 調用。
- XRequest 和 XStream
將流請求和流處理遷移到 X-SDK。
升級指南
- 確保 Ant Design 升級為 V6 版本。
- 確保項目運行在 React 18 或更高版本。
- @ant-design/x 相關升級。
1. 我們對 Sender、ThoughtChain、Bubble 這三個組件進行了UI層面以及功能的全面升級,同時需要你參考應用頁面設計來選取使用,因此無法使用統一工具兼容升級,但我們仍有一份文檔(https://x.ant-design-x/docs/react/migration-v2-cn)可以幫助您升級。 2. v2 版本已將 Tools 相關內容遷移到了 @ant-design/x-sdk,同時刪除了 useXAgent,建議直接使用新的 useXChat,更多功能可看 X-SDK 官網文檔(https://x.ant.design/x-sdks/introduce-cn/)。 </li> <li> 不再支持 IE。 </li>
未來規劃
- 基於 X 的 AI 應用腳手架 X-Pro。
- AI 應用內容生成規範以及接入方案 :x-card ,目前還在設計中具體內容後續會在 X Discussions 發佈。
- 根據不同的模型廠商提供更多內置的 Chat Provider。
- 更多組件功能支持快捷鍵觸發。
- 此外還有一些新的組件:GenScroller(生成式滾動)、Artifacts(微型瀏覽器)等正在開發中,敬請期待。
下載地址:https://github.com/ant-design/x/releases/tag/2.0.0