@tencentcloud/roomkit-electron-vue3 2.3.3

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

@@ -0,0 +1,28 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  t: "1705479915160",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "3251",
+  width: "20",
+  height: "20"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M511.9488 460.8a204.8 204.8 0 1 0 0-409.6 204.8 204.8 0 0 0 0 409.6zM512 691.2L405.3504 563.2H396.8a268.8 268.8 0 0 0-268.8 268.8v48.0256c0 37.0688 30.1056 67.1744 67.2256 67.1744h633.5488c37.12 0 67.2256-30.1056 67.2256-67.2256v-47.9744c0-148.48-120.32-268.8-268.8-268.8h-8.5504L512 691.2z",
+  "p-id": "3252",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const UserIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  UserIcon as default
+};

package/es/components/common/icons/VideoCloseIcon.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/VideoCloseIcon.vue.mjs

@@ -0,0 +1,42 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M13.3182 8.30141L13.7493 9.06772L14.3419 8.73439L13.9251 7.99355L14.3419 8.73439L17.5923 6.90599C17.6923 6.84975 17.8159 6.92201 17.8159 7.03673L17.8159 14.2837C17.8159 14.3984 17.6923 14.4707 17.5923 14.4144L14.3419 12.586L13.7493 12.2527L12.9158 13.7344L13.5084 14.0677L16.7589 15.8961C17.9921 16.5898 19.5159 15.6986 19.5159 14.2837L19.5159 7.03673C19.5159 5.6218 17.9921 4.73063 16.7589 5.42431L14.1234 6.90677L13.3182 8.30141Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M8.1084 17.332H12.5C13.3284 17.332 14 16.6605 14 15.832V7.12752L12.3 10.072V15.632H9.0899L8.1084 17.332ZM10.8797 5.03203H1.7V15.632H4.75977L3.77828 17.332H1.5C0.671573 17.332 0 16.6605 0 15.832V4.83203C0 4.0036 0.671573 3.33203 1.5 3.33203H11.8612L10.8797 5.03203Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M5.39453 18.2822L14.3945 2.69383",
+  stroke: "#ED414D",
+  style: { "stroke": "color(display-p3 0.9292 0.2555 0.3004)", "stroke-opacity": "1" },
+  "stroke-width": "1.7",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+}
+const VideoCloseIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  VideoCloseIcon as default
+};

package/es/components/common/icons/VideoOpenIcon.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/VideoOpenIcon.vue.mjs

@@ -0,0 +1,33 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M13.3182 8.30727L13.7493 9.07358L14.3419 8.74024L17.5923 6.91185C17.6923 6.8556 17.8159 6.92786 17.8159 7.04259L17.8159 14.2896C17.8159 14.4043 17.6923 14.4765 17.5923 14.4203L14.3419 12.5919L13.7493 12.2586L12.9158 13.7402L13.5084 14.0736L16.7589 15.902C17.9921 16.5957 19.5159 15.7045 19.5159 14.2896L19.5159 7.04259C19.5159 5.62765 17.9921 4.73649 16.7589 5.43017L14.1234 6.91263L13.3182 8.30727Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M1.7 5.03301V15.633H12.3V5.03301H1.7ZM1.5 3.33301C0.671573 3.33301 0 4.00458 0 4.83301V15.833C0 16.6614 0.671573 17.333 1.5 17.333H12.5C13.3284 17.333 14 16.6614 14 15.833V4.83301C14 4.00458 13.3284 3.33301 12.5 3.33301H1.5Z",
+  fill: "currentColor"
+}, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const VideoOpenIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  VideoOpenIcon as default
+};

package/es/components/common/icons/VirtualBackgroundIcon.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/VirtualBackgroundIcon.vue.mjs

