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 - 专为企业级应用程序设计，像专业人士一样使用 Ant Design！ ProEditor - 终极编辑器 UI 框架和组件。 ProFlow - 基于 React-Flow 的流编辑器框架。 ProChat - 用于快速构建 LLM 聊天界面的组件库。 执照 版权所有 © 2023 - 目前 AFX 和 Ant Digital。 该项目已获得麻省理工学院许可。