【uni-app】update uni-app

uni-app/manifest.json

@@ -1,31 +1,32 @@
 {
-    "name": "tui-room-app",
-    "appid": "__UNI__2D9CC9B",
-    "description": "",
-    "versionName": "1.0.0",
-    "versionCode": "100",
-    "transformPx": false,
+    "name" : "tui-room-app",
+    "appid" : "__UNI__2D9CC9B",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
     /* 5+App特有相关 */
-    "app-plus": {
-        "usingComponents": true,
-        "nvueStyleCompiler": "uni-app",
-        "compilerVersion": 3,
-        "splashscreen": {
-            "alwaysShowBeforeRender": true,
-            "waiting": true,
-            "autoclose": true,
-            "delay": 0
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
         },
         /* 模块配置 */
-        "modules": {
-            "Camera": {},
-            "Record": {}
+        "modules" : {
+            "Camera" : {},
+            "Record" : {},
+            "VideoPlayer" : {}
         },
         /* 应用发布信息 */
-        "distribute": {
+        "distribute" : {
             /* android打包配置 */
-            "android": {
-                "permissions": [
+            "android" : {
+                "permissions" : [
                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
@@ -44,35 +45,35 @@
                 ]
             },
             /* ios打包配置 */
-            "ios": {
-                "dSYMs": false
+            "ios" : {
+                "dSYMs" : false
             },
             /* SDK配置 */
-            "sdkConfigs": {}
+            "sdkConfigs" : {}
         },
-        "nativePlugins": {}
+        "nativePlugins" : {}
     },
     /* 快应用特有相关 */
-    "quickapp": {},
+    "quickapp" : {},
     /* 小程序特有相关 */
-    "mp-weixin": {
-        "appid": "",
-        "setting": {
-            "urlCheck": false
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
         },
-        "usingComponents": true
+        "usingComponents" : true
     },
-    "mp-alipay": {
-        "usingComponents": true
+    "mp-alipay" : {
+        "usingComponents" : true
     },
-    "mp-baidu": {
-        "usingComponents": true
+    "mp-baidu" : {
+        "usingComponents" : true
     },
-    "mp-toutiao": {
-        "usingComponents": true
+    "mp-toutiao" : {
+        "usingComponents" : true
     },
-    "uniStatistics": {
-        "enable": false
+    "uniStatistics" : {
+        "enable" : false
     },
-    "vueVersion": "3"
-}
+    "vueVersion" : "3"
+}

uni-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/tui-roomkit-app",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "description": "",
   "main": "uni.promisify.adaptor.js",
   "scripts": {
@@ -10,9 +10,15 @@
   "license": "ISC",
   "dependencies": {
     "@tencentcloud/chat": "^3.4.6",
+    "@tencentcloud/chat-uikit-engine": "^2.3.6",
+    "@tencentcloud/chat-uikit-uniapp": "^2.3.6",
+    "@tencentcloud/tui-core": "^2.3.6",
     "@tencentcloud/tuiroom-engine-uniapp-app": " ^2.7.1",
     "@tencentcloud/universal-api": "^2.3.2",
+    "dayjs": "^1.11.13",
     "mitt": "^3.0.1",
-    "pinia": "^2.2.5"
+    "pinia": "^2.2.5",
+    "tim-profanity-filter-plugin": "^1.1.0",
+    "tim-upload-plugin": "^1.3.0"
   }
 }

uni-app/pages.json

@@ -22,10 +22,22 @@
           "path": "roomkit/pages/room",
           "style": {
             "navigationBarTitleText": "room",
-						"navigationStyle": "custom",
-						"app-plus": {
-							"titleView": false
-						}
+            "navigationStyle": "custom",
+            "app-plus": {
+              "titleView": false
+            }
+          }
+        },
+        {
+          "path": "roomkit/TUIKit/components/TUIChat/index",
+          "style": {
+            "navigationBarTitleText": "聊天"
+          }
+        },
+        {
+          "path": "roomkit/TUIKit/components/TUIChat/video-play",
+          "style": {
+            "navigationBarTitleText": "腾讯云 IM"
           }
         }
       ]
@@ -36,8 +48,8 @@
     "navigationBarTitleText": "uni-app",
     "navigationBarBackgroundColor": "#F8F8F8",
     "backgroundColor": "#F8F8F8",
-		"app-plus": {
-			"titleView": false
-		}
+    "app-plus": {
+      "titleView": false
+    }
   }
-}
+}

uni-app/src/roomkit/TUIKit/CHANGELOG.md

@@ -0,0 +1,185 @@
+## [2.3.3] (2024-10-28)
+
+### Features
+- 支持群组禁言后发送消息错误提示国际化
+
+## Fix
+- 修复集成 CallKit 点击通话按钮偶现无响应问题
+
+## [2.3.2] (2024-10-28)
+
+## Fix
+
+- 修复 H5 环境下群管理页面返回直接回到会话列表页面的问题
+- 移除 H5 环境下群聊页面出现App环境下的菜单按钮
+
+## [2.3.1] (2024-10-25)
+
+## Fix
+- 修复撤回消息中撤回人为空问题
+- 修复 TUIContact 修改好友备注后列表显示未更新问题
+- 优化 uniapp 打包 app 群管理入口至导航栏
+- 优化 uniapp 打包 app 软键盘弹出体验
+
+## [2.3.0] (2024-10-21)
+
+## Fix
+- 修复集成音视频通话 InputToolbar 点击按钮无响应问题
+
+## [2.2.9] (2024-10-17)
+
+## Fix
+- 修复 Callkit 融合被叫超时无应答英文词条翻译错误问题
+
+## [2.2.8] (2024-09-24)
+
+### Features
+- 支持繁体中文语言
+- 支持新增自定义语言类型
+
+## [2.2.7] (2024-09-13)
+
+### Features
+- 优化 C2C 会话音视频通话信令上屏(对齐微信体验)
+
+## [2.2.6] (2024-09-06)
+
+### Features
+- Work 类型群组支持普通群成员修改群名称、群公告信息
+
+## [2.2.3] (2024-07-05)
+
+### Features
+- 支持会话草稿
+- 语音消息使用红点提示是否播放
+
+### Fix
+- 修复邀请加入群聊选人组件未过滤已有群成员问题
+- 修复 TUISearch 搜索文本消息出现 [系统消息] 前缀问题
+- 修复 TUIGroup 中 group-profile\group-name在 vue3 环境下 UI 崩坏的问题
+- 修复 Overlay 在构建微信小程序时点击事件无法触发的问题
+- 修复消息引用语音但展示为"聊天记录"的问题
+- 修复 Callkit 在 H5 环境下布局只有半屏的问题
+
+## [2.2.0] (2024-06-17)
+
+### Features
+- 支持消息多选、消息逐条转发、消息合并转发
+- 优化 TUIKit 集成流程
+- 支持表情包自定义
+- uniapp callkit 支持 offlinePushInfo
+- uniapp callkit 支持自定义铃音
+- 被引用消息撤回时隐藏原始消息内容并提醒已撤回
+
+## [2.1.3] (2024-05-17)
+
+### Features
+- TUIKit 适配 uniapp cli
+- 点击空白区域时收起小表情面板和工具栏
+- callkit 提供音视频通话中途加人能力 不包括app平台
+
+### Fix
+- 修复视频一定概率无法播放的问题
+- 修复消息引用的视觉左侧未对齐的问题
+
+## [2.1.1] (2024-04-26)
+
+### Features
+- 支持语音转文字
+- 文本消息转翻译兼容小表情上屏，兼容提及所有人
+
+### Fix
+- 优化已读回执详情列表超长昵称的显示效果
+- 解决转发消息已读回执失效的问题
+- 解决加没有群申请时额外请求用户信息的问题
+
+## [2.1.0] (2024-04-12)
+
+### Features
+- 新增消息翻译功能
+
+### Fix
+- uniapp 修复选人组件搜索失效问题
+
+## [2.0.9] (2024-03-29)
+
+### Features
+- ScrollButton 支持未读新消息提示
+- 群未决申请展示优化
+
+### Update
+- 下线本地审核相关入口
+
+### Fix
+- 修复 nick 过长样式溢出问题
+
+## [2.0.8] (2024-03-15)
+
+### Fix
+- 修复已知问题，提升稳定性
+
+## [2.0.7] (2024-03-15)
+
+### Features
+- 会话列表菜单出现位置跟随手指
+
+### Fix
+- 修复一定概率下图片无法预览的问题
+
+## [2.0.6] (2024-03-01)
+
+### Features
+
+- 升级 universal api 引入方式
+- 支持 TUISearch 消息云端搜索
+
+## [2.0.5] (2024-02-04)
+
+### Features
+
+- 聊天界面更新黄脸小表情
+- 添加音频播放动画
+
+### Fix
+
+- 语音场景优化 修复了语音播放相关的体验问题
+
+## [2.0.4] (2024-01-19)
+
+### Features
+
+- 支持文本消息复制
+
+### Fix
+
+- 修复 uniapp 打包 APP、小程序 语音首次发送失败问题
+
+## [2.0.3] (2024-01-12)
+
+### Features
+
+- TUIContact 关系链支持用户在线状态。
+- TUIContact 中获取客服列表的时机调整为 Engine 设置商业化能力位之后。
+
+### Fix
+
+- 修复已知问题，提升稳定性
+
+## [2.0.2] (2024-01-05)
+
+### Fix
+
+- 修复已知问题，提升稳定性
+
+## [2.0.0] (2023-12-21)
+
+### Features
+
+- 全面支持 uniapp Vue2 & uniapp Vue3，包括以下主体功能：
+  - TUIChat: 负责消息界面展示，包括多类型消息收发，消息引用/删除/撤回/转发、查询消息已读回执详情等功能。
+  - TUIConversation: 负责会话列表的展示和编辑，包括会话置顶、会话消息免打扰、会话删除等功能.
+  - TUIGroup: 负责群聊的创建以及群资料、群成员、群组权限、群公告、群禁言的管理。
+  - TUIContact: 负责联系人与群组展示，添加好友，移入黑名单，好友备注，信息展示等功能。
+- 同时，我们还提供了功能丰富的插件系统：
+  - TUICustomerService: 在线客服插件，支持灵活的路由排队、客服接待、智能机器人功能，配合功能丰富的管理端与数据分析能力，支持客服多终端办公，免费试用请点击 https://cloud.tencent.com/document/product/269/92648#ae4e3f5c-94db-4df3-8a49-65d23ce417b8 开通。
+  - TUICallKit: 音视频通话 UI 组件，支持两人或多人进行音视频通话，覆盖游戏社交、在线客服、视频客服、在线问诊、保险咨询等场景，免费试用请点击 https://cloud.tencent.com/document/product/269/79861#step1 开通。

uni-app/src/roomkit/TUIKit/README.md

@@ -0,0 +1,56 @@
+## 关于 chat-uikit-uniapp
+
+chat-uikit-uniapp （vue2 / vue3）是基于腾讯云 Chat SDK 的一款 uniapp UI 组件库，它提供了一些通用的 UI 组件，包含会话、聊天、群组、关系链等功能。基于这些精心设计的 UI 组件，您可以快速构建优雅的、可靠的、可扩展的 Chat 应用。
+chat-uikit-uniapp 界面效果如下图所示：
+![](https://qcloudimg.tencent-cloud.cn/raw/2f16b1be0591a325250f9066af898036.png)
+
+> 为尊重表情设计版权，IM Demo/TUIKit 工程中不包含大表情元素切图，正式上线商用前请您替换为自己设计或拥有版权的其他表情包。默认的小黄脸表情包版权归腾讯云所有，可有偿授权使用，如您希望获得授权可 [提交工单](https://console.cloud.tencent.com/workorder/category?level1_id=29&level2_id=40&source=14&data_title=%E5%8D%B3%E6%97%B6%E9%80%9A%E4%BF%A1%20IM&step=1) 联系我们。
+
+## chat-uikit-uniapp 支持平台
+
+- Android
+- iOS
+- 微信小程序
+- H5
+
+## 含 UI 集成 TUILogin 使用说明
+
+``` javascript
+// 引入 TUILogin 模块
+import { TUILogin } from '@tencentcloud/tui-core';
+```
+初始化登录参数 options 配置说明：
+| 参数 | 类型 | 含义 |
+| --- | --- | --- |
+| SDKAppID | number | 云通信应用的 SDKAppID，必填 |
+| userID | string | 用户 ID，必填 |
+| userSig |string | 用户登录密钥，必填 |
+| TIMPush | any | 推送插件实例，uniapp 打包 app 时集成推送插件可用 |
+| pushConfig | object | 推送插件配置信息，uniapp 打包 app 时集成推送插件可用 |
+| useUploadPlugin | boolean | 是否使用上传插件， 默认 false |
+| proxyServer | string | WebSocket 服务器代理地址 |
+| fileUploadProxy | string | 图片、视频、文件上传代理地址 |
+| fileDownloadProxy | string | 图片、视频、文件下载代理地址 |
+| framework | string \| undefined | 使用的 UI 框架，可选值： vue2、vue3、undefined，必填 |
+
+``` javascript
+// 初始化登录
+TUILogin.login(options);
+```
+
+``` javascript
+// 登出
+TUILogin.logout();
+```
+
+``` javascript
+// 设置 Chat SDK 日志输出级别
+TUILogin.setLogLevel(0); // 0：普通日志级别 1：release 级别日志 2：告警级别 3：错误级别 4：无日志级别
+```
+
+``` javascript
+// 获取 Chat SDK 实例
+const { chat } = TUILogin.getContext();
+```
+
+## 【源码集成】[请参考 TUIKit 集成文档](https://cloud.tencent.com/document/product/269/64507)

uni-app/src/roomkit/TUIKit/adapter-vue.ts

@@ -0,0 +1,14 @@
+let vueVersion: number;
+let framework = 'vue2';
+// #ifndef VUE3
+export * from '@vue/composition-api';
+vueVersion = 2;
+// #endif
+
+// #ifdef VUE3
+export * from 'vue';
+vueVersion = 3;
+framework = 'vue3';
+// #endif
+console.warn(`[adapter-vue]: vue version is ${vueVersion}`);
+export { vueVersion, framework };

uni-app/src/roomkit/TUIKit/assets/icon/add-circle.svg

@@ -0,0 +1,7 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132; 4">
+<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;&#229;&#164;&#135;&#228;&#187;&#189; 27" cx="28" cy="28.8535" r="26" stroke="#444444" stroke-width="4"/>
+<rect id="&#231;&#159;&#169;&#229;&#189;&#162;&#229;&#164;&#135;&#228;&#187;&#189; 8" x="15" y="27.8535" width="26" height="4" rx="1" fill="#444444"/>
+<rect id="&#231;&#159;&#169;&#229;&#189;&#162;&#229;&#164;&#135;&#228;&#187;&#189; 8_2" x="26" y="42.8535" width="26" height="4" rx="1" transform="rotate(-90 26 42.8535)" fill="#444444"/>
+</g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/add.svg

@@ -0,0 +1,12 @@
+<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.80492">
+        <rect x="0.25" y="7.25" width="13.5" height="0.5" rx="0.25" stroke="#232832"
+            style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"
+            stroke-width="0.5" />
+        <rect x="6.75" y="14.25" width="13.5" height="0.5" rx="0.25"
+            transform="rotate(-90 6.75 14.25)" stroke="#232832"
+            style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"
+            stroke-width="0.5" />
+    </g>
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/audio.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 57" class="design-iconfont">
+  <g fill="none" fill-rule="evenodd">
+    <path stroke="#444" stroke-width="4" d="M28 2A26 26 0 1 0 28 54A26 26 0 1 0 28 2Z" transform="translate(0 .853448)"/>
+    <path d="M3.22061856,17.5880403 C3.66244636,17.5880403 4.02061856,17.9462125 4.02061856,18.3880403 L4.02061856,18.6926914 C4.02061856,24.8806658 8.93625507,29.8970101 15,29.8970101 C20.967495,29.8970101 25.8230402,25.0386509 25.975681,18.9864559 L25.9793814,18.6926914 L25.9793814,18.3880403 C25.9793814,17.9462125 26.3375536,17.5880403 26.7793814,17.5880403 L29.2,17.5880403 C29.6418278,17.5880403 30,17.9462125 30,18.3880403 L30,18.6926914 C30,27.1466845 23.2842712,34 15,34 C6.82193736,34 0.172455987,27.3212841 0.00330065692,19.0170447 L0,18.6926914 L0,18.3880403 C-1.65130603e-16,17.9462125 0.3581722,17.5880403 0.8,17.5880403 L3.22061856,17.5880403 Z M15.1965847,0 C19.4037284,0 22.8142432,3.57961711 22.8142432,7.9953621 L22.8142432,18.3119584 C22.7872128,22.7074732 19.3846075,26.2557375 15.1965847,26.2557375 L14.8034153,26.2557375 C10.5962716,26.2557375 7.18575682,22.6760398 7.18575682,18.2603754 L7.18575682,7.94377912 C7.21278722,3.54818373 10.6153925,0 14.8034153,0 L15.1965847,0 Z M15.1965847,4.10298992 L14.8034153,4.10298992 C12.9144516,4.10298992 11.325224,5.69669854 11.2126654,7.73818076 L11.2063754,7.94377912 L11.2063754,18.2603754 C11.2063754,20.365303 12.7386643,22.0414789 14.614709,22.1474289 L14.8034153,22.1527476 L15.1965847,22.1527476 C17.0855164,22.1527476 18.6747739,20.5589954 18.7873345,18.5175525 L18.7936246,18.3119584 L18.7936246,7.9953621 C18.7936246,5.89038947 17.2613666,4.21425569 15.385294,4.10830842 L15.1965847,4.10298992 Z" transform="translate(13 12)" fill="#444" fill-rule="nonzero"/>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/back.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48px" height="48px" viewBox="0 0 48 48" version="1.1">
+  <title>ic_back_white</title>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="02.-查看信息-示例好友" transform="translate(-32.000000, -200.000000)">
+      <g id="编组-6" transform="translate(0.000000, 176.000000)">
+        <g id="ic_back_white" transform="translate(32.000000, 24.000000)">
+          <g id="ic_back_black" fill="#444444" fill-rule="nonzero">
+            <path d="M9.51231071,24 L23.5198286,38.7290411 C23.785378,39.0082689 23.7753168,39.4496082 23.4973187,39.7164448 L21.6255915,41.5130226 C21.3466827,41.7807332 20.9035602,41.7716553 20.6358496,41.4927466 C20.6351032,41.491969 20.6343586,41.4911896 20.6336157,41.4904085 L4.45876399,24.4823948 C4.2017544,24.2121467 4.2017544,23.7878533 4.45876399,23.5176052 L20.6336157,6.50959152 C20.900035,6.22944906 21.3431109,6.21832422 21.6232533,6.48474351 C21.6240344,6.48548634 21.6248138,6.48623097 21.6255915,6.48697741 L23.4973187,8.28355524 C23.7753168,8.55039175 23.785378,8.99173114 23.5198286,9.27095893 L9.51231071,24 L9.51231071,24 Z" id="Path-2"></path>
+          </g>
+          <rect id="矩形" x="0" y="0" width="48" height="48"></rect>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/call-video.svg

@@ -0,0 +1,6 @@
+<svg width="33" height="23" viewBox="0 0 33 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M0.5 4.33337C0.5 2.12424 2.29086 0.333374 4.5 0.333374H19.1667C21.3758 0.333374 23.1667 2.12424 23.1667 4.33337V18.3334C23.1667 20.5425 21.3758 22.3334 19.1667 22.3334H4.5C2.29086 22.3334 0.5 20.5425 0.5 18.3334V4.33337ZM4.5 5.45837C4.5 4.90609 4.94771 4.45837 5.5 4.45837H7.5C8.05228 4.45837 8.5 4.90609 8.5 5.45837V7.58337C8.5 8.13566 8.05228 8.58337 7.5 8.58337H5.5C4.94771 8.58337 4.5 8.13566 4.5 7.58337V5.45837ZM33 4.85879C33 3.68986 31.7222 2.97013 30.7225 3.576L25.5742 6.69633L25.3333 6.8423V7.12393V15.43V15.7017L25.5613 15.8495L30.684 19.1709C31.6819 19.8179 33 19.1016 33 17.9122V4.85879ZM31.2408 4.43119C31.5741 4.22923 32 4.46914 32 4.85879V17.9122C32 18.3087 31.5606 18.5475 31.228 18.3318L26.3333 15.1583V7.40555L31.2408 4.43119Z"
+        fill="#333333" />
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/call-voice.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="12" viewBox="0 0 32 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M8.6347 11.9983C9.72788 11.9992 10.6193 11.1223 10.6362 10.0292L10.673 7.64717C11.6292 7.36896 13.5482 6.92739 16.0961 6.92739C18.6443 6.92739 20.5804 7.36912 21.5479 7.64767L21.5621 9.97475C21.5689 11.0721 22.4585 11.9591 23.5559 11.9625L29.9833 11.9825C31.0878 11.9859 31.986 11.0933 31.9895 9.98883L32 6.68064C32 4.65824 30.7746 2.85759 28.9507 2.2C26.1675 1.1964 21.6615 0 16 0C10.3386 0 5.83262 1.1964 3.04934 2.2C2.38985 2.43778 1.80885 2.82489 1.33541 3.31805C0.499655 4.18858 0.000161509 5.38952 0 6.68064L0.00557949 9.99594C0.00743508 11.0985 0.90127 11.9916 2.00385 11.9926L8.6347 11.9983Z"
+        fill="#333333" />
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/cancel.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
+  <title>清除</title>
+  <g id="页面-2备份" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="创建群聊" transform="translate(-1243.000000, -413.000000)">
+      <g id="Group-1364" transform="translate(650.000000, 343.000000)">
+        <g id="Group-1363" transform="translate(290.000000, 46.000000)">
+          <g id="Group-1358" transform="translate(0.000000, 24.000000)">
+            <g id="清除" transform="translate(303.000000, 0.000000)">
+              <path d="M0,0 L16,0 L16,16 L0,16 L0,0 Z" id="矩形"></path>
+              <path d="M1,8 C1,11.8659999 4.13400006,15 8,15 C11.8659999,15 15,11.8659999 15,8 C15,4.13400006 11.8659999,1 8,1 L8,1 C4.13400006,1 1,4.13400006 1,8 Z" fill="#999999"></path>
+              <g id="编组" transform="translate(8.000000, 8.000000) rotate(-315.000000) translate(-8.000000, -8.000000) translate(4.000000, 4.000000)" fill="#FFFFFF">
+                <rect id="矩形备份" transform="translate(4.000000, 4.000000) rotate(-90.000000) translate(-4.000000, -4.000000) " x="1.8189894e-12" y="3.5" width="8" height="1" rx="0.5"></rect>
+                <rect id="矩形备份" transform="translate(4.000000, 4.000000) rotate(-360.000000) translate(-4.000000, -4.000000) " x="0" y="3.5" width="8" height="1" rx="0.5"></rect>
+              </g>
+              <rect id="矩形" x="0" y="0" width="16" height="16"></rect>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/check-sm.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.50001 13C2.91038 13 0 10.0896 0 6.50001C0 2.91038 2.91038 0 6.50001 0C10.0896 0 13 2.91038 13 6.50001C13 10.0896 10.0896 13 6.50001 13ZM5.05051 9.05234C5.31489 9.31679 5.74359 9.31685 6.00805 9.05247C6.00809 9.05242 6.00813 9.05238 6.00817 9.05234L10.1129 4.94758C10.3774 4.68313 10.3774 4.25437 10.1129 3.98992C9.84847 3.72546 9.41971 3.72546 9.15526 3.98992L5.50008 7.58659L3.86425 5.95076C3.5998 5.68631 3.17104 5.68631 2.90659 5.95076C2.64213 6.21521 2.64213 6.64398 2.90659 6.90843L5.05051 9.05235L5.05051 9.05234Z" fill="#999"/>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/close-dark.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.92904 6L11.815 1.11198C12.0617 0.86524 12.0617 0.458461 11.815 0.211725L11.7884 0.185051C11.5417 -0.0616838 11.1351 -0.0616838 10.8885 0.185051L6.0025 5.07974L1.11651 0.185051C0.869879 -0.0616838 0.463269 -0.0616838 0.216637 0.185051L0.189974 0.211725C-0.0633245 0.458461 -0.0633245 0.86524 0.189974 1.11198L5.07596 6L0.189974 10.888C-0.0566588 11.1348 -0.0566588 11.5415 0.189974 11.7883L0.216637 11.8149C0.463269 12.0617 0.869879 12.0617 1.11651 11.8149L6.0025 6.92692L10.8885 11.8149C11.1351 12.0617 11.5417 12.0617 11.7884 11.8149L11.815 11.7883C12.0617 11.5415 12.0617 11.1348 11.815 10.888L6.92904 6Z" fill="#8F959E" style="fill:#8F959E;fill:color(display-p3 0.5608 0.5843 0.6196);fill-opacity:1;"/>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/convertText_en.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_2075_534" fill="white">
+<rect y="6.10352e-05" width="16" height="16" rx="0.5"/>
+</mask>
+<rect y="6.10352e-05" width="16" height="16" rx="0.5" fill="white" stroke="#444444" stroke-width="4" mask="url(#path-1-inside-1_2075_534)"/>
+<path d="M7.276 3.43201H8.872L12.148 12H10.648L9.868 9.85201H6.28L5.5 12H4L7.276 3.43201ZM6.7 8.70001H9.448L8.104 4.94401H8.056L6.7 8.70001Z" fill="#444444"/>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/convertText_zh.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_1_4" fill="white">
+<rect y="6.10352e-05" width="16" height="16" rx="0.5"/>
+</mask>
+<rect y="6.10352e-05" width="16" height="16" rx="0.5" fill="white" stroke="#444444" stroke-width="4" mask="url(#path-1-inside-1_1_4)"/>
+<path d="M4.51199 5.81608V6.39208H5.74399C6.10399 7.62408 6.74399 8.69608 7.67199 9.60808C6.80799 10.3921 5.70399 10.9601 4.35999 11.3201L4.66399 11.8241C6.02399 11.4321 7.15999 10.8161 8.07199 9.97608C8.93599 10.7201 10.024 11.3361 11.352 11.8321L11.664 11.3521C10.384 10.8801 9.31999 10.2881 8.47199 9.56808C9.25599 8.72008 9.84799 7.65608 10.24 6.39208H11.488V5.81608H8.43199C8.17599 5.26408 7.90399 4.79208 7.59999 4.40808L7.02399 4.61608C7.34399 4.99208 7.60799 5.39208 7.82399 5.81608H4.51199ZM6.31199 6.39208H9.63999C9.30399 7.49608 8.78399 8.43208 8.07199 9.20808C7.23999 8.40808 6.65599 7.47208 6.31199 6.39208Z" fill="#444444"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.31199 5.61608H7.48751C7.31129 5.31249 7.10719 5.02243 6.87168 4.74571L6.68467 4.52597L7.66745 4.17108L7.7568 4.28394C8.0517 4.65645 8.31433 5.10396 8.55891 5.61608H11.688V6.59208H10.3863C10.0114 7.74389 9.46813 8.73403 8.75997 9.54663C9.55979 10.1899 10.5494 10.7279 11.7332 11.1644L11.9682 11.2511L11.4323 12.0756L11.282 12.0194C10.0044 11.5423 8.9389 10.9527 8.07627 10.2412C7.1617 11.0446 6.04107 11.6353 4.71938 12.0163L4.57197 12.0587L4.05139 11.1957L4.30824 11.1269C5.54648 10.7952 6.56828 10.2862 7.38032 9.59789C6.54448 8.73191 5.95109 7.72929 5.59553 6.59208H4.31199V5.61608ZM5.74399 6.39208C6.08545 7.56066 6.67884 8.58529 7.53097 9.46597C7.57721 9.51377 7.62422 9.56114 7.67199 9.60808C7.62257 9.65292 7.57237 9.69705 7.52139 9.74048C6.72554 10.4184 5.73841 10.9245 4.56 11.2645C4.49393 11.2835 4.42726 11.3021 4.35999 11.3201L4.66399 11.8241C6.02399 11.4321 7.15999 10.8161 8.07199 9.97608C8.93599 10.7201 10.024 11.3361 11.352 11.8321L11.664 11.3521C11.5996 11.3283 11.5357 11.3043 11.4724 11.2799C10.3526 10.8491 9.40393 10.3229 8.6263 9.69577C8.57409 9.65366 8.52265 9.6111 8.47199 9.56808C8.51719 9.51918 8.56176 9.46957 8.60569 9.41924C9.32359 8.59671 9.87059 7.5832 10.24 6.39208H11.488V5.81608H8.43199C8.17599 5.26408 7.90399 4.79208 7.59999 4.40808L7.02399 4.61608C7.07008 4.67024 7.115 4.72489 7.15879 4.78004C7.3708 5.04705 7.55614 5.32573 7.71752 5.61608C7.75424 5.68215 7.78972 5.74881 7.82399 5.81608H4.51199V6.39208H5.74399ZM6.31199 6.39208C6.3334 6.45931 6.35574 6.52597 6.37901 6.59208C6.70795 7.52643 7.223 8.34973 7.92962 9.06741C7.97624 9.11476 8.0237 9.16165 8.07199 9.20808C8.07199 9.20808 8.07198 9.20809 8.07199 9.20808C8.11712 9.1589 8.16148 9.10906 8.20507 9.05858C8.80725 8.36128 9.26261 7.54091 9.5765 6.59208C9.59834 6.52604 9.61951 6.45937 9.63999 6.39208H6.31199ZM6.59144 6.59208C6.90978 7.46685 7.39807 8.23985 8.06267 8.91746C8.62858 8.25932 9.06168 7.48673 9.36556 6.59208H6.59144Z" fill="#444444"/>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/d-left-arrow.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#444444"
+        style="fill:#444444;fill:color(display-p3 0.2667 0.2667 0.2667);fill-opacity:1;"
+        d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0 30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264 29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"></path>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/d-right-arrow.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+    <path fill="#444444"
+        style="fill:#444444;fill:color(display-p3 0.2667 0.2667 0.2667);fill-opacity:1;"
+        d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L764.736 512 452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0 30.592 30.592 0 0 1 0-42.752L508.736 512 196.864 192a30.592 30.592 0 0 1 0-42.688z"></path>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/del-icon.svg

@@ -0,0 +1,25 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189;">
+        <path id="&#231;&#155;&#180;&#231;&#186;&#191;" d="M2.15682 4.76268H14.0347"
+            stroke="#FF584C"
+            style="stroke:#FF584C;stroke:color(display-p3 1.0000 0.3451 0.2980);stroke-opacity:1;"
+            stroke-linecap="round" />
+        <path id="&#231;&#155;&#180;&#231;&#186;&#191;&#229;&#164;&#135;&#228;&#187;&#189;"
+            d="M5.23978 2.15307H11.1684" stroke="#FF584C"
+            style="stroke:#FF584C;stroke:color(display-p3 1.0000 0.3451 0.2980);stroke-opacity:1;"
+            stroke-linecap="round" />
+        <path id="&#231;&#155;&#180;&#231;&#186;&#191;&#229;&#164;&#135;&#228;&#187;&#189; 2"
+            d="M6.90014 7.32796V10.9714" stroke="#FF584C"
+            style="stroke:#FF584C;stroke:color(display-p3 1.0000 0.3451 0.2980);stroke-opacity:1;"
+            stroke-linecap="round" />
+        <path id="&#231;&#155;&#180;&#231;&#186;&#191;&#229;&#164;&#135;&#228;&#187;&#189; 3"
+            d="M9.58605 7.32796V10.9714" stroke="#FF584C"
+            style="stroke:#FF584C;stroke:color(display-p3 1.0000 0.3451 0.2980);stroke-opacity:1;"
+            stroke-linecap="round" />
+        <path id="&#231;&#159;&#169;&#229;&#189;&#162;"
+            d="M4.14331 4.8316H12.1596V12.9091C12.1596 13.5367 11.6508 14.0454 11.0232 14.0454H5.27968C4.65208 14.0454 4.14331 13.5367 4.14331 12.9091V4.8316Z"
+            stroke="#FF584C"
+            style="stroke:#FF584C;stroke:color(display-p3 1.0000 0.3451 0.2980);stroke-opacity:1;" />
+    </g>
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/double-arrow.svg

@@ -0,0 +1 @@
+<svg t="1660053550964" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3181" width="200" height="200"><path d="M95.658667 461.354667a71.637333 71.637333 0 0 0 0 101.290666l365.696 365.696a71.637333 71.637333 0 0 0 101.290666 0l365.696-365.696a71.637333 71.637333 0 1 0-101.248-101.290666L512 776.448l-315.093333-315.093333a71.594667 71.594667 0 0 0-101.248 0z" p-id="3182" fill="#bfbfbf"></path><path d="M95.658667 95.658667a71.637333 71.637333 0 0 0 0 101.248l365.696 365.738666a71.594667 71.594667 0 0 0 101.290666 0l365.696-365.738666a71.637333 71.637333 0 0 0-101.248-101.248L512 410.709333 196.906667 95.658667a71.637333 71.637333 0 0 0-101.248 0z" p-id="3183" fill="#bfbfbf"></path></svg>

uni-app/src/roomkit/TUIKit/assets/icon/down-icon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5L7.21955 10L3 5" stroke="#979797"/>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/download.svg

@@ -0,0 +1,6 @@
+<svg width="11" height="17" viewBox="0 0 11 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M9.13023 14.4401C9.3928 14.4401 9.64461 14.5444 9.83027 14.73C10.0159 14.9157 10.1202 15.1675 10.1202 15.4301C10.1202 15.6926 10.0159 15.9445 9.83027 16.1301C9.64461 16.3158 9.3928 16.4201 9.13023 16.4201H1.87023C1.60767 16.4201 1.35586 16.3158 1.1702 16.1301C0.984536 15.9445 0.880234 15.6926 0.880234 15.4301C0.880234 15.1675 0.984536 14.9157 1.1702 14.73C1.35586 14.5444 1.60767 14.4401 1.87023 14.4401H9.13023ZM5.50023 0.580078C5.7628 0.580078 6.01461 0.684381 6.20027 0.870042C6.38593 1.0557 6.49023 1.30751 6.49023 1.57008V8.59446L8.40027 6.51084C8.57111 6.32101 8.8087 6.20455 9.06339 6.18578C9.31808 6.16702 9.57018 6.2474 9.767 6.41014C9.96381 6.57287 10.0901 6.80537 10.1196 7.05905C10.149 7.31274 10.0792 7.56798 9.92487 7.77144L9.86019 7.84932L6.23019 11.8093C6.05448 12.001 5.81039 12.1159 5.55068 12.1291C5.29096 12.1423 5.03648 12.0528 4.84221 11.8799L4.77027 11.8093L1.14027 7.84932C0.968705 7.66225 0.875545 7.41643 0.880038 7.16264C0.884531 6.90885 0.986334 6.66648 1.16442 6.4856C1.3425 6.30472 1.58325 6.19916 1.83694 6.19071C2.09063 6.18226 2.33788 6.27158 2.52759 6.44022L2.60019 6.51084L4.51023 8.59578V1.57008C4.51023 1.30751 4.61454 1.0557 4.8002 0.870042C4.98586 0.684381 5.23767 0.580078 5.50023 0.580078Z"
+        fill="#444444" />
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/edit.svg

@@ -0,0 +1,7 @@
+<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M10.7968 3.14412C11.0484 2.85173 11.0171 2.40956 10.7268 2.156L9.03106 0.673353C8.89195 0.551204 8.71028 0.489692 8.52606 0.502365C8.34184 0.515037 8.17018 0.600854 8.04888 0.740917L6.9613 2.0021L9.7101 4.40436L10.7968 3.14412ZM6.31117 2.75281L0.00859902 10.0525C-0.0156524 10.0806 0.0169938 11.3428 0.0375142 12.0428C0.0450803 12.2964 0.251683 12.498 0.503888 12.4979C1.26781 12.4979 2.73222 12.4829 2.75647 12.4548L9.05905 5.15695L6.31117 2.75281ZM4.19757 12.5007L5.22919 11.3634L11.4404 11.3747C11.7484 11.3772 11.9975 11.6278 12 11.9377C11.9975 12.2476 11.7484 12.4982 11.4404 12.5007H4.19757Z"
+        fill="#8F959E"
+        style="fill:#8F959E;fill:color(display-p3 0.5608 0.5843 0.6196);fill-opacity:1;" />
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/evalute-dark.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189; 4" opacity="0.795169">
+    <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="1.5" y="14.5" width="13" height="13" rx="1.75" transform="rotate(-90 1.5 14.5)" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    <path id="&#230;&#152;&#159;&#229;&#189;&#162;" fill-rule="evenodd" clip-rule="evenodd" d="M8.09307 10.0489C8.0348 10.0183 7.9652 10.0183 7.90693 10.0489L6.00755 11.0475C5.86083 11.1246 5.68934 11 5.71736 10.8367L6.08011 8.72167C6.09124 8.65679 6.06973 8.59059 6.02259 8.54464L4.48596 7.0468C4.36726 6.93109 4.43276 6.7295 4.59681 6.70566L6.72038 6.39709C6.78552 6.38762 6.84183 6.34671 6.87096 6.28768L7.82065 4.3634C7.89402 4.21475 8.10598 4.21475 8.17935 4.3634L9.12904 6.28768C9.15817 6.34671 9.21448 6.38762 9.27962 6.39709L11.4032 6.70566C11.5672 6.7295 11.6327 6.93109 11.514 7.0468L9.97741 8.54464C9.93027 8.59059 9.90876 8.65679 9.91989 8.72167L10.2826 10.8367C10.3107 11 10.1392 11.1246 9.99245 11.0475L8.09307 10.0489Z" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    </g>
+    </svg>

uni-app/src/roomkit/TUIKit/assets/icon/evalute-light.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189; 4" opacity="0.795169">
+    <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="1.5" y="14.5" width="13" height="13" rx="1.75" transform="rotate(-90 1.5 14.5)" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"/>
+    <path id="&#230;&#152;&#159;&#229;&#189;&#162;" fill-rule="evenodd" clip-rule="evenodd" d="M8.09307 10.0489C8.0348 10.0183 7.9652 10.0183 7.90693 10.0489L6.00755 11.0475C5.86083 11.1246 5.68934 11 5.71736 10.8367L6.08011 8.72167C6.09124 8.65679 6.06973 8.59059 6.02259 8.54464L4.48596 7.0468C4.36726 6.93109 4.43276 6.7295 4.59681 6.70566L6.72038 6.39709C6.78552 6.38762 6.84183 6.34671 6.87096 6.28768L7.82065 4.3634C7.89402 4.21475 8.10598 4.21475 8.17935 4.3634L9.12904 6.28768C9.15817 6.34671 9.21448 6.38762 9.27962 6.39709L11.4032 6.70566C11.5672 6.7295 11.6327 6.93109 11.514 7.0468L9.97741 8.54464C9.93027 8.59059 9.90876 8.65679 9.91989 8.72167L10.2826 10.8367C10.3107 11 10.1392 11.1246 9.99245 11.0475L8.09307 10.0489Z" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"/>
+    </g>
+    </svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/face-dark.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.795169">
+    <circle cx="8" cy="8" r="7.5" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5 5C5.55228 5 6 5.44772 6 6C6 6.55228 5.55228 7 5 7C4.44772 7 4 6.55228 4 6C4 5.44772 4.44772 5 5 5Z" fill="#D5E0F2" style="fill:#D5E0F2;"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5C11.5523 5 12 5.44772 12 6C12 6.55228 11.5523 7 11 7C10.4477 7 10 6.55228 10 6C10 5.44772 10.4477 5 11 5Z" fill="#D5E0F2" style="fill:#D5E0F2;"/>
+    </g>
+    </svg>

uni-app/src/roomkit/TUIKit/assets/icon/face-light.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.795169">
+    <circle cx="8" cy="8" r="7.5" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5 5C5.55228 5 6 5.44772 6 6C6 6.55228 5.55228 7 5 7C4.44772 7 4 6.55228 4 6C4 5.44772 4.44772 5 5 5Z" fill="#232832" style="fill:#232832;fill:color(display-p3 0.1360 0.1574 0.1949);fill-opacity:1;"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5C11.5523 5 12 5.44772 12 6C12 6.55228 11.5523 7 11 7C10.4477 7 10 6.55228 10 6C10 5.44772 10.4477 5 11 5Z" fill="#232832" style="fill:#232832;fill:color(display-p3 0.1360 0.1574 0.1949);fill-opacity:1;"/>
+    </g>
+    </svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/file-dark.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189; 2"
+        opacity="0.795169">
+        <path id="&#231;&#159;&#169;&#229;&#189;&#162;"
+            d="M0.5 2.25C0.5 1.2835 1.2835 0.5 2.25 0.5H6.54211C6.62301 0.5 6.70271 0.519631 6.77435 0.557208L8.63621 1.53374C8.85115 1.64647 9.09023 1.70536 9.33293 1.70536H13.75C14.7165 1.70536 15.5 2.48886 15.5 3.45536V11.75C15.5 12.7165 14.7165 13.5 13.75 13.5H2.25C1.2835 13.5 0.5 12.7165 0.5 11.75V2.25Z"
+            stroke="#D5E0F2"
+            style="stroke:#D5E0F2;" />
+        <rect id="&#231;&#159;&#169;&#229;&#189;&#162;_2" x="0.5" y="3.5" width="15" height="10"
+            rx="1.75" stroke="#D5E0F2"
+            style="fill-opacity:1;stroke:#D5E0F2;" />
+    </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/file-light.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189; 2"
+        opacity="0.795169">
+        <path id="&#231;&#159;&#169;&#229;&#189;&#162;"
+            d="M0.5 2.25C0.5 1.2835 1.2835 0.5 2.25 0.5H6.54211C6.62301 0.5 6.70271 0.519631 6.77435 0.557208L8.63621 1.53374C8.85115 1.64647 9.09023 1.70536 9.33293 1.70536H13.75C14.7165 1.70536 15.5 2.48886 15.5 3.45536V11.75C15.5 12.7165 14.7165 13.5 13.75 13.5H2.25C1.2835 13.5 0.5 12.7165 0.5 11.75V2.25Z"
+            stroke="#232832"
+            style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" />
+        <rect id="&#231;&#159;&#169;&#229;&#189;&#162;_2" x="0.5" y="3.5" width="15" height="10"
+            rx="1.75" stroke="#232832"
+            style="fill-opacity:1;stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" />
+    </g>
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/forward-each.svg

@@ -0,0 +1,6 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="40" cy="40" r="38" stroke="#444444" stroke-width="4"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;" d="M22.0393 54.5694C25.1584 49.9724 29.3723 46.8567 34.5689 45.3912L34.5713 45.3906C37.381 44.6019 39.8194 44.5066 41.2294 44.5448L43.1752 44.5974V46.544V53.6663L57.7786 38.3558L43.2517 23.0584V30.4668V32.3974L41.3223 32.4655C34.455 32.7081 29.5325 34.9563 26.3318 38.9079C25.0376 40.5119 24.0004 42.4338 23.2662 44.6457L22.0393 54.5694ZM22.0393 54.5694C21.9839 53.499 21.9695 52.0473 22.1147 50.3923C22.2993 48.3257 22.6869 46.3923 23.2661 44.6461L22.0393 54.5694Z" stroke="#444444" stroke-width="4"/>
+</g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/forward-merge.svg

@@ -0,0 +1,8 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;" d="M21.7586 47.8445C24.2492 44.3734 27.5657 42.0119 31.6213 40.8833L31.6233 40.8827C33.8865 40.2558 35.8501 40.18 36.9868 40.2104L38.6862 40.2558V41.9558V47.2029L50.0059 35.4911L38.7474 23.7914V29.2632V30.9495L37.0622 31.0082C31.5917 31.1989 27.6967 32.965 25.1719 36.041C24.1502 37.2907 23.3303 38.7892 22.7494 40.5163L21.7586 47.8445ZM21.7586 47.8445C21.733 47.0661 21.7407 46.0942 21.837 45.0106C21.9836 43.392 22.291 41.8801 22.7493 40.5166L21.7586 47.8445Z" stroke="#444444" stroke-width="3.49206"/>
+<path id="&#231;&#159;&#169;&#229;&#189;&#162;" fill-rule="evenodd" clip-rule="evenodd" d="M43.5636 47.6924C43.5636 47.1401 44.0113 46.6924 44.5636 46.6924H59C59.5522 46.6924 60 47.1401 60 47.6924V49.7949C60 50.3472 59.5522 50.7949 59 50.7949H44.5636C44.0113 50.7949 43.5636 50.3472 43.5636 49.7949V47.6924Z" fill="#444444"/>
+<rect id="&#231;&#159;&#169;&#229;&#189;&#162;_2" x="20.1455" y="54.8975" width="39.8545" height="4.10256" rx="1" fill="#444444"/>
+<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="40" cy="40" r="38" stroke="#444444" stroke-width="4"/>
+</g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/icon-arrow-left.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="32px" height="32.00px" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444444"
+    d="M384 512L731.733333 202.666667c17.066667-14.933333 19.2-42.666667 4.266667-59.733334-14.933333-17.066667-42.666667-19.2-59.733333-4.266666l-384 341.333333c-10.666667 8.533333-14.933333 19.2-14.933334 32s4.266667 23.466667 14.933334 32l384 341.333333c8.533333 6.4 19.2 10.666667 27.733333 10.666667 12.8 0 23.466667-4.266667 32-14.933333 14.933333-17.066667 14.933333-44.8-4.266667-59.733334L384 512z" />
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/icon-close.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M9.30533 7.99984L15.7557 1.54943C16.0813 1.22383 16.0813 0.687032 15.7557 0.361432L15.7205 0.326232C15.3949 0.000631131 14.8581 0.000631131 14.5325 0.326232L8.08212 6.78544L1.63172 0.326232C1.30612 0.000631131 0.769316 0.000631131 0.443715 0.326232L0.408515 0.361432C0.0741147 0.687032 0.0741147 1.22383 0.408515 1.54943L6.85892 7.99984L0.408515 14.4502C0.0829148 14.7759 0.0829148 15.3126 0.408515 15.6383L0.443715 15.6735C0.769316 15.9991 1.30612 15.9991 1.63172 15.6735L8.08212 9.22304L14.5325 15.6735C14.8581 15.9991 15.3949 15.9991 15.7205 15.6735L15.7557 15.6383C16.0813 15.3126 16.0813 14.7759 15.7557 14.4502L9.30533 7.99984Z"
+    fill="#8F959E" />
+</svg>
+  

uni-app/src/roomkit/TUIKit/assets/icon/image-dark.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9" opacity="0.795169">
+    <circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="5.5" cy="4.5" r="1" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="0.5" y="0.5" width="15" height="13" rx="1.75" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    <g id="&#232;&#183;&#175;&#229;&#190;&#132; 2">
+    <mask id="path-3-inside-1_2613_41437" fill="white">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11L5.42403 8.9433C5.50934 8.87092 5.63487 8.87221 5.71867 8.94633L7.88124 10.8592C7.97058 10.9382 8.10606 10.9338 8.19006 10.8491L13 6"/>
+    </mask>
+    <path d="M2.35303 10.2375C1.93191 10.5948 1.88017 11.2258 2.23748 11.647C2.59479 12.0681 3.22584 12.1198 3.64697 11.7625L2.35303 10.2375ZM13.71 6.70423C14.0989 6.31213 14.0963 5.67897 13.7042 5.29003C13.3121 4.90109 12.679 4.90366 12.29 5.29577L13.71 6.70423ZM7.88124 10.8592L7.2187 11.6082L7.88124 10.8592ZM8.19006 10.8491L8.90003 11.5534L8.19006 10.8491ZM5.42403 8.9433L6.071 9.70582L5.42403 8.9433ZM5.71867 8.94633L6.38121 8.19731L5.71867 8.94633ZM3.64697 11.7625L6.071 9.70582L4.77706 8.18078L2.35303 10.2375L3.64697 11.7625ZM5.05613 9.69536L7.2187 11.6082L8.54378 10.1102L6.38121 8.19731L5.05613 9.69536ZM8.90003 11.5534L13.71 6.70423L12.29 5.29577L7.48009 10.1449L8.90003 11.5534ZM7.2187 11.6082C7.7051 12.0385 8.44272 12.0144 8.90003 11.5534L7.48009 10.1449C7.76941 9.85322 8.23606 9.83799 8.54378 10.1102L7.2187 11.6082ZM6.071 9.70582C5.77716 9.95513 5.34477 9.95068 5.05613 9.69536L6.38121 8.19731C5.92497 7.79374 5.24152 7.78671 4.77706 8.18078L6.071 9.70582Z" fill="#D5E0F2" style="fill:#D5E0F2;" mask="url(#path-3-inside-1_2613_41437)"/>
+    </g>
+    </g>
+    </svg>

uni-app/src/roomkit/TUIKit/assets/icon/image-light.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9" opacity="0.795169">
+    <circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="5.5" cy="4.5" r="1" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"/>
+    <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="0.5" y="0.5" width="15" height="13" rx="1.75" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"/>
+    <g id="&#232;&#183;&#175;&#229;&#190;&#132; 2">
+    <mask id="path-3-inside-1_2613_41437" fill="white">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11L5.42403 8.9433C5.50934 8.87092 5.63487 8.87221 5.71867 8.94633L7.88124 10.8592C7.97058 10.9382 8.10606 10.9338 8.19006 10.8491L13 6"/>
+    </mask>
+    <path d="M2.35303 10.2375C1.93191 10.5948 1.88017 11.2258 2.23748 11.647C2.59479 12.0681 3.22584 12.1198 3.64697 11.7625L2.35303 10.2375ZM13.71 6.70423C14.0989 6.31213 14.0963 5.67897 13.7042 5.29003C13.3121 4.90109 12.679 4.90366 12.29 5.29577L13.71 6.70423ZM7.88124 10.8592L7.2187 11.6082L7.88124 10.8592ZM8.19006 10.8491L8.90003 11.5534L8.19006 10.8491ZM5.42403 8.9433L6.071 9.70582L5.42403 8.9433ZM5.71867 8.94633L6.38121 8.19731L5.71867 8.94633ZM3.64697 11.7625L6.071 9.70582L4.77706 8.18078L2.35303 10.2375L3.64697 11.7625ZM5.05613 9.69536L7.2187 11.6082L8.54378 10.1102L6.38121 8.19731L5.05613 9.69536ZM8.90003 11.5534L13.71 6.70423L12.29 5.29577L7.48009 10.1449L8.90003 11.5534ZM7.2187 11.6082C7.7051 12.0385 8.44272 12.0144 8.90003 11.5534L7.48009 10.1449C7.76941 9.85322 8.23606 9.83799 8.54378 10.1102L7.2187 11.6082ZM6.071 9.70582C5.77716 9.95513 5.34477 9.95068 5.05613 9.69536L6.38121 8.19731C5.92497 7.79374 5.24152 7.78671 4.77706 8.18078L6.071 9.70582Z" fill="#232832" style="fill:#232832;fill:color(display-p3 0.1360 0.1574 0.1949);fill-opacity:1;" mask="url(#path-3-inside-1_2613_41437)"/>
+    </g>
+    </g>
+    </svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/input-close.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14C11.366 14 14.5 10.866 14.5 7C14.5 3.13401 11.366 0 7.5 0C3.63401 0 0.5 3.13401 0.5 7C0.5 10.866 3.63401 14 7.5 14ZM9.98528 3.47487L11.0459 4.53553L8.57107 7.01041L11.0459 9.48528L9.98528 10.5459L7.51041 8.07107L5.03553 10.5459L3.97487 9.48528L6.44975 7.01041L3.97487 4.53553L5.03553 3.47487L7.51041 5.94975L9.98528 3.47487Z" fill="#B2B2B2" style="fill:#B2B2B2;fill:color(display-p3 0.6980 0.6980 0.6980);fill-opacity:1;"/>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/left-arrow.svg

@@ -0,0 +1,6 @@
+<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M2.1614 7.00004L7.64211 12.2881L6.5614 13.3308L1.0807 8.04275L0 7.00004L1.0807 5.95733L6.5614 0.669312L7.64211 1.71202L2.1614 7.00004Z"
+        fill="#444444"
+        style="fill:#444444;fill:color(display-p3 0.2667 0.2667 0.2667);fill-opacity:1;" />
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/minus.svg

@@ -0,0 +1,6 @@
+<svg width="36" height="4" viewBox="0 0 36 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M19.499 0.5L36 0.5V3.5H19.499H16.499H0V0.5L16.499 0.5H19.499Z" fill="#BBBBBB"
+        style="fill:#BBBBBB;fill:color(display-p3 0.7333 0.7333 0.7333);fill-opacity:1;" />
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/msg-audio.svg

@@ -0,0 +1 @@
+<svg width="62" height="78" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#prefix__clip0_1_7)"><path fill-rule="evenodd" clip-rule="evenodd" d="M28 39.5c0-6.638-2.558-12.755-7-17l5-5.5c5.936 5.662 9 13.637 9 22.5 0 8.604-3.364 16.373-9 22L21 56c4.225-4.22 7-10.048 7-16.5zm18.025 38.502L41 73c8.457-8.442 13.25-20.631 13.25-33.54C54.25 26.147 48.925 13.493 40 5l5.084-5C55.503 9.91 62 23.924 62 39.46c0 15.062-6.108 28.694-15.975 38.542zM7.75 47.23c4.28 0 7.75-3.479 7.75-7.77 0-4.29-3.47-7.77-7.75-7.77-4.28 0-7.75 3.48-7.75 7.77 0 4.291 3.47 7.77 7.75 7.77z" fill="#444"/></g><defs><clipPath id="prefix__clip0_1_7"><path fill="#fff" d="M0 0h62v78H0z"/></clipPath></defs></svg>

uni-app/src/roomkit/TUIKit/assets/icon/msg-copy.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" version="1.1">
+  <title>编组 14</title>
+  <defs>
+    <path d="M467,0 C474.731986,-2.71135202e-14 481,6.2680135 481,14 L481,247 C481,254.731986 474.731986,261 467,261 L353.036,261 L340.862492,273.204941 C339.302377,274.769018 336.769719,274.77223 335.205642,273.212116 C335.203247,273.209727 335.200856,273.207335 335.198467,273.204941 L323.024,261 L14,261 C6.2680135,261 2.72325209e-15,254.731986 0,247 L0,14 C8.29461588e-16,6.2680135 6.2680135,3.19669972e-15 14,0 L467,0 Z" id="path-1"></path>
+    <filter x="-10.1%" y="-14.0%" width="120.2%" height="135.4%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="消息状态" transform="translate(-541.000000, -196.000000)">
+      <g id="编组-11" transform="translate(499.000000, 163.000000)">
+        <g id="形状结合">
+          <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+          <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组-19" transform="translate(8.000000, 1.000000)" fill-rule="nonzero">
+          <g id="编组-17" transform="translate(34.000000, 32.000000)">
+            <g id="编组-14" transform="translate(0.000000, 0.249660)">
+              <rect id="矩形" stroke="#444444" stroke-width="4" x="6" y="11.7115453" width="20.4869565" height="24.5849258" rx="1"></rect>
+              <path d="M36,2.01560374 L36,28.7262543 C36,29.0023967 35.7761424,29.2262543 35.5,29.2262543 L32.4652074,29.2262543 C32.1890657,29.2262525 31.9652084,29.002396 31.9652057,28.7262543 L31.9651258,6.04681123 L31.9651258,6.04681123 L12.2913043,6.04719144 C12.015162,6.04720643 11.7913,5.82335314 11.7912947,5.54721076 C11.7912947,5.54720754 11.7912947,5.54720432 11.7913043,5.5472011 L11.7913043,2.51560374 C11.7913043,2.23946137 12.015162,2.01560374 12.2913043,2.01560374 L36,2.01560374 L36,2.01560374 Z" id="路径-3" fill="#444444"></path>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/msg-del.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" version="1.1">
+  <title>矩形</title>
+  <defs>
+    <path d="M467,0 C474.731986,-2.71135202e-14 481,6.2680135 481,14 L481,247 C481,254.731986 474.731986,261 467,261 L353.036,261 L340.862492,273.204941 C339.302377,274.769018 336.769719,274.77223 335.205642,273.212116 C335.203247,273.209727 335.200856,273.207335 335.198467,273.204941 L323.024,261 L14,261 C6.2680135,261 2.72325209e-15,254.731986 0,247 L0,14 C8.29461588e-16,6.2680135 6.2680135,3.19669972e-15 14,0 L467,0 Z" id="path-1"></path>
+    <filter x="-10.1%" y="-14.0%" width="120.2%" height="135.4%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="消息状态" transform="translate(-779.000000, -326.000000)">
+      <g id="编组-11" transform="translate(499.000000, 163.000000)">
+        <g id="形状结合">
+          <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+          <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组-13备份" transform="translate(246.000000, 131.583780)">
+          <g id="编组-17" transform="translate(34.000000, 31.416220)">
+            <g id="编组-18" transform="translate(4.000000, 2.847939)">
+              <path d="M27,8.04349833 L27,34.26099 L5,34.26099 L5,8.04349833 L27,8.04349833 Z" id="路径-5" stroke="#444444" stroke-width="4"></path>
+              <rect id="矩形" fill="#444444" x="9.14285714" y="0" width="14" height="4.02899889"></rect>
+              <rect id="矩形" fill="#444444" x="0" y="6.04349833" width="32" height="4.02899889"></rect>
+              <path d="M14,15.1087458 L14,27.1957425 L10,27.1957425 L10,15.1087458 L14,15.1087458 Z M22,15.1087458 L22,27.1957425 L18,27.1957425 L18,15.1087458 L22,15.1087458 Z" id="形状结合" fill="#444444"></path>
+            </g>
+          </g>
+        </g>
+        <g id="编组-19" transform="translate(8.000000, 1.000000)"></g>
+      </g>
+    </g>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/msg-forward.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" version="1.1">
+  <title>编组</title>
+  <defs>
+    <path d="M467,0 C474.731986,-2.71135202e-14 481,6.2680135 481,14 L481,247 C481,254.731986 474.731986,261 467,261 L353.036,261 L340.862492,273.204941 C339.302377,274.769018 336.769719,274.77223 335.205642,273.212116 C335.203247,273.209727 335.200856,273.207335 335.198467,273.204941 L323.024,261 L14,261 C6.2680135,261 2.72325209e-15,254.731986 0,247 L0,14 C8.29461588e-16,6.2680135 6.2680135,3.19669972e-15 14,0 L467,0 Z" id="path-1"></path>
+    <filter x="-10.1%" y="-14.0%" width="120.2%" height="135.4%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="消息状态" transform="translate(-660.000000, -196.000000)">
+      <g id="编组-11" transform="translate(499.000000, 163.000000)">
+        <g id="形状结合">
+          <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+          <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组-19" transform="translate(8.000000, 1.000000)" fill-rule="nonzero" stroke="#444444" stroke-width="4">
+          <g id="编组-13" transform="translate(119.000000, 0.000000)">
+            <g id="编组-17" transform="translate(34.000000, 32.000000)">
+              <g id="编组" transform="translate(0.000000, 0.249660)">
+                <path d="M23.1265517,6.28055724 L35.7271185,19.5748426 L23.0577232,32.8831329 L23.0577232,25.1147287 C22.2832234,25.0144246 21.6206186,24.9731478 21.1119625,24.9593482 C19.8469875,24.9250298 17.622079,25.0087745 15.0567889,25.7301995 C10.5501298,27.0035633 6.83444935,29.6335962 4.00998374,33.593477 C3.98525766,32.7188606 3.9976824,31.6416134 4.10230378,30.4471653 C4.26498285,28.6221312 4.60551504,26.8911737 5.12965716,25.3080362 C5.77312173,23.3656805 6.68732788,21.6451437 7.85433875,20.1962611 C11.1297915,16.1439451 16.3122766,14.2888953 23.1265517,14.4503809 L23.1265517,14.4503809 L23.1265517,6.28055724 Z" id="路径"></path>
+              </g>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/msg-quote.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 41" class="design-iconfont">
+  <g fill="none" fill-rule="evenodd">
+    <path d="M34,2 L34,28.6209709 L20.7153357,28.6209709 L17.9993455,31.4022694 L15.2847485,28.6219998 L2,28.6219998 L2,2 L34,2 Z" transform="translate(2 3.273066)" fill-rule="nonzero" stroke="#444" stroke-width="4"/>
+    <path fill="#444" d="M11 16.12483H15V20.15603749H11z" transform="translate(0 .24966)"/>
+    <path fill="#444" d="M18 16.12483H22V20.15603749H18z" transform="translate(0 .24966)"/>
+    <path fill="#444" d="M25 16.12483H29V20.15603749H25z" transform="translate(0 .24966)"/>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/msg-revoke.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px" viewBox="0 0 40 40" version="1.1">
+  <title>矩形</title>
+  <defs>
+    <path d="M467,0 C474.731986,-2.71135202e-14 481,6.2680135 481,14 L481,247 C481,254.731986 474.731986,261 467,261 L353.036,261 L340.862492,273.204941 C339.302377,274.769018 336.769719,274.77223 335.205642,273.212116 C335.203247,273.209727 335.200856,273.207335 335.198467,273.204941 L323.024,261 L14,261 C6.2680135,261 2.72325209e-15,254.731986 0,247 L0,14 C8.29461588e-16,6.2680135 6.2680135,3.19669972e-15 14,0 L467,0 Z" id="path-1"></path>
+    <filter x="-10.1%" y="-14.0%" width="120.2%" height="135.4%" filterUnits="objectBoundingBox" id="filter-2">
+      <feOffset dx="0" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="14.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.06 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+    </filter>
+  </defs>
+  <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="消息状态" transform="translate(-660.000000, -327.000000)">
+      <g id="编组-11" transform="translate(499.000000, 163.000000)">
+        <g id="形状结合">
+          <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+          <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组-19" transform="translate(8.000000, 1.000000)" fill="#444444" fill-rule="nonzero">
+          <g id="编组-13" transform="translate(119.000000, 131.000000)">
+            <g id="编组-21" transform="translate(34.000000, 32.000000)">
+              <path d="M9.94902685,18.825399 C9.94902685,19.1015414 9.72516923,19.325399 9.44902685,19.325399 C9.31552791,19.325399 9.18757266,19.2720125 9.09366105,19.1771306 L2.13687841,12.1484693 C1.94403281,11.9536312 1.94403281,11.6398441 2.13687841,11.445006 L9.09366105,4.41634471 C9.28791708,4.2200816 9.60449539,4.21845454 9.8007585,4.41271056 C9.89564042,4.50662217 9.94902685,4.63457741 9.94902685,4.76807636 L9.94824421,9.73507632 L22.6994692,9.73558854 C31.0812313,9.73558854 38,15.6504194 38,23.1330579 C38,30.5145797 31.2669616,36.3703807 23.0384554,36.5272976 L22.6994692,36.5305273 L10.4390092,36.5305273 C9.88672441,36.5305273 9.43900916,36.082812 9.43900916,35.5305273 L9.43900916,33.408229 C9.43900916,32.8559443 9.88672441,32.408229 10.4390092,32.408229 L22.6994692,32.408229 C28.9648068,32.408229 33.9198585,28.1721729 33.9198585,23.1330579 C33.9198585,18.1779281 29.1285988,13.9993117 23.0116273,13.861401 L22.6994692,13.8578868 L9.94824421,13.8570763 L9.94902685,18.825399 Z" id="路径"></path>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/multiple-select.svg

@@ -0,0 +1,5 @@
+<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<path id="&#229;&#189;&#162;&#231;&#138;&#182;&#231;&#187;&#147;&#229;&#144;&#136;" fill-rule="evenodd" clip-rule="evenodd" d="M10.5826 0.46165C10.2025 0.0807196 9.58916 0.0688692 9.19464 0.434835L5.63779 3.73431L4.20962 2.56125C3.79371 2.21963 3.18202 2.26848 2.8256 2.67178L1.19197 4.52024C0.816905 4.94463 0.868823 5.59552 1.30642 5.95509L5.1484 9.11198C5.5349 9.42956 6.09662 9.41269 6.46335 9.07247L12.304 3.65419C12.7194 3.26888 12.732 2.61581 12.3318 2.21475L10.5826 0.46165ZM9.16745 14.027C9.56196 13.661 10.1753 13.6728 10.5554 14.0538L12.3046 15.8069C12.7048 16.2079 12.6922 16.861 12.2768 17.2463L6.43616 22.6646C6.06942 23.0048 5.5077 23.0217 5.1212 22.7041L1.27923 19.5472C0.841626 19.1876 0.789707 18.5368 1.16478 18.1124L2.7984 16.2639C3.15483 15.8606 3.76652 15.8118 4.18243 16.1534L5.61059 17.3264L9.16745 14.027ZM14.1637 16.0705C14.1637 15.7944 14.3876 15.5705 14.6637 15.5705H36.4728C36.7489 15.5705 36.9728 15.7944 36.9728 16.0705V19.4692C36.9728 19.7453 36.7489 19.9692 36.4728 19.9692H14.6637C14.3876 19.9692 14.1637 19.7453 14.1637 19.4692V16.0705ZM10.5554 27.6271C10.1753 27.2461 9.56196 27.2343 9.16745 27.6002L5.61059 30.8997L4.18243 29.7267C3.76652 29.385 3.15483 29.4339 2.7984 29.8372L1.16478 31.6857C0.789707 32.11 0.841626 32.7609 1.27923 33.1205L5.1212 36.2774C5.5077 36.595 6.06942 36.5781 6.43616 36.2379L12.2768 30.8196C12.6922 30.4343 12.7048 29.7812 12.3046 29.3802L10.5554 27.6271ZM14.6637 29.1438C14.3876 29.1438 14.1637 29.3677 14.1637 29.6438V33.0424C14.1637 33.3186 14.3876 33.5424 14.6637 33.5424H36.4728C36.7489 33.5424 36.9728 33.3186 36.9728 33.0424V29.6438C36.9728 29.3677 36.7489 29.1438 36.4728 29.1438H14.6637ZM14.6909 1.97839C14.4148 1.97839 14.1909 2.20225 14.1909 2.47839V5.87703C14.1909 6.15318 14.4148 6.37703 14.6909 6.37703H36.5C36.7761 6.37703 37 6.15318 37 5.87703V2.47839C37 2.20225 36.7761 1.97839 36.5 1.97839H14.6909Z" fill="#444444"/>
+</g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/mute.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="design-iconfont">
+  <g fill="none" fill-rule="evenodd">
+    <path d="M4.13744611,6.61713753 L20.551,23 L0,23 L0,21 L3,21 L3,11 C3,9.40883362 3.41291862,7.91410954 4.13744611,6.61713753 Z M21.481,21 L24,21 L24,23 L23.485,23 L21.481,21 Z M12,2 C16.9705627,2 21,6.02943725 21,11 L21,20.52 L5.36684476,4.91705738 C7.01203082,3.12402075 9.37475086,2 12,2 Z" fill="#CCC" transform="translate(4 3)"/>
+    <path fill="#CCC" fill-rule="nonzero" d="M13 0L13 4 11 4 11 0z" transform="translate(4 3)"/>
+    <path stroke="#CCC" d="M8.5 24.5H15.5V25.5H8.5z" transform="translate(4 3)"/>
+    <path stroke="#CCC" stroke-width="2" transform="matrix(-1 0 0 1 31.089472 3)" d="M25.4499982 0.1546001L1.63947409 23.8855564"/>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/plus.svg

@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M21.5 0L21.499 18.5H40V21.5H21.499L21.5 40H18.5L18.499 21.5H0V18.5H18.499L18.5 0H21.5Z"
+        fill="#BBBBBB"
+        style="fill:#BBBBBB;fill:color(display-p3 0.7333 0.7333 0.7333);fill-opacity:1;" />
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/radio.svg

@@ -0,0 +1,6 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
+<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="22" cy="22" r="22" fill="#147AFF"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;" d="M29.8629 13.8987C30.2582 13.5129 30.8913 13.5206 31.277 13.9159L33.035 15.7172C33.4207 16.1124 33.4131 16.7454 33.0179 17.1312L19.0302 30.7857C18.6448 31.162 18.0305 31.1653 17.641 30.7933L10.9897 24.4405C10.5904 24.0591 10.5758 23.4262 10.9571 23.0268L12.6958 21.2055C13.0772 20.8061 13.7102 20.7914 14.1096 21.1727L18.3055 25.1785L29.8629 13.8987Z" fill="white"/>
+</g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/right-arrow.svg

@@ -0,0 +1,14 @@
+<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_2200_23553)">
+        <path
+            d="M6.48068 6.83073L0.999983 12.1188L2.08069 13.1615L7.56139 7.87344L8.64209 6.83073L7.56139 5.78802L2.08069 0.5L0.999983 1.54271L6.48068 6.83073Z"
+            fill="#444444"
+            style="fill:#444444;fill:color(display-p3 0.2667 0.2667 0.2667);fill-opacity:1;" />
+    </g>
+    <defs>
+        <clipPath id="clip0_2200_23553">
+            <rect width="8" height="13" fill="white" style="fill:white;fill:white;fill-opacity:1;"
+                transform="matrix(-1 0 0 1 8.64209 0.5)" />
+        </clipPath>
+    </defs>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/right-icon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 3L10 7.78045L5 12" stroke="#979797"/>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/rotate-left.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444444"
+    d="M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H188V494h440v326zM819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-0.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7 0.4 12.6-6.1v-63.9c12.9 0.1 25.9 0.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8 11 40.7 14 82.7 8.9 124.8-0.7 5.4-1.4 10.8-2.4 16.1h74.9c14.8-103.6-11.3-213-81-302.3z" />
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/rotate-right.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444444"
+    d="M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-0.4-12.6 6.1l-0.2 64c-118.6 0.5-235.8 53.4-314.6 154.2-69.6 89.2-95.7 198.6-81.1 302.4h74.9c-0.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8zM880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H396V494h440v326z" />
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/search-default.svg

@@ -0,0 +1,52 @@
+<svg width="88" height="75" viewBox="0 0 88 75" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0324 36.6614L35.4424 35.001L50.4526 36.6614C50.4526 36.6614 61.6001 37.9124 65.8807 45.5045C68.7348 50.5664 73.4912 61.1246 76.3444 67.5996C77.481 70.1789 75.5849 73.0524 72.7663 73.0524H4.77873C2.30474 73.0524 0.447615 70.7916 0.9281 68.3647L4.43639 50.6447C4.43639 50.6447 5.43423 45.2709 8.58023 41.2975C11.7262 37.3241 19.0324 36.6614 19.0324 36.6614Z" fill="url(#paint0_linear_2509_4462)" style=""/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4653 35.914V25.3516H41.7997V35.914C41.7997 38.7814 39.0391 41.1059 35.6325 41.1059C32.2259 41.1059 29.4653 38.7814 29.4653 35.914Z" fill="#FEDFC7" style="fill:#FEDFC7;fill:color(display-p3 0.9961 0.8745 0.7804);fill-opacity:1;"/>
+<mask id="mask0_2509_4462" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="29" y="23" width="13" height="17">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4653 33.8515V23.2891H41.7997V33.8515C41.7997 36.7189 39.0391 39.0434 35.6325 39.0434C32.2259 39.0434 29.4653 36.7189 29.4653 33.8515Z" fill="white" style="fill:white;fill:white;fill-opacity:1;"/>
+</mask>
+<g mask="url(#mask0_2509_4462)">
+<ellipse cx="36.872" cy="28.4332" rx="7.40667" ry="5.82872" fill="#FAB691" style="fill:#FAB691;fill:color(display-p3 0.9803 0.7141 0.5692);fill-opacity:1;"/>
+</g>
+<ellipse cx="2.55302" cy="2.69371" rx="2.55302" ry="2.69371" transform="matrix(-1 0 0 1 48.8064 17.5176)" fill="url(#paint1_linear_2509_4462)" style=""/>
+<ellipse cx="2.55302" cy="2.69371" rx="2.55302" ry="2.69371" transform="matrix(-1 0 0 1 48.8064 17.5176)" fill="url(#paint2_linear_2509_4462)" style=""/>
+<ellipse cx="2.32093" cy="2.69371" rx="2.32093" ry="2.69371" transform="matrix(-1 0 0 1 29.3105 17.5176)" fill="url(#paint3_linear_2509_4462)" style=""/>
+<ellipse cx="2.32093" cy="2.69371" rx="2.32093" ry="2.69371" transform="matrix(-1 0 0 1 29.3105 17.5176)" fill="url(#paint4_linear_2509_4462)" style=""/>
+<path d="M42.029 5.47949H31.4459C29.2411 5.47949 27.4538 7.20216 27.4538 9.32719V23.8464C27.4538 28.7882 31.6103 32.7944 36.7375 32.7944C41.8648 32.7944 46.0212 28.7882 46.0212 23.8464V9.32654C46.0209 7.2017 44.2336 5.4794 42.029 5.47949Z" fill="#FEDFC7" style="fill:#FEDFC7;fill:color(display-p3 0.9961 0.8745 0.7804);fill-opacity:1;"/>
+<path d="M47.8779 19.3691C47.8779 19.3691 46.9071 19.4131 46.5907 20.8378" stroke="#FDB99E" style="stroke:#FDB99E;stroke:color(display-p3 0.9922 0.7255 0.6196);stroke-opacity:1;" stroke-width="0.326414" stroke-linecap="round"/>
+<path d="M25.7024 19.3691C25.7024 19.3691 26.6733 19.4131 26.9897 20.8378" stroke="#FDB99E" style="stroke:#FDB99E;stroke:color(display-p3 0.9922 0.7255 0.6196);stroke-opacity:1;" stroke-width="0.326414" stroke-linecap="round"/>
+<path d="M49.3373 10.9928C49.68 8.25295 48.4022 6.54056 47.1459 6.88305C46.3236 2.49922 43.6055 1.17497 42.3492 1.06082C42.3492 1.17496 42.4863 1.67724 43.0345 2.77319C42.0066 1.74573 36.5247 -0.994149 31.0428 0.375792C25.5608 1.74573 24.533 4.8281 25.5609 7.56798C23.1625 7.56798 26.2461 17.8425 27.274 20.5824C27.9592 19.8975 27.4097 13.6994 27.7523 11.6445C33.5768 14.0419 43.1702 13.0144 45.5685 11.987C45.5685 13.3569 45.3401 18.2659 45.9111 20.8916C46.4822 18.9509 48.8838 14.6201 49.3373 10.9928Z" fill="#D9D9D9" style="fill:#D9D9D9;fill:color(display-p3 0.8510 0.8510 0.8510);fill-opacity:1;"/>
+<path d="M49.3373 10.9928C49.68 8.25295 48.4022 6.54056 47.1459 6.88305C46.3236 2.49922 43.6055 1.17497 42.3492 1.06082C42.3492 1.17496 42.4863 1.67724 43.0345 2.77319C42.0066 1.74573 36.5247 -0.994149 31.0428 0.375792C25.5608 1.74573 24.533 4.8281 25.5609 7.56798C23.1625 7.56798 26.2461 17.8425 27.274 20.5824C27.9592 19.8975 27.4097 13.6994 27.7523 11.6445C33.5768 14.0419 43.1702 13.0144 45.5685 11.987C45.5685 13.3569 45.3401 18.2659 45.9111 20.8916C46.4822 18.9509 48.8838 14.6201 49.3373 10.9928Z" fill="url(#paint5_linear_2509_4462)" style=""/>
+<path d="M50.9863 23.5074C51.3359 28.4883 47.5797 32.808 42.596 33.1552C37.6124 33.5024 33.2893 29.7455 32.9398 24.7647C32.5902 19.7838 36.3463 15.4641 41.33 15.1169C46.3137 14.7697 50.6367 18.5265 50.9863 23.5074Z" fill="#F8F8F8" stroke="#91BFFF" style="fill:#F8F8F8;fill:color(display-p3 0.9725 0.9725 0.9725);fill-opacity:1;stroke:#91BFFF;stroke:color(display-p3 0.5667 0.7492 1.0000);stroke-opacity:1;" stroke-width="1.47201"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48.4159 29.3082L60.2204 38.4678C61.3743 39.3631 61.5388 41.0436 60.5804 42.1456C59.6221 43.2477 57.9344 43.3187 56.8868 42.3011L46.17 31.8909L48.4159 29.3082Z" fill="#90BFFF" style="fill:#90BFFF;fill:color(display-p3 0.5647 0.7490 1.0000);fill-opacity:1;"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M78.9297 72.6402C75.5063 73.9444 71.6515 72.4448 70.0094 69.1701L56.2831 41.7965L55.8309 42.2766C55.1445 43.0053 53.9303 42.7503 53.5952 41.8069L53.2897 41.8711C52.2475 42.09 51.2679 41.2948 51.2679 40.2299L50.6719 40.385C49.6992 40.6381 48.7617 39.8706 48.8178 38.867C47.3895 38.867 46.4368 37.3935 47.0229 36.0911L48.3905 33.0522C48.543 32.7133 48.7495 32.4014 49.0019 32.1287L50.3751 30.6449C51.2109 29.7419 52.3856 29.2285 53.6161 29.2285H56.5173C57.362 29.2285 58.1473 29.6631 58.5959 30.3788L63.0473 37.4796L81.9971 61.5573C84.9746 65.3406 83.4286 70.9262 78.9297 72.6402Z" fill="#FEDFC7" style="fill:#FEDFC7;fill:color(display-p3 0.9961 0.8745 0.7804);fill-opacity:1;"/>
+<path d="M52.1278 33.0801L51.0467 34.0849C49.6822 35.3531 48.8459 37.089 48.7043 38.9465V38.9465" stroke="#F6B997" style="stroke:#F6B997;stroke:color(display-p3 0.9647 0.7255 0.5922);stroke-opacity:1;" stroke-width="0.490671" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M54.084 35.5244L53.8408 35.6962C52.2892 36.7921 51.3035 38.5197 51.1497 40.4131V40.4131" stroke="#F6B997" style="stroke:#F6B997;stroke:color(display-p3 0.9647 0.7255 0.5922);stroke-opacity:1;" stroke-width="0.490671" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M56.0402 37.4795L55.7883 37.6882C54.5438 38.719 53.7558 40.1989 53.5952 41.8069V41.8069" stroke="#F6B997" style="stroke:#F6B997;stroke:color(display-p3 0.9647 0.7255 0.5922);stroke-opacity:1;" stroke-width="0.490671" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M58.9712 38.5423L59.3749 38.8928C60.4657 39.8399 60.4214 41.5464 59.283 42.4355L59.0719 42.6003C58.0981 43.3608 56.6781 43.0987 56.0401 42.0407L56.1418 41.7726C56.4194 41.0412 56.8225 40.3637 57.3328 39.7706C57.7399 39.2975 58.237 38.91 58.7951 38.6305L58.9712 38.5423Z" fill="#91BFFF" style="fill:#91BFFF;fill:color(display-p3 0.5667 0.7492 1.0000);fill-opacity:1;"/>
+<defs>
+<linearGradient id="paint0_linear_2509_4462" x1="39.3606" y1="35.001" x2="39.3606" y2="73.0524" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B9D8FF" style="stop-color:#B9D8FF;stop-color:color(display-p3 0.7255 0.8471 1.0000);stop-opacity:1;"/>
+<stop offset="1" stop-color="#B9D8FF" stop-opacity="0.31" style="stop-color:#B9D8FF;stop-color:color(display-p3 0.7255 0.8471 1.0000);stop-opacity:0.31;"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2509_4462" x1="0" y1="5.38742" x2="5.10603" y2="5.38742" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEDFC7" style="stop-color:#FEDFC7;stop-color:color(display-p3 0.9961 0.8745 0.7804);stop-opacity:1;"/>
+<stop offset="0.4456" stop-color="#FEC5A6" style="stop-color:#FEC5A6;stop-color:color(display-p3 0.9961 0.7725 0.6510);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2509_4462" x1="5.91369" y1="-1.22972" x2="-1.55757" y2="-2.76772" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEDFC7" style="stop-color:#FEDFC7;stop-color:color(display-p3 0.9961 0.8745 0.7804);stop-opacity:1;"/>
+<stop offset="1" stop-color="#FEC5A6" style="stop-color:#FEC5A6;stop-color:color(display-p3 0.9961 0.7725 0.6510);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2509_4462" x1="0" y1="5.38742" x2="4.64185" y2="5.38742" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEDFC7" style="stop-color:#FEDFC7;stop-color:color(display-p3 0.9961 0.8745 0.7804);stop-opacity:1;"/>
+<stop offset="0.4456" stop-color="#FEC5A6" style="stop-color:#FEC5A6;stop-color:color(display-p3 0.9961 0.7725 0.6510);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2509_4462" x1="5.37609" y1="-1.22972" x2="-1.46424" y2="-2.50983" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEDFC7" style="stop-color:#FEDFC7;stop-color:color(display-p3 0.9961 0.8745 0.7804);stop-opacity:1;"/>
+<stop offset="1" stop-color="#FEC5A6" style="stop-color:#FEC5A6;stop-color:color(display-p3 0.9961 0.7725 0.6510);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2509_4462" x1="28.4809" y1="1.87559" x2="28.4809" y2="16.2776" gradientUnits="userSpaceOnUse">
+<stop stop-color="#757575" style="stop-color:#757575;stop-color:color(display-p3 0.4583 0.4583 0.4583);stop-opacity:1;"/>
+<stop offset="1" stop-color="#626262" style="stop-color:#626262;stop-color:color(display-p3 0.3833 0.3833 0.3833);stop-opacity:1;"/>
+</linearGradient>
+</defs>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/search-more.svg

@@ -0,0 +1,7 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 4.5C0.5 2.29086 2.29086 0.5 4.5 0.5L20.5 0.5C22.7091 0.5 24.5 2.29086 24.5 4.5V20.5C24.5 22.7091 22.7091 24.5 20.5 24.5H4.5C2.29086 24.5 0.5 22.7091 0.5 20.5V4.5Z" fill="#F4F5F9" style="fill:#F4F5F9;fill:color(display-p3 0.9569 0.9608 0.9765);fill-opacity:1;"/>
+<g opacity="0.80492">
+<rect x="5.75" y="12.25" width="13.5" height="0.5" rx="0.25" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" stroke-width="0.5"/>
+<rect x="12.25" y="19.25" width="13.5" height="0.5" rx="0.25" transform="rotate(-90 12.25 19.25)" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" stroke-width="0.5"/>
+</g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/search.svg

@@ -0,0 +1,5 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.13523 8.8285C7.32854 9.49429 6.29431 9.89425 5.16667 9.89425C2.58933 9.89425 0.5 7.80491 0.5 5.22758C0.5 2.65025 2.58933 0.560913 5.16667 0.560913C7.744 0.560913 9.83333 2.65025 9.83333 5.22758C9.83333 6.38924 9.40889 7.45176 8.70662 8.26852L11.2138 10.7757C11.344 10.9059 11.344 11.1169 11.2138 11.2471L11.1195 11.3414C10.9894 11.4716 10.7783 11.4716 10.6481 11.3414L8.13523 8.8285ZM9.03333 5.22759C9.03333 7.36309 7.30217 9.09425 5.16666 9.09425C3.03116 9.09425 1.3 7.36309 1.3 5.22759C1.3 3.09208 3.03116 1.36092 5.16666 1.36092C7.30217 1.36092 9.03333 3.09208 9.03333 5.22759Z" fill="black" style="fill:black;fill:black;fill-opacity:1;"/>
+</g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/selected.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
+  <title>编组 14</title>
+  <defs>
+    <filter x="-10.6%" y="-5.4%" width="121.2%" height="110.9%" filterUnits="objectBoundingBox" id="filter-1">
+      <feOffset dx="0" dy="7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+      <feGaussianBlur stdDeviation="10" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+      <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+      <feMerge>
+        <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+        <feMergeNode in="SourceGraphic"></feMergeNode>
+      </feMerge>
+    </filter>
+  </defs>
+  <g id="new" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="自定义消息" transform="translate(-458.000000, -318.000000)">
+      <g id="编组-32" filter="url(#filter-1)" transform="translate(44.000000, 60.000000)">
+        <g id="编组-24" transform="translate(30.000000, 250.000000)">
+          <g id="编组-14" transform="translate(384.000000, 8.000000)">
+            <circle id="椭圆形" fill="#006EFF" fill-rule="nonzero" cx="8" cy="8" r="8"></circle>
+            <polyline id="路径-4" stroke="#FFFFFF" stroke-width="2" transform="translate(8.042641, 6.242641) rotate(-315.000000) translate(-8.042641, -6.242641) " points="6.04264069 10.2426407 10.0426407 10.2426407 10.0426407 2.24264069"></polyline>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/setting.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 14" opacity="0.802743">
+        <path id="&#229;&#189;&#162;&#231;&#138;&#182;&#231;&#187;&#147;&#229;&#144;&#136;"
+            fill-rule="evenodd" clip-rule="evenodd"
+            d="M6 10.5C6 11.3284 5.32843 12 4.5 12C3.67157 12 3 11.3284 3 10.5C3 9.67157 3.67157 9 4.5 9C5.32843 9 6 9.67157 6 10.5ZM12 10.5C12 11.3284 11.3284 12 10.5 12C9.67157 12 9 11.3284 9 10.5C9 9.67157 9.67157 9 10.5 9C11.3284 9 12 9.67157 12 10.5ZM16.5 12C17.3284 12 18 11.3284 18 10.5C18 9.67157 17.3284 9 16.5 9C15.6716 9 15 9.67157 15 10.5C15 11.3284 15.6716 12 16.5 12Z"
+            fill="#232832" />
+    </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/start-group.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+  <circle r="2.61111" transform="matrix(1 0 0 -1 8.55545 3.88889)" stroke="#4C5059"></circle>
+  <circle r="2.61111" transform="matrix(1 0 0 -1 4.66678 3.88889)" fill="#F4F5F9" stroke="#4C5059"></circle>
+  <path d="M5.16675 11.7778C5.16675 9.84484 6.73375 8.27783 8.66675 8.27783H10.0001C11.9331 8.27783 13.5001 9.84484 13.5001 11.7778V12.7223H5.16675V11.7778Z" stroke="#4C5059"></path>
+  <path d="M0.5 11.7778C0.5 9.84484 2.067 8.27783 4 8.27783H5.33333C7.26633 8.27783 8.83333 9.84484 8.83333 11.7778V12.7223H0.5V11.7778Z" fill="#F4F5F9" stroke="#4C5059"></path>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/translate.svg

@@ -0,0 +1,12 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_313_82772" fill="white">
+<rect x="7" y="7.62939e-06" width="12" height="12" rx="0.5"/>
+</mask>
+<rect x="7" y="7.62939e-06" width="12" height="12" rx="0.5" fill="#444444" stroke="#CCCCCC" stroke-width="4" mask="url(#path-1-inside-1_313_82772)"/>
+<path d="M12.7426 3.61601H12.6745L12.6496 3.67939L10.9636 7.96339L10.9098 8.10001H11.0566H11.5846H11.6536L11.6781 8.03553L12.1096 6.90001H13.9397L14.3712 8.03553L14.3957 8.10001H14.4646H14.9986H15.1455L15.0917 7.96339L13.4057 3.67939L13.3808 3.61601H13.3126H12.7426ZM13.7079 6.28601H12.3421L13.03 4.49341L13.7079 6.28601Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.2"/>
+<mask id="path-3-inside-2_313_82772" fill="white">
+<rect y="6.00001" width="12" height="12" rx="0.5"/>
+</mask>
+<rect y="6.00001" width="12" height="12" rx="0.5" fill="#444444" stroke="#CCCCCC" stroke-width="4" mask="url(#path-3-inside-2_313_82772)"/>
+<path d="M5.77801 8.97401H5.67801V9.07401V10.054H3.63H3.53V10.154V12.974V13.074H3.63H4.062H4.162V12.974V12.696H5.67801V14.642V14.742H5.77801H6.222H6.322V14.642V12.696H7.84401V12.974V13.074H7.94401H8.37601H8.47601V12.974V10.154V10.054H8.37601H6.322V9.07401V8.97401H6.222H5.77801ZM4.162 12.076V10.674H5.67801V12.076H4.162ZM6.322 12.076V10.674H7.84401V12.076H6.322Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.2"/>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/video-dark.svg

@@ -0,0 +1,11 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189;"
+        opacity="0.795169">
+        <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="0.5" y="0.5" width="15" height="13"
+            rx="1.75" stroke="#D5E0F2"
+            style="stroke:#D5E0F2;" />
+        <path id="&#228;&#184;&#137;&#232;&#167;&#146;&#229;&#189;&#162;"
+            d="M10.0282 7L6.5 9.1169L6.5 4.8831L10.0282 7Z" stroke="#D5E0F2"
+            style="stroke:#D5E0F2;" />
+    </g>
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/video-light.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189;"
+        opacity="0.795169">
+        <rect id="&#231;&#159;&#169;&#229;&#189;&#162;" x="0.5" y="0.5" width="15" height="13"
+            rx="1.75" stroke="#232832"
+            style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" />
+        <path id="&#228;&#184;&#137;&#232;&#167;&#146;&#229;&#189;&#162;"
+            d="M10.0282 7L6.5 9.1169L6.5 4.8831L10.0282 7Z" stroke="#232832"
+            style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" />
+    </g>
+</svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/words-dark.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189; 5" opacity="0.795169">
+    <path id="&#231;&#159;&#169;&#229;&#189;&#162;" d="M9.60349 12.4231H9.35784L9.20772 12.6175L8.01519 14.1621L6.92003 12.6321L6.77045 12.4231H6.51345H3.25C2.2835 12.4231 1.5 11.6396 1.5 10.6731V3.25C1.5 2.2835 2.2835 1.5 3.25 1.5H12.75C13.7165 1.5 14.5 2.2835 14.5 3.25V8.80223V10.6731C14.5 11.6396 13.7165 12.4231 12.75 12.4231H9.60349Z" stroke="#D5E0F2" style="stroke:#D5E0F2;"/>
+    <path id="&#232;&#183;&#175;&#229;&#190;&#132; 10" d="M9.29061 3.7428L5.97266 6.33122L9.88719 7.13347L6.61672 9.7428" stroke="#D5E0F2" style="stroke:#D5E0F2;" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    </svg>

uni-app/src/roomkit/TUIKit/assets/icon/words-light.svg

@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 9&#229;&#164;&#135;&#228;&#187;&#189; 5" opacity="0.795169">
+    <path id="&#231;&#159;&#169;&#229;&#189;&#162;" d="M9.60349 12.4231H9.35784L9.20772 12.6175L8.01519 14.1621L6.92003 12.6321L6.77045 12.4231H6.51345H3.25C2.2835 12.4231 1.5 11.6396 1.5 10.6731V3.25C1.5 2.2835 2.2835 1.5 3.25 1.5H12.75C13.7165 1.5 14.5 2.2835 14.5 3.25V8.80223V10.6731C14.5 11.6396 13.7165 12.4231 12.75 12.4231H9.60349Z" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;"/>
+    <path id="&#232;&#183;&#175;&#229;&#190;&#132; 10" d="M9.29061 3.7428L5.97266 6.33122L9.88719 7.13347L6.61672 9.7428" stroke="#232832" style="stroke:#232832;stroke:color(display-p3 0.1360 0.1574 0.1949);stroke-opacity:1;" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    </svg>
+    

uni-app/src/roomkit/TUIKit/assets/icon/zoom-in.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444444"
+    d="M945.066667 898.133333l-189.866667-189.866666c55.466667-64 87.466667-149.333333 87.466667-241.066667 0-204.8-168.533333-373.333333-373.333334-373.333333S96 264.533333 96 469.333333 264.533333 842.666667 469.333333 842.666667c91.733333 0 174.933333-34.133333 241.066667-87.466667l189.866667 189.866667c6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333c8.533333-12.8 8.533333-34.133333-2.133333-46.933334zM469.333333 778.666667C298.666667 778.666667 160 640 160 469.333333S298.666667 160 469.333333 160 778.666667 298.666667 778.666667 469.333333 640 778.666667 469.333333 778.666667z" />
+  <path fill="#444444"
+    d="M597.333333 437.333333h-96V341.333333c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v96H341.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h96V597.333333c0 17.066667 14.933333 32 32 32s32-14.933333 32-32v-96H597.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z" />
+</svg>

uni-app/src/roomkit/TUIKit/assets/icon/zoom-out.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill="#444444"
+    d="M945.066667 898.133333l-189.866667-189.866666c55.466667-64 87.466667-149.333333 87.466667-241.066667 0-204.8-168.533333-373.333333-373.333334-373.333333S96 264.533333 96 469.333333 264.533333 842.666667 469.333333 842.666667c91.733333 0 174.933333-34.133333 241.066667-87.466667l189.866667 189.866667c6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333c8.533333-12.8 8.533333-34.133333-2.133333-46.933334zM469.333333 778.666667C298.666667 778.666667 160 640 160 469.333333S298.666667 160 469.333333 160 778.666667 298.666667 778.666667 469.333333 640 778.666667 469.333333 778.666667z" />
+  <path fill="#444444"
+    d="M597.333333 437.333333H341.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h256c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z" />
+</svg>

uni-app/src/roomkit/TUIKit/assets/styles/common.scss

@@ -0,0 +1,59 @@
+body, div, ul, ol, dt, dd, li, dl, h1, h2, h3, h4, p {
+  margin:0;
+  padding:0;
+  font-style:normal;
+
+  /* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
+}
+
+ol, ul, li {
+  list-style:none;
+}
+
+img {
+  border:0;
+  vertical-align:middle;
+  pointer-events:none;
+}
+
+body {
+  color:#000;
+  background:#FFF;
+}
+
+.clear {
+  clear:both;
+  height:1px;
+  width:100%;
+  overflow:hidden;
+  margin-top:-1px;
+}
+
+a {
+  color:#000;
+  text-decoration:none;
+  cursor: pointer;
+}
+
+a:hover {
+  text-decoration:none;
+}
+
+input, textarea {
+  user-select: auto;
+}
+
+input:focus, input:active, textarea:focus, textarea:active {
+  outline: none;
+}
+
+.chat-aside {
+  position: absolute;
+  top: 50px;
+  right: 0;
+  box-sizing: border-box;
+  width: 360px !important;
+  border-radius: 8px 0 0 8px;
+  z-index: 9999;
+  max-height: calc(100% - 50px);
+}

uni-app/src/roomkit/TUIKit/assets/styles/sample.scss

@@ -0,0 +1,99 @@
+/* stylelint-disable */
+.TUIKit {
+  display: flex;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  text-align: left;
+  .TUIKit-navbar {
+    background: #e8e8e9;
+    overflow: hidden;
+    .TUIKit-navbar-item {
+      padding: 10px;
+      color: #147aff;
+      font-weight: 500;
+      cursor: pointer;
+    }
+    .TUIKit-navbar-item-active {
+      background: #dddddd;
+    }
+  }
+  .TUIKit-main-container {
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+    .TUIKit-main {
+      flex: 1;
+      display: flex;
+      .TUIKit-main-aside {
+        min-width: 285px;
+        flex: 0 0 24%;
+        border-right: 1px solid #f4f5f9;
+      }
+      .TUIKit-main-main {
+        flex: 1;
+        display: flex;
+        .chat{
+          flex: 1;
+        }
+        .chat-aside {
+          position: absolute;
+          top: 50px;
+          right: 0;
+          box-sizing: border-box;
+          max-width: 360px;
+          max-height: calc(100% - 50px);
+          border-radius: 8px 0 0 8px;
+          z-index: 9999;
+        }
+      }
+    }
+    .callkit-container {
+      position: fixed;
+      left: calc(50% - 25rem);
+      top: calc(50% - 18rem);
+      width: 50rem;
+      height: 36rem;
+    }
+    .callkit-container.miniMized {
+      left: auto;
+      right: 10px;
+      top: 70px;
+      background: transparent;
+    }
+  }
+}
+.TUIKit-h5 {
+  display: flex;
+  flex-direction: column-reverse;
+  .TUIKit-navbar {
+    display: flex;
+    flex-direction: row;
+    .TUIKit-navbar-item {
+      flex: 1;
+      text-align: center;
+      cursor: none;
+    }
+  }
+  .TUIKit-main-container {
+    flex: 1;
+    .TUIKit-main {
+      .TUIKit-main-aside {
+        flex: 1;
+      }
+      .TUIKit-main-main {
+        .chat-popup {
+          position: absolute;
+          max-width: 100%;
+          max-height: 100%;
+        }
+      }
+    }
+    .callkit-container {
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+    }
+  }
+}

uni-app/src/roomkit/TUIKit/components/TUIChat/chat-header/index.vue

@@ -0,0 +1,88 @@
+<template>
+  <view style="display: none;" />
+</template>
+
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref } from '../../../adapter-vue';
+import {
+  TUIStore,
+  StoreName,
+  IConversationModel,
+  TUITranslateService,
+} from '@tencentcloud/chat-uikit-engine';
+import { TUIGlobal } from '@tencentcloud/universal-api';
+import { onLoad, onNavigationBarButtonTap } from '@dcloudio/uni-app';
+
+const emits = defineEmits(['openGroupManagement']);
+const props = defineProps(['isGroup']);
+
+const currentConversation = ref<IConversationModel>();
+const typingStatus = ref(false);
+
+// #ifdef APP-PLUS
+onNavigationBarButtonTap(() => {
+  if (props.isGroup) {
+    emits('openGroupManagement');
+  }
+});
+
+const pages = getCurrentPages();
+const currentPage = pages[pages.length - 1];
+const currentWebview = currentPage.$getAppWebview();
+
+if (!props.isGroup) {
+  // hidden menu button in C2C chat
+  // override current webview titleNView
+  currentWebview.setStyle({
+    titleNView: {
+      ...currentWebview.getStyle().titleNView,
+      buttons: [],
+    },
+  });
+}
+// #endif
+
+const setChatHeaderContent = (content: string) => {
+  TUIGlobal?.setNavigationBarTitle({
+    title: '聊天',
+  });
+};
+
+onMounted(() => {
+  TUIStore.watch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdated,
+  });
+  TUIStore.watch(StoreName.CHAT, {
+    typingStatus: onTypingStatusUpdated,
+  });
+});
+
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdated,
+  });
+  TUIStore.unwatch(StoreName.CHAT, {
+    typingStatus: onTypingStatusUpdated,
+  });
+});
+
+onLoad(() => {
+  setChatHeaderContent(currentConversation.value?.getShowName());
+});
+
+function onCurrentConversationUpdated(conversation: IConversationModel) {
+  currentConversation.value = conversation;
+  if (!typingStatus.value) {
+    setChatHeaderContent(currentConversation?.value?.getShowName());
+  }
+}
+
+function onTypingStatusUpdated(status: boolean) {
+  typingStatus.value = status;
+  if (typingStatus.value) {
+    setChatHeaderContent(TUITranslateService.t('TUIChat.对方正在输入'));
+  } else {
+    setChatHeaderContent(currentConversation.value?.getShowName());
+  }
+}
+</script>