@@ -0,0 +1,21 @@
+import { openBlock, createElementBlock, createStaticVNode } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<mask id="path-1-inside-1_9286_2150" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10ZM10 12C6.68629 12 4 14.6863 4 18V21H20V18C20 14.6863 17.3137 12 14 12H10Z"></path></mask><path d="M4 21H2.3V22.7H4V21ZM20 21V22.7H21.7V21H20ZM14.3 6C14.3 7.27025 13.2703 8.3 12 8.3V11.7C15.148 11.7 17.7 9.14802 17.7 6H14.3ZM12 3.7C13.2703 3.7 14.3 4.72975 14.3 6H17.7C17.7 2.85198 15.148 0.3 12 0.3V3.7ZM9.7 6C9.7 4.72975 10.7297 3.7 12 3.7V0.3C8.85198 0.3 6.3 2.85198 6.3 6H9.7ZM12 8.3C10.7297 8.3 9.7 7.27025 9.7 6H6.3C6.3 9.14802 8.85198 11.7 12 11.7V8.3ZM5.7 18C5.7 15.6252 7.62518 13.7 10 13.7V10.3C5.74741 10.3 2.3 13.7474 2.3 18H5.7ZM5.7 21V18H2.3V21H5.7ZM20 19.3H4V22.7H20V19.3ZM18.3 18V21H21.7V18H18.3ZM14 13.7C16.3748 13.7 18.3 15.6252 18.3 18H21.7C21.7 13.7474 18.2526 10.3 14 10.3V13.7ZM10 13.7H14V10.3H10V13.7Z" fill="currentColor" mask="url(#path-1-inside-1_9286_2150)"></path><path d="M3 12L7 8" stroke="var(--active-color-2)" stroke-width="1.7"></path><path d="M18 12L22 8" stroke="var(--active-color-2)" stroke-width="1.7"></path><path d="M2.00098 7L6.00098 3" stroke="var(--active-color-2)" stroke-width="1.7"></path><path d="M17.001 7L21.001 3" stroke="var(--active-color-2)" stroke-width="1.7"></path>', 6);
+const _hoisted_8 = [
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_8);
+}
+const VirtualBackgroundIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  VirtualBackgroundIcon as default
+};

package/es/conference.d.ts

@@ -0,0 +1,78 @@
+import { TUIRoomEngine } from './index';
+import { StartParams, JoinParams, LanguageOption, ThemeOption } from './services';
+import { ChatSDK } from '@tencentcloud/chat';
+
+export declare enum RoomEvent {
+    ROOM_START = "RoomStart",
+    ROOM_JOIN = "RoomJoin",
+    ROOM_LEAVE = "RoomLeave",
+    ROOM_DISMISS = "RoomDestroy",
+    ROOM_ERROR = "RoomError",
+    KICKED_OUT = "KickedOut",
+    KICKED_OFFLINE = "KickedOffline",
+    USER_SIG_EXPIRED = "UserSigExpired",
+    USER_LOGOUT = "UserLogout"
+}
+export declare enum FeatureButton {
+    SwitchTheme = "SwitchTheme",
+    SwitchLayout = "LayoutControl",
+    SwitchLanguage = "Language",
+    FullScreen = "FullScreen",
+    Invitation = "InviteControl"
+}
+interface IConference {
+    getRoomEngine(): TUIRoomEngine | null;
+    on: (eventType: RoomEvent, callback: () => void) => void;
+    off: (eventType: RoomEvent, callback: () => void) => void;
+    login: (params: {
+        sdkAppId: number;
+        userId: string;
+        userSig: string;
+        tim?: ChatSDK;
+    }) => Promise<void>;
+    logout: () => Promise<void>;
+    start: (roomId: string, params: StartParams) => Promise<void>;
+    join: (roomId: string, params: JoinParams) => Promise<void>;
+    leave: () => Promise<void>;
+    dismiss: () => Promise<void>;
+    setSelfInfo: (options: {
+        userName: string;
+        avatarUrl: string;
+    }) => Promise<void>;
+    setLanguage: (language: LanguageOption) => void;
+    setTheme: (theme: ThemeOption) => void;
+    disableTextMessaging: () => void;
+    disableScreenSharing: () => void;
+    enableWatermark: () => void;
+    enableVirtualBackground: () => void;
+    hideFeatureButton: (name: FeatureButton) => void;
+}
+declare class Conference implements IConference {
+    login(params: {
+        sdkAppId: number;
+        userId: string;
+        userSig: string;
+        tim?: ChatSDK;
+    }): Promise<void>;
+    logout(): Promise<void>;
+    getRoomEngine(): any;
+    on(eventType: RoomEvent, callback: () => any): void;
+    off(eventType: RoomEvent, callback: () => void): void;
+    start(roomId: string, params?: StartParams): Promise<void>;
+    join(roomId: string, params?: JoinParams): Promise<void>;
+    leave(): Promise<void>;
+    dismiss(): Promise<void>;
+    setSelfInfo(options: {
+        userName: string;
+        avatarUrl: string;
+    }): Promise<void>;
+    setLanguage(language: LanguageOption): void;
+    setTheme(theme: 'LIGHT' | 'DARK'): void;
+    disableTextMessaging(): void;
+    disableScreenSharing(): void;
+    enableWatermark(): void;
+    enableVirtualBackground(): void;
+    hideFeatureButton(name: FeatureButton): void;
+}
+export declare const conference: Conference;
+export {};

