@tencentcloud/roomkit-electron-vue3 2.7.2 → 2.8.2

package/lib/stores/room.js

@@ -5,6 +5,12 @@ const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const basic = require("./basic.js");
 const vue = require("../utils/vue.js");
 const environment = require("../utils/environment.js");
+require("../services/main.js");
+const roomService = require("../services/roomService.js");
+require("../locales/index.js");
+require("mitt");
+require("../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
 function getNewStreamInfo(userId, streamType) {
   const newStreamInfo = {
     userId,
@@ -12,7 +18,8 @@ function getNewStreamInfo(userId, streamType) {
     hasVideoStream: false,
     streamType: streamType || TUIRoomEngine.TUIVideoStreamType.kCameraStream,
     isLoading: false,
-    playDomList: []
+    playDomMap: /* @__PURE__ */ new Map(),
+    timestamp: Date.now()
   };
   return newStreamInfo;
 }
@@ -31,7 +38,8 @@ function getNewUserInfo(userId) {
     isUserApplyingToAnchor: false,
     isInvitingUserToAnchor: false,
     isInRoom: false,
-    status: TUIRoomEngine.TUIInvitationStatus.kNone
+    status: TUIRoomEngine.TUIInvitationStatus.kNone,
+    timestamp: Date.now()
   };
   return newUserInfo;
 }
@@ -41,29 +49,15 @@ function getRecordStreamType(streamType) {
   }
   return streamType;
 }