uni-app/src/roomkit/TUIKit/components/TUIChat/config.ts

@@ -0,0 +1,83 @@
+class TUIChatConfig {
+  static instance: TUIChatConfig;
+  private chatType: string;
+  private features: Record<string, any>;
+  private theme: string;
+  constructor() {
+    this.chatType = '';
+    this.features = {
+      DownloadFile: true,
+      CopyMessage: true,
+      DeleteMessage: true,
+      RevokeMessage: true,
+      QuoteMessage: false,
+      ForwardMessage: false,
+      TranslateMessage: false,
+      VoiceToText: false,
+      MultiSelection: false,
+      EmojiReaction: false,
+      InputEmoji: true,
+      InputStickers: false,
+      InputImage: true,
+      InputVoice: false,
+      InputVideo: true,
+      InputFile: true,
+      InputEvaluation: false,
+      InputQuickReplies: false,
+      InputMention: false,
+      MessageSearch: false,
+      ReadStatus: false,
+    };
+    this.theme = 'light';
+  }
+
+  static getInstance(): TUIChatConfig {
+    if (!TUIChatConfig.instance) {
+      TUIChatConfig.instance = new TUIChatConfig();
+    }
+    return TUIChatConfig.instance;
+  }
+
+  setChatType(chatType: string) {
+    this.chatType = chatType;
+  }
+
+  getChatType() {
+    return this.chatType;
+  }
+
+  hideTUIChatFeatures(features: string[]) {
+    if (!features) {
+      return;
+    }
+    features.forEach((feature: string) => {
+      if (this.features[feature]) {
+        this.features[feature] = false;
+      }
+    });
+  }
+
+  getFeatureConfig(key?: string) {
+    if (key) {
+      return this.features[key];
+    }
+    return this.features;
+  }
+
+  setTheme(theme: string) {
+    this.theme = theme;
+  }
+
+  getTheme() {
+    return this.theme;
+  }
+}
+
+const ChatConfig = TUIChatConfig.getInstance();
+const hideTUIChatFeatures = ChatConfig.hideTUIChatFeatures.bind(ChatConfig);
+
+export {
+  hideTUIChatFeatures,
+};
+
+export default ChatConfig;