package/es/conference.mjs

@@ -0,0 +1,81 @@
+import "./services/main.mjs";
+import { roomService } from "./services/roomService.mjs";
+import logger from "./utils/common/logger/index.mjs";
+import "./locales/index.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "./services/manager/roomActionManager.mjs";
+var RoomEvent = /* @__PURE__ */ ((RoomEvent2) => {
+  RoomEvent2["ROOM_START"] = "RoomStart";
+  RoomEvent2["ROOM_JOIN"] = "RoomJoin";
+  RoomEvent2["ROOM_LEAVE"] = "RoomLeave";
+  RoomEvent2["ROOM_DISMISS"] = "RoomDestroy";
+  RoomEvent2["ROOM_ERROR"] = "RoomError";
+  RoomEvent2["KICKED_OUT"] = "KickedOut";
+  RoomEvent2["KICKED_OFFLINE"] = "KickedOffline";
+  RoomEvent2["USER_SIG_EXPIRED"] = "UserSigExpired";
+  RoomEvent2["USER_LOGOUT"] = "UserLogout";
+  return RoomEvent2;
+})(RoomEvent || {});
+class Conference {
+  login(params) {
+    return roomService.initRoomKit(params);
+  }
+  async logout() {
+    return roomService.logOut();
+  }
+  getRoomEngine() {
+    const roomEngine = roomService.roomEngine.instance;
+    if (!roomEngine) {
+      logger.warn("getRoomEngine failed, roomEngine is not exist");
+    }
+    return roomService.roomEngine.instance;
+  }
+  on(eventType, callback) {
+    roomService.on(eventType, callback);
+  }
+  off(eventType, callback) {
+    roomService.off(eventType, callback);
+  }
+  async start(roomId, params) {
+    return await roomService.start(roomId, params);
+  }
+  async join(roomId, params) {
+    return await roomService.join(roomId, params);
+  }
+  async leave() {
+    return await roomService.leaveRoom();
+  }
+  async dismiss() {
+    return await roomService.dismissRoom();
+  }
+  setSelfInfo(options) {
+    return roomService.setSelfInfo(options);
+  }
+  setLanguage(language) {
+    return roomService.setLanguage(language);
+  }
+  setTheme(theme) {
+    return roomService.setTheme(theme);
+  }
+  disableTextMessaging() {
+    roomService.setComponentConfig({ ChatControl: { visible: false } });
+  }
+  disableScreenSharing() {
+    roomService.setComponentConfig({ ScreenShare: { visible: false } });
+  }
+  enableWatermark() {
+    roomService.waterMark.toggleWatermark(true);
+  }
+  enableVirtualBackground() {
+    roomService.setComponentConfig({ VirtualBackground: { visible: true } });
+  }
+  hideFeatureButton(name) {
+    roomService.setComponentConfig({ [name]: { visible: false } });
+  }
+}
+const conference = new Conference();
+export {
+  RoomEvent,
+  conference
+};

