pro chat

前言

新用戶請直接使用 ant-design/x

一些道歉和筆記：#340

專業聊天室

用於快速建立 LLM 聊天介面的元件庫。

英文·簡體中文·變更日誌。報告錯誤·請求功能

目錄

總有機碳

• ？安裝
  • 使用 Next.js 進行編譯
• ？用法
• 特徵
• ？展示櫃
• ？瀏覽器相容性
• ⌨️ 本地發展
• ？貢獻
• ?️生態系統

？安裝

重要的

此軟體包僅適用於 ESM。

若要安裝@ant-design/pro-chat ，請執行以下命令：

$ pnpm install @ant-design/pro-chat

pnpm 中預設的auto-install-peers是true 。如果您使用其他套件管理器，您可能需要單獨安裝antd和antd-style 。

使用 Next.js 進行編譯

如果您在使用 Next.js 時遇到一些錯誤，請檢查此處。

？用法

 import { ProChat } from '@ant-design/pro-chat' ;

export default ( ) => (
  < ProChat
    request = { async ( messages ) => {
      // Send a request with Message as the parameter
      return Message ; // Supports both streaming and non-streaming
    } }
  / >
) ; 

特徵

筆記

ProChat專注於快速建立大型語言模型聊天對話框架。它旨在使開發人員能夠輕鬆創建豐富、動態且直觀的聊天介面。

聊天介面元件框架及解決方案：

• 自動聊天快取：無需任何額外努力即可保持對話連續性，確保流暢的使用者體驗。
• 簡化的對話：提供不同對話風格的選擇，滿足不同的使用者偏好。
• ✏️訊息編輯功能：提供一整套編輯工具，包括請求重做、編輯組合和刪除，以實現精確的對話控制。
• 自動渲染 Markdown ：透過將 Markdown 轉換為格式精美的訊息，提供豐富的文字體驗，讓使用者沉浸其中。
• ️程式控制（參考） ：精確控制聊天流程，使開發人員能夠創建量身訂製的對話體驗。

設計演變/進行中

• 具有編輯功能的自訂對話渲染- Issue/21
• 增強的請求參數- 將附加參數注入到請求中的能力即將出現
• 個人化錯誤處理- 為那些意外時刻設計獨特的後備和配置
• 擴展文件和全球化- 獲取全面的指南和國際支持，以獲得真正的無國界體驗
• 原子組件設計- 預期採用模組化設計方法，確保簡單性和多功能性

？展示櫃

讓我們來展示一下 ProChat 的一些標誌性功能：

簡化對話	內容編輯
進行像河流一樣自然流動的簡化對話	使用支援即時編輯的工具細化、重塑和完善您的對話。
整合渲染
使用我們的內建渲染工具深入生動的聊天世界，該工具旨在使文字栩栩如生。

？瀏覽器相容性

筆記

• 現代瀏覽器和 Internet Explorer 11（帶有 polyfill）
• 電子

或克隆它以進行本地開發： $ git clone https://github.com/ant-design/pro-chat.git $ cd pro-chat $ pnpm install $ pnpm dev ？貢獻 重要的 加入我們的協作生態系統。您的貢獻是我們專案的心跳。您可以透過以下方式成為我們充滿活力的社區不可或缺的一部分： 整合創新：將 Ant Design Pro、umi 和 ProChat 融入您的專案中。您的實際使用情況和回饋對我們來說非常寶貴。 說出您的見解：遇到故障？有疑問嗎？你的觀點很重要。透過提交問題來分享並幫助我們增強用戶體驗。 塑造未來：有程式碼增強或功能想法嗎？我們邀請您提出拉取請求並直接為我們的程式碼庫的發展做出貢獻。 每一項貢獻，無論大小，都會受到慶祝。加入我們，共同履行完善和提升開源企業 UI 元件世界的使命。 ？ ?️生態系統 ProComponents - 專為企業級應用程式設計，像專業人士一樣使用 A​​nt Design！ ProEditor - 終極編輯器 UI 框架和元件。 ProFlow - 基於 React-Flow 的串流編輯器框架。 ProChat - 用於快速建立 LLM 聊天介面的元件庫。 執照 版權所有 © 2023 - 目前 AFX 和 Ant Digital。 該計畫已獲得麻省理工學院許可。