@tencentcloud/roomkit-electron-vue3 2.3.3

package/es/components/RoomFooter/VideoControl.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/RoomFooter/VideoControl.vue.mjs

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

package/es/components/RoomFooter/VideoControl.vue2.mjs

@@ -0,0 +1,194 @@
+import { defineComponent, ref, computed, onUnmounted, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode } from "vue";
+import { storeToRefs } from "pinia";
+import Dialog from "../common/base/Dialog/index.vue.mjs";
+import VideoMediaControl from "../common/VideoMediaControl.vue.mjs";
+import { useRoomStore } from "../../stores/room.mjs";
+import { WARNING_MESSAGE, MESSAGE_DURATION } from "../../constants/message.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
+import useDeviceManager from "../../hooks/useDeviceManager.mjs";
+import TUIRoomEngine, { TUIRoomEvents, TUIMediaDeviceType, TUIRequestAction, TUIRole } from "@tencentcloud/tuiroom-engine-electron";
+import { isMobile, isWeChat, isH5 } from "../../utils/environment.mjs";
+import { useBasicStore } from "../../stores/basic.mjs";
+import TuiButton from "../common/base/Button.vue.mjs";
+import renderMsg from "../common/base/Message/Message.mjs";
+import MessageBox from "../common/base/MessageBox/index.mjs";
+import { SMALL_VIDEO_ENC_PARAM } from "../../constants/room.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VideoControl",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const roomEngine = useGetRoomEngine();
+    const { deviceManager } = useDeviceManager();
+    const roomStore = useRoomStore();
+    const basicStore = useBasicStore();
+    const dialogContent = ref("");
+    const emits = __emit;
+    const {
+      isCameraDisableForAllUser,
+      isAudience,
+      localStream,
+      isLocalVideoIconDisable
+    } = storeToRefs(roomStore);
+    const { t } = useI18n();
+    const hasMore = computed(() => !isMobile);
+    const showVideoSettingTab = ref(false);
+    function handleVideoMediaClick() {
+      emits("click");
+      toggleMuteVideo();
+    }
+    async function toggleMuteVideo() {
+      var _a, _b, _c, _d, _e, _f;
+      if (isLocalVideoIconDisable.value) {
+        let warningMessage = "";
+        if (isAudience.value) {
+          warningMessage = WARNING_MESSAGE.UNMUTE_LOCAL_CAMERA_FAIL_AUDIENCE;
+        } else if (isCameraDisableForAllUser.value) {
+          warningMessage = WARNING_MESSAGE.UNMUTE_LOCAL_CAMERA_FAIL_MUTE_ALL;
+        }
+        renderMsg({
+          type: "warning",
+          message: t(warningMessage),
+          duration: MESSAGE_DURATION.NORMAL
+        });
+        return;
+      }
+      if (localStream.value.hasVideoStream) {
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.closeLocalCamera());
+        if (roomStore.isCameraDisableForAllUser) {
+          roomStore.setCanControlSelfVideo(false);
+        }
+      } else {
+        const cameraList = await ((_b = deviceManager.instance) == null ? void 0 : _b.getDevicesList({
+          type: TUIMediaDeviceType.kMediaDeviceTypeVideoCamera
+        }));
+        const hasCameraDevice = cameraList && cameraList.length > 0;
+        if (!hasCameraDevice && !isWeChat) {
+          MessageBox({
+            title: t("Note"),
+            message: t("Camera not detected on current device"),
+            confirmButtonText: t("Sure")
+          });
+          return;
+        }
+        (_c = roomEngine.instance) == null ? void 0 : _c.setLocalVideoView({
+          view: `${roomStore.localStream.userId}_${roomStore.localStream.streamType}`
+        });
+        if (isMobile) {
+          if (isH5) {
+            const trtcCloud = (_d = roomEngine.instance) == null ? void 0 : _d.getTRTCCloud();
+            trtcCloud.enableSmallVideoStream(false, SMALL_VIDEO_ENC_PARAM);
+          }
+          await ((_e = roomEngine.instance) == null ? void 0 : _e.openLocalCamera({ isFrontCamera: basicStore.isFrontCamera }));
+        } else {
+          await ((_f = roomEngine.instance) == null ? void 0 : _f.openLocalCamera());
+        }
+      }
+      showVideoSettingTab.value = false;
+    }
+    const showRequestOpenCameraDialog = ref(false);
+    const requestOpenCameraRequestId = ref("");
+    async function onRequestReceived(eventInfo) {
+      const { userId, requestAction, requestId } = eventInfo.request;
+      if (requestAction === TUIRequestAction.kRequestToOpenRemoteCamera) {
+        const userRole = roomStore.getUserRole(userId) === TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
+        dialogContent.value = t("Sb invites you to turn on the camera", { role: userRole });
+        requestOpenCameraRequestId.value = requestId;
+        showRequestOpenCameraDialog.value = true;
+      }
+    }
+    async function handleAccept() {
+      var _a, _b;
+      roomStore.setCanControlSelfVideo(true);
+      (_a = roomEngine.instance) == null ? void 0 : _a.setLocalVideoView({
+        view: `${roomStore.localStream.userId}_${roomStore.localStream.streamType}`
+      });
+      await ((_b = roomEngine.instance) == null ? void 0 : _b.responseRemoteRequest({
+        requestId: requestOpenCameraRequestId.value,
+        agree: true
+      }));
+      requestOpenCameraRequestId.value = "";
+      showRequestOpenCameraDialog.value = false;
+    }
+    async function handleReject() {
+      var _a;
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+        requestId: requestOpenCameraRequestId.value,
+        agree: false
+      }));
+      requestOpenCameraRequestId.value = "";
+      showRequestOpenCameraDialog.value = false;
+    }
+    async function onRequestCancelled(eventInfo) {
+      const { requestId } = eventInfo;
+      if (requestOpenCameraRequestId.value === requestId) {
+        showRequestOpenCameraDialog.value = false;
+      }
+    }
+    TUIRoomEngine.once("ready", () => {
+      var _a, _b;
+      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+    });
+    onUnmounted(() => {
+      var _a, _b;
+      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(VideoMediaControl, {
+          "has-more": hasMore.value,
+          "is-muted": !unref(localStream).hasVideoStream,
+          "is-disabled": unref(isLocalVideoIconDisable),
+          onClick: handleVideoMediaClick
+        }, null, 8, ["has-more", "is-muted", "is-disabled"]),
+        createVNode(Dialog, {
+          modelValue: showRequestOpenCameraDialog.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showRequestOpenCameraDialog.value = $event),
+          title: unref(t)("Tips"),
+          modal: true,
+          "show-close": false,
+          "close-on-click-modal": false,
+          width: "500px",
+          "append-to-room-container": true,
+          "confirm-button": unref(t)("Turn on the camera"),
+          "cancel-button": unref(t)("Keep it closed"),
+          onConfirm: handleAccept,
+          onCancel: handleReject
+        }, {
+          footer: withCtx(() => [
+            createVNode(TuiButton, {
+              class: "cancel-button",
+              size: "default",
+              onClick: handleAccept
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Turn on the camera")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(TuiButton, {
+              class: "cancel-button",
+              size: "default",
+              type: "primary",
+              onClick: handleReject
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Keep it closed")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("span", null, toDisplayString(dialogContent.value), 1)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "confirm-button", "cancel-button"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/VideoControl.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/RoomFooter/VirtualBackground.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/RoomFooter/VirtualBackground.vue.mjs

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

package/es/components/RoomFooter/VirtualBackground.vue2.mjs

@@ -0,0 +1,112 @@
+import { defineComponent, ref, unref, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, nextTick, pushScopeId, popScopeId } from "vue";
+import IconButton from "../common/base/IconButton.vue.mjs";
+import VirtualBackgroundIcon from "../common/icons/VirtualBackgroundIcon.vue.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import Dialog from "../common/base/Dialog/index.vue.mjs";
+import CloseVirtualBackground from "../../assets/imgs/close-virtual-background.png.mjs";
+import BlurredBackground from "../../assets/imgs/blurred-background.png.mjs";
+const _withScopeId = (n) => (pushScopeId("data-v-f058868a"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "virtualBackground-control-container"
+};
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", {
+  id: "stream-preview",
+  class: "stream-preview"
+}, null, -1));
+const _hoisted_3 = { class: "setting" };
+const _hoisted_4 = { class: "setting-item-icon" };
+const _hoisted_5 = ["src"];
+const _hoisted_6 = { class: "setting-item-icon" };
+const _hoisted_7 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VirtualBackground",
+  setup(__props) {
+    const { t } = useI18n();
+    const componentConfig = roomService.componentManager.getComponentConfig("VirtualBackground");
+    const currentVirtualBackground = ref("close");
+    const isDialogVisible = ref(false);
+    const openSettingPanel = async () => {
+      var _a;
+      roomService.virtualBackground.initVirtualBackground();
+      isDialogVisible.value = true;
+      await nextTick();
+      (_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({ view: "stream-preview" });
+    };
+    const closeSettingPanel = () => {
+      var _a;
+      isDialogVisible.value = false;
+      (_a = roomService.roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
+    };
+    const openBlurredBackground = () => {
+      currentVirtualBackground.value = "blur";
+      roomService.virtualBackground.toggleVirtualBackground(true);
+    };
+    const closeVirtualBackground = () => {
+      currentVirtualBackground.value = "close";
+      roomService.virtualBackground.toggleVirtualBackground(false);
+    };
+    return (_ctx, _cache) => {
+      return unref(componentConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(IconButton, {
+          title: unref(t)("VirtualBackground"),
+          onClickIcon: openSettingPanel
+        }, {
+          default: withCtx(() => [
+            createVNode(VirtualBackgroundIcon)
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        createVNode(Dialog, {
+          modelValue: isDialogVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isDialogVisible.value = $event),
+          title: unref(t)("VirtualBackground"),
+          width: "600px",
+          modal: true,
+          "append-to-room-container": true,
+          onClose: closeSettingPanel
+        }, {
+          default: withCtx(() => [
+            _hoisted_2,
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", {
+                class: normalizeClass(["setting-item", currentVirtualBackground.value === "close" ? "active" : ""]),
+                onClick: closeVirtualBackground
+              }, [
+                createElementVNode("i", _hoisted_4, [
+                  createElementVNode("img", {
+                    src: unref(CloseVirtualBackground),
+                    alt: "close",
+                    style: { "width": "32px" }
+                  }, null, 8, _hoisted_5)
+                ]),
+                createElementVNode("span", null, toDisplayString(unref(t)("Close")), 1)
+              ], 2),
+              createElementVNode("div", {
+                class: normalizeClass(["setting-item", currentVirtualBackground.value === "blur" ? "active" : ""]),
+                onClick: openBlurredBackground
+              }, [
+                createElementVNode("i", _hoisted_6, [
+                  createElementVNode("img", {
+                    src: unref(BlurredBackground),
+                    alt: "blurred"
+                  }, null, 8, _hoisted_7)
+                ]),
+                createElementVNode("span", null, toDisplayString(unref(t)("BlurredBackground")), 1)
+              ], 2)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/VirtualBackground.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/RoomFooter/index/index.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/RoomFooter/index/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./index.vue2.mjs";
+import "./index.vue3.mjs";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const RoomFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0175eb1f"]]);
+export {
+  RoomFooter as default
+};

package/es/components/RoomFooter/index/index.vue2.mjs

@@ -0,0 +1,99 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, unref, createBlock, createCommentVNode, createVNode } from "vue";
+import AudioControl from "../AudioControl.vue.mjs";
+import ScreenShareControl from "../ScreenShareControl/Index.vue.mjs";
+import _sfc_main$1 from "../FullScreenControl.vue.mjs";
+import InviteControl from "../InviteControl.vue.mjs";
+import VideoControl from "../VideoControl.vue.mjs";
+import _sfc_main$2 from "../ManageMemberControl.vue.mjs";
+import _sfc_main$3 from "../ChatControl.vue.mjs";
+import _sfc_main$4 from "../ManageStageControl.vue.mjs";
+import MemberApplyControl from "../ApplyControl/MemberApplyControl.vue.mjs";
+import _sfc_main$5 from "../MoreControl/index.vue.mjs";
+import EndControl from "../EndControl/index.vue.mjs";
+import _sfc_main$6 from "../SettingControl.vue.mjs";
+import VirtualBackground from "../VirtualBackground.vue.mjs";
+import bus from "../../../hooks/useMitt.mjs";
+import roomAegis from "../../../utils/aegis/index.mjs";
+import useRoomFooter from "./useRoomFooterHooks.mjs";
+const _hoisted_1 = { class: "footer-container" };
+const _hoisted_2 = { class: "left-container" };
+const _hoisted_3 = { class: "center-container" };
+const _hoisted_4 = { class: "right-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      roomStore,
+      isMaster,
+      isAdmin,
+      isAudience
+    } = useRoomFooter();
+    function handleControlClick(name) {
+      roomAegis.reportEvent({ name, ext1: name });
+      bus.emit("experience-communication", name);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          !unref(isAudience) || unref(isAdmin) ? (openBlock(), createBlock(AudioControl, {
+            key: 0,
+            class: "left-container-item",
+            onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("audioControl"))
+          })) : createCommentVNode("", true),
+          !unref(isAudience) || unref(isAdmin) ? (openBlock(), createBlock(VideoControl, {
+            key: 1,
+            class: "left-container-item",
+            onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("videoControl"))
+          })) : createCommentVNode("", true),
+          unref(roomStore).isSpeakAfterTakingSeatMode && !unref(isMaster) ? (openBlock(), createBlock(MemberApplyControl, {
+            key: 2,
+            class: "left-container-item",
+            onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("MemberApplyControl"))
+          })) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(ScreenShareControl, {
+            class: "center-container-item",
+            onClick: _cache[3] || (_cache[3] = ($event) => handleControlClick("screenShareControl"))
+          }),
+          createVNode(_sfc_main$1, {
+            class: "center-container-item",
+            onClick: _cache[4] || (_cache[4] = ($event) => handleControlClick("fullScreenControl"))
+          }),
+          createVNode(_sfc_main$2, {
+            class: "center-container-item",
+            onClick: _cache[5] || (_cache[5] = ($event) => handleControlClick("manageMemberControl"))
+          }),
+          createVNode(InviteControl, {
+            class: "center-container-item",
+            onClick: _cache[6] || (_cache[6] = ($event) => handleControlClick("inviteControl"))
+          }),
+          createVNode(_sfc_main$3, {
+            class: "center-container-item",
+            onClick: _cache[7] || (_cache[7] = ($event) => handleControlClick("chatControl"))
+          }),
+          unref(roomStore).isSpeakAfterTakingSeatMode && (unref(isMaster) || unref(isAdmin)) ? (openBlock(), createBlock(_sfc_main$4, {
+            key: 0,
+            class: "center-container-item",
+            onClick: _cache[8] || (_cache[8] = ($event) => handleControlClick("MasterApplyControl"))
+          })) : createCommentVNode("", true),
+          createVNode(_sfc_main$5, {
+            class: "center-container-item",
+            onClick: _cache[9] || (_cache[9] = ($event) => handleControlClick("moreControl"))
+          }),
+          createVNode(_sfc_main$6, {
+            class: "center-container-item",
+            onClick: _cache[10] || (_cache[10] = ($event) => handleControlClick("settingControl"))
+          }),
+          createVNode(VirtualBackground, { class: "center-container-item" })
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createVNode(EndControl)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomFooter/index/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/RoomFooter/index/useRoomFooterHooks.d.ts

@@ -0,0 +1,7 @@
+export default function useRoomFooter(): {
+    t: any;
+    roomStore: any;
+    isMaster: any;
+    isAdmin: any;
+    isAudience: any;
+};

package/es/components/RoomFooter/index/useRoomFooterHooks.mjs

@@ -0,0 +1,18 @@
+import { useRoomStore } from "../../../stores/room.mjs";
+import { useI18n } from "../../../locales/index.mjs";
+import { storeToRefs } from "pinia";
+function useRoomFooter() {
+  const roomStore = useRoomStore();
+  const { t } = useI18n();
+  const { isMaster, isAdmin, isAudience } = storeToRefs(roomStore);
+  return {
+    t,
+    roomStore,
+    isMaster,
+    isAdmin,
+    isAudience
+  };
+}
+export {
+  useRoomFooter as default
+};

package/es/components/RoomHeader/RoomInfo/index.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/RoomHeader/RoomInfo/index.vue.mjs

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

package/es/components/RoomHeader/RoomInfo/index.vue2.mjs

@@ -0,0 +1,83 @@
+import { defineComponent, openBlock, createElementBlock, unref, createElementVNode, withModifiers, toDisplayString, createVNode, normalizeClass, createCommentVNode, withDirectives, Fragment, renderList, vShow } from "vue";
+import useRoomInfo from "./useRoomInfoHooks.mjs";
+import SvgIcon from "../../common/base/SvgIcon.vue.mjs";
+import ArrowUpIcon from "../../common/icons/ArrowUpIcon.vue.mjs";
+import CopyIcon from "../../common/icons/CopyIcon.vue.mjs";
+import vClickOutside from "../../../directives/vClickOutside.mjs";
+import RoomTime from "../../common/RoomTime.vue.mjs";
+const _hoisted_1 = { class: "conference-container" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "text" };
+const _hoisted_4 = {
+  key: 1,
+  class: "roomInfo-container"
+};
+const _hoisted_5 = { class: "roomInfo-title" };
+const _hoisted_6 = { class: "roomInfo-item" };
+const _hoisted_7 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      t,
+      arrowDirection,
+      isShowRoomInfoTitle,
+      conferenceTitle,
+      isShowRoomInfo,
+      roomInfoTabList,
+      toggleShowRoomInfoStatus,
+      handleClickOutsideRoomInfoContainer,
+      onCopy
+    } = useRoomInfo();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(isShowRoomInfoTitle) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: "title-container",
+            onClick: _cache[0] || (_cache[0] = withModifiers(
+              //@ts-ignore
+              (...args) => unref(toggleShowRoomInfoStatus) && unref(toggleShowRoomInfoStatus)(...args),
+              ["stop"]
+            ))
+          }, [
+            createElementVNode("span", _hoisted_3, toDisplayString(unref(conferenceTitle)), 1),
+            createVNode(SvgIcon, {
+              class: normalizeClass(["arrow-icon", { "arrow-down-icon": unref(arrowDirection) }]),
+              icon: ArrowUpIcon
+            }, null, 8, ["class"]),
+            createVNode(RoomTime, { class: "room-timing" })
+          ])
+        ])) : createCommentVNode("", true),
+        unref(isShowRoomInfo) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(roomInfoTabList), (item) => {
+            return withDirectives((openBlock(), createElementBlock("div", {
+              key: item.id,
+              class: "roomInfo-content"
+            }, [
+              createElementVNode("span", _hoisted_5, toDisplayString(unref(t)(item.title)), 1),
+              createElementVNode("span", _hoisted_6, toDisplayString(item.content), 1),
+              item.isShowCopyIcon ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "copy-container",
+                onClick: ($event) => unref(onCopy)(item.copyLink)
+              }, [
+                createVNode(SvgIcon, {
+                  class: "copy",
+                  icon: CopyIcon
+                }),
+                createElementVNode("span", null, toDisplayString(unref(t)("Copy")), 1)
+              ], 8, _hoisted_7)) : createCommentVNode("", true)
+            ])), [
+              [vShow, item.visible]
+            ]);
+          }), 128))
+        ])), [
+          [unref(vClickOutside), unref(handleClickOutsideRoomInfoContainer)]
+        ]) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomHeader/RoomInfo/index.vue3.mjs

@@ -0,0 +1 @@
+

package/es/components/RoomHeader/RoomInfo/useRoomInfoHooks.d.ts

@@ -0,0 +1,27 @@
+export default function useRoomInfo(): {
+    t: any;
+    arrowDirection: import('vue').Ref<boolean>;
+    isWeChat: boolean;
+    isShowRoomInfo: import('vue').Ref<boolean>;
+    isShowRoomInfoTitle: import('vue').ComputedRef<any>;
+    conferenceTitle: import('vue').ComputedRef<string>;
+    roomInfoTabList: import('vue').ComputedRef<({
+        id: number;
+        title: string;
+        content: any;
+        copyLink: any;
+        isShowCopyIcon: boolean;
+        visible: boolean;
+    } | {
+        id: number;
+        title: string;
+        content: string;
+        copyLink: string;
+        isShowCopyIcon: boolean;
+        visible: any;
+    })[]>;
+    handleCloseRoomInfo: () => void;
+    toggleShowRoomInfoStatus: () => void;
+    handleClickOutsideRoomInfoContainer: () => void;
+    onCopy: (value: string | number) => Promise<void>;
+};