[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-ant-design--pro-chat":3,"tool-ant-design--pro-chat":65},[4,17,27,35,43,56],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",160784,2,"2026-04-19T11:32:54",[13,14,15],"开发框架","Agent","语言模型","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},4487,"LLMs-from-scratch","rasbt\u002FLLMs-from-scratch","LLMs-from-scratch 是一个基于 PyTorch 的开源教育项目，旨在引导用户从零开始一步步构建一个类似 ChatGPT 的大型语言模型（LLM）。它不仅是同名技术著作的官方代码库，更提供了一套完整的实践方案，涵盖模型开发、预训练及微调的全过程。\n\n该项目主要解决了大模型领域“黑盒化”的学习痛点。许多开发者虽能调用现成模型，却难以深入理解其内部架构与训练机制。通过亲手编写每一行核心代码，用户能够透彻掌握 Transformer 架构、注意力机制等关键原理，从而真正理解大模型是如何“思考”的。此外，项目还包含了加载大型预训练权重进行微调的代码，帮助用户将理论知识延伸至实际应用。\n\nLLMs-from-scratch 特别适合希望深入底层原理的 AI 开发者、研究人员以及计算机专业的学生。对于不满足于仅使用 API，而是渴望探究模型构建细节的技术人员而言，这是极佳的学习资源。其独特的技术亮点在于“循序渐进”的教学设计：将复杂的系统工程拆解为清晰的步骤，配合详细的图表与示例，让构建一个虽小但功能完备的大模型变得触手可及。无论你是想夯实理论基础，还是为未来研发更大规模的模型做准备",90106,3,"2026-04-06T11:19:32",[15,26,14,13],"图像",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":10,"last_commit_at":33,"category_tags":34,"status":16},8553,"spec-kit","github\u002Fspec-kit","Spec Kit 是一款专为提升软件开发效率而设计的开源工具包，旨在帮助团队快速落地“规格驱动开发”（Spec-Driven Development）模式。传统开发中，需求文档往往与代码实现脱节，导致沟通成本高且结果不可控；而 Spec Kit 通过将规格说明书转化为可执行的指令，让 AI 直接依据明确的业务场景生成高质量代码，从而减少从零开始的随意编码，确保产出结果的可预测性。\n\n该工具特别适合希望利用 AI 辅助编程的开发者、技术负责人及初创团队。无论是启动全新项目还是在现有工程中引入规范化流程，用户只需通过简单的命令行操作，即可初始化项目并集成主流的 AI 编程助手。其核心技术亮点在于“规格即代码”的理念，支持社区扩展与预设模板，允许用户根据特定技术栈定制开发流程。此外，Spec Kit 强调官方维护的安全性，提供稳定的版本管理，帮助开发者在享受 AI 红利的同时，依然牢牢掌握架构设计的主动权，真正实现从“凭感觉写代码”到“按规格建系统”的转变。",88749,"2026-04-17T09:48:14",[15,26,14,13],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":10,"last_commit_at":41,"category_tags":42,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,15],{"id":44,"name":45,"github_repo":46,"description_zh":47,"stars":48,"difficulty_score":10,"last_commit_at":49,"category_tags":50,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",85267,"2026-04-18T11:00:28",[26,51,52,53,14,54,15,13,55],"数据工具","视频","插件","其他","音频",{"id":57,"name":58,"github_repo":59,"description_zh":60,"stars":61,"difficulty_score":62,"last_commit_at":63,"category_tags":64,"status":16},5784,"funNLP","fighting41love\u002FfunNLP","funNLP 是一个专为中文自然语言处理（NLP）打造的超级资源库，被誉为\"NLP 民工的乐园”。它并非单一的软件工具，而是一个汇集了海量开源项目、数据集、预训练模型和实用代码的综合性平台。\n\n面对中文 NLP 领域资源分散、入门门槛高以及特定场景数据匮乏的痛点，funNLP 提供了“一站式”解决方案。这里不仅涵盖了分词、命名实体识别、情感分析、文本摘要等基础任务的标准工具，还独特地收录了丰富的垂直领域资源，如法律、医疗、金融行业的专用词库与数据集，甚至包含古诗词生成、歌词创作等趣味应用。其核心亮点在于极高的全面性与实用性，从基础的字典词典到前沿的 BERT、GPT-2 模型代码，再到高质量的标注数据和竞赛方案，应有尽有。\n\n无论是刚刚踏入 NLP 领域的学生、需要快速验证想法的算法工程师，还是从事人工智能研究的学者，都能在这里找到急需的“武器弹药”。对于开发者而言，它能大幅减少寻找数据和复现模型的时间；对于研究者，它提供了丰富的基准测试资源和前沿技术参考。funNLP 以开放共享的精神，极大地降低了中文自然语言处理的开发与研究成本，是中文 AI 社区不可或缺的宝藏仓库。",79857,1,"2026-04-08T20:11:31",[15,51,54],{"id":66,"github_repo":67,"name":68,"description_en":69,"description_zh":70,"ai_summary_zh":71,"readme_en":72,"readme_zh":73,"quickstart_zh":74,"use_case_zh":75,"hero_image_url":76,"owner_login":77,"owner_name":78,"owner_avatar_url":79,"owner_bio":80,"owner_company":81,"owner_location":81,"owner_email":81,"owner_twitter":82,"owner_website":83,"owner_url":84,"languages":85,"stars":98,"forks":99,"last_commit_at":100,"license":101,"difficulty_score":10,"env_os":102,"env_gpu":103,"env_ram":104,"env_deps":105,"category_tags":111,"github_topics":112,"view_count":10,"oss_zip_url":81,"oss_zip_packed_at":81,"status":16,"created_at":118,"updated_at":119,"faqs":120,"releases":156},9837,"ant-design\u002Fpro-chat","pro-chat","🤖 Components Library for Quickly Building LLM Chat Interfaces.","ProChat 是一款专为快速构建大语言模型（LLM）聊天界面而设计的开源组件库。它旨在帮助开发者轻松搭建功能丰富、交互流畅且直观的对话应用，无需从零开始处理复杂的聊天逻辑与 UI 细节。\n\n在实际开发中，构建一个完善的聊天窗口往往涉及消息流式传输、上下文记忆、Markdown 渲染以及复杂的编辑操作等繁琐工作。ProChat 通过封装这些通用能力，有效解决了重复造轮子的问题，让团队能更专注于核心业务逻辑的实现。\n\n该工具主要面向前端开发工程师和技术团队，特别是那些基于 React 技术栈、希望快速集成 AI 对话功能的项目。无论是初创公司的原型验证，还是成熟产品的功能迭代，ProChat 都能提供强有力的支持。\n\n其核心技术亮点包括：内置自动会话缓存机制，确保对话连贯性；支持流式与非流式响应，完美适配各类大模型接口；提供消息编辑、重发、删除等精细化控制功能；并具备自动 Markdown 渲染能力，让文本展示更加美观。此外，它还暴露了编程式控制接口（Ref），允许开发者深度定制交互流程。作为 Ant Design 生态的一部分，ProChat 拥有良好的视觉一致性和社区支持，是构建现代","ProChat 是一款专为快速构建大语言模型（LLM）聊天界面而设计的开源组件库。它旨在帮助开发者轻松搭建功能丰富、交互流畅且直观的对话应用，无需从零开始处理复杂的聊天逻辑与 UI 细节。\n\n在实际开发中，构建一个完善的聊天窗口往往涉及消息流式传输、上下文记忆、Markdown 渲染以及复杂的编辑操作等繁琐工作。ProChat 通过封装这些通用能力，有效解决了重复造轮子的问题，让团队能更专注于核心业务逻辑的实现。\n\n该工具主要面向前端开发工程师和技术团队，特别是那些基于 React 技术栈、希望快速集成 AI 对话功能的项目。无论是初创公司的原型验证，还是成熟产品的功能迭代，ProChat 都能提供强有力的支持。\n\n其核心技术亮点包括：内置自动会话缓存机制，确保对话连贯性；支持流式与非流式响应，完美适配各类大模型接口；提供消息编辑、重发、删除等精细化控制功能；并具备自动 Markdown 渲染能力，让文本展示更加美观。此外，它还暴露了编程式控制接口（Ref），允许开发者深度定制交互流程。作为 Ant Design 生态的一部分，ProChat 拥有良好的视觉一致性和社区支持，是构建现代 AI 聊天应用的理想选择。","## 前言\n\n新用户请直接使用 [ant-design\u002Fx](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fx)\n\n一些道歉和想说的：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F340\n\n\n\u003Cdiv align=\"center\">\n\n\u003Cimg height=\"120\" src=\"https:\u002F\u002Fgw.alipayobjects.com\u002Fzos\u002Fkitchen\u002FwzToJwlSw%24\u002Flogo.svg\">\n\u003Cimg height=\"120\" src=\"https:\u002F\u002Fgw.alipayobjects.com\u002Fzos\u002Fkitchen\u002FqJ3l3EPsdW\u002Fsplit.svg\">\n\u003Cimg height=\"120\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_7b45705d77a8.png\">\n\n\u003Ch1>ProChat\u003C\u002Fh1>\n\nComponents Library for Quickly Building LLM Chat Interfaces.\n\n[![][npm-release-shield]][npm-release-link] [![][npm-downloads-shield]][npm-downloads-link] [![][github-releasedate-shield]][github-releasedate-link] [![][github-action-test-shield]][github-action-test-link] [![][github-action-release-shield]][github-action-release-link] [![][codecov-shield]][codecov-link] \u003Cbr\u002F> [![][github-contributors-shield]][github-contributors-link] [![][github-forks-shield]][github-forks-link] [![][github-stars-shield]][github-stars-link] [![][github-issues-shield]][github-issues-link] [![][github-license-shield]][github-license-link] \u003Cbr\u002F> [![][ant-design-shield]][ant-design-link] [![][devops-dumi-shield]][devops-dumi-link] [![][devops-father-shield]][devops-father-link]\n\nEnglish · [简体中文](.\u002FREADME.zh-CN.md) · [Changelog](.\u002FCHANGELOG.md) . [Report Bug][github-issues-link] · [Request Feature][github-issues-link]\n\n![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_853aaa303060.webp)\n\n\u003C\u002Fdiv>\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Table of contents\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n#### TOC\n\n- [📦 Installation](#-installation)\n  - [Compile with Next.js](#compile-with-nextjs)\n- [🔨 Usage](#-usage)\n- [✨ Features](#-features)\n- [👀 Showcase](#-showcase)\n- [🖥 Browser compatibility](#-browser-compatibility)\n- [⌨️ Local Development](#️-local-development)\n- [🤝 Contributing](#-contributing)\n- [🛣️ Ecosystem](#️-ecosystem)\n\n####\n\n\u003C\u002Fdetails>\n\n## 📦 Installation\n\n> \\[!IMPORTANT]\n>\n> This package is [ESM only](https:\u002F\u002Fgist.github.com\u002Fsindresorhus\u002Fa39789f98801d908bbc7ff3ecc99d99c).\n\nTo install `@ant-design\u002Fpro-chat`, run the following command:\n\n```bash\n$ pnpm install @ant-design\u002Fpro-chat\n```\n\nThe default `auto-install-peers` in pnpm is `true`. If you use other package managers, you may need to install `antd` and `antd-style` separately.\n\n### Compile with Next.js\n\nIf you have some errors when using Next.js, check [here](https:\u002F\u002Fpro-chat.antdigital.dev\u002Fen-US\u002Fguide\u002Fnextjs#frequently-asked-questions).\n\n## 🔨 Usage\n\n```jsx\nimport { ProChat } from '@ant-design\u002Fpro-chat';\n\nexport default () => (\n  \u003CProChat\n    request={async (messages) => {\n      \u002F\u002F Send a request with Message as the parameter\n      return Message; \u002F\u002F Supports both streaming and non-streaming\n    }}\n  \u002F>\n);\n```\n\n\u003Cbr\u002F>\n\n## ✨ Features\n\n> \\[!NOTE]\n>\n> ProChat focuses on quickly setting up a large language model chat dialogue framework. It aims to empower developers to easily create rich, dynamic, and intuitive chat interfaces.\n\n[![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_e1bccaa46f41.png)](https:\u002F\u002Fnext.ossinsight.io\u002Fwidgets\u002Fofficial\u002Fcompose-activity-trends?repo_id=707504998)\n\n**Framework and Solutions for Chat Interface Components:**\n\n- 🔄 **Automatic Chat Caching**: Maintains conversation continuity without any extra effort, ensuring a smooth user experience.\n- 💬 **Streamlined Conversations**: Offers the choice between different conversation styles, catering to diverse user preferences.\n- ✏️ **Message Editing Features**: Provides a suite of editing tools, including request redo, edit combination, and deletion, for precise conversation control.\n- 📖 **Auto-rendered Markdown**: Delivers a rich text experience that immerses users by transforming Markdown into beautifully formatted messages.\n- 🎚️ **Programmatic Controls (Ref)**: Commands the chat flow with precision, allowing developers to create a tailored conversational experience.\n\n\u003Cbr\u002F>\n\n**Design Evolution \u002F In Progress**\n\n- [ ] **Customized Dialogue Rendering with Edit Capabilities** - [issue\u002F21](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F21)\n- [ ] **Enhanced Request Parameters** - The power to infuse additional parameters into your requests is on the horizon\n- [ ] **Personalized Error Handling** - Craft unique fallbacks and configurations for those unexpected moments\n- [ ] **Expanded Documentation & Globalization** - Access comprehensive guides and international support for a truly borderless experience\n- [ ] **Atomic Component Design** - Anticipate a modular approach to design that promises both simplicity and versatility\n\n\u003Cbr\u002F>\n\n## 👀 Showcase\n\nLet's showcase some of ProChat's signature features:\n\n| **Streamlined Dialogue** | **Content Editor** |\n| :-: | :-: |\n| Engage in Streamlined Conversations that flow as naturally as a river | Refine, reshape, and perfect your dialogue with tools that allow for real-time edits. |\n| ![][prevew-1] | ![][prevew-3] |\n| **Integrated Render** |  |\n| Dive into the vivid world of chat with our Built-in Render, a tool designed to bring text to life. |  |\n| ![][prevew-2] |  |\n\n\u003Cbr\u002F>\n\n## 🖥 Browser compatibility\n\n> \\[!NOTE]\n>\n> - Modern browsers and Internet Explorer 11 (with [polyfills](https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F57020976\u002Fpolyfills-in-2019-for-ie11))\n> - [Electron](https:\u002F\u002Fwww.electronjs.org\u002F)\n\n| [![edge](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_5ca69eab6f31.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) | [![Edge](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_97e8bef20198.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) | [![chrome](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_c8c84654dc4d.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) | [![safari](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_d0e9b2f9bda2.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) | [![electron_48x48](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_165d823d3886.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) |\n| --- | --- | --- | --- | --- |\n| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n\u003Cbr\u002F>\n\n## ⌨️ Local Development\n\nYou can use Github Codespaces for online development:\n\n[![][github-codespace-shield]][github-codespace-link]\n\nOr clone it for local development:\n\n```bash\n$ git clone https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat.git\n$ cd pro-chat\n$ pnpm install\n$ pnpm dev\n```\n\n\u003Cbr\u002F>\n\n## 🤝 Contributing\n\n> \\[!IMPORTANT]\n>\n> Join our collaborative ecosystem. Your contributions are the heartbeat of our project. Here's how you can be an integral part of our vibrant community:\n\n- **Integrate and Innovate**: Incorporate Ant Design Pro, umi, and ProChat into your projects. Your real-world usage and feedback are invaluable to us.\n- **Voice Your Insights**: Encounter a glitch? Have a query? Your perspectives matter. Share them by submitting [issues][github-issues-link] and help us enhance the user experience.\n- **Shape the Future**: Have code enhancements or feature ideas? We invite you to propose [pull requests][pr-welcome-link] and contribute directly to the evolution of our codebase.\n\nEvery contribution, big or small, is celebrated. Join us in our mission to refine and elevate the world of open-source enterprise UI components. 😃\n\n[![][pr-welcome-shield]][pr-welcome-link]\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fgraphs\u002Fcontributors\" target=\"_blank\">\n  \u003Ctable>\n    \u003Ctr>\n      \u003Cth colspan=\"2\">\n        \u003Cbr>\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_4f4e29dcdf0a.png\">\u003Cbr>\u003Cbr>\n      \u003C\u002Fth>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_890e1e7dba9c.png\">\n      \u003C\u002Ftd>\n      \u003Ctd rowspan=\"2\">\n        \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_4c3e02758897.png\">\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_846e0fd97d3a.png\">\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftable>\n\u003C\u002Fa>\n\n\u003Cbr\u002F>\n\n## 🛣️ Ecosystem\n\n- **[ProComponents](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-components)** - Designed for Enterprise-Level Application, Use Ant Design like a Pro!.\n- **[ProEditor](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-editor)** - The Ultimate Editor UI Framework and Components.\n- **[ProFlow](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-flow)** - A Flow Editor Framework base on React-Flow.\n- **[ProChat](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat)** - Components Library for Quickly Building LLM Chat Interfaces.\n\n\u003Cbr\u002F>\n\n---\n\n#### 📝 License\n\nCopyright © 2023 - present [AFX][ant-design-link] & [Ant Digital](https:\u002F\u002Fantdigital.com). \u003Cbr\u002F> This project is [MIT](.\u002FLICENSE) licensed.\n\n\u003C!-- LINK GROUP -->\n\n[ant-design-link]: https:\u002F\u002Fant.design\n[ant-design-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-Ant%20Design-1677FF?labelColor=black&logo=antdesign&style=flat-square\n[codecov-link]: https:\u002F\u002Fcodecov.io\u002Fgh\u002Fant-design\u002Fpro-chat\n[codecov-shield]: https:\u002F\u002Fimg.shields.io\u002Fcodecov\u002Fc\u002Fgithub\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square&logo=codecov&logoColor=white\n[devops-dumi-link]: https:\u002F\u002Fd.umijs.org\u002F\n[devops-dumi-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdocs%20by-dumi-blue?color=1677FF&labelColor=black&style=flat-square\n[devops-father-link]: https:\u002F\u002Fgithub.com\u002Fumijs\u002Ffather\n[devops-father-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fbuild%20with-father-028fe4.svg?color=1677FF&labelColor=black&style=flat-square\n[github-action-release-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Factions\u002Fworkflows\u002Frelease.yml\n[github-action-release-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Factions\u002Fworkflow\u002Fstatus\u002Fant-design\u002Fpro-chat\u002Frelease.yml?color=1677FF&label=release&labelColor=black&logo=githubactions&logoColor=white&style=flat-square\n[github-action-test-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Factions\u002Fworkflows\u002Ftest.yml\n[github-action-test-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Factions\u002Fworkflow\u002Fstatus\u002Fant-design\u002Fpro-chat\u002Ftest.yml?color=1677FF&label=test&labelColor=black&logo=githubactions&logoColor=white&style=flat-square\n[github-codespace-link]: https:\u002F\u002Fcodespaces.new\u002Fant-design\u002Fpro-chat\n[github-codespace-shield]: https:\u002F\u002Fgithub.com\u002Fcodespaces\u002Fbadge.svg\n[github-contributors-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fgraphs\u002Fcontributors\n[github-contributors-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fcontributors\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-forks-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fnetwork\u002Fmembers\n[github-forks-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-issues-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\n[github-issues-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-license-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fblob\u002Fmain\u002FLICENSE\n[github-license-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-releasedate-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Freleases\n[github-releasedate-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Frelease-date\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-stars-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fnetwork\u002Fstargazers\n[github-stars-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[npm-downloads-link]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@ant-design\u002Fpro-chat\n[npm-downloads-shield]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002F@ant-design\u002Fpro-chat?labelColor=black&style=flat-square&color=1677FF\n[npm-release-link]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@ant-design\u002Fpro-chat\n[npm-release-shield]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@ant-design\u002Fpro-chat?color=1677FF&labelColor=black&logo=npm&logoColor=white&style=flat-square\n[pr-welcome-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpulls\n[pr-welcome-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%E2%9D%A4%EF%B8%8F%20PR%20WELCOME-%E2%86%92-1677FF?labelColor=black&style=for-the-badge\n[prevew-1]: https:\u002F\u002Fmdn.alipayobjects.com\u002Fhuamei_re70wt\u002Fafts\u002Fimg\u002FA*0uQhSIzSS3YAAAAAAAAAAAAADmuEAQ\u002Foriginal\n[prevew-2]: https:\u002F\u002Fmdn.alipayobjects.com\u002Fhuamei_re70wt\u002Fafts\u002Fimg\u002FA*e4JbQKfupVQAAAAAAAAAAAAADmuEAQ\u002Foriginal\n[prevew-3]: https:\u002F\u002Fmdn.alipayobjects.com\u002Fhuamei_re70wt\u002Fafts\u002Fimg\u002FA*wVSCTb7bq8UAAAAAAAAAAAAADmuEAQ\u002Foriginal\n","## 前言\n\n新用户请直接使用 [ant-design\u002Fx](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fx)\n\n一些道歉和想说的：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F340\n\n\n\u003Cdiv align=\"center\">\n\n\u003Cimg height=\"120\" src=\"https:\u002F\u002Fgw.alipayobjects.com\u002Fzos\u002Fkitchen\u002FwzToJwlSw%24\u002Flogo.svg\">\n\u003Cimg height=\"120\" src=\"https:\u002F\u002Fgw.alipayobjects.com\u002Fzos\u002Fkitchen\u002FqJ3l3EPsdW\u002Fsplit.svg\">\n\u003Cimg height=\"120\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_7b45705d77a8.png\">\n\n\u003Ch1>ProChat\u003C\u002Fh1>\n\n用于快速构建大模型聊天界面的组件库。\n\n[![][npm-release-shield]][npm-release-link] [![][npm-downloads-shield]][npm-downloads-link] [![][github-releasedate-shield]][github-releasedate-link] [![][github-action-test-shield]][github-action-test-link] [![][github-action-release-shield]][github-action-release-link] [![][codecov-shield]][codecov-link] \u003Cbr\u002F> [![][github-contributors-shield]][github-contributors-link] [![][github-forks-shield]][github-forks-link] [![][github-stars-shield]][github-stars-link] [![][github-issues-shield]][github-issues-link] [![][github-license-shield]][github-license-link] \u003Cbr\u002F> [![][ant-design-shield]][ant-design-link] [![][devops-dumi-shield]][devops-dumi-link] [![][devops-father-shield]][devops-father-link]\n\nEnglish · [简体中文](.\u002FREADME.zh-CN.md) · [Changelog](.\u002FCHANGELOG.md) . [Report Bug][github-issues-link] · [Request Feature][github-issues-link]\n\n![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_853aaa303060.webp)\n\n\u003C\u002Fdiv>\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>目录\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n#### 目录\n\n- [📦 安装](#-installation)\n  - [使用 Next.js 编译](#compile-with-nextjs)\n- [🔨 使用](#-usage)\n- [✨ 特性](#-features)\n- [👀 展示](#-showcase)\n- [🖥 浏览器兼容性](#-browser-compatibility)\n- [⌨️ 本地开发](#️-local-development)\n- [🤝 贡献](#-contributing)\n- [🛣️ 生态系统](#️-ecosystem)\n\n####\n\n\u003C\u002Fdetails>\n\n## 📦 安装\n\n> \\[!IMPORTANT]\n>\n> 本包仅支持 ESM 格式（详见：[gist](https:\u002F\u002Fgist.github.com\u002Fsindresorhus\u002Fa39789f98801d908bbc7ff3ecc99d99c)）。\n\n要安装 `@ant-design\u002Fpro-chat`，请运行以下命令：\n\n```bash\n$ pnpm install @ant-design\u002Fpro-chat\n```\n\npnpm 默认会自动安装依赖项。如果您使用其他包管理工具，则可能需要单独安装 `antd` 和 `antd-style`。\n\n### 使用 Next.js 编译\n\n如果您在使用 Next.js 时遇到问题，请参阅[此处](https:\u002F\u002Fpro-chat.antdigital.dev\u002Fen-US\u002Fguide\u002Fnextjs#frequently-asked-questions)。\n\n## 🔨 使用\n\n```jsx\nimport { ProChat } from '@ant-design\u002Fpro-chat';\n\nexport default () => (\n  \u003CProChat\n    request={async (messages) => {\n      \u002F\u002F 以 Message 对象作为参数发送请求\n      return Message; \u002F\u002F 支持流式与非流式响应\n    }}\n  \u002F>\n);\n```\n\n\u003Cbr\u002F>\n\n## ✨ 特性\n\n> \\[!NOTE]\n>\n> ProChat 致力于快速搭建大型语言模型聊天对话框架，旨在帮助开发者轻松创建丰富、动态且直观的聊天界面。\n\n[![](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_e1bccaa46f41.png)](https:\u002F\u002Fnext.ossinsight.io\u002Fwidgets\u002Fofficial\u002Fcompose-activity-trends?repo_id=707504998)\n\n**聊天界面组件框架与解决方案：**\n\n- 🔄 **自动聊天缓存**：无需额外操作即可保持对话连续性，确保流畅的用户体验。\n- 💬 **流式对话**：提供多种对话风格供选择，满足不同用户的偏好。\n- ✏️ **消息编辑功能**：配备请求重做、组合编辑和删除等工具，实现精准的对话控制。\n- 📖 **自动渲染 Markdown**：将 Markdown 转换为格式精美的消息，带来沉浸式的富文本体验。\n- 🎚️ **程序化控制（Ref）**：精确指挥聊天流程，让开发者打造个性化的对话体验。\n\n\u003Cbr\u002F>\n\n**设计演进 \u002F 进行中**\n\n- [ ] **具备编辑能力的自定义对话渲染** - [issue\u002F21](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F21)\n- [ ] **增强的请求参数** - 未来将支持在请求中注入更多参数\n- [ ] **个性化错误处理** - 可为意外情况定制独特的回退方案和配置\n- [ ] **扩展文档与国际化** - 提供全面指南和多语言支持，实现真正的无国界体验\n- [ ] **原子化组件设计** - 预计采用模块化设计方法，兼具简洁性和灵活性。\n\n\u003Cbr\u002F>\n\n## 👀 展示\n\n让我们展示一下 ProChat 的几项特色功能：\n\n| **流式对话** | **内容编辑器** |\n| :-: | :-: |\n| 体验如河流般自然流畅的流式对话 | 使用实时编辑工具，精细调整并完善您的对话内容。 |\n| ![][prevew-1] | ![][prevew-3] |\n| **集成渲染** |  |\n| 通过内置渲染功能，进入生动的聊天世界，让文字跃然眼前。 |  |\n| ![][prevew-2] |  |\n\n\u003Cbr\u002F>\n\n## 🖥 浏览器兼容性\n\n> \\[!NOTE]\n>\n> - 现代浏览器及 Internet Explorer 11（需配合 [polyfills](https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002F57020976\u002Fpolyfills-in-2019-for-ie11)）\n> - [Electron](https:\u002F\u002Fwww.electronjs.org\u002F)\n\n| [![edge](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_5ca69eab6f31.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) | [![Edge](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_97e8bef20198.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) | [![chrome](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_c8c84654dc4d.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) | [![safari](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_d0e9b2f9bda2.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) | [![electron_48x48](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_165d823d3886.png)](http:\u002F\u002Fgodban.github.io\u002Fbrowsers-support-badges\u002F) |\n| --- | --- | --- | --- | --- |\n| Edge | 最近两个版本 | 最近两个版本 | 最近两个版本 | 最近两个版本 |\n\n\u003Cbr\u002F>\n\n## ⌨️ 本地开发\n\n您可以通过 Github Codespaces 进行在线开发：\n\n[![][github-codespace-shield]][github-codespace-link]\n\n或者克隆代码库进行本地开发：\n\n```bash\n$ git clone https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat.git\n$ cd pro-chat\n$ pnpm install\n$ pnpm dev\n```\n\n\u003Cbr\u002F>\n\n## 🤝 贡献\n\n> \\[!IMPORTANT]\n>\n> 加入我们的协作生态系统。您的贡献是我们项目的脉搏。以下是如何成为我们充满活力的社区不可或缺的一部分：\n\n- **集成与创新**：将 Ant Design Pro、umi 和 ProChat 集成到您的项目中。您在实际使用中的反馈对我们来说至关重要。\n- **分享您的见解**：遇到问题了吗？有疑问吗？您的观点很重要。请通过提交 [issues][github-issues-link] 与我们分享，帮助我们提升用户体验。\n- **塑造未来**：是否有代码改进或功能建议？我们诚邀您提出 [pull requests][pr-welcome-link]，直接参与代码库的演进。\n\n无论大小，每一份贡献都值得庆祝。加入我们，共同致力于完善和提升开源企业级 UI 组件的世界。 😃\n\n[![][pr-welcome-shield]][pr-welcome-link]\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fgraphs\u002Fcontributors\" target=\"_blank\">\n  \u003Ctable>\n    \u003Ctr>\n      \u003Cth colspan=\"2\">\n        \u003Cbr>\u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_4f4e29dcdf0a.png\">\u003Cbr>\u003Cbr>\n      \u003C\u002Fth>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_890e1e7dba9c.png\">\n      \u003C\u002Ftd>\n      \u003Ctd rowspan=\"2\">\n        \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_4c3e02758897.png\">\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\n        \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_readme_846e0fd97d3a.png\">\n      \u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftable>\n\u003C\u002Fa>\n\n\u003Cbr\u002F>\n\n## 🛣️ 生态系统\n\n- **[ProComponents](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-components)** - 专为企业级应用设计，像专业人士一样使用 Ant Design！\n- **[ProEditor](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-editor)** - 最强大的编辑器 UI 框架和组件。\n- **[ProFlow](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-flow)** - 基于 React-Flow 的流程编辑器框架。\n- **[ProChat](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat)** - 用于快速构建 LLM 聊天界面的组件库。\n\n\u003Cbr\u002F>\n\n---\n\n#### 📝 许可证\n\n版权所有 © 2023 - 至今 [AFX][ant-design-link] & [Ant Digital](https:\u002F\u002Fantdigital.com)。\u003Cbr\u002F> 本项目采用 [MIT](.\u002FLICENSE) 许可证。\n\n\u003C!-- 链接组 -->\n\n[ant-design-link]: https:\u002F\u002Fant.design\n[ant-design-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-Ant%20Design-1677FF?labelColor=black&logo=antdesign&style=flat-square\n[codecov-link]: https:\u002F\u002Fcodecov.io\u002Fgh\u002Fant-design\u002Fpro-chat\n[codecov-shield]: https:\u002F\u002Fimg.shields.io\u002Fcodecov\u002Fc\u002Fgithub\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square&logo=codecov&logoColor=white\n[devops-dumi-link]: https:\u002F\u002Fd.umijs.org\u002F\n[devops-dumi-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdocs%20by-dumi-blue?color=1677FF&labelColor=black&style=flat-square\n[devops-father-link]: https:\u002F\u002Fgithub.com\u002Fumijs\u002Ffather\n[devops-father-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fbuild%20with-father-028fe4.svg?color=1677FF&labelColor=black&style=flat-square\n[github-action-release-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Factions\u002Fworkflows\u002Frelease.yml\n[github-action-release-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Factions\u002Fworkflow\u002Fstatus\u002Fant-design\u002Fpro-chat\u002Frelease.yml?color=1677FF&label=release&labelColor=black&logo=githubactions&logoColor=white&style=flat-square\n[github-action-test-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Factions\u002Fworkflows\u002Ftest.yml\n[github-action-test-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Factions\u002Fworkflow\u002Fstatus\u002Fant-design\u002Fpro-chat\u002Ftest.yml?color=1677FF&label=test&labelColor=black&logo=githubactions&logoColor=white&style=flat-square\n[github-codespace-link]: https:\u002F\u002Fcodespaces.new\u002Fant-design\u002Fpro-chat\n[github-codespace-shield]: https:\u002F\u002Fgithub.com\u002Fcodespaces\u002Fbadge.svg\n[github-contributors-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fgraphs\u002Fcontributors\n[github-contributors-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fcontributors\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-forks-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fnetwork\u002Fmembers\n[github-forks-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-issues-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\n[github-issues-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-license-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fblob\u002Fmain\u002FLICENSE\n[github-license-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-releasedate-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Freleases\n[github-releasedate-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Frelease-date\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[github-stars-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fnetwork\u002Fstargazers\n[github-stars-shield]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fant-design\u002Fpro-chat?color=1677FF&labelColor=black&style=flat-square\n[npm-downloads-link]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@ant-design\u002Fpro-chat\n[npm-downloads-shield]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002F@ant-design\u002Fpro-chat?labelColor=black&style=flat-square&color=1677FF\n[npm-release-link]: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@ant-design\u002Fpro-chat\n[npm-release-shield]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@ant-design\u002Fpro-chat?color=1677FF&labelColor=black&logo=npm&logoColor=white&style=flat-square\n[pr-welcome-link]: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpulls\n[pr-welcome-shield]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F%E2%9D%A4%EF%B8%8F%20PR%20WELCOME-%E2%86%92-1677FF?labelColor=black&style=for-the-badge\n[prevew-1]: https:\u002F\u002Fmdn.alipayobjects.com\u002Fhuamei_re70wt\u002Fafts\u002Fimg\u002FA*0uQhSIzSS3YAAAAAAAAAAAAADmuEAQ\u002Foriginal\n[prevew-2]: https:\u002F\u002Fmdn.alipayobjects.com\u002Fhuamei_re70wt\u002Fafts\u002Fimg\u002FA*e4JbQKfupVQAAAAAAAAAAAAADmuEAQ\u002Foriginal\n[prevew-3]: https:\u002F\u002Fmdn.alipayobjects.com\u002Fhuamei_re70wt\u002Fafts\u002Fimg\u002FA*wVSCTb7bq8UAAAAAAAAAAAAADmuEAQ\u002Foriginal","# ProChat 快速上手指南\n\nProChat 是一个用于快速构建大语言模型（LLM）聊天界面的组件库，基于 Ant Design 生态，帮助开发者轻松创建丰富、动态且直观的对话应用。\n\n## 环境准备\n\n在开始之前，请确保你的开发环境满足以下要求：\n\n- **Node.js**: 建议使用 LTS 版本（支持 ESM 模块）。\n- **包管理器**: 推荐使用 `pnpm`（默认配置最友好），也可使用 `npm` 或 `yarn`。\n- **前置依赖**: \n  - 该包仅支持 **ESM** 模式。\n  - 若不使用 `pnpm`，可能需要手动安装 peer dependencies：`antd` 和 `antd-style`。\n- **浏览器兼容性**: 支持现代浏览器（Edge, Firefox, Chrome, Safari 最近 2 个版本）及 Electron。\n\n## 安装步骤\n\n推荐使用 `pnpm` 进行安装，它将自动处理关联依赖：\n\n```bash\npnpm install @ant-design\u002Fpro-chat\n```\n\n如果你使用的是 `npm` 或 `yarn`，请确保同时安装必要的依赖：\n\n```bash\n# npm 示例\nnpm install @ant-design\u002Fpro-chat antd antd-style\n\n# yarn 示例\nyarn add @ant-design\u002Fpro-chat antd antd-style\n```\n\n> **注意**：如果你在 Next.js 项目中遇到编译错误，请参考官方文档中关于 Next.js 的特定配置指南。\n\n## 基本使用\n\n引入 `ProChat` 组件并配置 `request` 属性即可快速启动一个聊天界面。`request` 函数接收消息历史列表，并返回后端响应（支持流式和非流式）。\n\n```jsx\nimport { ProChat } from '@ant-design\u002Fpro-chat';\n\nexport default () => (\n  \u003CProChat\n    request={async (messages) => {\n      \u002F\u002F 以 messages 为参数发送请求\n      \u002F\u002F 此处模拟返回，实际开发中请替换为你的 API 调用\n      return \"Hello! I am ProChat.\"; \n      \u002F\u002F 支持返回 Stream 对象实现打字机效果\n    }}\n  \u002F>\n);\n```\n\n**核心功能概览：**\n- **自动缓存**：无需额外配置，自动维持对话上下文。\n- **消息编辑**：支持对已发送消息进行编辑、重试或删除。\n- **Markdown 渲染**：内置 Markdown 解析，完美展示代码块和富文本。\n- **编程式控制**：通过 Ref 精确控制聊天流程。","某初创团队需要在两周内为内部知识库上线一个支持流式输出、代码高亮和历史记录管理的 AI 问答助手，前端负责人正面临紧迫的交付压力。\n\n### 没有 pro-chat 时\n- **重复造轮子**：开发者需手动封装 WebSocket 或 SSE 接口来处理流式打字机效果，耗费大量时间调试断连和渲染卡顿问题。\n- **交互功能缺失**：用户无法直接编辑发送过的消息或重新生成回答，团队必须从零开发消息修改、重试和删除的逻辑。\n- **格式渲染繁琐**：为了让 AI 输出的 Markdown 代码块和数学公式正常显示，需要额外集成并配置多个解析插件，样式难以统一。\n- **状态管理混乱**：对话历史缓存、上下文拼接以及加载状态维护分散在各个组件中，导致代码耦合度高且极易出现 Bug。\n\n### 使用 pro-chat 后\n- **开箱即用流式对话**：仅需传入一个 `request` 异步函数，pro-chat 自动处理流式数据接收与平滑渲染，将后端对接时间从两天缩短至两小时。\n- **内置高级交互控件**：直接获得消息编辑、组合重试、删除等完整功能，无需编写额外逻辑即可满足用户对对话精细控制的需求。\n- **原生 Markdown 支持**：组件自动将 AI 返回的 Markdown 内容渲染为美观的富文本，代码高亮和表格展示效果完美，零配置成本。\n- **自动化会话管理**：pro-chat 内部自动维护对话缓存和上下文状态，开发者只需关注业务逻辑，大幅降低了前端架构的复杂度。\n\npro-chat 让团队从繁琐的 UI 基建中解放出来，专注于核心业务逻辑，确保了 AI 应用的高质量快速交付。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fant-design_pro-chat_853aaa30.webp","ant-design","Ant Design Team","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fant-design_bf1953c5.png","A UI Design Language",null,"AntDesignUI","https:\u002F\u002Fant.design","https:\u002F\u002Fgithub.com\u002Fant-design",[86,90,94],{"name":87,"color":88,"percentage":89},"TypeScript","#3178c6",99.7,{"name":91,"color":92,"percentage":93},"JavaScript","#f1e05a",0.3,{"name":95,"color":96,"percentage":97},"Shell","#89e051",0.1,900,117,"2026-04-17T07:38:19","MIT","未说明 (基于浏览器的跨平台组件库)","不需要 (前端 UI 组件库)","未说明",{"notes":106,"python":107,"dependencies":108},"这是一个用于快速构建大语言模型聊天界面的前端 React 组件库，而非后端 AI 模型。运行环境需要 Node.js 和包管理器（推荐 pnpm）。该库仅支持 ESM 模块格式。浏览器端需支持现代浏览器或 IE11（需 polyfills）。若在 Next.js 中使用需注意相关配置问题。","不需要 (Node.js 环境)",[109,110],"antd","antd-style",[15],[77,113,114,115,116,117],"pro-components","pro-editor","chat","chatbot","react","2026-03-27T02:49:30.150509","2026-04-20T07:18:27.207906",[121,126,131,136,141,146,151],{"id":122,"question_zh":123,"answer_zh":124,"source_url":125},44171,"如何将 ProChat 的界面语言从中文切换为英文？","可以在 ProChat 组件中设置 locale 属性为 'en-US' 来实现英文界面。例如：\u003CProChat locale=\"en-US\" \u002F>。","https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F107",{"id":127,"question_zh":128,"answer_zh":129,"source_url":130},44172,"SSE 流式请求完成后，机器人状态仍显示“回复中”且输入框被禁用怎么办？","该问题在版本 1.10.1 中被引入，已在 1.10.2 版本中修复。请升级 @ant-design\u002Fpro-chat 到 1.10.2 或更高版本。同时检查服务端 SSE 返回是否包含正确的结束符（Done）。","https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F119",{"id":132,"question_zh":133,"answer_zh":134,"source_url":135},44173,"使用 StreamingTextResponse 时 TypeScript 报错类型不匹配如何解决？","确保依赖包版本正确，推荐配置如下：\n- \"ai\": \"^3.2.0\"\n- \"openai\": \"^4.24.7\"\n- \"@ai-sdk\u002Fopenai\": \"^0.0.33\"\n- \"@ant-design\u002Fpro-chat\": \"^2.1.14\"\n同时参考官方最新 Demo 代码结构，确保 streamText 和 StreamingTextResponse 的使用方式符合新版 AI SDK 规范。","https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F254",{"id":137,"question_zh":138,"answer_zh":139,"source_url":140},44174,"如何在自定义输入框中获取消息响应是否结束的状态以控制 Loading 效果？","可以通过 useProChat hook 获取当前响应的 ID。如果有返回 ID 表示正在 Loading，返回 undefined 则表示加载结束。注意：useProChat 必须在 ProChatProvider 的子组件中使用，不能与 Provider 同级，否则无法获取上下文。","https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F141",{"id":142,"question_zh":143,"answer_zh":144,"source_url":145},44175,"执行 npm run build 时报错涉及 shiki 包如何处理？","如果是 Next.js 项目，需要在 next.config.js 中添加 transpilePackages 配置来兼容 shiki 包：\nconst nextConfig = {\n  transpilePackages: ['shiki'],\n};\n此外，确保在使用 shiki 的组件顶部添加 'use client' 指令以支持客户端渲染。","https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F266",{"id":147,"question_zh":148,"answer_zh":149,"source_url":150},44176,"ProChat 是否支持移动端或 React Native？","目前 ProChat 主要面向 Web 端设计，未直接提供 React Native 版本。但可以通过自定义 render 方式适配 H5 移动端界面。例如，通过 inputAreaProps 或自定义渲染发送按钮等元素来优化移动端体验。具体可参考多模态上传示例文档。","https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F76",{"id":152,"question_zh":153,"answer_zh":154,"source_url":155},44177,"官方提供的 Next.js ChatGPT Demo 运行失败怎么办？","部分 Demo 曾存在接口配置错误或文档滞后问题，维护者已更新修复。建议拉取最新代码并对照最新文档重新部署。如仍有问题，可检查后端 route.ts 是否正确配置 OpenAI 或通义千问接口地址及密钥。","https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F81",[157,162,167,172,177,182,187,192,197,202,207,212,217,222,227,232,237,242,247,252],{"id":158,"version":159,"summary_zh":160,"released_at":161},351731,"v1.15.3","## 变更内容\n* 修复：@ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F271 中删除了控制台日志\n* :memo: 文档：@ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F280 中更新了 CRA 和 Webpack 的文档\n* :memo: 文档：@ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F282 中更新了核心 API 请求的文档\n* 功能：@ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F289 中添加了 setChats 钩子\n* 🐛 修复：清空对话后，【返回底部】按钮未隐藏 —— @mannix-lei 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F287 中修复\n* 修复：修复了 useStyles 可能引发的异常 —— @LengYXin 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F293 中修复\n* :bug: 修复：在加载时禁用 Enter 键 —— @gin-lsl 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F284 中修复\n* 📝 文档：@chen201724 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F272 中更新了 AI 使用文档\n* 🐛 修复：ChatItem 示例错误 —— @chen201724 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F273 中修复\n* 修复：userMeta 设置 backgroundColor 不生效的问题 —— @fisher-zh 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F295 中修复\n* 🐛 修复：在 Ant Design 对话框中使用时，消息输入过多撑开输入框，之后无法收回去 —— @mannix-lei 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F294 中修复\n* 还原“修复：userMeta 设置 backgroundColor 不生效的问题 (#295)” —— @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F298 中还原\n* :pencil2: 修复：CI 更新已修复 —— @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F299 中修复\n* 修复：修复 main CI 问题 —— @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F300 中修复\n* 修复：更新快照 —— @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F301 中修复\n* 📝 文档：@AmAzing129 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F308 中增加了针对 Next.js 问题的解决方案\n* 添加多语言支持 —— @dominikvytisk 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F311 中添加\n* :building_construction: 构建 (pnpm)：将 pnpm 更新至 9，并修复文档 —— @AmAzing129 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F313 中完成\n* :sparkles: 功能：assistantMeta 和 userMeta 支持自定义类名 —— @mannix-lei 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F302 中实现\n* 🔨 杂项：添加 packageManager 并更新快照 —— @thinkasany 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F314 中完成\n* :sparkles: 功能：新增每个单元的自定义渲染按钮配置透出 —— @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F318 中实现\n\n## 新贡献者\n* @mannix-lei 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F287 中做出了首次贡献\n* @LengYXin 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F293 中做出了首次贡献\n* @chen201724 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F272 中做出了首次贡献\n* @fisher-zh 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F295 中做出了首次贡献\n* @AmAzing129 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F308 中做出了首次贡献\n* @dominikvytisk 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F311 中做出了首次贡献\n* @thinkasany 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F314 中做出了首次贡献\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.15.0...v1.15.3","2024-10-15T07:09:51",{"id":163,"version":164,"summary_zh":165,"released_at":166},351732,"v1.15.0","## 变更内容\n* 特性：新增回调函数，由 @LCJove 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F239 中实现\n* :sparkles: 特性：优化 pushChat 函数，由 @LCJove 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F244 中实现\n* :bug: 修复：修复窗口在特殊情况下持续抖动的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F252 中完成\n* :test_tube: 修复：修改部分 CI 测试失败项，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F256 中完成\n* :memo: 文档：更新 AI 使用文档，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F257 中完成\n* :sparkles: 特性：为 chats 增加三个回调函数，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F265 中实现\n* 特性：更新 Request，支持更多自定义配置，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F267 中完成\n* :bookmark: 特性：发布版本 1.15.0，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F268 中完成\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.14.0...v1.15.0","2024-07-09T09:02:11",{"id":168,"version":169,"summary_zh":170,"released_at":171},351744,"v1.8.0","## [Version 1.8.0](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.7.0...v1.8.0)\n\u003Csup>Released on **2024-02-02**\u003C\u002Fsup>\n\n\n#### ✨ 新特性\n\n- 支持自定义 InputAreaRender.\n\n\n#### 🐛 修复\n\n- ChatItemRenderConfig.render support defaultDom, slove chatItemRenderConfig render not work use Default dom.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's improved\n\n* 支持自定义 InputAreaRender, closes [#74](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F74) ([d09e04a](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002Fd09e04a))\n\n\n\n#### What's fixed\n\n* ChatItemRenderConfig.render support defaultDom ([5a1df54](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002F5a1df54))\n* Slove chatItemRenderConfig render not work use Default dom, closes [#79](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F79) ([a5763fd](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002Fa5763fd))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-02-02T11:08:19",{"id":173,"version":174,"summary_zh":175,"released_at":176},351745,"v1.7.1","### [Version 1.7.1](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.7.0...v1.7.1)\n\u003Csup>Released on **2024-02-02**\u003C\u002Fsup>\n\n\n#### 🐛 修复\n\n- ChatItemRenderConfig.render support defaultDom.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's fixed\n\n* ChatItemRenderConfig.render support defaultDom ([5a1df54](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002F5a1df54))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-02-02T07:47:15",{"id":178,"version":179,"summary_zh":180,"released_at":181},351746,"v1.7.0","## [Version 1.7.0](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.6.1...v1.7.0)\n\u003Csup>Released on **2024-01-29**\u003C\u002Fsup>\n\n\n#### ✨ 新特性\n\n- 添加 BackToBottom 按钮的各种配置透出.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's improved\n\n* 添加 BackToBottom 按钮的各种配置透出, closes [#69](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F69) ([7edb085](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002F7edb085))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-01-29T06:41:05",{"id":183,"version":184,"summary_zh":185,"released_at":186},351747,"v1.6.1","### [Version 1.6.1](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.6.0...v1.6.1)\n\u003Csup>Released on **2024-01-22**\u003C\u002Fsup>\n\n\n#### 🐛 修复\n\n- ProChat InputArea support className.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's fixed\n\n* ProChat InputArea support className ([5185073](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002F5185073))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-01-22T05:17:51",{"id":188,"version":189,"summary_zh":190,"released_at":191},351748,"v1.6.0","## [Version 1.6.0](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.5.0...v1.6.0)\n\u003Csup>Released on **2024-01-22**\u003C\u002Fsup>\n\n\n#### ✨ 新特性\n\n- ProChat support className.\n\n\n#### 🐛 修复\n\n- Remove originData for dom.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's improved\n\n* ProChat support className ([83d8bb3](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002F83d8bb3))\n\n\n\n#### What's fixed\n\n* Remove originData for dom ([76f45f8](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002F76f45f8))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-01-22T03:36:08",{"id":193,"version":194,"summary_zh":195,"released_at":196},351749,"v1.5.0","## [Version 1.5.0](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.4.4...v1.5.0)\n\u003Csup>Released on **2024-01-19**\u003C\u002Fsup>\n\n\n#### ✨ 新特性\n\n- 清理无用依赖.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's improved\n\n* 清理无用依赖, closes [#53](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F53) ([14e8a66](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002F14e8a66))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-01-19T09:34:41",{"id":198,"version":199,"summary_zh":200,"released_at":201},351750,"v1.4.4","### [Version 1.4.4](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.4.3...v1.4.4)\n\u003Csup>Released on **2024-01-19**\u003C\u002Fsup>\n\n\n#### 🐛 修复\n\n- Slove Editable Button was not work.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's fixed\n\n* Slove Editable Button was not work, closes [#50](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F50) ([e77c39e](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002Fe77c39e))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-01-19T06:59:07",{"id":203,"version":204,"summary_zh":205,"released_at":206},351741,"v1.9.3","## What's Changed\r\n* docs: 更新一些demo by @ONLY-yours in https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F91\r\n* :memo: docs: 更新服务端手动Push消息的案例 by @ONLY-yours in https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F83\r\n* 🐛 fix: 根据需要隐藏自定义输入区域 by @lcxyhhxi in https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F94\r\n* :memo: feat: 添加自定义样式的指导文档 by @ONLY-yours in https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F98\r\n* :white_check_mark: feat: 增加vitest by @ONLY-yours in https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F97\r\n* messageExtra prefixClass类名缺失 by @zhuzhuaicoding in https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F101\r\n\r\n## New Contributors\r\n* @lcxyhhxi made their first contribution in https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F94\r\n* @zhuzhuaicoding made their first contribution in https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F101\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.9.1...v1.9.3","2024-03-04T09:27:47",{"id":208,"version":209,"summary_zh":210,"released_at":211},351742,"v1.9.1","### [Version 1.9.1](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.9.0...v1.9.1)\n\u003Csup>Released on **2024-02-07**\u003C\u002Fsup>\n\n\n#### 🐛 修复\n\n- Slove button loading not work.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's fixed\n\n* Slove button loading not work, closes [#87](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F87) ([5e272e5](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002F5e272e5))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-02-07T03:29:57",{"id":213,"version":214,"summary_zh":215,"released_at":216},351733,"v1.14.0","## 变更内容\n* :sparkles: 功能：支持由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F197 中实现的受控输入框值\n* 功能：新增繁体中文支持，由 @LCJove 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F198 中实现\n* :bug: 修复：解决部分特殊场景下无法渲染更新的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F209 中修复\n* :sparkles: 功能：添加 onScroll 监听器，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F222 中实现\n* :bug: 修复：修复受控模式下输入框无法输入中文的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F223 中修复\n* 🐛 修复：文档错误，由 @jaluik 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F220 中修复\n* 🐛 修复：解决 MockResponse 下表情符号乱码问题，由 @songhanlin 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F231 中修复\n* ✨ 功能：将 Input.TextArea 的 ref 暴露到 inputAreaProps 中，由 @songhanlin 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F235 中实现\n* 🐛 修复：修复 input text ref 透传失败的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F241 中修复\n* :lipstick: 样式：将所有全局样式收敛至 .ant-pro-chat 类中，由 @gin-lsl 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F237 中实现\n* 🐛 修复：即使未设置 dropdownMenu，ActionIconGroup 仍会显示 ... 省略号，由 @songhanlin 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F238 中修复\n\n## 新贡献者\n* @jaluik 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F220 中完成了首次贡献\n* @songhanlin 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F231 中完成了首次贡献\n* @gin-lsl 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F237 中完成了首次贡献\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.13.4...v1.14.0","2024-06-05T02:23:28",{"id":218,"version":219,"summary_zh":220,"released_at":221},351734,"v1.13.4","## 变更内容\n* :bug: 修复：修复某些情况下回到底部按钮不显示的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F175 中完成\n* :bug: 修复：避免 ProChat 覆盖内部 antd 组件样式，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F180 中完成\n* 修复：修复 itemShouldUpdate 功能不生效的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F181 中完成\n* :bug: 修复：当 inputAreaProps 发生变化时，应重新触发渲染，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F188 中完成\n* :bug: 修复：解决 Local 在某些情况下无效的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F190 中完成\n* :bug: 修复：移除全局 CSS 的影响问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F192 中完成\n\n\n**完整变更日志**: https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.13.0...v1.13.4","2024-05-09T03:36:18",{"id":223,"version":224,"summary_zh":225,"released_at":226},351735,"v1.13.0","## 变更内容\n* :globe_with_meridians: 杂项：由 @LCJove 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F148 中更新国际化 i18n 钩子\n* :memo: 文档：由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F154 中更新使用案例——结合 Drawer 的示例\n* :bug: 修复：解决在受控模式下，部分 Chats 数据仍不受控的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F166 中完成\n* :sparkles: 新特性：添加 transformToChatMessage 转换函数，并新增 pushChat 钩子，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F157 中实现\n* :sparkles: 新特性：支持自定义错误渲染及配套文档，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F155 中完成\n* :memo: 新特性：优化部分滚动判断逻辑，使滚动更加平滑，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F171 中实现\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.12.2...v1.13.0","2024-04-23T07:10:59",{"id":228,"version":229,"summary_zh":230,"released_at":231},351736,"v1.12.2","## 变更内容\n* :bug: 修复：解决发送按钮无法使用的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F135 中完成\n* :sparkles: 新特性：优化大数据量时的渲染卡顿问题\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.12.0...v1.12.2","2024-03-25T07:13:18",{"id":233,"version":234,"summary_zh":235,"released_at":236},351737,"v1.12.0","## 变更内容\n* 功能：支持 `sendButtonRender` 属性，由 @chenshuai2144 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F129 中实现\n* 构建优化：新增多语言资源，由 @LCJove 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F131 中完成\n\n## 新贡献者\n* @LCJove 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F106 中完成了首次贡献\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.11.0...v1.12.0","2024-03-19T02:14:20",{"id":238,"version":239,"summary_zh":240,"released_at":241},351738,"v1.11.0","## 变更内容\n* :bug: 修复：解决加载未停止的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F123 中完成\n* :sparkles: 增加 Markdown 插件支持，由 @sivdead 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F116 中完成\n* :bug: 修复：解决 Markdown 样式为空时渲染异常的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F124 中完成\n* :sparkles: 新特性：支持输入框渲染，由 @chenshuai2144 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F125 中完成\n\n## 新贡献者\n* @sivdead 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F116 中完成了首次贡献\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.10.2...v1.11.0","2024-03-14T05:51:17",{"id":243,"version":244,"summary_zh":245,"released_at":246},351739,"v1.10.2","## 变更内容\n* :pencil2: 修复：解决返回 `null` 时仍显示加载标志的问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F115 中完成\n* :bug: 修复：解决 SSE 输出的加载问题，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F120 中完成\n* 🔖 功能：修改部分场景下 `ProChatProvider` 中对 `StoreUpdater` 的重复引入，由 @levidcd 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F118 中完成\n\n## 新贡献者\n* @levidcd 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F118 中完成了首次贡献\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.10.0...v1.10.2","2024-03-11T06:00:36",{"id":248,"version":249,"summary_zh":250,"released_at":251},351740,"v1.10.0","## 变更内容\n* :sparkles: 新特性：增加在 Loading 时允许停止继续生成的按钮，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F103 中实现\n* :sparkles: 新特性：支持 autoCompleteProps 属性，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F110 中实现\n* :sparkles: 新特性：useChat 增加 getChatLoadingId 方法，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F111 中实现\n* :bookmark: 构建优化：发布 1.10.0 版本，由 @ONLY-yours 在 https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fpull\u002F112 中完成\n\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.9.3...v1.10.0","2024-03-06T08:39:13",{"id":253,"version":254,"summary_zh":255,"released_at":256},351743,"v1.9.0","## [Version 1.9.0](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcompare\u002Fv1.8.0...v1.9.0)\n\u003Csup>Released on **2024-02-02**\u003C\u002Fsup>\n\n\n#### ✨ 新特性\n\n- Chats should use array.\n\n\n#### 🐛 修复\n\n- 修复因为 Delete 导致的一些问题.\n\n\n\u003Cbr\u002F>\n\n\n\u003Cdetails>\n\u003Csummary>\u003Ckbd>Improvements and Fixes\u003C\u002Fkbd>\u003C\u002Fsummary>\n\n\n\n#### What's improved\n\n* Chats should use array ([e31a403](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002Fe31a403))\n\n\n\n#### What's fixed\n\n* 修复因为 Delete 导致的一些问题, closes [#80](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fissues\u002F80) ([dc439f4](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fpro-chat\u002Fcommit\u002Fdc439f4))\n\n\u003C\u002Fdetails>\n\n\n\u003Cdiv align=\"right\">\n\n[![](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-BACK_TO_TOP-151515?style=flat-square)](#readme-top)\n\n\u003C\u002Fdiv>\n\n","2024-02-02T12:57:11"]