uni-app/src/roomkit/TUIKit/components/TUIChat/emoji-config/custom-emoji.ts

@@ -0,0 +1,15 @@
+import { IEmojiGroupList } from '../../../interface';
+
+/**
+* Custom big emoji
+*/
+export const CUSTOM_BIG_EMOJI_URL: string = '';
+
+export const CUSTOM_BIG_EMOJI_GROUP_LIST: IEmojiGroupList = [];
+
+/**
+* Custom basic emoji
+*/
+export const CUSTOM_BASIC_EMOJI_URL: string = '';
+
+export const CUSTOM_BASIC_EMOJI_URL_MAPPING: Record<string, string> = {};

uni-app/src/roomkit/TUIKit/components/TUIChat/emoji-config/default-emoji.ts

@@ -0,0 +1,114 @@
+/**
+ * Emoji input interface in the chat screen.
+ * In respect for the copyright of the emoji design, the Chat Demo/TUIKit project does not include the cutouts of large emoji elements.
+ * Please replace them with your own designed or copyrighted emoji packs before the official launch for commercial use.
+ * The default small yellow face emoji pack is copyrighted by Tencent Cloud and can be authorized for a fee.
+ * If you wish to obtain authorization, please submit a ticket to contact us.
+ *
+ * submit a ticket url：https://console.tencentcloud.com/workorder/category?level1_id=29&level2_id=40&source=14&data_title=Chat&step=1
+ */
+import { default as emojiCNLocales } from './locales/zh_cn';
+import { default as emojiENLocales } from './locales/en';
+import { EMOJI_TYPE } from '../../../constant';
+import { IEmojiGroupList } from '../../../interface';
+
+export const DEFAULT_BASIC_EMOJI_URL = 'https://web.sdk.qcloud.com/im/assets/emoji-plugin/';
+export const DEFAULT_BIG_EMOJI_URL = 'https://web.sdk.qcloud.com/im/assets/face-elem/';
+
+export const DEFAULT_BASIC_EMOJI_URL_MAPPING: Record<string, string> = {
+  '[TUIEmoji_Expect]': 'emoji_0@2x.png',
+  '[TUIEmoji_Blink]': 'emoji_1@2x.png',
+  '[TUIEmoji_Guffaw]': 'emoji_2@2x.png',
+  '[TUIEmoji_KindSmile]': 'emoji_3@2x.png',
+  '[TUIEmoji_Haha]': 'emoji_4@2x.png',
+  '[TUIEmoji_Cheerful]': 'emoji_5@2x.png',
+  '[TUIEmoji_Smile]': 'emoji_6@2x.png',
+  '[TUIEmoji_Sorrow]': 'emoji_7@2x.png',
+  '[TUIEmoji_Speechless]': 'emoji_8@2x.png',
+  '[TUIEmoji_Amazed]': 'emoji_9@2x.png',
+  '[TUIEmoji_Complacent]': 'emoji_10@2x.png',
+  '[TUIEmoji_Lustful]': 'emoji_11@2x.png',
+  '[TUIEmoji_Stareyes]': 'emoji_12@2x.png',
+  '[TUIEmoji_Giggle]': 'emoji_13@2x.png',
+  '[TUIEmoji_Daemon]': 'emoji_14@2x.png',
+  '[TUIEmoji_Rage]': 'emoji_15@2x.png',
+  '[TUIEmoji_Yawn]': 'emoji_16@2x.png',
+  '[TUIEmoji_TearsLaugh]': 'emoji_17@2x.png',
+  '[TUIEmoji_Silly]': 'emoji_18@2x.png',
+  '[TUIEmoji_Wail]': 'emoji_19@2x.png',
+  '[TUIEmoji_Kiss]': 'emoji_20@2x.png',
+  '[TUIEmoji_Trapped]': 'emoji_21@2x.png',
+  '[TUIEmoji_Fear]': 'emoji_22@2x.png',
+  '[TUIEmoji_BareTeeth]': 'emoji_23@2x.png',
+  '[TUIEmoji_FlareUp]': 'emoji_24@2x.png',
+  '[TUIEmoji_Tact]': 'emoji_25@2x.png',
+  '[TUIEmoji_Shit]': 'emoji_26@2x.png',
+  '[TUIEmoji_ShutUp]': 'emoji_27@2x.png',
+  '[TUIEmoji_Sigh]': 'emoji_28@2x.png',
+  '[TUIEmoji_Hehe]': 'emoji_29@2x.png',
+  '[TUIEmoji_Silent]': 'emoji_30@2x.png',
+  '[TUIEmoji_Skull]': 'emoji_31@2x.png',
+  '[TUIEmoji_Mask]': 'emoji_32@2x.png',
+  '[TUIEmoji_Beer]': 'emoji_33@2x.png',
+  '[TUIEmoji_Cake]': 'emoji_34@2x.png',
+  '[TUIEmoji_RedPacket]': 'emoji_35@2x.png',
+  '[TUIEmoji_Bombs]': 'emoji_36@2x.png',
+  '[TUIEmoji_Ai]': 'emoji_37@2x.png',
+  '[TUIEmoji_Celebrate]': 'emoji_38@2x.png',
+  '[TUIEmoji_Bless]': 'emoji_39@2x.png',
+  '[TUIEmoji_Flower]': 'emoji_40@2x.png',
+  '[TUIEmoji_Watermelon]': 'emoji_41@2x.png',
+  '[TUIEmoji_Cow]': 'emoji_42@2x.png',
+  '[TUIEmoji_Fool]': 'emoji_43@2x.png',
+  '[TUIEmoji_Surprised]': 'emoji_44@2x.png',
+  '[TUIEmoji_Askance]': 'emoji_45@2x.png',
+  '[TUIEmoji_Monster]': 'emoji_46@2x.png',
+  '[TUIEmoji_Pig]': 'emoji_47@2x.png',
+  '[TUIEmoji_Coffee]': 'emoji_48@2x.png',
+  '[TUIEmoji_Ok]': 'emoji_49@2x.png',
+  '[TUIEmoji_Heart]': 'emoji_50@2x.png',
+  '[TUIEmoji_Sun]': 'emoji_51@2x.png',
+  '[TUIEmoji_Moon]': 'emoji_52@2x.png',
+  '[TUIEmoji_Star]': 'emoji_53@2x.png',
+  '[TUIEmoji_Rich]': 'emoji_54@2x.png',
+  '[TUIEmoji_Fortune]': 'emoji_55@2x.png',
+  '[TUIEmoji_857]': 'emoji_56@2x.png',
+  '[TUIEmoji_666]': 'emoji_57@2x.png',
+  '[TUIEmoji_Prohibit]': 'emoji_58@2x.png',
+  '[TUIEmoji_Convinced]': 'emoji_59@2x.png',
+  '[TUIEmoji_Knife]': 'emoji_60@2x.png',
+  '[TUIEmoji_Like]': 'emoji_61@2x.png',
+};
+
+export const BIG_EMOJI_GROUP_LIST: IEmojiGroupList = [
+  {
+    emojiGroupID: 1,
+    type: EMOJI_TYPE.BIG,
+    url: DEFAULT_BIG_EMOJI_URL,
+    list: ['yz00', 'yz01', 'yz02', 'yz03', 'yz04', 'yz05', 'yz06', 'yz07', 'yz08',
+      'yz09', 'yz10', 'yz11', 'yz12', 'yz13', 'yz14', 'yz15', 'yz16', 'yz17'],
+  },
+  {
+    emojiGroupID: 2,
+    type: EMOJI_TYPE.BIG,
+    url: DEFAULT_BIG_EMOJI_URL,
+    list: ['ys00', 'ys01', 'ys02', 'ys03', 'ys04', 'ys05', 'ys06', 'ys07', 'ys08',
+      'ys09', 'ys10', 'ys11', 'ys12', 'ys13', 'ys14', 'ys15'],
+  },
+  {
+    emojiGroupID: 3,
+    type: EMOJI_TYPE.BIG,
+    url: DEFAULT_BIG_EMOJI_URL,
+    list: ['gcs00', 'gcs01', 'gcs02', 'gcs03', 'gcs04', 'gcs05', 'gcs06', 'gcs07',
+      'gcs08', 'gcs09', 'gcs10', 'gcs11', 'gcs12', 'gcs13', 'gcs14', 'gcs15', 'gcs16'],
+  },
+];
+
+export const BASIC_EMOJI_NAME_TO_KEY_MAPPING = {
+  ...Object.fromEntries(
+    Object.entries(emojiCNLocales)?.map(([key, val]) => [val, key]),
+  ),
+  ...Object.fromEntries(
+    Object.entries(emojiENLocales)?.map(([key, val]) => [val, key]),
+  ),
+};

