@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

package/es/components/common/icons/VirtualBackgroundIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/components/common/icons/WarningIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/components/common/icons/WarningIcon.vue.mjs

@@ -0,0 +1,29 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("g", { id: "注意" }, [
+  /* @__PURE__ */ createElementVNode("path", {
+    id: "Vector",
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M10.0007 2.49919C14.1428 2.49919 17.5006 5.85702 17.5006 9.99919C17.5006 14.1413 14.1428 17.4992 10.0007 17.4992C5.85852 17.4992 2.50065 14.1413 2.50065 9.99919C2.50065 5.85702 5.85852 2.49919 10.0007 2.49919ZM19.1673 9.99919C19.1673 4.9366 15.0632 0.83252 10.0007 0.83252C4.93804 0.83252 0.833984 4.9366 0.833984 9.99919C0.833984 15.0618 4.93804 19.1659 10.0007 19.1659C15.0632 19.1659 19.1673 15.0618 19.1673 9.99919ZM9.16732 5.41585V11.6659H10.834V5.41585H9.16732ZM10.834 12.9159H9.16407V14.5858H10.834V12.9159Z",
+    fill: "#FFAD66"
+  })
+], -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const WarningIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  WarningIcon as default
+};

package/es/conference.d.ts

@@ -1,6 +1,6 @@
-import { TUIRoomEngine } from './index';
-import { StartParams, JoinParams, LanguageOption, ThemeOption } from './services';
 import { ChatSDK } from '@tencentcloud/chat';
