更新记录

0.2.3-beta.0（2026-04-02） 下载此版本

• 补充 uni_modules 依赖

0.2.2（2026-03-24） 下载此版本

Breaking Changes

• ChatSender: 附件末尾没有添加入口，移除无实际意义的 fileAdd 事件 @zydemail (#4331)

Bug Fixes

• Attachments: 修复小程序下使用标签选择器的警告问题 @novlan1 (#4320)
• ChatActionbar: 修复 actionBar 属性无效以及长按气泡框不显示浮层的问题 @zydemail (#4348)
• ChatMarkdown: 修复组件输入值为一个空项的列表时出现 undefined 的问题 @mimaoxiao (#4334)

Documentation

• Attachments: 移除 addable 属性相关文档描述 @zydemail (#4331)

0.2.1（2026-03-04） 下载此版本

Features

• ChatThinking: 新增 content 插槽 @zydemail (#4270)

平台兼容性

uni-app(3.7.3)

uni-app x(3.7.3)

其他

TDesign Chat 适配 uniapp 的组件库。

文档

点此查看

预览

扫码查看 ↓

其他平台同样支持，仅因平台审核等原因未能上架预览，不影响组件库正常使用。

安装

NPM 方式

npm i @tdesign/uniapp-chat

UNI_MODULES 方式

已上传 插件 到 DCloud 插件市场，请打开插件详情页并点击使用 HBuilderX 导入插件。

使用

1. 在 main.ts 中引入样式文件

import '@tdesign/uniapp/common/style/theme/index.css';

也可以引入 rpx 单位的 less 文件，该文件与 tdesign-miniprogram 完全一致。

import '@tdesign/uniapp/common/style/theme/index.less';

2. 在文件中使用

<template>
  <t-chat-list />
</template>

<script lang="ts" setup>
import TChatList from '@tdesign/uniapp-chat/chat-list/chat-list.vue';
</script>

只提供按需导入方式，不支持全量导入（全量导入在小程序下有兼容性问题）。

编辑器提示

安装注册 TDesign 之后，在开发项目时，可以配合插件在VSCode等主流编辑器中达到提示组件名及API的效果。

推荐安装 Vue (Official) 插件，并在项目的 tsconfig.json 的 compilerOptions.types 属性中增加 @tdesign/uniapp-chat/global，即可实现提示效果。

{
  "compilerOptions": {
    "types": [
      "@tdesign/uniapp-chat/global",
    ]
  }
}

平台兼容性

浏览器兼容性

Firefox	Chrome	iOS Safari	Samsung	Opera	Android Browser
Firefox >=104	Chrome >=105	iOS Safari >=12.2	Samsung >=10.2	Opera >=64	Android Browser >=105

详情参见移动端组件库浏览器兼容性说明

反馈

有任何问题，建议通过 Github issues 反馈或扫码加入用户微信群。

开源协议

TDesign 遵循 MIT 协议。