package/es/conference.vue.d.ts

@@ -0,0 +1,71 @@
+import { RoomParam, RoomInitData } from './services/index';
+
+declare function dismissRoom(): Promise<void>;
+declare function leaveRoom(): Promise<void>;
+declare function init(option: RoomInitData): Promise<void>;
+declare function createRoom(options: {
+    roomId: string;
+    roomName: string;
+    roomMode: 'FreeToSpeak' | 'SpeakAfterTakingSeat';
+    roomParam?: RoomParam;
+}): Promise<void>;
+declare function enterRoom(options: {
+    roomId: string;
+    roomParam?: RoomParam;
+}): Promise<void>;
+declare function resetStore(): void;
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    displayMode: 'permanent' | 'wake-up';
+}>, {
+    displayMode: string;
+}>, {
+    init: typeof init;
+    createRoom: typeof createRoom;
+    enterRoom: typeof enterRoom;
+    dismissRoom: typeof dismissRoom;
+    leaveRoom: typeof leaveRoom;
+    resetStore: typeof resetStore;
+    t: any;
+}, 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;
+    "on-exit-room": (...args: any[]) => void;
+    "on-destroy-room": (...args: any[]) => void;
+    "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';
+}>, {
+    displayMode: string;
+}>>> & {
+    "onOn-log-out"?: ((...args: any[]) => any) | undefined;
+    "onOn-create-room"?: ((...args: any[]) => any) | undefined;
+    "onOn-enter-room"?: ((...args: any[]) => any) | undefined;
+    "onOn-exit-room"?: ((...args: any[]) => any) | undefined;
+    "onOn-destroy-room"?: ((...args: any[]) => any) | undefined;
+    "onOn-kicked-out-of-room"?: ((...args: any[]) => any) | undefined;
+    "onOn-kicked-off-line"?: ((...args: any[]) => any) | undefined;
+    "onOn-userSig-expired"?: ((...args: any[]) => any) | undefined;
+}, {
+    displayMode: 'permanent' | 'wake-up';
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/conference.vue.mjs

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

package/es/conference.vue2.mjs

@@ -0,0 +1,258 @@
+import { defineComponent, computed, onMounted, onUnmounted, watch, ref, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, vShow, unref, 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 { 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 roomAegis from "./utils/aegis/index.mjs";
+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";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "conference",
+  props: {
+    displayMode: { default: "permanent" }
+  },
+  emits: [
+    "on-log-out",
+    "on-create-room",
+    "on-enter-room",
+    "on-exit-room",
+    "on-destroy-room",
+    "on-kicked-out-of-room",
+    "on-kicked-off-line",
+    "on-userSig-expired"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const conferenceShow = computed(() => props.displayMode === "permanent" || !!basicStore.roomId);
+    useDeviceManager({ listenForDeviceChange: true });
+    const { t } = roomService;
+    __expose({
+      init,
+      createRoom,
+      enterRoom,
+      dismissRoom,
+      leaveRoom,
+      resetStore,
+      t
+    });
+    const emit = __emit;
+    const basicStore = useBasicStore();
+    const showMessageBox = (data) => {
+      const {
+        message,
+        title = roomService.t("Note"),
+        confirmButtonText = roomService.t("Sure"),
+        callback = () => {
+        }
+      } = data;
+      MessageBox({
+        title,
+        message,
+        confirmButtonText,
+        callback: async () => {
+          callback && callback();
+        }
+      });
+    };
+    const showMessage = (data) => {
+      const { type, message, duration } = data;
+      renderMsg({
+        type,
+        message,
+        duration
+      });
+    };
+    onMounted(() => {
+      roomService.on(EventType.ROOM_NOTICE_MESSAGE, showMessage);
+      roomService.on(EventType.ROOM_NOTICE_MESSAGE_BOX, showMessageBox);
+      roomService.on(EventType.KICKED_OUT, onKickedOutOfRoom);
+      roomService.on(EventType.USER_SIG_EXPIRED, onUserSigExpired);
+      roomService.on(EventType.KICKED_OFFLINE, onKickedOffLine);
+      roomService.on(EventType.ROOM_START, onStartRoom);
+      roomService.on(EventType.ROOM_JOIN, onJoinRoom);
+      roomService.on(EventType.ROOM_LEAVE, onLeaveRoom);
+      roomService.on(EventType.ROOM_DISMISS, onDismissRoom);
+      roomService.on(EventType.USER_LOGOUT, onLogout);
+    });
+    onUnmounted(() => {
+      roomService.off(EventType.ROOM_NOTICE_MESSAGE, showMessage);
+      roomService.off(EventType.ROOM_NOTICE_MESSAGE_BOX, showMessageBox);
+      roomService.off(EventType.KICKED_OUT, onKickedOutOfRoom);
+      roomService.off(EventType.USER_SIG_EXPIRED, onUserSigExpired);
+      roomService.off(EventType.KICKED_OFFLINE, onKickedOffLine);
+      roomService.off(EventType.ROOM_START, onStartRoom);
+      roomService.off(EventType.ROOM_JOIN, onJoinRoom);
+      roomService.off(EventType.ROOM_LEAVE, onLeaveRoom);
+      roomService.off(EventType.ROOM_DISMISS, onDismissRoom);
+      roomService.off(EventType.USER_LOGOUT, onLogout);
+      roomService.resetStore();
+    });
+    const { sdkAppId, showHeaderTool } = roomService.basicStore;
+    watch(
+      () => sdkAppId,
+      (val) => {
+        if (val) {
+          roomAegis.setSdkAppId(val);
+          roomAegis.reportEvent({
+            name: "loaded",
+            ext1: "loaded-success"
+          });
+        }
+      }
+    );
+    const tuiRoomClass = computed(() => {
+      const roomClassList = ["tui-room", `tui-theme-${roomService.basicStore.defaultTheme}`];
+      if (isMobile) {
+        roomClassList.push("tui-room-h5");
+      }
+      if (basicStore.scene === "chat") {
+        roomClassList.push("chat-room");
+      }
+      return roomClassList;
+    });
+    const roomContentRef = ref();
+    const showRoomTool = ref(true);
+    const roomRef = ref();
+    function handleHideRoomTool() {
+      showRoomTool.value = false;
+    }
+    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 = () => {
+      showRoomTool.value = true;
+      handleHideRoomToolDebounce();
+    };
+    const showToolThrottle = () => {
+      showRoomTool.value = true;
+      handleHideRoomToolThrottle();
+    };
+    const hideTool = () => {
+      handleHideRoomTool();
+    };
+    const addRoomContainerEvent = (container) => {
+      container.addEventListener("mouseenter", showTool);
+      container.addEventListener("click", showTool);
+      container.addEventListener("mousemove", showToolThrottle);
+      container.addEventListener("mouseleave", hideTool);
+    };
+    const removeRoomContainerEvent = (container) => {
+      container.removeEventListener("mouseenter", showTool);
+      container.removeEventListener("click", showTool);
+      container.removeEventListener("mousemove", showToolThrottle);
+      container.removeEventListener("mouseleave", hideTool);
+    };
+    function handleRoomContentTap() {
+      showRoomTool.value = !showRoomTool.value;
+      if (showRoomTool.value) {
+        handleHideRoomToolDebounce();
+      }
+    }
+    async function dismissRoom() {
+      await roomService.dismissRoom();
+    }
+    async function leaveRoom() {
+      await roomService.leaveRoom();
+    }
+    async function init(option) {
+      await roomService.initRoomKit(option);
+    }
+    async function createRoom(options) {
+      const { roomId, roomName, roomMode, roomParam } = options;
+      roomService.createRoom({
+        roomId,
+        roomName,
+        roomMode,
+        roomParam
+      });
+    }
+    async function enterRoom(options) {
+      await roomService.enterRoom(options);
+    }
+    function resetStore() {
+      roomService.resetStore();
+    }
+    const logOut = () => {
+      roomService.logOut();
+    };
+    const onStartRoom = () => {
+      emit("on-create-room", { code: 0, message: "create room" });
+    };
+    const onJoinRoom = () => {
+      emit("on-enter-room", { code: 0, message: "enter room" });
+    };
+    const onLeaveRoom = () => {
+      emit("on-exit-room", { code: 0, message: "exit room" });
+    };
+    const onDismissRoom = () => {
+      emit("on-destroy-room", { code: 0, message: "destroy room" });
+    };
+    const onLogout = () => {
+      emit("on-log-out", { code: 0, message: "user logout" });
+    };
+    const onKickedOutOfRoom = async (eventInfo) => {
+      const { roomId, reason, message } = eventInfo;
+      emit("on-kicked-out-of-room", { roomId, reason, message });
+    };
+    const onUserSigExpired = () => {
+      emit("on-userSig-expired");
+    };
+    const onKickedOffLine = (eventInfo) => {
+      const { message } = eventInfo;
+      emit("on-kicked-off-line", { message });
+    };
+    return (_ctx, _cache) => {
+      return conferenceShow.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        id: "roomContainer",
+        ref_key: "roomRef",
+        ref: roomRef,
+        class: normalizeClass(tuiRoomClass.value)
+      }, [
+        withDirectives(createVNode(RoomHeader, {
+          class: "header",
+          onLogOut: logOut
+        }, null, 512), [
+          [vShow, showRoomTool.value && unref(showHeaderTool)]
+        ]),
+        withDirectives(createVNode(RoomContent, {
+          ref_key: "roomContentRef",
+          ref: roomContentRef,
+          "show-room-tool": showRoomTool.value,
+          class: "content"
+        }, null, 8, ["show-room-tool"]), [
+          [unref(vTap), handleRoomContentTap]
+        ]),
+        withDirectives(createVNode(RoomFooter, { class: "footer" }, null, 512), [
+          [vShow, showRoomTool.value]
+        ]),
+        createVNode(_sfc_main$1),
+        createVNode(RoomSetting)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/conference.vue3.mjs

@@ -0,0 +1 @@
+

package/es/conference.vue4.mjs

@@ -0,0 +1 @@
+

package/es/constants/icon.d.ts

@@ -0,0 +1,30 @@
+export declare enum ICON_NAME {
+    MicOn = "mic-on",
+    MicOff = "mic-off",
+    MicOffDisabled = "mic-off-gray",
+    CameraOn = "camera-on",
+    CameraOff = "camera-off",
+    CameraOffDisabled = "camera-off-gray",
+    ArrowBorderDown = "arrow-border-down",
+    ScreenSharing = "screen-sharing",
+    ScreenShare = "screen-share",
+    ScreenShareStopped = "screen-share-stopped",
+    ScreenShareDisabled = "screen-share-disabled",
+    ChatActive = "chat-active",
+    Chat = "chat",
+    ExitFullScreen = "exit-fullscreen",
+    FullScreen = "full-screen",
+    InviteActive = "invite-active",
+    Invite = "invite",
+    ManageMemberActive = "manage-member-active",
+    ManageMember = "manage-member",
+    More = "more",
+    MoreActive = "more-active",
+    SettingActive = "setting-active",
+    Setting = "setting",
+    LineArrowUp = "line-arrow-up",
+    LineArrowDown = "line-arrow-down",
+    ApplyOnSeat = "apply",
+    ApplyActive = "apply-active",
+    GoOffSeat = "go-off-seat"
+}