uni-app/src/roomkit/TUIKit/components/TUIChat/emoji-config/index.ts

@@ -0,0 +1,140 @@
+import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
+import { CUSTOM_BASIC_EMOJI_URL, CUSTOM_BIG_EMOJI_URL, CUSTOM_BASIC_EMOJI_URL_MAPPING, CUSTOM_BIG_EMOJI_GROUP_LIST } from './custom-emoji';
+import { DEFAULT_BASIC_EMOJI_URL, BIG_EMOJI_GROUP_LIST, DEFAULT_BASIC_EMOJI_URL_MAPPING, BASIC_EMOJI_NAME_TO_KEY_MAPPING, DEFAULT_BIG_EMOJI_URL } from './default-emoji';
+import { default as emojiCNLocales } from './locales/zh_cn';
+import { IEmojiGroupList } from '../../../interface';
+import { EMOJI_TYPE } from '../../../constant';
+import { isWeChat } from '../../../utils/env';
+
+const hasCustomBasicEmoji = CUSTOM_BASIC_EMOJI_URL && Object.keys(CUSTOM_BASIC_EMOJI_URL_MAPPING).length;
+
+const BASIC_EMOJI_URL = hasCustomBasicEmoji ? CUSTOM_BASIC_EMOJI_URL : DEFAULT_BASIC_EMOJI_URL;
+
+const BASIC_EMOJI_URL_MAPPING = hasCustomBasicEmoji ? CUSTOM_BASIC_EMOJI_URL_MAPPING : DEFAULT_BASIC_EMOJI_URL_MAPPING;
+
+const EMOJI_GROUP_LIST: IEmojiGroupList = [
+  {
+    emojiGroupID: 0,
+    type: EMOJI_TYPE.BASIC,
+    url: BASIC_EMOJI_URL,
+    list: Object.keys(BASIC_EMOJI_URL_MAPPING),
+  },
+  ...BIG_EMOJI_GROUP_LIST,
+  ...CUSTOM_BIG_EMOJI_GROUP_LIST,
+];
+
+/**
+ * Converts a basic emoji key into its corresponding name.
+ * Example:
+ * '[Smile]' => '[TUIEmoji_Smile]'
+ * @param {string} key - The emoji key.
+ * @return {string} The corresponding emoji name.
+ */
+const convertKeyToEmojiName = (key: string): string => {
+  // WeChat does not support emoji translation
+  return isWeChat ? emojiCNLocales[key] : TUITranslateService.t(`Emoji.${key}`);
+};
+
+/**
+ * Transforms a text containing emoji keys into a text with Chinese or English basic emoji names
+ * Example:
+ * 'hello[TUIEmoji_Smile]!' => 'hello[Smile]!''
+ * @param {string} text - The text containing emoji keys.
+ * @return {string} The transformed text with emoji keys replaced by emoji names.
+ */
+const transformTextWithKeysToEmojiNames = (text: string): string => {
+  if (!text) {
+    return '';
+  }
+  const reg = /(\[.+?\])/g;
+  let txt: string = text;
+  if (reg.test(text)) {
+    txt = text.replace(reg, match => BASIC_EMOJI_URL_MAPPING[match] ? convertKeyToEmojiName(match) : match);
+  }
+  return txt;
+};
+
+/**
+ * Transforms a text containing Chinese or English basic emoji names into a text with emoji keys.
+ * Example:
+ * 'hello[Smile]!' => 'hello[TUIEmoji_Smile]!'
+ * @param {string} text - The text containing emoji names.
+ * @return {string} The transformed text with emoji names replaced by emoji keys.
+ */
+const transformTextWithEmojiNamesToKeys = (text: string) => {
+  if (!text) {
+    return '';
+  }
+  const reg = /(\[.+?\])/g;
+  let txt: string = text;
+  if (reg.test(text)) {
+    txt = text.replace(reg, match => BASIC_EMOJI_NAME_TO_KEY_MAPPING[match] || match);
+  }
+  return txt;
+};
+
+/**
+* The configuration aims to provide compatibility with versions prior to 2.2.0
+*/
+const emojiConfig = {
+  emojiBaseUrl: BASIC_EMOJI_URL,
+  emojiUrlMapping: BASIC_EMOJI_URL_MAPPING,
+  emojiNameMapping: {
+    ...emojiCNLocales,
+  },
+};
+
+/**
+ * Transform text message to renderable array contains image and text.
+ * Example: hello[TUIEmoji_Smile], I am happy.
+ * -> [{type: 'text', content: 'hello'}, {type: 'image', content: 'https://.../smile.png'}, {type: 'text', content: ', I am happy.'}]
+ * @param text
+ * @returns Array<{ type: 'text' | 'image'; content: string; emojiKey?: string; }>
+ */
+const parseTextToRenderArray = (text: string): Array<{ type: 'text' | 'image'; content: string; emojiKey?: string }> => {
+  const emojiRegex = /\[([^\]]+)\]/g;
+  const result: any[] = [];
+
+  let match: RegExpExecArray | null;
+  let lastIndex = 0;
+
+  while ((match = emojiRegex.exec(text)) !== null) {
+    const startIndex = match.index;
+    const endIndex = emojiRegex.lastIndex;
+    const emojiKey = match[0];
+
+    if (startIndex > lastIndex) {
+      result.push({ type: 'text', content: text.substring(lastIndex, startIndex) });
+    }
+
+    const emojiUrl = BASIC_EMOJI_URL + BASIC_EMOJI_URL_MAPPING[emojiKey];
+    if (emojiUrl) {
+      result.push({ type: 'image', content: emojiUrl, emojiKey });
+    } else {
+      result.push({ type: 'text', content: emojiKey });
+    }
+
+    lastIndex = endIndex;
+    emojiRegex.lastIndex = lastIndex;
+  }
+
+  if (lastIndex < text.length) {
+    result.push({ type: 'text', content: text.substring(lastIndex) });
+  }
+
+  return result;
+};
+
+export {
+  EMOJI_GROUP_LIST,
+  CUSTOM_BIG_EMOJI_URL,
+  DEFAULT_BIG_EMOJI_URL,
+  CUSTOM_BASIC_EMOJI_URL,
+  BASIC_EMOJI_URL_MAPPING,
+  CUSTOM_BASIC_EMOJI_URL_MAPPING,
+  convertKeyToEmojiName,
+  parseTextToRenderArray,
+  transformTextWithKeysToEmojiNames,
+  transformTextWithEmojiNamesToKeys,
+  emojiConfig,
+};

