一、TUIKit 主要功能介绍
TUIKit 主要分为 TUIChat、TUIConversation、TUIGroup、TUIContact、TUISearch 几个 UI 子组件,每个 UI 组件负责展示不同的内容。
TUIKit Web 端界面效果如下:
二、TUIChat 重点功能介绍
TUIChat 主要负责消息界面的展示。你可以利用它直接发送不同类型的消息,支持文字/表情/图片/视频/文件/自定义等消息类型,同时你还可以利用它对消息长按进行转发/撤回/引用、查询消息已读回执详情等。TUIChat Web 端界面效果如下:
| 消息界面及消息操作(复制、引用、删除等) |
| |
三、TUIConversation 重点功能介绍
TUIConversation 主要负责会话列表的展示和编辑,包括会话置顶、会话消息免打扰、会话删除等功能。TUIConversation Web 端界面效果如下:
| 会话列表及操作等 |
| |
四、TUISearch 重点功能介绍
自 @tencentcloud/chat-uikit-vue v2.0.0 起,Vue2 & Vue3 版本 TUISearch 支持 消息云端搜索 功能。
| 全局搜索 | 会话内搜索 |
| 通过全局搜索,搜索所有包含“你好”的相关文本 | 搜索指定会话内所有文件消息 |
五、TUIGroup 重点功能介绍
TUIGroup 主要负责群资料、群成员、群组权限的管理。TUIGroup Web 端界面效果如下:
| 群设置 |
| |
六、TUIContact 重点功能介绍
TUIContact 主要负责联系人的展示、权限设置等。TUIContact Web 端界面效果如下:
七、TUICallKit 重点功能介绍
TUICallKit 主要负责音视频通话功能。TUICallKit Web 端界面效果如下:
| 音视频通话 | 通话悬浮窗 |
| | |
八、TUIRoomKit 重点功能介绍
TUIRoomKit 主要负责多人音视频,产品功能展示如下: