@tencentcloud/roomkit-electron-vue3 2.7.2 → 2.8.2

package/es/stores/room.mjs

@@ -1,8 +1,14 @@
 import { defineStore } from "pinia";
-import { TUIVideoQuality, TUISeatMode, TUIInvitationStatus, TUIRole, TUIMediaDeviceType, TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-electron";
+import { TUIVideoQuality, TUISeatMode, TUIVideoStreamType, TUIRole, TUIMediaDeviceType, TUIInvitationStatus } from "@tencentcloud/tuiroom-engine-electron";
 import { useBasicStore } from "./basic.mjs";
 import { set, del } from "../utils/vue.mjs";
 import { isMobile } from "../utils/environment.mjs";
+import "../services/main.mjs";
+import { roomService } from "../services/roomService.mjs";
+import "../locales/index.mjs";
+import "mitt";
+import "../services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
 function getNewStreamInfo(userId, streamType) {
   const newStreamInfo = {
     userId,
@@ -10,7 +16,8 @@ function getNewStreamInfo(userId, streamType) {
     hasVideoStream: false,
     streamType: streamType || TUIVideoStreamType.kCameraStream,
     isLoading: false,
-    playDomList: []
+    playDomMap: /* @__PURE__ */ new Map(),
+    timestamp: Date.now()
   };
   return newStreamInfo;
 }
@@ -29,7 +36,8 @@ function getNewUserInfo(userId) {
     isUserApplyingToAnchor: false,
     isInvitingUserToAnchor: false,
     isInRoom: false,
-    status: TUIInvitationStatus.kNone
+    status: TUIInvitationStatus.kNone,
+    timestamp: Date.now()
   };
   return newUserInfo;
 }
@@ -39,29 +47,15 @@ function getRecordStreamType(streamType) {
   }
   return streamType;
 }