uni-app/src/roomkit/TUIKit/components/TUIChat/emoji-config/locales/en.ts

@@ -0,0 +1,66 @@
+const Emoji = {
+  '[TUIEmoji_Smile]': '[Smile]',
+  '[TUIEmoji_Expect]': '[Expect]',
+  '[TUIEmoji_Blink]': '[Blink]',
+  '[TUIEmoji_Guffaw]': '[Guffaw]',
+  '[TUIEmoji_KindSmile]': '[KindSmile]',
+  '[TUIEmoji_Haha]': '[Haha]',
+  '[TUIEmoji_Cheerful]': '[Cheerful]',
+  '[TUIEmoji_Speechless]': '[Speechless]',
+  '[TUIEmoji_Amazed]': '[Amazed]',
+  '[TUIEmoji_Sorrow]': '[Sorrow]',
+  '[TUIEmoji_Complacent]': '[Complacent]',
+  '[TUIEmoji_Silly]': '[Silly]',
+  '[TUIEmoji_Lustful]': '[Lustful]',
+  '[TUIEmoji_Giggle]': '[Giggle]',
+  '[TUIEmoji_Kiss]': '[Kiss]',
+  '[TUIEmoji_Wail]': '[Wail]',
+  '[TUIEmoji_TearsLaugh]': '[TearsLaugh]',
+  '[TUIEmoji_Trapped]': '[Trapped]',
+  '[TUIEmoji_Mask]': '[Mask]',
+  '[TUIEmoji_Fear]': '[Fear]',
+  '[TUIEmoji_BareTeeth]': '[BareTeeth]',
+  '[TUIEmoji_FlareUp]': '[FlareUp]',
+  '[TUIEmoji_Yawn]': '[Yawn]',
+  '[TUIEmoji_Tact]': '[Tact]',
+  '[TUIEmoji_Stareyes]': '[StarEyes]',
+  '[TUIEmoji_ShutUp]': '[ShutUp]',
+  '[TUIEmoji_Sigh]': '[Sigh]',
+  '[TUIEmoji_Hehe]': '[Hehe]',
+  '[TUIEmoji_Silent]': '[Silent]',
+  '[TUIEmoji_Surprised]': '[Surprised]',
+  '[TUIEmoji_Askance]': '[Askance]]',
+  '[TUIEmoji_Ok]': '[OK]',
+  '[TUIEmoji_Shit]': '[Shit]',
+  '[TUIEmoji_Monster]': '[Monster]',
+  '[TUIEmoji_Daemon]': '[Daemon]',
+  '[TUIEmoji_Rage]': '[Rage]',
+  '[TUIEmoji_Fool]': '[Fool]',
+  '[TUIEmoji_Pig]': '[Pig]',
+  '[TUIEmoji_Cow]': '[Cow]',
+  '[TUIEmoji_Ai]': '[AI]',
+  '[TUIEmoji_Skull]': '[Skull]',
+  '[TUIEmoji_Bombs]': '[Bombs]',
+  '[TUIEmoji_Coffee]': '[Coffee]',
+  '[TUIEmoji_Cake]': '[Cake]',
+  '[TUIEmoji_Beer]': '[Beer]',
+  '[TUIEmoji_Flower]': '[Flower]',
+  '[TUIEmoji_Watermelon]': '[Watermelon]',
+  '[TUIEmoji_Rich]': '[Rich]',
+  '[TUIEmoji_Heart]': '[Heart]',
+  '[TUIEmoji_Moon]': '[Moon]',
+  '[TUIEmoji_Sun]': '[Sun]',
+  '[TUIEmoji_Star]': '[Star]',
+  '[TUIEmoji_RedPacket]': '[RedPacket]',
+  '[TUIEmoji_Celebrate]': '[Celebrate]',
+  '[TUIEmoji_Bless]': '[Bless]',
+  '[TUIEmoji_Fortune]': '[Fortune]',
+  '[TUIEmoji_Convinced]': '[Convinced]',
+  '[TUIEmoji_Prohibit]': '[Prohibit]',
+  '[TUIEmoji_666]': '[666]',
+  '[TUIEmoji_857]': '[857]',
+  '[TUIEmoji_Knife]': '[Knife]',
+  '[TUIEmoji_Like]': '[Like]',
+};
+
+export default Emoji;

