element-plus-x/Element-Plus-X

解决的问题

提供一组即用的、企业级的 UI 组件，专为 AI 应用设计，消除了开发者使用 Vue 3 和 Element-Plus 从零开始构建常见 AI 界面模式（如聊天气泡或流式输入）的需要。

如何工作

作为一个扩展 Element-Plus 设计系统的组件库运行。提供一系列专门的 Vue 组件和钩子，处理 AI 交互的视觉和功能需求，例如管理消息列表、处理流式 API 响应以及集成语音识别。

适用人群

已经在使用或偏好 Vue 3 和 Element-Plus 生态系统的前端开发者，用于构建 AI 驱动的 Web 应用程序。

主要亮点

• AI 专用组件：包含专用工具，如 BubbleList（用于聊天历史）、XSender（支持语音和提及的智能输入）和 ThoughtChain（用于显示 AI 推理步骤）。
• 流式支持：提供专用钩子如 useXStream 和 useSend，简化流式文本界面的实现。
• 语音集成：包含 useRecord，用于访问浏览器端的语音识别 API。
• 企业就绪：为可扩展性设计，支持树摇（tree-shaking）以优化包大小，并采用清晰的语义化版本控制策略。