* 安装
[大
这个软件包是 仅限无害环境管理。 。 。 .
要安装 @ant-design/pro-chat,运行以下命令:
$ pnpm install @ant-design/pro-chat
默认 auto-install-peers 以 pnpm 为单位 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转换为优美格式化的信息来浸润用户.
- 🎚️ 程序控制(参考):精确地命令聊天流出,使开发人员能够创建定制的对话体验.
设计进化/ 进行中
- 自定义带有编辑能力的对话框渲染 - 说吧 问题21
- 增强请求参数 - 向您的请求注入额外参数的力量在望
- 个性化错误处理 - 为这些出人意料的时刻而制作独特的倒置和配置
- 扩大的文件和全球化 - 获得全面指南和国际支持,以获得真正无边界的经验
- 原子组件设计 - 设想一种既简单又多用途的模块化设计方法
显示大小写
让我们展示一下ProChat的一些签名特征:
| 精简对话框 | 内容编辑器 |
|---|---|
| 参与像河流一样自然流畅的简化对话 | 完善,重塑,并完善您与允许实时编辑的工具的对话. |
 |  |
| 综合渲染器 | |
| 潜入生动活泼的世界 与我们的Built -in Render, 一个工具 设计给文字生命. | |
 |
QQ 浏览器兼容性
[注]
 |  |  |  |  |
|---|---|---|---|---|
| 边缘 | 上两个版本 | 上两个版本 | 上两个版本 | 上两个版本 |
地方发展
您可以使用 Github 代码空间进行在线开发 :
或者复制它用于本地发展:
$ git clone https://github.com/ant-design/pro-chat.git
$ cd pro-chat
$ pnpm install
$ pnpm dev
捐款
[大
加入我们的合作生态系统。 你的贡献是我们项目的心跳。 这就是你如何成为我们充满生机的社区的一个组成部分:
- 整合和创新:将Ant Design Pro, umi, ProChat 纳入您的项目中. 你的用法和反馈对我们来说是宝贵的.
- 声音你的洞察力-遇到故障了吗? 有问题吗? 你的观点很重要 通过提交来分享 问题 帮助我们增强用户体验.
- 塑造未来:有代码增强或功能创意? 我们邀请你提议 拖动请求 并直接促进我们代码库的发展.
每个贡献,无论大小,都会被庆祝. 加入我们的任务,完善和提升开放源码企业UI组件的世界
|
|
|
|---|---|
|
|
|
|
生态系统
- 亲组件 - 为企业级应用程序设计,像Pro一样使用蚂蚁设计.
- 编辑器 - 最终编辑器UI框架和组件.
- 前进 - React-Flow上的流程编辑框架基础.
- ProChat 语录 - 用于快速构建 LLM 聊天界面的组件库.