uni-app/src/roomkit/TUIKit/components/TUIChat/emoji-config/locales/zh_cn.ts

@@ -0,0 +1,66 @@
+const Emoji: Record<string, string> = {
+  '[TUIEmoji_Smile]': '[微笑]',
+  '[TUIEmoji_Expect]': '[期待]',
+  '[TUIEmoji_Blink]': '[眨眼]',
+  '[TUIEmoji_Guffaw]': '[大笑]',
+  '[TUIEmoji_KindSmile]': '[姨母笑]',
+  '[TUIEmoji_Haha]': '[哈哈哈]',
+  '[TUIEmoji_Cheerful]': '[愉快]',
+  '[TUIEmoji_Speechless]': '[无语]',
+  '[TUIEmoji_Amazed]': '[惊讶]',
+  '[TUIEmoji_Sorrow]': '[悲伤]',
+  '[TUIEmoji_Complacent]': '[得意]',
+  '[TUIEmoji_Silly]': '[傻了]',
+  '[TUIEmoji_Lustful]': '[色]',
+  '[TUIEmoji_Giggle]': '[憨笑]',
+  '[TUIEmoji_Kiss]': '[亲亲]',
+  '[TUIEmoji_Wail]': '[大哭]',
+  '[TUIEmoji_TearsLaugh]': '[哭笑]',
+  '[TUIEmoji_Trapped]': '[困]',
+  '[TUIEmoji_Mask]': '[口罩]',
+  '[TUIEmoji_Fear]': '[恐惧]',
+  '[TUIEmoji_BareTeeth]': '[龇牙]',
+  '[TUIEmoji_FlareUp]': '[发怒]',
+  '[TUIEmoji_Yawn]': '[打哈欠]',
+  '[TUIEmoji_Tact]': '[机智]',
+  '[TUIEmoji_Stareyes]': '[星星眼]',
+  '[TUIEmoji_ShutUp]': '[闭嘴]',
+  '[TUIEmoji_Sigh]': '[叹气]',
+  '[TUIEmoji_Hehe]': '[呵呵]',
+  '[TUIEmoji_Silent]': '[收声]',
+  '[TUIEmoji_Surprised]': '[惊喜]',
+  '[TUIEmoji_Askance]': '[白眼]',
+  '[TUIEmoji_Ok]': '[OK]',
+  '[TUIEmoji_Shit]': '[便便]',
+  '[TUIEmoji_Monster]': '[怪兽]',
+  '[TUIEmoji_Daemon]': '[恶魔]',
+  '[TUIEmoji_Rage]': '[恶魔怒]',
+  '[TUIEmoji_Fool]': '[衰]',
+  '[TUIEmoji_Pig]': '[猪]',
+  '[TUIEmoji_Cow]': '[牛]',
+  '[TUIEmoji_Ai]': '[AI]',
+  '[TUIEmoji_Skull]': '[骷髅]',
+  '[TUIEmoji_Bombs]': '[炸弹]',
+  '[TUIEmoji_Coffee]': '[咖啡]',
+  '[TUIEmoji_Cake]': '[蛋糕]',
+  '[TUIEmoji_Beer]': '[啤酒]',
+  '[TUIEmoji_Flower]': '[花]',
+  '[TUIEmoji_Watermelon]': '[瓜]',
+  '[TUIEmoji_Rich]': '[壕]',
+  '[TUIEmoji_Heart]': '[爱心]',
+  '[TUIEmoji_Moon]': '[月亮]',
+  '[TUIEmoji_Sun]': '[太阳]',
+  '[TUIEmoji_Star]': '[星星]',
+  '[TUIEmoji_RedPacket]': '[红包]',
+  '[TUIEmoji_Celebrate]': '[庆祝]',
+  '[TUIEmoji_Bless]': '[福]',
+  '[TUIEmoji_Fortune]': '[发]',
+  '[TUIEmoji_Convinced]': '[服]',
+  '[TUIEmoji_Prohibit]': '[禁]',
+  '[TUIEmoji_666]': '[666]',
+  '[TUIEmoji_857]': '[857]',
+  '[TUIEmoji_Knife]': '[刀]',
+  '[TUIEmoji_Like]': '[赞]',
+};
+
+export default Emoji;