+import { StartParams, JoinParams, LanguageOption } from './services';
+import { TUIRoomEngine } from './index';
 
 export declare enum RoomEvent {
     ROOM_START = "RoomStart",
@@ -11,7 +11,9 @@ export declare enum RoomEvent {
     KICKED_OUT = "KickedOut",
     KICKED_OFFLINE = "KickedOffline",
     USER_SIG_EXPIRED = "UserSigExpired",
-    USER_LOGOUT = "UserLogout"
+    USER_LOGOUT = "UserLogout",
+    LANGUAGE_CHANGED = "LanguageChanged",
+    THEME_CHANGED = "ThemeChanged"
 }
 export declare enum FeatureButton {
     SwitchTheme = "SwitchTheme",
@@ -20,10 +22,11 @@ export declare enum FeatureButton {
     FullScreen = "FullScreen",
     Invitation = "InviteControl"
 }
+export type ThemeOption = 'LIGHT' | 'DARK';
 interface IConference {
     getRoomEngine(): TUIRoomEngine | null;
-    on: (eventType: RoomEvent, callback: () => void) => void;
-    off: (eventType: RoomEvent, callback: () => void) => void;
+    on: (eventType: RoomEvent, callback: (data?: LanguageOption | ThemeOption | any) => void) => void;
+    off: (eventType: RoomEvent, callback: (data?: LanguageOption | ThemeOption | any) => void) => void;
     login: (params: {
         sdkAppId: number;
         userId: string;
@@ -46,6 +49,7 @@ interface IConference {
     enableWatermark: () => void;
     enableVirtualBackground: () => void;
     hideFeatureButton: (name: FeatureButton) => void;
+    replaceFriendList: (userList: Array<any>) => void;
 }
 declare class Conference implements IConference {
     login(params: {
@@ -56,8 +60,8 @@ declare class Conference implements IConference {
     }): Promise<void>;
     logout(): Promise<void>;
     getRoomEngine(): TUIRoomEngine | null;
-    on(eventType: RoomEvent, callback: () => any): void;
-    off(eventType: RoomEvent, callback: () => void): void;
+    on(eventType: RoomEvent, callback: (data?: LanguageOption | ThemeOption | any) => void): void;
+    off(eventType: RoomEvent, callback: (data?: LanguageOption | ThemeOption | any) => void): void;
     start(roomId: string, params?: StartParams): Promise<void>;
     join(roomId: string, params?: JoinParams): Promise<void>;
     leave(): Promise<void>;
@@ -67,12 +71,13 @@ declare class Conference implements IConference {
         avatarUrl: string;
     }): Promise<void>;
     setLanguage(language: LanguageOption): void;
-    setTheme(theme: 'LIGHT' | 'DARK'): void;
+    setTheme(theme: ThemeOption): void;
     disableTextMessaging(): void;
     disableScreenSharing(): void;
     enableWatermark(): void;
     enableVirtualBackground(): void;
     hideFeatureButton(name: FeatureButton): void;
+    replaceFriendList(userList: Array<any>): void;
 }
 export declare const conference: Conference;
 export {};

package/es/conference.mjs

@@ -5,6 +5,7 @@ import "./locales/index.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "./services/manager/roomActionManager.mjs";
+import { toTargetTheme } from "./utils/common.mjs";
 var RoomEvent = /* @__PURE__ */ ((RoomEvent2) => {
   RoomEvent2["ROOM_START"] = "RoomStart";
   RoomEvent2["ROOM_JOIN"] = "RoomJoin";
@@ -15,6 +16,8 @@ var RoomEvent = /* @__PURE__ */ ((RoomEvent2) => {
   RoomEvent2["KICKED_OFFLINE"] = "KickedOffline";
   RoomEvent2["USER_SIG_EXPIRED"] = "UserSigExpired";
   RoomEvent2["USER_LOGOUT"] = "UserLogout";
+  RoomEvent2["LANGUAGE_CHANGED"] = "LanguageChanged";
+  RoomEvent2["THEME_CHANGED"] = "ThemeChanged";
   return RoomEvent2;
 })(RoomEvent || {});
 var FeatureButton = /* @__PURE__ */ ((FeatureButton2) => {
@@ -64,7 +67,7 @@ class Conference {
     return roomService.setLanguage(language);
   }
   setTheme(theme) {
-    return roomService.setTheme(theme);
+    return roomService.setTheme(toTargetTheme(theme));
   }
   disableTextMessaging() {
     roomService.setComponentConfig({ ChatControl: { visible: false } });
@@ -81,6 +84,9 @@ class Conference {
   hideFeatureButton(name) {
     roomService.setComponentConfig({ [name]: { visible: false } });
   }
+  replaceFriendList(userList) {
+    return roomService.scheduleConferenceManager.replaceFriendList(userList);
+  }
 }
 const conference = new Conference();
 export {

package/es/conference.vue.d.ts

@@ -15,7 +15,7 @@ declare function enterRoom(options: {
 }): Promise<void>;
 declare function resetStore(): void;
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    displayMode: 'permanent' | 'wake-up';
+    displayMode: "permanent" | "wake-up";
 }>, {
     displayMode: string;
 }>, {
@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     leaveRoom: typeof leaveRoom;
     resetStore: typeof resetStore;
     t: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "on-log-out": (...args: any[]) => void;
     "on-create-room": (...args: any[]) => void;
     "on-enter-room": (...args: any[]) => void;
@@ -35,8 +35,8 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     "on-kicked-out-of-room": (...args: any[]) => void;
     "on-kicked-off-line": (...args: any[]) => void;
     "on-userSig-expired": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    displayMode: 'permanent' | 'wake-up';
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    displayMode: "permanent" | "wake-up";
 }>, {
     displayMode: string;
 }>>> & {
@@ -49,7 +49,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     "onOn-kicked-off-line"?: ((...args: any[]) => any) | undefined;
     "onOn-userSig-expired"?: ((...args: any[]) => any) | undefined;
 }, {
-    displayMode: 'permanent' | 'wake-up';
+    displayMode: "permanent" | "wake-up";
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/es/conference.vue.mjs

@@ -1,8 +1,8 @@
 import _sfc_main from "./conference.vue2.mjs";
-import "./conference.vue3.mjs";
-import "./conference.vue4.mjs";
+/* empty css                 */
+/* empty css                 */
 import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c315cc3d"]]);
+const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c92807c"]]);
 export {
   ConferenceMainView as default
 };

package/es/conference.vue2.mjs

@@ -1,20 +1,22 @@
-import { defineComponent, computed, onMounted, onUnmounted, ref, watch, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, vShow, unref, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, vShow, unref, createBlock, createCommentVNode } from "vue";
 import RoomHeader from "./components/RoomHeader/index/index.vue.mjs";
 import RoomFooter from "./components/RoomFooter/index/index.vue.mjs";
 import _sfc_main$1 from "./components/RoomSidebar/index.vue.mjs";
 import RoomContent from "./components/RoomContent/index.vue.mjs";
 import RoomSetting from "./components/RoomSetting/index.vue.mjs";
+import LoadingOverlay from "./components/PreRoom/LoadingOverlay.vue.mjs";
+import PasswordDialog from "./components/PreRoom/PasswordDialog.vue.mjs";
 import { debounce, throttle } from "./utils/utils.mjs";
 import { useBasicStore } from "./stores/basic.mjs";
 import { isMobile, isWeChat } from "./utils/environment.mjs";
 import vTap from "./directives/vTap.mjs";
+import { TUIErrorCode } from "@tencentcloud/tuiroom-engine-electron";
 import MessageBox from "./components/common/base/MessageBox/index.mjs";
 import renderMsg from "./components/common/base/Message/Message.mjs";
 import "./services/main.mjs";
 import { roomService } from "./services/roomService.mjs";
 import { EventType } from "./services/types.mjs";
 import "./locales/index.mjs";
-import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "./services/manager/roomActionManager.mjs";
 import useDeviceManager from "./hooks/useDeviceManager.mjs";
@@ -34,8 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "on-userSig-expired"
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const isShowPasswordContainer = ref(false);
+    const isShowLoading = ref(true);
     const props = __props;
-    const conferenceShow = computed(() => props.displayMode === "permanent" || !!basicStore.roomId);
+    const conferenceShow = computed(
+      () => props.displayMode === "permanent" || !!basicStore.roomId
+    );
     useDeviceManager({ listenForDeviceChange: true });
     const { t } = roomService;
     __expose({
@@ -53,6 +59,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const {
         message,
         title = roomService.t("Note"),
+        duration,
+        cancelButtonText,
         confirmButtonText = roomService.t("Sure"),
         callback = () => {
         }
@@ -60,10 +68,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       MessageBox({
         title,
         message,
+        duration,
+        cancelButtonText,
         confirmButtonText,
-        callback: async () => {
-          callback && callback();
-        }
+        callback
       });
     };
     const showMessage = (data) => {
@@ -85,6 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       roomService.on(EventType.ROOM_LEAVE, onLeaveRoom);
       roomService.on(EventType.ROOM_DISMISS, onDismissRoom);
       roomService.on(EventType.USER_LOGOUT, onLogout);
+      roomService.on(EventType.ROOM_NEED_PASSWORD, onRoomNeedPassword);
     });
     onUnmounted(() => {
       roomService.off(EventType.ROOM_NOTICE_MESSAGE, showMessage);
@@ -97,11 +106,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       roomService.off(EventType.ROOM_LEAVE, onLeaveRoom);
       roomService.off(EventType.ROOM_DISMISS, onDismissRoom);
       roomService.off(EventType.USER_LOGOUT, onLogout);
+      roomService.off(EventType.ROOM_NEED_PASSWORD, onRoomNeedPassword);
       roomService.resetStore();
     });
-    const { sdkAppId, showHeaderTool } = roomService.basicStore;
+    const { showHeaderTool } = roomService.basicStore;
     const tuiRoomClass = computed(() => {
-      const roomClassList = ["tui-room", `tui-theme-${roomService.basicStore.defaultTheme}`];
+      const roomClassList = [
+        "tui-room",
+        `tui-theme-${roomService.basicStore.defaultTheme}`
+      ];
       if (isMobile) {
         roomClassList.push("tui-room-h5");
       }
@@ -116,15 +129,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function handleHideRoomTool() {
       showRoomTool.value = false;
     }
-    watch(() => roomRef.value, (newValue, oldValue) => {
-      if (!isWeChat && !isMobile) {
-        if (newValue) {
-          addRoomContainerEvent(newValue);
-        } else {
-          oldValue && removeRoomContainerEvent(oldValue);
+    watch(
+      () => roomRef.value,
+      (newValue, oldValue) => {
+        if (!isWeChat && !isMobile) {
+          if (newValue) {
+            addRoomContainerEvent(newValue);
+          } else {
+            oldValue && removeRoomContainerEvent(oldValue);
+          }
         }
       }
-    });
+    );
     const handleHideRoomToolDebounce = debounce(handleHideRoomTool, 5e3);
     const handleHideRoomToolThrottle = throttle(handleHideRoomToolDebounce, 1e3);
     const showTool = () => {
@@ -177,6 +193,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function enterRoom(options) {
       await roomService.enterRoom(options);
     }
+    function onRoomNeedPassword(code) {
+      if (code === TUIErrorCode.ERR_NEED_PASSWORD) {
+        isShowPasswordContainer.value = true;
+      }
+    }
     function resetStore() {
       roomService.resetStore();
     }
@@ -184,9 +205,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       roomService.logOut();
     };
     const onStartRoom = () => {
+      isShowLoading.value = false;
       emit("on-create-room", { code: 0, message: "create room" });
     };
     const onJoinRoom = () => {
+      isShowLoading.value = false;
+      isShowPasswordContainer.value = false;
       emit("on-enter-room", { code: 0, message: "enter room" });
     };
     const onLeaveRoom = () => {
@@ -229,13 +253,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "show-room-tool": showRoomTool.value,
           class: "content"
         }, null, 8, ["show-room-tool"]), [
-          [unref(vTap), handleRoomContentTap]
+          [
+            unref(vTap),
+            handleRoomContentTap,
+            void 0,
+            { lazy: true }
+          ]
         ]),
         withDirectives(createVNode(RoomFooter, { class: "footer" }, null, 512), [
           [vShow, showRoomTool.value]
         ]),
         createVNode(_sfc_main$1),
-        createVNode(RoomSetting)
+        createVNode(RoomSetting),
+        isShowLoading.value ? (openBlock(), createBlock(LoadingOverlay, { key: 0 })) : createCommentVNode("", true),
+        createVNode(PasswordDialog, {
+          visible: isShowPasswordContainer.value,
+          onJoinConference: enterRoom
+        }, null, 8, ["visible"])
       ], 2)) : createCommentVNode("", true);
     };
   }

package/es/constants/room.d.ts

@@ -19,3 +19,10 @@ export declare const SMALL_VIDEO_ENC_PARAM: {
     videoFps: number;
     videoBitrate: number;
 };
+export declare enum USERS_STATUS {
+    Entered = 1,
+    ON_STAGE = 1,
+    NOT_ON_STAGE = 2,
+    NOT_ENTER = 3
+}
+export declare const PASSWORD_MAX_LENGTH_LIMIT = 6;

package/es/constants/room.mjs

@@ -4,12 +4,21 @@ var IconButtonLayout = /* @__PURE__ */ ((IconButtonLayout2) => {
   IconButtonLayout2["HORIZONTAL"] = "horizontal";
   return IconButtonLayout2;
 })(IconButtonLayout || {});
-const SMALL_VIDEO_ENC_PARAM = {
+({
   videoResolution: TRTCVideoResolution.TRTCVideoResolution_640_360,
   videoFps: 15,
   videoBitrate: 800
-};
+});
+var USERS_STATUS = /* @__PURE__ */ ((USERS_STATUS2) => {
+  USERS_STATUS2[USERS_STATUS2["Entered"] = 1] = "Entered";
+  USERS_STATUS2[USERS_STATUS2["ON_STAGE"] = 1] = "ON_STAGE";
+  USERS_STATUS2[USERS_STATUS2["NOT_ON_STAGE"] = 2] = "NOT_ON_STAGE";
+  USERS_STATUS2[USERS_STATUS2["NOT_ENTER"] = 3] = "NOT_ENTER";
+  return USERS_STATUS2;
+})(USERS_STATUS || {});
+const PASSWORD_MAX_LENGTH_LIMIT = 6;
 export {
   IconButtonLayout,
-  SMALL_VIDEO_ENC_PARAM
+  PASSWORD_MAX_LENGTH_LIMIT,
+  USERS_STATUS
 };

package/es/directives/vDblTouch.d.ts

@@ -0,0 +1,12 @@
+declare class DblTouch {
+    dom: HTMLElement;
+    callback: (event?: Event | TouchEvent) => void;
+    constructor(el: HTMLElement, binding: any);
+    executeCallback(event: Event | TouchEvent): void;
+    click(event: Event): void;
+    touchend(event: TouchEvent): void;
+}
+declare const vDblTouch: {
+    mounted(el: HTMLElement, binding: any): DblTouch;
+};
+export default vDblTouch;

package/es/directives/vDblTouch.mjs

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const touchEventMap = /* @__PURE__ */ new Map();
+const clickEventMap = /* @__PURE__ */ new Map();
+const TIME_OUT = 300;
+class DblTouch {
+  constructor(el, binding) {
+    __publicField(this, "dom");
+    __publicField(this, "callback");
+    this.dom = el;
+    this.callback = binding.value;
+    el == null ? void 0 : el.addEventListener("click", (event) => {
+      if (binding.modifiers.stop) {
+        event.stopPropagation();
+      }
+      this.click(event);
+    });
+    el == null ? void 0 : el.addEventListener("touchend", (event) => {
+      if (binding.modifiers.stop) {
+        event.stopPropagation();
+      }
+      this.touchend(event);
+    });
+  }
+  executeCallback(event) {
+    clickEventMap.delete(this.dom);
+    touchEventMap.delete(this.dom);
+    this.callback && this.callback(event);
+  }
+  click(event) {
+    const lastEvent = clickEventMap.get(this.dom);
+    if (lastEvent) {
+      this.executeCallback(event);
+    } else {
+      clickEventMap.set(this.dom, event);
+      setTimeout(() => {
+        clickEventMap.delete(this.dom);
+      }, TIME_OUT);
+    }
+  }
+  touchend(event) {
+    const lastEvent = touchEventMap.get(this.dom);
+    if (lastEvent) {
+      this.executeCallback(event);
+    } else {
+      touchEventMap.set(this.dom, event);
+      setTimeout(() => {
+        touchEventMap.delete(this.dom);
+      }, TIME_OUT);
+    }
+  }
+}
+const vDblTouch = {
+  mounted(el, binding) {
+    return new DblTouch(el, binding);
+  }
+};
+export {
+  vDblTouch as default
+};

package/es/directives/vTap.d.ts

@@ -2,6 +2,7 @@ declare class VueTouch {
     dom: HTMLElement;
     callback: Function;
     isMove: boolean;
+    isLazyTap: boolean;
     constructor(el: HTMLElement, binding: any);
     touchstart(): void;
     touchmove(): void;

package/es/directives/vTap.mjs

@@ -1,24 +1,34 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const eventMap = /* @__PURE__ */ new Map();
+const TIME_OUT = 300;
 class VueTouch {
   constructor(el, binding) {
     __publicField(this, "dom");
     __publicField(this, "callback");
     __publicField(this, "isMove");
+    __publicField(this, "isLazyTap");
     this.dom = el;
     this.callback = binding.value;
+    this.isLazyTap = binding.modifiers.lazy;
     this.isMove = false;
-    el == null ? void 0 : el.addEventListener("touchstart", () => {
+    el == null ? void 0 : el.addEventListener("touchstart", (event) => {
+      if (binding.modifiers.stop) {
+        event.stopPropagation();
+      }
       this.touchstart();
     });
-    el == null ? void 0 : el.addEventListener("touchmove", () => {
+    el == null ? void 0 : el.addEventListener("touchmove", (event) => {
+      if (binding.modifiers.stop) {
+        event.stopPropagation();
+      }
       this.touchmove();
     });
     el == null ? void 0 : el.addEventListener("touchend", (event) => {
+      if (binding.modifiers.stop) {
+        event.stopPropagation();
+      }
       this.touchend(event);
     });
   }
@@ -29,7 +39,21 @@ class VueTouch {
     this.isMove = true;
   }
   touchend(event) {
-    if (!this.isMove) {
+    if (this.isMove) {
+      return;
+    }
+    if (this.isLazyTap) {
+      if (eventMap.get(this.dom)) {
+        clearTimeout(eventMap.get(this.dom));
+        eventMap.delete(this.dom);
+        return;
+      }
+      const timer = setTimeout(() => {
+        this.callback(event);
+        eventMap.delete(this.dom);
+      }, TIME_OUT);
+      eventMap.set(this.dom, timer);
+    } else {
       this.callback(event);
     }
   }

package/es/extension/RoomMessageCard/RoomMessageCard.vue.d.ts

@@ -2,7 +2,7 @@ import { Message } from '@tencentcloud/chat';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     message: Message;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     message: Message;
 }>>>, {}, {}>;
 export default _default;

package/es/extension/RoomMessageCard/RoomMessageCard.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./RoomMessageCard.vue2.mjs";
-import "./RoomMessageCard.vue3.mjs";
+/* empty css                      */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const RoomMessageCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-95ab4274"]]);
+const RoomMessageCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4aeb21ef"]]);
 export {
   RoomMessageCard as default
 };