-function sortStreamList(streamList) {
-  const basicStore = useBasicStore();
-  return streamList.sort((item1, item2) => {
-    if (item1.userId === basicStore.userId) {
-      return -1;
-    }
-    if (item2.userId === basicStore.userId) {
-      return 1;
-    }
-    if (item1.streamType === TUIVideoStreamType.kScreenStream) {
-      return -1;
-    }
-    if (item2.streamType === TUIVideoStreamType.kScreenStream) {
-      return 1;
-    }
-    return 0;
-  });
-}
 const useRoomStore = defineStore("room", {
   state: () => ({
     userInfoObj: {},
     streamInfoObj: {},
     userVolumeObj: {},
+    currentSpeakerInfo: {
+      speakerUserId: "",
+      remoteSpeakerUserId: ""
+    },
     canControlSelfAudio: true,
     canControlSelfVideo: true,
     localVideoQuality: isMobile ? TUIVideoQuality.kVideoQuality_360p : TUIVideoQuality.kVideoQuality_720p,
@@ -82,8 +76,6 @@ const useRoomStore = defineStore("room", {
     maxSeatCount: 20,
     password: "",
     roomName: "",
-    // Visual area user flow list
-    hasOtherScreenShare: false,
     isOnStateTabActive: true,
     isLocalUserSharing: false,
     isWhiteboardVisiable: false,
@@ -97,7 +89,9 @@ const useRoomStore = defineStore("room", {
     },
     localStream(state) {
       const basicStore = useBasicStore();
-      return state.streamInfoObj[`${basicStore.userId}_${TUIVideoStreamType.kCameraStream}`] || getNewStreamInfo(basicStore.userId, TUIVideoStreamType.kCameraStream);
+      if (this.isFreeSpeakMode || this.localUser.onSeat) {
+        return state.streamInfoObj[`${basicStore.userId}_${TUIVideoStreamType.kCameraStream}`] || getNewStreamInfo(basicStore.userId, TUIVideoStreamType.kCameraStream);
+      }
     },
     localScreenStream(state) {
       const basicStore = useBasicStore();
@@ -153,7 +147,9 @@ const useRoomStore = defineStore("room", {
           return this.userInfoObj[item.userId].onSeat;
         });
       }
-      return sortStreamList(streamList);
+      return streamList.sort(
+        roomService.userManager.getStreamListSortComparator()
+      );
     },
     remoteStreamList() {
       const basicStore = useBasicStore();
@@ -164,32 +160,18 @@ const useRoomStore = defineStore("room", {
         (stream) => stream.streamType === TUIVideoStreamType.kCameraStream
       );
     },
+    remoteScreenStream() {
+      return this.remoteStreamList.find(
+        (stream) => stream.streamType === TUIVideoStreamType.kScreenStream && stream.hasVideoStream
+      );
+    },
     streamNumber() {
       return this.streamList.length;
     },
     userList() {
-      const basicStore = 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 === TUIRole.kRoomOwner) {
-          return -1;
-        }
-        if (item2.userRole === TUIRole.kRoomOwner) {
-          return 1;
-        }
-        if (item1.userRole === TUIRole.kAdministrator) {
-          return -1;
-        }
-        if (item2.userRole === TUIRole.kAdministrator) {
-          return 1;
-        }
-        return 0;
-      });
+      return [...Object.values(this.userInfoObj)].sort(
+        roomService.userManager.getUserListSortComparator()
+      );
     },
     userNumber() {
       return this.userList.filter((item) => item.isInRoom).length;
@@ -339,6 +321,9 @@ const useRoomStore = defineStore("room", {
         set(this.userVolumeObj, userId, volume);
       });
     },
+    setCurrentSpeakerInfo(speakerInfo) {
+      Object.assign(this.currentSpeakerInfo, speakerInfo);
+    },
     setCurrentDeviceId(type, deviceId) {
       switch (type) {
         case TUIMediaDeviceType.kMediaDeviceTypeVideoCamera:
@@ -504,9 +489,6 @@ const useRoomStore = defineStore("room", {
         remoteUserInfo.inviteToAnchorRequestId = "";
       }
     },
-    setHasOtherScreenShare(hasScreenShare) {
-      this.hasOtherScreenShare = hasScreenShare;
-    },
     setOnStageTabStatus(isOnStateTabActive) {
       this.isOnStateTabActive = isOnStateTabActive;
     },
@@ -523,25 +505,26 @@ const useRoomStore = defineStore("room", {
     reset() {
       const basicStore = 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 = 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 = TUISeatMode.kFreeToTake;
-      this.hasOtherScreenShare = false;
       this.isOnStateTabActive = true;
       this.maxSeatCount = 20;
       this.password = "";
@@ -550,9 +533,19 @@ const useRoomStore = defineStore("room", {
       this.isWhiteboardVisiable = false;
       this.isSharingScreen = false;
       this.isAnnotationVisiable = false;
+    },
+    resetDeviceData() {
+      this.currentCameraId = "";
+      this.currentMicrophoneId = "";
+      this.currentSpeakerId = "";
+      this.cameraList = [];
+      this.microphoneList = [];
+      this.speakerList = [];
     }
   }
 });
 export {
+  getNewStreamInfo,
+  getNewUserInfo,
   useRoomStore
 };

package/es/utils/common/logger/index.mjs

@@ -1,5 +1,5 @@
 import { EUserEventNames } from "./logger-constants.mjs";
-import { LogLevelType, getLogPrefix, LogContext } from "./logger-utils.mjs";
+import { getLogPrefix, LogContext, LogLevelType } from "./logger-utils.mjs";
 let currentLogLevel = LogLevelType.LOG_LEVEL_DEBUG;
 const logger = {
   debug(...args) {

package/es/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/es/utils/domOperation.mjs

@@ -1,26 +1,20 @@
-import { isWeChat } from "./environment.mjs";
-function getScrollInfo(selector, instanceName) {
-  if (!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 (isWeChat) {
-    return Promise.reject(
-      new Error("uni.getScrollInfo() need instanceName in params.")
-    );
-  }
-  return Promise.reject(new Error("getScrollInfo() occur error"));
+import "./environment.mjs";
+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 };
 }
 export {
-  getScrollInfo
+  getContentSize
 };

package/es/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/es/utils/utils.mjs

@@ -176,10 +176,53 @@ 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;
+}
 export {
   addSuffix,
+  arrayIsEqual,
   calculateByteLength,
+  combineComparators,
   convertSecondsToHMS,
+  createComparator,
   debounce,
   deepClone,
   exitFullScreen,

package/lib/components/Chat/ChatKit/components/TUIChat/emoji-config/locales/zh_tw.d.ts

@@ -0,0 +1,2 @@
+declare const Emoji: Record<string, string>;
+export default Emoji;

package/lib/components/Chat/ChatKit/components/TUIChat/emoji-config/locales/zh_tw.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Emoji = {
+  "[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]": "[讚]"
+};
+exports.default = Emoji;

package/lib/components/Chat/ChatKit/components/TUIChat/index.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
 ;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
-const TUIChat = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1927e971"]]);
+const TUIChat = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-5c1ad570"]]);
 exports.default = TUIChat;

package/lib/components/Chat/ChatKit/components/TUIChat/index.vue2.js

@@ -31,13 +31,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const featureConfig = config.default.getFeatureConfig();
     Vue.onMounted(() => {
       TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
-        currentConversationID: onCurrentConversationIDUpdate,
         currentConversation: onCurrentConversationUpdate
       });
     });
     Vue.onUnmounted(() => {
       TUIChatEngine.TUIStore.unwatch(TUIChatEngine.StoreName.CONV, {
-        currentConversationID: onCurrentConversationIDUpdate,
         currentConversation: onCurrentConversationUpdate
       });
       reset();
@@ -113,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       var _a;
       (_a = messageListRef.value) == null ? void 0 : _a.oneByOneForwardMessage();
     }
-    function onCurrentConversationUpdate(conversation) {
+    function updateUIUserNotInGroup(conversation) {
       if ((conversation == null ? void 0 : conversation.operationType) > 0) {
         headerExtensionList.value = [];
         isNotInGroup.value = true;
@@ -123,19 +121,23 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         notInGroupReason.value = void 0;
       }
     }
-    function onCurrentConversationIDUpdate(conversationID) {
-      if (currentConversationID.value === conversationID) {
+    function onCurrentConversationUpdate(conversation) {
+      updateUIUserNotInGroup(conversation);
+      if (!conversation) {
+        return;
+      }
+      if (currentConversationID.value === (conversation == null ? void 0 : 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 = [];
-      currentConversationID.value = conversationID;
       isMultipleSelectMode.value = false;
       config.default.setChatType(conversationType);
       TUICore.notifyEvent(TUICore.TUIConstants.TUIChat.EVENT.CHAT_STATE_CHANGED, TUICore.TUIConstants.TUIChat.EVENT_SUB_KEY.CHAT_OPENED, { groupID: groupID.value });
@@ -144,9 +146,18 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         method: TUICore.TUIConstants.TUICustomerServicePlugin.SERVICE.METHOD.ACTIVE_CONVERSATION,
         params: { conversationID }
       });
+      if (config.default.getChatType() === TUICore.TUIConstants.TUIChat.TYPE.ROOM) {
+        if (config.default.getFeatureConfig(TUICore.TUIConstants.TUIChat.FEATURE.InputVoice) === true) {
+          config.default.setTheme("light");
+          currentConversationID.value = "";
+          return;
+        }
+      }
       if (config.default.getChatType() === TUICore.TUIConstants.TUIChat.TYPE.GROUP) {
         headerExtensionList.value = TUICore.getExtensionList(TUICore.TUIConstants.TUIChat.EXTENSION.CHAT_HEADER.EXT_ID);
       }
+      TUIChatEngine.TUIStore.update(TUIChatEngine.StoreName.CUSTOM, "activeConversation", conversationID);
+      currentConversationID.value = conversationID;
     }
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
@@ -169,9 +180,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
                 !Vue.unref(env.isPC) && "tui-chat-H5-header",
                 Vue.unref(env.isUniFrameWork) && "tui-chat-uniapp-header"
               ]),
+              isGroup: Vue.unref(isGroup),
               headerExtensionList: Vue.unref(headerExtensionList),
-              onCloseChat: closeChat
-            }, null, 8, ["class", "headerExtensionList"]),
+              onCloseChat: closeChat,
+              onOpenGroupManagement: handleGroup
+            }, null, 8, ["class", "isGroup", "headerExtensionList"]),
             Vue.createVNode(index_vue_vue_type_script_setup_true_lang.default, { onToggleMultipleSelectMode: toggleMultipleSelectMode }),
             Vue.createVNode(index$1.default, {
               ref_key: "messageListRef",
@@ -227,7 +240,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
               }, null, 8, ["class", "enableAt", "muteText", "placeholder", "inputToolbarDisplayType"])
             ], 64))
           ], 2)) : Vue.createCommentVNode("", true),