uni-app/src/roomkit/TUIKit/components/TUIChat/emoji-config/locales/zh_tw.ts

@@ -0,0 +1,66 @@
+const Emoji: Record<string, string> = {
+  '[TUIEmoji_Smile]': '[微笑]',
+  '[TUIEmoji_Expect]': '[期待]',
+  '[TUIEmoji_Blink]': '[眨眼]',
+  '[TUIEmoji_Guffaw]': '[大笑]',
+  '[TUIEmoji_KindSmile]': '[姨母笑]',
+  '[TUIEmoji_Haha]': '[哈哈哈]',
+  '[TUIEmoji_Cheerful]': '[愉快]',
+  '[TUIEmoji_Speechless]': '[無語]',
+  '[TUIEmoji_Amazed]': '[驚訝]',
+  '[TUIEmoji_Sorrow]': '[悲傷]',
+  '[TUIEmoji_Complacent]': '[得意]',
+  '[TUIEmoji_Silly]': '[傻了]',
+  '[TUIEmoji_Lustful]': '[色]',
+  '[TUIEmoji_Giggle]': '[憨笑]',
+  '[TUIEmoji_Kiss]': '[親親]',
+  '[TUIEmoji_Wail]': '[大哭]',
+  '[TUIEmoji_TearsLaugh]': '[哭笑]',
+  '[TUIEmoji_Trapped]': '[困]',
+  '[TUIEmoji_Mask]': '[口罩]',
+  '[TUIEmoji_Fear]': '[恐懼]',
+  '[TUIEmoji_BareTeeth]': '[齜牙]',
+  '[TUIEmoji_FlareUp]': '[發怒]',
+  '[TUIEmoji_Yawn]': '[打哈欠]',
+  '[TUIEmoji_Tact]': '[機智]',
+  '[TUIEmoji_Stareyes]': '[星星眼]',
+  '[TUIEmoji_ShutUp]': '[閉嘴]',
+  '[TUIEmoji_Sigh]': '[嘆氣]',
+  '[TUIEmoji_Hehe]': '[呵呵]',
+  '[TUIEmoji_Silent]': '[收聲]',
+  '[TUIEmoji_Surprised]': '[驚喜]',
+  '[TUIEmoji_Askance]': '[白眼]',
+  '[TUIEmoji_Ok]': '[OK]',
+  '[TUIEmoji_Shit]': '[便便]',
+  '[TUIEmoji_Monster]': '[怪獸]',
+  '[TUIEmoji_Daemon]': '[惡魔]',
+  '[TUIEmoji_Rage]': '[惡魔怒]',
+  '[TUIEmoji_Fool]': '[衰]',
+  '[TUIEmoji_Pig]': '[豬]',
+  '[TUIEmoji_Cow]': '[牛]',
+  '[TUIEmoji_Ai]': '[AI]',
+  '[TUIEmoji_Skull]': '[骷髏]',
+  '[TUIEmoji_Bombs]': '[炸彈]',
+  '[TUIEmoji_Coffee]': '[咖啡]',
+  '[TUIEmoji_Cake]': '[蛋糕]',
+  '[TUIEmoji_Beer]': '[啤酒]',
+  '[TUIEmoji_Flower]': '[花]',
+  '[TUIEmoji_Watermelon]': '[瓜]',
+  '[TUIEmoji_Rich]': '[壕]',
+  '[TUIEmoji_Heart]': '[愛心]',
+  '[TUIEmoji_Moon]': '[月亮]',
+  '[TUIEmoji_Sun]': '[太陽]',
+  '[TUIEmoji_Star]': '[星星]',
+  '[TUIEmoji_RedPacket]': '[紅包]',
+  '[TUIEmoji_Celebrate]': '[慶祝]',
+  '[TUIEmoji_Bless]': '[福]',
+  '[TUIEmoji_Fortune]': '[發]',
+  '[TUIEmoji_Convinced]': '[服]',
+  '[TUIEmoji_Prohibit]': '[禁]',
+  '[TUIEmoji_666]': '[666]',
+  '[TUIEmoji_857]': '[857]',
+  '[TUIEmoji_Knife]': '[刀]',
+  '[TUIEmoji_Like]': '[讚]',
+};
+
+export default Emoji;

uni-app/src/roomkit/TUIKit/components/TUIChat/entry-chat-only.ts

@@ -0,0 +1,35 @@
+import { TUILogin } from '@tencentcloud/tui-core';
+import { TUIConversationService } from '@tencentcloud/chat-uikit-engine';
+// #ifdef MP-WEIXIN
+import { TUIChatKit } from '../../index.ts';
+// #endif
+
+export const initChat = (options: Record<string, string>) => {
+  // #ifdef MP-WEIXIN
+  // uni-app packages the mini program.
+  // If you call TUIChatKit.init() directly during import, an error will be reported.
+  // You need to init during the page onLoad.
+  TUIChatKit.init();
+  // #endif
+
+  // When opening TUIChat, the options and options.conversationID parameters carried in the url,
+  // determine whether to enter the Chat from the [Conversation List] or [Online Communication].
+  const { chat } = TUILogin.getContext();
+  if (options && options.conversationID && chat?.isReady()) {
+    const { conversationID } = options;
+    // verify conversationID
+    if (!conversationID.startsWith('C2C') && !conversationID.startsWith('GROUP')) {
+      console.warn('conversationID from options is invalid.');
+      return;
+    }
+    // open chat
+    TUIConversationService.switchConversation(conversationID);
+  }
+};
+
+export const logout = (flag: boolean) => {
+  if (flag) {
+    return TUILogin.logout();
+  }
+  return Promise.resolve();
+};

uni-app/src/roomkit/TUIKit/components/TUIChat/forward/index.vue

@@ -0,0 +1,159 @@
+<template>
+  <Overlay
+    :visible="isShowForwardPanel"
+    :useMask="false"
+  >
+    <Transfer
+      :title="TUITranslateService.t('TUIChat.转发')"
+      :isSearch="false"
+      :isCustomItem="false"
+      :list="customConversationList"
+      :isHiddenBackIcon="isUniFrameWork"
+      @cancel="closeForwardPanel"
+      @submit="finishSelected"
+    />
+  </Overlay>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, onUnmounted, ref } from '../../../adapter-vue';
+import TUIChatEngine, {
+  TUIStore,
+  StoreName,
+  TUIChatService,
+  TUITranslateService,
+} from '@tencentcloud/chat-uikit-engine';
+import Overlay from '../../common/Overlay/index.vue';
+import Transfer from '../../common/Transfer/index.vue';
+import { Toast, TOAST_TYPE } from '../../../components/common/Toast';
+import { isUniFrameWork } from '../../../utils/env';
+import { isEnabledMessageReadReceiptGlobal } from '../utils/utils';
+import OfflinePushInfoManager, { IOfflinePushInfoCreateParams } from '../offlinePushInfoManager/index';
+
+interface IEmits {
+  (e: 'toggleMultipleSelectMode', visible?: boolean): void;
+}
+
+const emits = defineEmits<IEmits>();
+
+let selectedToForwardMessageIDList: string[] = [];
+let isMergeForward = false;
+
+const isShowForwardPanel = ref(false);
+const customConversationList = ref();
+
+onMounted(() => {
+  TUIStore.watch(StoreName.CUSTOM, {
+    singleForwardMessageID: onSingleForwardMessageIDUpdated,
+    multipleForwardMessageID: onMultipleForwardMessageIDUpdated,
+  });
+});
+
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CUSTOM, {
+    singleForwardMessageID: onSingleForwardMessageIDUpdated,
+    multipleForwardMessageID: onMultipleForwardMessageIDUpdated,
+  });
+
+  // tuistore data must be cleared when closing the forward panel
+  clearStoreData();
+});
+
+function onSingleForwardMessageIDUpdated(messageID: string | undefined) {
+  if (typeof messageID !== 'undefined') {
+    isMergeForward = false;
+    selectedToForwardMessageIDList = [messageID];
+    openForwardPanel();
+  }
+}
+
+function onMultipleForwardMessageIDUpdated(params: { isMergeForward: boolean; messageIDList: string[] } | undefined) {
+  if (!params) {
+    return;
+  }
+  isMergeForward = false;
+  const {
+    isMergeForward: _isMergeForward,
+    messageIDList: selectedMessageIDList,
+  } = params || {};
+  if (selectedMessageIDList?.length > 0) {
+    isMergeForward = _isMergeForward;
+    selectedToForwardMessageIDList = selectedMessageIDList;
+    openForwardPanel();
+  } else {
+    Toast({
+      message: TUITranslateService.t('TUIChat.未选择消息'),
+      type: TOAST_TYPE.ERROR,
+    });
+  }
+}
+
+function clearStoreData() {
+  TUIStore.update(StoreName.CUSTOM, 'singleForwardMessageID', undefined);
+  TUIStore.update(StoreName.CUSTOM, 'multipleForwardMessageID', undefined);
+}
+
+function closeForwardPanel(): void {
+  // tuistore data must be cleared when closing the forward panel
+  clearStoreData();
+  isShowForwardPanel.value = false;
+}
+
+function openForwardPanel(): void {
+  getTransforRenderDataList();
+  isShowForwardPanel.value = true;
+}
+
+function finishSelected(selectedConvIDWrapperList: Array<{ userID: string }>): void {
+  if (selectedConvIDWrapperList?.length === 0) return;
+  // to reuse Transfer, so we have to get conversationModel by userID instead of ConversationID
+  const selectedConversationList = selectedConvIDWrapperList.map(IDWrapper => TUIStore.getConversationModel(IDWrapper.userID));
+  const unsentMessageQueue = selectedToForwardMessageIDList
+    .map(messageID => TUIStore.getMessageModel(messageID))
+    .sort((a, b) => a.time - b.time);
+  const forwardPromises = selectedConversationList.map((conversation) => {
+    const offlinePushInfoCreateParams: IOfflinePushInfoCreateParams = {
+      conversation,
+      messageType: TUIChatEngine.TYPES.MSG_MERGER,
+    };
+    return TUIChatService.sendForwardMessage(
+      [conversation],
+      unsentMessageQueue,
+      {
+        needMerge: isMergeForward,
+        offlinePushInfo: OfflinePushInfoManager.create(offlinePushInfoCreateParams),
+        params: {
+          needReadReceipt: isEnabledMessageReadReceiptGlobal(),
+        },
+      },
+    );
+  });
+  Promise.allSettled(forwardPromises).then((results) => {
+    for (const result of results) {
+      const { status } = result;
+      if (status === 'rejected') {
+        const errorMessage = result.reason.code === 80001 ? TUITranslateService.t('TUIChat.内容包含敏感词汇') : result.reason.message as string;
+        Toast({
+          message: errorMessage,
+          type: TOAST_TYPE.ERROR,
+        });
+        break;
+      }
+    }
+  });
+  closeForwardPanel();
+  emits('toggleMultipleSelectMode', false);
+}
+
+function getTransforRenderDataList() {
+  const conversationList = TUIStore.getData(StoreName.CONV, 'conversationList');
+  customConversationList.value = conversationList.map((conversation) => {
+    return {
+      // To achieve reusability of Transfer, userID is used here instead of ConversationID
+      userID: conversation.conversationID,
+      nick: conversation.getShowName(),
+      avatar: conversation.getAvatar(),
+    };
+  });
+}
+</script>

uni-app/src/roomkit/TUIKit/components/TUIChat/index.ts

@@ -0,0 +1,6 @@
+import TUIChat from './index.vue';
+import Server from './server';
+
+new Server();
+
+export default TUIChat;

uni-app/src/roomkit/TUIKit/components/TUIChat/index.vue

