Ant Design X 和 Element-Plus-X

Ant Design X 是 Ant Design 的全新 AGI 组件库，旨在帮助开发者更轻松地研发 AI 产品用户界面。提供AI交互所需的Attachments、Sender、ThoughtChain等组件，以及useXAgent、XStream等hooks。

具备支持Vue和React两个版本

React： github.com/ant-design/...

Vue： github.com/wzc520pyfm/...

重点介绍一下相关实用的hooks：

• XStream
  • 使用场景：将 SSE 协议的 <font style="color:rgba(0, 0, 0, 0.88);">ReadableStream</font> 转换为 <font style="color:rgba(0, 0, 0, 0.88);">Record</font>；将任何协议的 <font style="color:rgba(0, 0, 0, 0.88);">ReadableStream</font> 解码并读取。
  • 补充：<font style="color:rgba(0, 0, 0, 0.88);">Server-Sent Events</font>（简称 SSE ）是一种服务器 **主动****向浏览器发送实时更新数据的通信方式，属于 HTML5 标准的一部分。SSE 是浏览器内置支持的、 单向的**、轻量级的实时通信机制 ------ 服务器可以持续地将数据推送给前端，而无需前端不断轮询。
  • 
• XRequest
  • 封装请求格式，可以符合OpenAI标准的LLM请求格式
  • 单次请求，不管理上下文
• useXAgent
  • 与后端模型进行交互，提供抽象数据流
  • 
• useXChat
  • 在 useXAgent 的基础上做了进一步的封装，提供了更完整、更强大的对话管理能力 ，适合需要多轮对话、上下文控制、模型切换、流式响应的复杂场景
  • 

Element-Plus-X开箱即用的AI交互组件库，对标Ant Design X，专为Vue框架使用。

在Ant Design X的对标下，进行了重构，例如将 ant-design-x 的 XRequest 进行了重构，将其拆分成 **前端终止场景** 和 **请求终止场景**。 两种场景 分别对应hooks useSend（前端终止场景）和工具类 XRequest（请求终止场景）。

目前正在开发测试中......

github.com/HeJiaYue520...