-          !Vue.unref(isNotInGroup) && Vue.unref(env.isUniFrameWork) && Vue.unref(isGroup) && Vue.unref(headerExtensionList).length > 0 ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          !Vue.unref(isNotInGroup) && !Vue.unref(env.isApp) && Vue.unref(env.isUniFrameWork) && Vue.unref(isGroup) && Vue.unref(headerExtensionList).length > 0 ? (Vue.openBlock(), Vue.createElementBlock("div", {
             key: 2,
             class: "group-profile",
             onClick: handleGroup

package/lib/components/Chat/ChatKit/components/TUIChat/message-input/index.vue2.js

@@ -4,11 +4,11 @@ const Vue = require("vue");
 const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
 require("../../../adapter-vue.js");
 const messageInputEditor = require("./message-input-editor.vue.js");
-const index$1 = require("./message-input-at/index.vue.js");
+const index = require("./message-input-at/index.vue.js");
 const messageInputButton = require("./message-input-button.vue.js");
-const index$2 = require("./message-input-quote/index.vue.js");
+const index$1 = require("./message-input-quote/index.vue.js");
 const sendMessage = require("../utils/sendMessage.js");
-const index = require("../emoji-config/index.js");
+const index$2 = require("../emoji-config/index.js");
 const env = require("../../../utils/env.js");
 const _hoisted_1 = { class: "message-input-wrapper" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       if (!_editorContentList || !currentConversation.value) return;
       const editorContentList = _editorContentList.map((editor2) => {
         if (editor2.type === "text") {
-          editor2.payload.text = index.transformTextWithEmojiNamesToKeys(editor2.payload.text);
+          editor2.payload.text = index$2.transformTextWithEmojiNamesToKeys(editor2.payload.text);
         }
         return editor2;
       });
@@ -125,7 +125,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             key: 0,
             onSendMessage: sendMessage$1
           })) : Vue.createCommentVNode("", true),
-          props.enableAt ? (Vue.openBlock(), Vue.createBlock(index$1.default, {
+          props.enableAt ? (Vue.openBlock(), Vue.createBlock(index.default, {
             key: 1,
             ref_key: "messageInputAtRef",
             ref: messageInputAtRef,
@@ -133,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             onOnAtListOpen: onAtListOpen
           }, null, 512)) : Vue.createCommentVNode("", true)
         ], 2),
-        Vue.createVNode(index$2.default)
+        Vue.createVNode(index$1.default)
       ]);
     };
   }

