element-plus-x/Element-Plus-X

解決的問題

提供一組即用的企業級 UI 元件，專為 AI 應用設計，消除開發者使用 Vue 3 和 Element-Plus 從零開始建構常見 AI 界面模式（如聊天氣泡或串流輸入）的需要。

如何運作

作為一個擴展 Element-Plus 設計系統的元件庫運作。提供一系列專用的 Vue 元件與 Hook，處理 AI 互動的視覺與功能需求，例如管理訊息清單、處理串流 API 回應，以及整合語音辨識。

適用對象

已在使用或偏好 Vue 3 和 Element-Plus 生態系統的前端開發者，用於建構 AI 驅動的 Web 應用程式。

主要亮點

• AI 專用元件：包含專用工具，如 BubbleList（用於聊天歷史）、XSender（支援語音與提及的智慧輸入）和 ThoughtChain（用於顯示 AI 推理步驟）。
• 串流支援：提供專用 Hook 如 useXStream 和 useSend，簡化串流文字介面的實作。
• 語音整合：包含 useRecord，用於存取瀏覽器端的語音辨識 API。
• 企業就緒：為可擴展性設計，支援樹搖（tree-shaking）以優化套件大小，並採用清晰的語意化版本控制策略。