-function sortStreamList(streamList) {
-  const basicStore = basic.useBasicStore();
-  return streamList.sort((item1, item2) => {
-    if (item1.userId === basicStore.userId) {
-      return -1;
-    }
-    if (item2.userId === basicStore.userId) {
-      return 1;
-    }
-    if (item1.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream) {
-      return -1;
-    }
-    if (item2.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream) {
-      return 1;
-    }
-    return 0;
-  });
-}
 const useRoomStore = pinia.defineStore("room", {
   state: () => ({
     userInfoObj: {},
     streamInfoObj: {},
     userVolumeObj: {},
+    currentSpeakerInfo: {
+      speakerUserId: "",
+      remoteSpeakerUserId: ""
+    },
     canControlSelfAudio: true,
     canControlSelfVideo: true,
     localVideoQuality: environment.isMobile ? TUIRoomEngine.TUIVideoQuality.kVideoQuality_360p : TUIRoomEngine.TUIVideoQuality.kVideoQuality_720p,
@@ -84,8 +78,6 @@ const useRoomStore = pinia.defineStore("room", {
     maxSeatCount: 20,
     password: "",
     roomName: "",
-    // Visual area user flow list
-    hasOtherScreenShare: false,
     isOnStateTabActive: true,
     isLocalUserSharing: false,
     isWhiteboardVisiable: false,
@@ -99,7 +91,9 @@ const useRoomStore = pinia.defineStore("room", {
     },
     localStream(state) {
       const basicStore = basic.useBasicStore();
-      return state.streamInfoObj[`${basicStore.userId}_${TUIRoomEngine.TUIVideoStreamType.kCameraStream}`] || getNewStreamInfo(basicStore.userId, TUIRoomEngine.TUIVideoStreamType.kCameraStream);
+      if (this.isFreeSpeakMode || this.localUser.onSeat) {
+        return state.streamInfoObj[`${basicStore.userId}_${TUIRoomEngine.TUIVideoStreamType.kCameraStream}`] || getNewStreamInfo(basicStore.userId, TUIRoomEngine.TUIVideoStreamType.kCameraStream);
+      }
     },
     localScreenStream(state) {
       const basicStore = basic.useBasicStore();
@@ -155,7 +149,9 @@ const useRoomStore = pinia.defineStore("room", {
           return this.userInfoObj[item.userId].onSeat;
         });
       }
-      return sortStreamList(streamList);
+      return streamList.sort(
+        roomService.roomService.userManager.getStreamListSortComparator()
+      );
     },
     remoteStreamList() {
       const basicStore = basic.useBasicStore();
@@ -166,32 +162,18 @@ const useRoomStore = pinia.defineStore("room", {
         (stream) => stream.streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream
       );
     },
+    remoteScreenStream() {
+      return this.remoteStreamList.find(
+        (stream) => stream.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream && stream.hasVideoStream
+      );
+    },
     streamNumber() {
       return this.streamList.length;
     },
     userList() {
-      const basicStore = basic.useBasicStore();
-      return [...Object.values(this.userInfoObj)].sort((item1, item2) => {
-        if (item1.userId === basicStore.userId) {
-          return -1;
-        }
-        if (item2.userId === basicStore.userId) {
-          return 1;
-        }
-        if (item1.userRole === TUIRoomEngine.TUIRole.kRoomOwner) {
-          return -1;
-        }
-        if (item2.userRole === TUIRoomEngine.TUIRole.kRoomOwner) {
-          return 1;
-        }
-        if (item1.userRole === TUIRoomEngine.TUIRole.kAdministrator) {
-          return -1;
-        }
-        if (item2.userRole === TUIRoomEngine.TUIRole.kAdministrator) {
-          return 1;
-        }
-        return 0;
-      });
+      return [...Object.values(this.userInfoObj)].sort(
+        roomService.roomService.userManager.getUserListSortComparator()
+      );
     },
     userNumber() {
       return this.userList.filter((item) => item.isInRoom).length;
@@ -341,6 +323,9 @@ const useRoomStore = pinia.defineStore("room", {
         vue.set(this.userVolumeObj, userId, volume);
       });
     },
+    setCurrentSpeakerInfo(speakerInfo) {
+      Object.assign(this.currentSpeakerInfo, speakerInfo);
+    },
     setCurrentDeviceId(type, deviceId) {
       switch (type) {
         case TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera:
@@ -506,9 +491,6 @@ const useRoomStore = pinia.defineStore("room", {
         remoteUserInfo.inviteToAnchorRequestId = "";
       }
     },
-    setHasOtherScreenShare(hasScreenShare) {
-      this.hasOtherScreenShare = hasScreenShare;
-    },
     setOnStageTabStatus(isOnStateTabActive) {
       this.isOnStateTabActive = isOnStateTabActive;
     },
@@ -525,25 +507,26 @@ const useRoomStore = pinia.defineStore("room", {
     reset() {
       const basicStore = basic.useBasicStore();
       basicStore.setIsOpenMic(false);
+      this.resetRoomData();
+      this.resetDeviceData();
+    },
+    resetRoomData() {
       this.streamInfoObj = {};
       this.userInfoObj = {};
       this.userVolumeObj = {};
+      this.currentSpeakerInfo = {
+        speakerUserId: "",
+        remoteSpeakerUserId: ""
+      };
       this.canControlSelfAudio = true;
       this.canControlSelfVideo = true;
       this.localVideoQuality = TUIRoomEngine.TUIVideoQuality.kVideoQuality_720p;
-      this.currentCameraId = "";
-      this.currentMicrophoneId = "";
-      this.currentSpeakerId = "";
-      this.cameraList = [];
-      this.microphoneList = [];
-      this.speakerList = [];
       this.masterUserId = "";
       this.isMicrophoneDisableForAllUser = false;
       this.isCameraDisableForAllUser = false;
       this.isScreenShareDisableForAllUser = false;
       this.isSeatEnabled = void 0;
       this.seatMode = TUIRoomEngine.TUISeatMode.kFreeToTake;
-      this.hasOtherScreenShare = false;
       this.isOnStateTabActive = true;
       this.maxSeatCount = 20;
       this.password = "";
@@ -552,7 +535,17 @@ const useRoomStore = pinia.defineStore("room", {
       this.isWhiteboardVisiable = false;
       this.isSharingScreen = false;
       this.isAnnotationVisiable = false;
+    },
+    resetDeviceData() {
+      this.currentCameraId = "";
+      this.currentMicrophoneId = "";
+      this.currentSpeakerId = "";
+      this.cameraList = [];
+      this.microphoneList = [];
+      this.speakerList = [];
     }
   }
 });
+exports.getNewStreamInfo = getNewStreamInfo;
+exports.getNewUserInfo = getNewUserInfo;
 exports.useRoomStore = useRoomStore;

package/lib/utils/domOperation.d.ts

@@ -38,4 +38,8 @@ export declare function getBoundingClientRectSync(selector: string | HTMLElement
 export declare function getScrollInfo(selector: string | HTMLElement, instanceName?: registeredPage): Promise<IScrollInfo>;
 export declare function getScrollInfoSync(selector: string | HTMLElement): IScrollInfo;
 export declare function getFields(selector: string | HTMLElement, instanceName?: registeredPage): Promise<IFields>;
+export declare function getContentSize(element: HTMLElement): {
+    width: number;
+    height: number;
+};
 export {};

package/lib/utils/domOperation.js

@@ -1,26 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const environment = require("./environment.js");
-function getScrollInfo(selector, instanceName) {
-  if (!environment.isWeChat && window) {
-    const dom = document.querySelector(selector);
-    if (!dom)
-      return Promise.reject(
-        new Error(`getScrollInfo() can't find ${selector} dom.`)
-      );
-    return Promise.resolve({
-      id: dom.id,
-      scrollTop: dom.scrollTop,
-      scrollLeft: dom.scrollLeft,
-      scrollWidth: dom.scrollWidth,
-      scrollHeight: dom.scrollHeight
-    });
-  }
-  if (environment.isWeChat) {
-    return Promise.reject(
-      new Error("uni.getScrollInfo() need instanceName in params.")
-    );
-  }
-  return Promise.reject(new Error("getScrollInfo() occur error"));
+require("./environment.js");
+function getContentSize(element) {
+  const computedStyle = getComputedStyle(element);
+  const paddingTop = Number(computedStyle.paddingTop.replace("px", ""));
+  const paddingBottom = Number(computedStyle.paddingBottom.replace("px", ""));
+  const borderTop = Number(computedStyle.borderTopWidth.replace("px", ""));
+  const borderBottom = Number(
+    computedStyle.borderBottomWidth.replace("px", "")
+  );
+  const paddingLeft = Number(computedStyle.paddingLeft.replace("px", ""));
+  const paddingRight = Number(computedStyle.paddingRight.replace("px", ""));
+  const borderLeft = Number(computedStyle.borderLeftWidth.replace("px", ""));
+  const borderRight = Number(computedStyle.borderRightWidth.replace("px", ""));
+  const contentWidth = element.offsetWidth - paddingLeft - paddingRight - borderLeft - borderRight;
+  const contentHeight = element.offsetHeight - paddingTop - paddingBottom - borderTop - borderBottom;
+  return { width: contentWidth, height: contentHeight };
 }
-exports.getScrollInfo = getScrollInfo;
+exports.getContentSize = getContentSize;

package/lib/utils/utils.d.ts

@@ -62,3 +62,14 @@ export declare function convertSecondsToHMS(seconds: number): {
 export declare function getNanoId(size?: number): string;
 export declare function findLastIndex<T>(array: T[], predicate: (value: T, index: number, obj: T[]) => boolean, thisArg?: any): number;
 export declare function formatTimestampToTime(timestamp: number, format?: string): string;
+export type Comparator<T> = (a: T, b: T) => -1 | 0 | 1;
+/**
+ * Creates a new combined {@link Comparator<T>} which sorts items by the given comparators.
+ * The comparators are applied in the order they are given (left -> right).
+ *
+ * @param comparators the comparators to use for sorting.
+ * @returns a combined {@link Comparator<T>}.
+ */
+export declare const combineComparators: <T>(...comparators: Comparator<T>[]) => Comparator<T>;
+export declare const createComparator: <T>(compareRules: (data1: T, data2: T) => boolean) => (a: T, b: T) => 1 | -1 | 0;
+export declare function arrayIsEqual<T>(arr1: T[], arr2: T[]): boolean;

package/lib/utils/utils.js

@@ -178,9 +178,52 @@ function formatTimestampToTime(timestamp, format = "MM-DD HH:mm") {
     (match) => replacements[match]
   );
 }
+const combineComparators = (...comparators) => {
+  return (a, b) => {
+    for (const comparator of comparators) {
+      const result = comparator(a, b);
+      if (result !== 0) return result;
+    }
+    return 0;
+  };
+};
+const createComparator = (compareRules) => {
+  return (a, b) => {
+    if (compareRules(a, b) && compareRules(b, a)) {
+      return 0;
+    }
+    if (compareRules(a, b)) {
+      return -1;
+    }
+    if (compareRules(b, a)) {
+      return 1;
+    }
+    return 0;
+  };
+};
+function arrayIsEqual(arr1, arr2) {
+  if (arr1.length !== arr2.length) {
+    return false;
+  }
+  for (let i = 0; i < arr1.length; i++) {
+    if (typeof arr1[i] === "object" && typeof arr2[i] === "object" && arr1[i] !== null && arr2[i] !== null) {
+      if (!arrayIsEqual(arr1[i], arr2[i])) {
+        return false;
+      }
+    } else {
+      if (arr1[i] !== arr2[i]) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
 exports.addSuffix = addSuffix;
+exports.arrayIsEqual = arrayIsEqual;
 exports.calculateByteLength = calculateByteLength;
+exports.combineComparators = combineComparators;
 exports.convertSecondsToHMS = convertSecondsToHMS;
+exports.createComparator = createComparator;
 exports.debounce = debounce;
 exports.deepClone = deepClone;
 exports.exitFullScreen = exitFullScreen;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/roomkit-electron-vue3",
-  "version": "2.7.2",
+  "version": "2.8.2",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -20,9 +20,9 @@
   "dependencies": {
     "@tencentcloud/chat": "latest",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-electron": "^2.7.2",
-    "@tencentcloud/chat-uikit-engine": "2.2.7",
-    "@tencentcloud/chat-uikit-vue": "2.2.7",
+    "@tencentcloud/tuiroom-engine-electron": "^2.8.2",
+    "@tencentcloud/chat-uikit-engine": "2.3.3",
+    "@tencentcloud/chat-uikit-vue": "2.3.3",
     "@tencentcloud/universal-api": "^2.0.9",
     "@tiptap/core": "^2.6.6",
     "@tiptap/extension-document": "^2.6.6",

package/src/TUIRoom/components/Chat/ChatKit/CHANGELOG.md

@@ -1,3 +1,38 @@
+## [2.3.3] (2024-10-28)
+
+### Features
+- 支持群组禁言后发送消息错误提示国际化
+
+## Fix
+- 修复集成 CallKit 点击通话按钮偶现无响应问题
+
+## [2.3.2] (2024-10-28)
+
+## Fix
+- 修复群聊中群管理入口偶现的丢失问题
+
+## [2.3.1] (2024-10-25)
+
+## Fix
+- 修复 H5 安全区遮挡问题
+- 修复 H5 键盘遮挡输入框问题
+- 修复撤回消息中撤回人为空问题
+- 修复 TUIContact 修改好友备注后列表显示未更新问题
+
+## [2.2.9] (2024-10-17)
+
+## Fix
+- 修复 Callkit 融合被叫超时无应答英文词条翻译错误问题
+
+## [2.2.8] (2024-09-24)
+
+### Features
+- 支持繁体中文语言
+- 支持新增自定义语言类型
+
+## Fix
+- 修复 MessageInput 内容中间回车发送消息引入换行问题
+
 ## [2.2.7] (2024-09-13)
 
 ### Features

package/src/TUIRoom/components/Chat/ChatKit/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;

package/src/TUIRoom/components/Chat/ChatKit/components/TUIChat/index.vue

@@ -17,8 +17,10 @@
             !isPC && 'tui-chat-H5-header',
             isUniFrameWork && 'tui-chat-uniapp-header',
           ]"
+          :isGroup="isGroup"
           :headerExtensionList="headerExtensionList"
           @closeChat="closeChat"
+          @openGroupManagement="handleGroup"
         />
         <Forward @toggleMultipleSelectMode="toggleMultipleSelectMode" />
         <MessageList
@@ -79,7 +81,7 @@
       </div>
       <!-- Group Management -->
       <div
-        v-if="!isNotInGroup && isUniFrameWork && isGroup && headerExtensionList.length > 0"
+        v-if="!isNotInGroup && !isApp && isUniFrameWork && isGroup && headerExtensionList.length > 0"
         class="group-profile"
         @click="handleGroup"
       >
@@ -105,7 +107,7 @@ 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 } from '../../utils/env';
+import { isPC, isWeChat, isUniFrameWork, isMobile, isApp } from '../../utils/env';
 import { ToolbarDisplayType } from '../../interface';
 import TUIChatConfig from './config';
 
@@ -125,14 +127,12 @@ const featureConfig = TUIChatConfig.getFeatureConfig();
 
 onMounted(() => {
   TUIStore.watch(StoreName.CONV, {
-    currentConversationID: onCurrentConversationIDUpdate,
     currentConversation: onCurrentConversationUpdate,
   });
 });
 
 onUnmounted(() => {
   TUIStore.unwatch(StoreName.CONV, {
-    currentConversationID: onCurrentConversationIDUpdate,
     currentConversation: onCurrentConversationUpdate,
   });
   reset();
@@ -220,7 +220,7 @@ function oneByOneForwardMessage() {
   messageListRef.value?.oneByOneForwardMessage();
 }
 
-function onCurrentConversationUpdate(conversation: IConversationModel) {
+function updateUIUserNotInGroup(conversation: IConversationModel) {
   if (conversation?.operationType > 0) {
     headerExtensionList.value = [];
     isNotInGroup.value = true;
@@ -236,13 +236,20 @@ function onCurrentConversationUpdate(conversation: IConversationModel) {
   }
 }
 
-function onCurrentConversationIDUpdate(conversationID: string) {
-  if (currentConversationID.value === conversationID) {
+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;
@@ -250,7 +257,6 @@ function onCurrentConversationIDUpdate(conversationID: string) {
   }
 
   headerExtensionList.value = [];
-  currentConversationID.value = conversationID;
   isMultipleSelectMode.value = false;
   // Initialize chatType
   TUIChatConfig.setChatType(conversationType);
@@ -262,10 +268,20 @@ function onCurrentConversationIDUpdate(conversationID: string) {
     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>
 

package/src/TUIRoom/components/Chat/ChatKit/components/TUIChat/message-input/message-input-editor.vue

@@ -29,7 +29,7 @@ import {
   StoreName,
   IMessageModel,
 } from '@tencentcloud/chat-uikit-engine';
-import { Editor, JSONContent } from '@tiptap/core';
+import { Editor, JSONContent, Extension } from '@tiptap/core';
 import Document from '@tiptap/extension-document';
 import Paragraph from '@tiptap/extension-paragraph';
 import Placeholder from '@tiptap/extension-placeholder';
@@ -39,6 +39,7 @@ import CustomImage from './message-input-file';
 import { ITipTapEditorContent } from '../../../interface';
 import MessageInputAtSuggestion from './message-input-at/index';
 import { parseTextToRenderArray } from '../emoji-config';
+import riseInput from '../../../utils/riseInput';
 import { isH5, isPC } from '../../../utils/env';
 import DraftManager from '../utils/conversationDraft';
 
@@ -87,6 +88,13 @@ const currentQuoteMessage = ref<{ message: IMessageModel; type: string }>();
 const editorDom = ref();
 let editor: Editor | null = null;
 const fileMap = new Map<string, any>();
+const DisableDefaultEnter = Extension.create({
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => true,
+    };
+  },
+});
 
 function onCurrentConversationIDUpdated(conversationID: string) {
   if (currentConversationID.value !== conversationID) {
@@ -118,6 +126,7 @@ onMounted(() => {
         Document,
         Paragraph,
         Text,
+        DisableDefaultEnter,
         Placeholder.configure({
           emptyEditorClass: 'is-editor-empty',
           placeholder: placeholder.value,
@@ -178,6 +187,11 @@ onMounted(() => {
     })
     : null;
 
+  if (isH5) {
+    const targetBottomDom = document.querySelector('.message-input-toolbar') as HTMLElement || editorDom.value;
+    riseInput(editorDom.value, targetBottomDom);
+  }
+
   TUIStore.watch(StoreName.CONV, {
     currentConversationID: onCurrentConversationIDUpdated,
   });

package/src/TUIRoom/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/index.vue

@@ -122,14 +122,14 @@ const isRenderedEmojiPicker = ref<boolean>(true);
 isRenderedEmojiPicker.value = featureConfig.InputEmoji || featureConfig.InputStickers;
 
 onMounted(() => {
-  TUIStore.watch(StoreName.CONV, {
-    currentConversation: onCurrentConversationUpdate,
+  TUIStore.watch(StoreName.CUSTOM, {
+    activeConversation: onActiveConversationUpdate,
   });
 });
 
 onUnmounted(() => {
-  TUIStore.unwatch(StoreName.CONV, {
-    currentConversation: onCurrentConversationUpdate,
+  TUIStore.unwatch(StoreName.CUSTOM, {
+    activeConversation: onActiveConversationUpdate,
   });
 });
 
@@ -141,18 +141,18 @@ watch(() => props.displayType, (newValue) => {
   }
 });
 
-const onCurrentConversationUpdate = (conversation: IConversationModel) => {
-  if (conversation?.conversationID && conversation.conversationID !== currentConversation.value?.conversationID) {
-    getExtensionList(conversation.conversationID);
-  }
-  currentConversation.value = conversation;
-  isGroup.value = currentConversation?.value?.type === TUIChatEngine.TYPES.CONV_GROUP;
-};
-
-const getExtensionList = (conversationID: string) => {
+const onActiveConversationUpdate = (conversationID: string) => {
   if (!conversationID) {
     return;
   }
+  if (conversationID !== currentConversation.value?.conversationID) {
+    getExtensionList();
+    currentConversation.value = TUIStore.getData(StoreName.CONV, 'currentConversation');
+    isGroup.value = conversationID.startsWith(TUIChatEngine.TYPES.CONV_GROUP);
+  }
+};
+
+const getExtensionList = () => {
   const chatType = TUIChatConfig.getChatType();
   const params: Record<string, boolean | string> = { chatType };
   // Backward compatibility: When callkit does not have chatType judgment, use filterVoice and filterVideo to filter

package/src/TUIRoom/components/Chat/ChatKit/components/TUIChat/message-list/index.vue

@@ -65,7 +65,7 @@
             <MessageRevoked
               v-else-if="item.isRevoked"
               :isEdit="item.type === TYPES.MSG_TEXT"
-              :messageItem="item"
+              :messageItem="shallowCopyMessage(item)"
               @messageEdit="handleEdit(item)"
             />
             <MessagePlugin