package/lib/components/Chat/ChatKit/components/TUIChat/message-input/message-input-editor.vue.js

@@ -4,5 +4,5 @@ const messageInputEditor_vue_vue_type_script_setup_true_lang = require("./messag
 ;/* empty css                           */
 ;/* empty css                           */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const MessageInputEditor = /* @__PURE__ */ _pluginVue_exportHelper.default(messageInputEditor_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-84c27463"]]);
+const MessageInputEditor = /* @__PURE__ */ _pluginVue_exportHelper.default(messageInputEditor_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-704cb70e"]]);
 exports.default = MessageInputEditor;

package/lib/components/Chat/ChatKit/components/TUIChat/message-input/message-input-editor.vue2.js

@@ -12,6 +12,7 @@ const Mention = require("@tiptap/extension-mention");
 const messageInputFile = require("./message-input-file.js");
 const index = require("./message-input-at/index.js");
 const index$1 = require("../emoji-config/index.js");
+const riseInput = require("../../../utils/riseInput.js");
 const env = require("../../../utils/env.js");
 const conversationDraft = require("../utils/conversationDraft.js");
 const _hoisted_1 = {
@@ -68,6 +69,13 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const editorDom = Vue.ref();
     let editor = null;
     const fileMap = /* @__PURE__ */ new Map();
+    const DisableDefaultEnter = core.Extension.create({
+      addKeyboardShortcuts() {
+        return {
+          Enter: () => true
+        };
+      }
+    });
     function onCurrentConversationIDUpdated(conversationID) {
       if (currentConversationID.value !== conversationID) {
         if (currentConversationID.value) {
@@ -95,6 +103,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           Document,
           Paragraph,
           Text,
+          DisableDefaultEnter,
           Placeholder.configure({
             emptyEditorClass: "is-editor-empty",
             placeholder: placeholder.value
@@ -149,6 +158,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           isEditorBlur.value = true;
         }
       }) : null;
+      if (env.isH5) {
+        const targetBottomDom = document.querySelector(".message-input-toolbar") || editorDom.value;
+        riseInput.default(editorDom.value, targetBottomDom);
+      }
       TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
         currentConversationID: onCurrentConversationIDUpdated
       });

package/lib/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/emoji-picker/emoji-picker-dialog.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    onClose: (...args: any[]) => void;
     sendMessage: (...args: any[]) => void;
+    onClose: (...args: any[]) => void;
     insertEmoji: (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;

package/lib/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/index.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
 ;/* empty css            */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
-const MessageInputToolbar = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-fdebc27e"]]);
+const MessageInputToolbar = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-fe51a5a7"]]);
 exports.default = MessageInputToolbar;