@@ -0,0 +1,305 @@
+<template>
+  <div class="chat">
+    <div :class="['tui-chat', !isPC && 'tui-chat-h5']">
+      <div
+        v-if="!currentConversationID"
+        :class="['tui-chat-default', !isPC && 'tui-chat-h5-default']"
+      >
+        <slot />
+      </div>
+      <div
+        v-if="currentConversationID"
+        :class="['tui-chat', !isPC && 'tui-chat-h5']"
+      >
+        <ChatHeader
+          :class="[
+            'tui-chat-header',
+            !isPC && 'tui-chat-H5-header',
+            isUniFrameWork && 'tui-chat-uniapp-header',
+          ]"
+          :isGroup="isGroup"
+          :headerExtensionList="headerExtensionList"
+          @closeChat="closeChat"
+          @openGroupManagement="handleGroup"
+        />
+        <Forward @toggleMultipleSelectMode="toggleMultipleSelectMode" />
+        <MessageList
+          ref="messageListRef"
+          :class="['tui-chat-message-list', !isPC && 'tui-chat-h5-message-list']"
+          :isGroup="isGroup"
+          :groupID="groupID"
+          :isNotInGroup="isNotInGroup"
+          :isMultipleSelectMode="isMultipleSelectMode"
+          @handleEditor="handleEditor"
+          @closeInputToolBar="() => changeToolbarDisplayType('none')"
+          @toggleMultipleSelectMode="toggleMultipleSelectMode"
+        />
+        <div
+          v-if="isNotInGroup"
+          :class="{
+            'tui-chat-leave-group': true,
+            'tui-chat-leave-group-mobile': isMobile,
+          }"
+        >
+          {{ leaveGroupReasonText }}
+        </div>
+        <MultipleSelectPanel
+          v-else-if="isMultipleSelectMode"
+          @oneByOneForwardMessage="oneByOneForwardMessage"
+          @mergeForwardMessage="mergeForwardMessage"
+          @toggleMultipleSelectMode="toggleMultipleSelectMode"
+        />
+        <template v-else>
+          <MessageInputToolbar
+            v-if="isInputToolbarShow"
+            :class="[
+              'tui-chat-message-input-toolbar',
+              !isPC && 'tui-chat-h5-message-input-toolbar',
+              isUniFrameWork && 'tui-chat-uni-message-input-toolbar'
+            ]"
+            :displayType="inputToolbarDisplayType"
+            @insertEmoji="insertEmoji"
+            @changeToolbarDisplayType="changeToolbarDisplayType"
+            @scrollToLatestMessage="scrollToLatestMessage"
+          />
+          <MessageInput
+            ref="messageInputRef"
+            :class="[
+              'tui-chat-message-input',
+              !isPC && 'tui-chat-h5-message-input',
+              isUniFrameWork && 'tui-chat-uni-message-input',
+              isWeChat && 'tui-chat-wx-message-input',
+            ]"
+            :enableAt="featureConfig.InputMention"
+            :isMuted="false"
+            :muteText="TUITranslateService.t('TUIChat.您已被管理员禁言')"
+            :placeholder="TUITranslateService.t('TUIChat.请输入消息')"
+            :inputToolbarDisplayType="inputToolbarDisplayType"
+            @changeToolbarDisplayType="changeToolbarDisplayType"
+          />
+        </template>
+      </div>
+      <!-- Group Management -->
+      <div
+        v-if="!isNotInGroup && !isApp && isUniFrameWork && isGroup && headerExtensionList.length > 0"
+        class="group-profile"
+        @click="handleGroup"
+      >
+        {{ headerExtensionList[0].text }}
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted, onUnmounted, computed } from '../../adapter-vue';
+import TUIChatEngine, {
+  TUITranslateService,
+  TUIConversationService,
+  TUIStore,
+  StoreName,
+  IMessageModel,
+  IConversationModel,
+} from '@tencentcloud/chat-uikit-engine';
+import TUICore, { TUIConstants, ExtensionInfo } from '@tencentcloud/tui-core';
+import ChatHeader from './chat-header/index.vue';
+import MessageList from './message-list/index.vue';
+import MessageInput from './message-input/index.vue';
+import MultipleSelectPanel from './mulitple-select-panel/index.vue';
+import Forward from './forward/index.vue';
+import MessageInputToolbar from './message-input-toolbar/index.vue';
+import { isPC, isWeChat, isUniFrameWork, isMobile, isApp } from '../../utils/env';
+import { ToolbarDisplayType } from '../../interface';
+import TUIChatConfig from './config';
+// @Start uniapp use Chat only
+import { onLoad, onUnload } from '@dcloudio/uni-app';
+import { initChat, logout } from './entry-chat-only.ts';
+
+onLoad((options) => {
+  initChat(options);
+});
+
+onUnload(() => {
+  // Whether logout is decided by yourself  when the page is unloaded. The default is false.
+  logout(false).then(() => {
+    // Handle success result from promise.then when you set true.
+  }).catch(() => {
+    // handle error
+  });
+});
+// @End uniapp use Chat only
+
+const emits = defineEmits(['closeChat']);
+
+const groupID = ref(undefined);
+const isGroup = ref(false);
+const isNotInGroup = ref(false);
+const notInGroupReason = ref<number>();
+const currentConversationID = ref();
+const isMultipleSelectMode = ref(false);
+const inputToolbarDisplayType = ref<ToolbarDisplayType>('none');
+const messageInputRef = ref();
+const messageListRef = ref<InstanceType<typeof MessageList>>();
+const headerExtensionList = ref<ExtensionInfo[]>([]);
+const featureConfig = TUIChatConfig.getFeatureConfig();
+
+onMounted(() => {
+  TUIStore.watch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+  reset();
+});
+
+const isInputToolbarShow = computed<boolean>(() => {
+  return isUniFrameWork ? inputToolbarDisplayType.value !== 'none' : true;
+});
+
+const leaveGroupReasonText = computed<string>(() => {
+  let text = '';
+  switch (notInGroupReason.value) {
+    case 4:
+      text = TUITranslateService.t('TUIChat.您已被管理员移出群聊');
+      break;
+    case 5:
+      text = TUITranslateService.t('TUIChat.该群聊已被解散');
+      break;
+    case 8:
+      text = TUITranslateService.t('TUIChat.您已退出该群聊');
+      break;
+    default:
+      text = TUITranslateService.t('TUIChat.您已退出该群聊');
+      break;
+  }
+  return text;
+});
+
+const reset = () => {
+  TUIConversationService.switchConversation('');
+};
+
+const closeChat = (conversationID: string) => {
+  emits('closeChat', conversationID);
+  reset();
+};
+
+const insertEmoji = (emojiObj: object) => {
+  messageInputRef.value?.insertEmoji(emojiObj);
+};
+
+const handleEditor = (message: IMessageModel, type: string) => {
+  if (!message || !type) return;
+  switch (type) {
+    case 'reference':
+      // todo
+      break;
+    case 'reply':
+      // todo
+      break;
+    case 'reedit':
+      if (message?.payload?.text) {
+        messageInputRef?.value?.reEdit(message?.payload?.text);
+      }
+      break;
+    default:
+      break;
+  }
+};
+
+const handleGroup = () => {
+  headerExtensionList.value[0].listener.onClicked({ groupID: groupID.value });
+};
+
+function changeToolbarDisplayType(type: ToolbarDisplayType) {
+  inputToolbarDisplayType.value = inputToolbarDisplayType.value === type ? 'none' : type;
+  if (inputToolbarDisplayType.value !== 'none' && isUniFrameWork) {
+    uni.$emit('scroll-to-bottom');
+  }
+}
+
+function scrollToLatestMessage() {
+  messageListRef.value?.scrollToLatestMessage();
+}
+
+function toggleMultipleSelectMode(visible?: boolean) {
+  isMultipleSelectMode.value = visible === undefined ? !isMultipleSelectMode.value : visible;
+}
+
+function mergeForwardMessage() {
+  messageListRef.value?.mergeForwardMessage();
+}
+
+function oneByOneForwardMessage() {
+  messageListRef.value?.oneByOneForwardMessage();
+}
+
+function updateUIUserNotInGroup(conversation: IConversationModel) {
+  if (conversation?.operationType > 0) {
+    headerExtensionList.value = [];
+    isNotInGroup.value = true;
+    /**
+     * 4 - be removed from the group
+     * 5 - group is dismissed
+     * 8 - quit group
+     */
+    notInGroupReason.value = conversation?.operationType;
+  } else {
+    isNotInGroup.value = false;
+    notInGroupReason.value = undefined;
+  }
+}
+
+function onCurrentConversationUpdate(conversation: IConversationModel) {
+  updateUIUserNotInGroup(conversation);
+  // return when currentConversation is null
+  if (!conversation) {
+    return;
+  }
+  // return when currentConversationID.value is the same as conversation.conversationID.
+  if (currentConversationID.value === conversation?.conversationID) {
+    return;
+  }
+
+  isGroup.value = false;
+  let conversationType = TUIChatEngine.TYPES.CONV_C2C;
+  const conversationID = conversation.conversationID;
+  if (conversationID.startsWith(TUIChatEngine.TYPES.CONV_GROUP)) {
+    conversationType = TUIChatEngine.TYPES.CONV_GROUP;
+    isGroup.value = true;
+    groupID.value = conversationID.replace(TUIChatEngine.TYPES.CONV_GROUP, '');
+  }
+
+  headerExtensionList.value = [];
+  isMultipleSelectMode.value = false;
+  // Initialize chatType
+  TUIChatConfig.setChatType(conversationType);
+  // While converstaion change success, notify callkit and roomkit、or other components.
+  TUICore.notifyEvent(TUIConstants.TUIChat.EVENT.CHAT_STATE_CHANGED, TUIConstants.TUIChat.EVENT_SUB_KEY.CHAT_OPENED, { groupID: groupID.value });
+  // The TUICustomerServicePlugin plugin determines if the current conversation is a customer service conversation, then sets chatType and activates the conversation.
+  TUICore.callService({
+    serviceName: TUIConstants.TUICustomerServicePlugin.SERVICE.NAME,
+    method: TUIConstants.TUICustomerServicePlugin.SERVICE.METHOD.ACTIVE_CONVERSATION,
+    params: { conversationID: conversationID },
+  });
+  // When open chat in room, close main chat ui and reset theme.
+  if (TUIChatConfig.getChatType() === TUIConstants.TUIChat.TYPE.ROOM) {
+    if (TUIChatConfig.getFeatureConfig(TUIConstants.TUIChat.FEATURE.InputVoice) === true) {
+      TUIChatConfig.setTheme('light');
+      currentConversationID.value = '';
+      return;
+    }
+  }
+  // Get chat header extensions
+  if (TUIChatConfig.getChatType() === TUIConstants.TUIChat.TYPE.GROUP) {
+    headerExtensionList.value = TUICore.getExtensionList(TUIConstants.TUIChat.EXTENSION.CHAT_HEADER.EXT_ID);
+  }
+  TUIStore.update(StoreName.CUSTOM, 'activeConversation', conversationID);
+  currentConversationID.value = conversationID;
+}
+</script>
+
+<style scoped lang="scss" src="./style/index.scss"></style>

uni-app/src/roomkit/TUIKit/components/TUIChat/message-input-toolbar/emoji-picker/emoji-picker-dialog.vue

@@ -0,0 +1,182 @@
+<template>
+  <div
+    ref="emojiPickerDialog"
+    :class="{
+      'emoji-picker': true,
+      'emoji-picker-h5': !isPC
+    }"
+  >
+    <ul
+      ref="emojiPickerListRef"
+      :class="['emoji-picker-list', !isPC && 'emoji-picker-h5-list']"
+    >
+      <li
+        v-for="(childrenItem, childrenIndex) in currentEmojiList"
+        :key="childrenIndex"
+        class="emoji-picker-list-item"
+        @click="select(childrenItem, childrenIndex)"
+      >
+        <img
+          v-if="currentTabItem.type === EMOJI_TYPE.BASIC"
+          class="emoji"
+          :src="currentTabItem.url + BASIC_EMOJI_URL_MAPPING[childrenItem]"
+        >
+        <img
+          v-else-if="currentTabItem.type === EMOJI_TYPE.BIG"
+          class="emoji-big"
+          :src="currentTabItem.url + childrenItem + '@2x.png'"
+        >
+        <img
+          v-else
+          class="emoji-custom emoji-big"
+          :src="currentTabItem.url + childrenItem"
+        >
+      </li>
+    </ul>
+    <ul class="emoji-picker-tab">
+      <li
+        v-for="(item, index) in list"
+        :key="index"
+        class="emoji-picker-tab-item"
+        @click="toggleEmojiTab(index)"
+      >
+        <Icon
+          v-if="item.type === EMOJI_TYPE.BASIC"
+          class="icon"
+          :file="faceIcon"
+        />
+        <img
+          v-else-if="item.type === EMOJI_TYPE.BIG"
+          class="icon-big"
+          :src="item.url + item.list[0] + '@2x.png'"
+        >
+        <img
+          v-else
+          class="icon-custom icon-big"
+          :src="item.url + item.list[0]"
+        >
+      </li>
+      <li
+        v-if="isUniFrameWork"
+        class="send-btn"
+        @click="sendMessage"
+      >
+        发送
+      </li>
+    </ul>
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref, onMounted, onUnmounted } from '../../../../adapter-vue';
+import {
+  TUIChatService,
+  TUIStore,
+  StoreName,
+  IConversationModel,
+  SendMessageParams,
+} from '@tencentcloud/chat-uikit-engine';
+import Icon from '../../../common/Icon.vue';
+import faceIconLight from '../../../../assets/icon/face-light.svg';
+import faceIconDark from '../../../../assets/icon/face-dark.svg';
+import { EMOJI_TYPE } from '.././../../../constant';
+import { isPC, isUniFrameWork } from '../../../../utils/env';
+import { IEmojiGroupList, IEmojiGroup } from '../../../../interface';
+import { isEnabledMessageReadReceiptGlobal } from '../../utils/utils';
+import { EMOJI_GROUP_LIST, BASIC_EMOJI_URL_MAPPING, convertKeyToEmojiName } from '../../emoji-config';
+import TUIChatConfig from '../../config';
+
+const faceIcon = TUIChatConfig.getTheme() === 'dark' ? faceIconDark : faceIconLight;
+const emits = defineEmits(['insertEmoji', 'onClose', 'sendMessage']);
+const currentTabIndex = ref<number>(0);
+const currentConversation = ref();
+const emojiPickerDialog = ref();
+const emojiPickerListRef = ref();
+const featureConfig = TUIChatConfig.getFeatureConfig();
+const list = ref<IEmojiGroupList>(initEmojiList());
+const currentTabItem = ref<IEmojiGroup>(list?.value[0]);
+const currentEmojiList = ref<string[]>(list?.value[0]?.list);
+
+onMounted(() => {
+  TUIStore.watch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+const toggleEmojiTab = (index: number) => {
+  currentTabIndex.value = index;
+  currentTabItem.value = list?.value[index];
+  currentEmojiList.value = list?.value[index]?.list;
+  // web & h5 side scroll to top
+  if (!isUniFrameWork) {
+    emojiPickerListRef?.value && (emojiPickerListRef.value.scrollTop = 0);
+  }
+};
+
+const select = (item: any, index: number) => {
+  const options: any = {
+    emoji: { key: item, name: convertKeyToEmojiName(item) },
+    type: currentTabItem?.value?.type,
+  };
+  switch (currentTabItem?.value?.type) {
+    case EMOJI_TYPE.BASIC:
+      options.url = currentTabItem?.value?.url + BASIC_EMOJI_URL_MAPPING[item];
+      if (isUniFrameWork) {
+        uni.$emit('insert-emoji', options);
+      } else {
+        emits('insertEmoji', options);
+      }
+      break;
+    case EMOJI_TYPE.BIG:
+      sendFaceMessage(index, currentTabItem.value);
+      break;
+    case EMOJI_TYPE.CUSTOM:
+      sendFaceMessage(index, currentTabItem.value);
+      break;
+    default:
+      break;
+  }
+  isPC && emits('onClose');
+};
+
+const sendFaceMessage = (index: number, listItem: IEmojiGroup) => {
+  const options = {
+    to:
+      currentConversation?.value?.groupProfile?.groupID
+      || currentConversation?.value?.userProfile?.userID,
+    conversationType: currentConversation?.value?.type,
+    payload: {
+      index: listItem.emojiGroupID,
+      data: listItem.list[index],
+    },
+    needReadReceipt: isEnabledMessageReadReceiptGlobal(),
+  } as SendMessageParams;
+  TUIChatService.sendFaceMessage(options);
+};
+
+function sendMessage() {
+  uni.$emit('send-message-in-emoji-picker');
+}
+
+function onCurrentConversationUpdate(conversation: IConversationModel) {
+  currentConversation.value = conversation;
+}
+
+function initEmojiList() {
+  return EMOJI_GROUP_LIST.filter((item) => {
+    if (item.type === EMOJI_TYPE.BASIC) {
+      return featureConfig.InputEmoji;
+    }
+    if (item.type === EMOJI_TYPE.BIG) {
+      return featureConfig.InputStickers;
+    }
+  });
+}
+</script>
+
+<style lang="scss" scoped src="./style/index.scss"></style>

uni-app/src/roomkit/TUIKit/components/TUIChat/message-input-toolbar/emoji-picker/index.ts

@@ -0,0 +1,2 @@
+import EmojiPicker from './index.vue';
+export default EmojiPicker;

uni-app/src/roomkit/TUIKit/components/TUIChat/message-input-toolbar/emoji-picker/index.vue

@@ -0,0 +1,81 @@
+<template>
+  <ToolbarItemContainer
+    ref="container"
+    :iconFile="faceIcon"
+    title="表情"
+    @onDialogShow="onDialogShow"
+    @onDialogClose="onDialogClose"
+  >
+    <EmojiPickerDialog
+      @insertEmoji="insertEmoji"
+      @sendMessage="sendMessage"
+      @onClose="onClose"
+    />
+  </ToolbarItemContainer>
+</template>
+<script lang="ts" setup>
+import {
+  TUIStore,
+  StoreName,
+  IConversationModel,
+} from '@tencentcloud/chat-uikit-engine';
+import { ref } from '../../../../adapter-vue';
+import faceIconLight from '../../../../assets/icon/face-light.svg';
+import faceIconDark from '../../../../assets/icon/face-dark.svg';
+import EmojiPickerDialog from './emoji-picker-dialog.vue';
+import ToolbarItemContainer from '../toolbar-item-container/index.vue';
+import { isH5 } from '../../../../utils/env';
+import { ToolbarDisplayType } from '../../../../interface';
+import TUIChatConfig from '../../config';
+
+interface IEmits {
+  (e: 'sendMessage'): void;
+  (e: 'toggleComponent'): void;
+  (e: 'insertEmoji', emoji: any): void;
+  (e: 'dialogShowInH5', dialogRef: HTMLElement): void;
+  (e: 'dialogCloseInH5', dialogRef: HTMLElement): void;
+  (e: 'changeToolbarDisplayType', type: ToolbarDisplayType): void;
+}
+
+const faceIcon = TUIChatConfig.getTheme() === 'dark' ? faceIconDark : faceIconLight;
+const emits = defineEmits<IEmits>();
+const currentConversation = ref();
+const container = ref<InstanceType<typeof ToolbarItemContainer>>();
+
+TUIStore.watch(StoreName.CONV, {
+  currentConversation: (conversation: IConversationModel) => {
+    currentConversation.value = conversation;
+  },
+});
+
+const onDialogShow = (dialogRef: any) => {
+  if (!isH5) {
+    return;
+  }
+  emits('changeToolbarDisplayType', 'emojiPicker');
+  emits('dialogShowInH5', dialogRef.value);
+};
+
+const onDialogClose = (dialogRef: any) => {
+  if (!isH5) {
+    return;
+  }
+  emits('changeToolbarDisplayType', 'none');
+  emits('dialogCloseInH5', dialogRef.value);
+};
+
+const insertEmoji = (emojiObj) => {
+  emits('insertEmoji', emojiObj);
+};
+const sendMessage = () => {
+  emits('sendMessage');
+};
+const onClose = () => {
+  container.value?.toggleDialogDisplay(false);
+};
+
+defineExpose({
+  closeEmojiPicker: onClose,
+});
+</script>
+<style lang="scss" scoped src="./style/index.scss"></style>

uni-app/src/roomkit/TUIKit/components/TUIChat/message-input-toolbar/emoji-picker/style/h5.scss

@@ -0,0 +1,25 @@
+.emoji-picker-h5 {
+  width: 100%;
+
+  &-list {
+    justify-content: space-between;
+  }
+
+  &-list::after {
+    content: "";
+    display: block;
+    flex: 1 1 auto;
+  }
+
+  .send-btn {
+    width: 50px;
+    height: 30px;
+    background-color: #55C06A;
+    position: absolute;
+    right: 10px;
+    font-size: 16px;
+    color: #fff;
+    text-align: center;
+    line-height: 30px;
+  }
+}