React version of MateChat, a frontend AI scenario solution UI library based on Huawei DevUI Design.

文件	最后提交记录	最后更新时间
.changes	ci(release): publish with pnpm	1 个月前
.gitcode	chore: rename issue template <https://gitcode.com/DevCloudFE/matechat-react/pull/4> Co-authored-by: Craun718<3404313848@qq.com>	10 个月前
.github	ci(release): publish with pnpm	1 个月前
.vscode	docs(readme): update readme descriptions	7 个月前
assets	docs(readme): update readme contact	1 年前
docs	chore(lint): apply lints for `package.json`	1 个月前
playground	chore(lint): apply lints for `package.json`	1 个月前
scripts	feat(shadcn): add registry alias support (#96) Co-authored-by: shiro <185361175+moeyue23@users.noreply.github.com> Co-authored-by: 苏向夜 <fu050409@163.com>	1 个月前
src	docs: improve documents	1 个月前
tests	docs: improve documents	1 个月前
.cspell.json	refactor: rewrite matechat playground (#77)	8 个月前
.editorconfig	feat: initial react components	1 年前
.gitattributes	feat: initial react components	1 年前
.gitignore	feat(bubble): add waiting bubble for new AI agent requests (#20)	1 年前
.markdownlint.json	chore(lint): setup markdown lint (#52)	10 个月前
CHANGELOG.md	chore(release): bump versions (#91) # Releases ## @matechat/react-playground ## v1.0.0 ### Chores - [`5f9e8fa`](https://github.com/DevCloudFE/matechat-react/commit/5f9e8fa4d34ea3cd6a07d2c8a18b8c47e8a60aa2): Bump all dependencies. ([#90](https://github.com/DevCloudFE/matechat-react/pull/90) by @YESWmeshade) ### Bug Fixes - [`02b59b3`](https://github.com/DevCloudFE/matechat-react/commit/02b59b3ae15302189387ff68db7c3cc4e8396abc): Make the playground safer by avoiding client-side secret usage and stabilizing chat transport creation. ([#95](https://github.com/DevCloudFE/matechat-react/pull/95) by @Copilot) ### New Features - [`5f9e8fa`](https://github.com/DevCloudFE/matechat-react/commit/5f9e8fa4d34ea3cd6a07d2c8a18b8c47e8a60aa2): Add Vercel AI support ([#90](https://github.com/DevCloudFE/matechat-react/pull/90) by @YESWmeshade) ## @matechat/react ## v1.0.0 ### Bug Fixes - [`39bbd21`](https://github.com/DevCloudFE/matechat-react/commit/39bbd21c73bbd62dcbc105fa1bc518890a8556d1): markdown links are sanitized and external links are protected against tabnabbing. ([#93](https://github.com/DevCloudFE/matechat-react/pull/93) by @Copilot) - [`f4b1894`](https://github.com/DevCloudFE/matechat-react/commit/f4b18945d19e5082cab779dd5c5940352f3b0a44): Fixed an issue where the `Bubble` component would overflow horizontally when a single word was too long. ([#75](https://github.com/DevCloudFE/matechat-react/pull/75) by @xx-yoke) - [`b707094`](https://github.com/DevCloudFE/matechat-react/commit/b707094966032ebcd9e6a83689d59b1be0cb3641): fix suggestion injection to avoid input corruption and hide the suggestion panel when inactive ([#94](https://github.com/DevCloudFE/matechat-react/pull/94) by @Copilot) ### Chores - [`5f9e8fa`](https://github.com/DevCloudFE/matechat-react/commit/5f9e8fa4d34ea3cd6a07d2c8a18b8c47e8a60aa2): Bump all dependencies. ([#90](https://github.com/DevCloudFE/matechat-react/pull/90) by @YESWmeshade) ### New Features - [`9addd4e`](https://github.com/DevCloudFE/matechat-react/commit/9addd4e6d97832531540d5172e9925c0e103a885): Improve Shadcn components compatibility. ([#96](https://github.com/DevCloudFE/matechat-react/pull/96) by @moyue23) - [`9addd4e`](https://github.com/DevCloudFE/matechat-react/commit/9addd4e6d97832531540d5172e9925c0e103a885): Refactor `triggerOptions` to suggestion callback. ([#96](https://github.com/DevCloudFE/matechat-react/pull/96) by @moyue23) - [`5f9e8fa`](https://github.com/DevCloudFE/matechat-react/commit/5f9e8fa4d34ea3cd6a07d2c8a18b8c47e8a60aa2): Add Vercel AI support ([#90](https://github.com/DevCloudFE/matechat-react/pull/90) by @YESWmeshade) ## @matechat/react-docs ## v1.0.0 ### New Features - [`c5b49ee`](https://github.com/DevCloudFE/matechat-react/commit/c5b49ee33c39a33e1d2d91796c02a6a05d047e06): Migrate document site from rspress v1 to v2. Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	1 个月前
LICENSE	feat: initial react components	1 年前
README.md	docs(readme): update tips for docs	1 个月前
README.zh-CN.md	docs(readme): update tips for docs	1 个月前
biome.json	test: add tests for all components	1 个月前
package.json	chore(lint): apply lints for `package.json`	1 个月前
pnpm-lock.yaml	chore(deps): breaking update all dependencies	1 个月前
pnpm-workspace.yaml	feat: add support for shadcn	10 个月前
registry.json	feat(shadcn): add registry alias support (#96) Co-authored-by: shiro <185361175+moeyue23@users.noreply.github.com> Co-authored-by: 苏向夜 <fu050409@163.com>	1 个月前
tsconfig.json	test: add tests for all components	1 个月前
tsdown.config.ts	chore(tsdown): bump tsdown to fix dts	1 年前
vite.config.ts	feat(shadcn): add registry alias support (#96) Co-authored-by: shiro <185361175+moeyue23@users.noreply.github.com> Co-authored-by: 苏向夜 <fu050409@163.com>	1 个月前
vitest.config.ts	feat(shadcn): add registry alias support (#96) Co-authored-by: shiro <185361175+moeyue23@users.noreply.github.com> Co-authored-by: 苏向夜 <fu050409@163.com>	1 个月前

MateChat React

MateChat React 是一个基于华为 DevUI 设计的前端 AI 场景解决方案 UI 库，是 MateChat 的 React 版本。

English | 简体中文

介绍

MateChat React 是一个专为 AI 驱动界面打造的 React 组件库，适用于聊天助手、提示工程工具、Agent 框架等场景。这是 MateChat 的 React 版本，提供一致的功能与风格。

MateChat 基于华为 DevUI Design，提供现代视觉语言、一致的用户体验以及良好的可扩展性。

了解更多请访问 MateChat React 网站： MateChat React

特性

全面的组件: 提供一系列专为 AI 场景定制的组件，包括聊天气泡、输入区域和会话列表等。
可定制的样式: 基于 Tailwind CSS 构建，可轻松定制以满足您的设计需求。
高度可定制: 所有组件都具有高度可定制性，让您轻松适应特定需求。
无头组件: 所有组件都可以通过 shadcn/ui 以无头模式使用。

安装

传统安装

# npm
npm install @matechat/react

# or pnpm
pnpm add @matechat/react

使用 shadcn/ui 安装

初始化 shadcn/ui
```
pnpm dlx shadcn@latest init
```
安装 MateChat React 组件

您可以使用 shadcn/ui CLI 安装 MateChat React 组件。例如，安装 MateChat React 的气泡组件：
```
pnpm dlx shadcn@latest add https://matechat.noctisynth.org/r/bubble.json
```