@tencentcloud/roomkit-electron-vue3 2.7.1 → 2.8.1

package/es/components/RoomSidebar/index.vue.mjs

@@ -4,7 +4,7 @@ import useSideBar from "./useSideBarHooks.mjs";
 import ManageMember from "../ManageMember/index.vue.mjs";
 import RoomMore from "../RoomMore/index.vue.mjs";
 import Chat from "../Chat/index/index.vue.mjs";
-import AITranscription from "../AITools/AITranscription.vue.mjs";
+import AITranscription from "../common/widgets/AITools/AITranscription.vue.mjs";
 const _hoisted_1 = { class: "sidebar-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",

package/es/components/ScheduleConference/InvitePanel.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./InvitePanel.vue2.mjs";
 /* empty css                  */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const InvitePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b38c13e"]]);
+const InvitePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50de092b"]]);
 export {
   InvitePanel as default
 };

package/es/components/ScheduleConference/ScheduleConferencePanel/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const ScheduleConferencePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4728cd03"]]);
+const ScheduleConferencePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9348c289"]]);
 export {
   ScheduleConferencePanel as default
 };

package/es/components/ScheduleConference/ScheduleConferencePanel/index.vue2.mjs

@@ -21,11 +21,11 @@ import "../../../services/main.mjs";
 import { roomService } from "../../../services/roomService.mjs";
 import { EventType } from "../../../services/types.mjs";
 import { TUISeatMode, TUIConferenceStatus } from "@tencentcloud/tuiroom-engine-electron";
+import "../../../utils/environment.mjs";
+import { deepClone, calculateByteLength } from "../../../utils/utils.mjs";
 import "mitt";
 import "../../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import "../../../utils/environment.mjs";
-import { deepClone, calculateByteLength } from "../../../utils/utils.mjs";
 import { PASSWORD_MAX_LENGTH_LIMIT } from "../../../constants/room.mjs";
 import { invalidDigitalPasswordRegex } from "../../../utils/common.mjs";
 import { getDateAndTime, convertToTimestamp, calculateEndTime } from "../scheduleUtils.mjs";
@@ -95,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const passwordChecked = ref(false);
     const isEditMode = computed(() => !!props.conferenceInfo);
     const roomId = ref("");
-    let contacts = [];
+    const contacts = ref([]);
     const { date: startDate, laterTime: startTime } = getDateAndTime(/* @__PURE__ */ new Date());
     const defaultFormData = ref({
       roomName: t("sb temporary room", {
@@ -134,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
           form.value.startDate = date;
           form.value.startTime = laterTime;
-          contacts = await roomService.scheduleConferenceManager.fetchFriendList();
+          contacts.value = await roomService.scheduleConferenceManager.fetchFriendList();
           isEditMode.value && (form.value = Object.assign({}, deepClone(editParams.value)));
         }
       },
@@ -321,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const searchScheduleAttend = (v) => {
       if (!v) return [];
-      return contacts.filter(
+      return contacts.value.filter(
         (user) => (user == null ? void 0 : user.profile.nick.includes(v)) || (user == null ? void 0 : user.userID.includes(v))
       );
     };
@@ -346,12 +346,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const contactsConfirm = (contacts2) => {
       form.value.scheduleAttendees = contacts2;
     };
+    let scheduleConferenceInProgress = false;
     const scheduleConference = async () => {
+      if (scheduleConferenceInProgress) return;
       if (!timeCheck()) return;
       if (!roomNameCheck()) return;
       if (!roomPasswordCheck()) return;
-      roomId.value = String(Math.ceil(Math.random() * 1e6));
+      scheduleConferenceInProgress = true;
       try {
+        roomId.value = await roomService.scheduleConferenceManager.generateRoomId();
         await roomService.scheduleConferenceManager.scheduleConference({
           ...scheduleParams.value,
           roomId: roomId.value
@@ -374,6 +377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           message: err.message
         });
       }
+      scheduleConferenceInProgress = false;
     };
     const compareArrays = (oldArray, newArray, key) => {
       const added = [];
@@ -682,7 +686,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 8, ["visible", "title"]),
         createVNode(Contacts, {
           visible: contactsVisible.value,
-          contacts: unref(contacts),
+          contacts: contacts.value,
           "selected-list": scheduleParams.value.scheduleAttendees,
           onInput: _cache[12] || (_cache[12] = ($event) => contactsVisible.value = $event),
           onConfirm: contactsConfirm

package/es/components/ScheduleConference/ScheduleRoomControl.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./ScheduleRoomControl.vue2.mjs";
 /* empty css                          */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const ScheduleRoomControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b6e52c3"]]);
+const ScheduleRoomControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-043bf927"]]);
 export {
   ScheduleRoomControl as default
 };

package/es/components/ScheduleConference/ScheduleRoomControl.vue2.mjs

@@ -4,11 +4,11 @@ import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import logger from "../../utils/common/logger/index.mjs";
 import { useI18n } from "../../locales/index.mjs";
+import { isMobile } from "../../utils/environment.mjs";
+import { convertSecondsToHMS, getUrlWithRoomId } from "../../utils/utils.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import { isMobile } from "../../utils/environment.mjs";
-import { convertSecondsToHMS, getUrlWithRoomId } from "../../utils/utils.mjs";
 import useRoomInfo from "../RoomHeader/RoomInfo/useRoomInfoHooks.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
 import Dialog from "../common/base/Dialog/index.vue.mjs";
@@ -26,7 +26,7 @@ import { storeToRefs } from "pinia";
 import ConferenceDetail from "./ConferenceDetail.vue.mjs";
 import InvitePanel from "./InvitePanel.vue.mjs";
 import PanelContainer from "./PanelContainer.vue.mjs";
-const _withScopeId = (n) => (pushScopeId("data-v-2b6e52c3"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-043bf927"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "schedule-room-control" };
 const _hoisted_2 = ["title"];
 const _hoisted_3 = { class: "schedule-title-text" };

package/es/components/ScheduleConference/ScheduleRoomList.vue2.mjs

@@ -4,11 +4,11 @@ import { roomService } from "../../services/roomService.mjs";
 import { EventType } from "../../services/types.mjs";
 import { useI18n } from "../../locales/index.mjs";
 import { TUIConferenceListManagerEvents } from "@tencentcloud/tuiroom-engine-electron";
+import { isMobile } from "../../utils/environment.mjs";
+import { objectMerge } from "../../utils/utils.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import { isMobile } from "../../utils/environment.mjs";
-import { objectMerge } from "../../utils/utils.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
 import CalendarIcon from "../common/icons/CalendarIcon.vue.mjs";
 import ApplyStageLabelIcon from "../common/icons/ApplyStageLabelIcon.vue.mjs";

package/es/components/ScheduleConference/ShareLink.vue2.mjs

@@ -12,10 +12,10 @@ import { useBasicStore } from "../../stores/basic.mjs";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
+import "../../utils/environment.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import "../../utils/environment.mjs";
 const _hoisted_1 = { class: "invite-member" };
 const _hoisted_2 = { class: "invite-member-title" };
 const _hoisted_3 = { class: "invite-member-item" };

package/es/components/ScheduleConference/TimezonePicker.vue.mjs

@@ -6,10 +6,10 @@ import { roomService } from "../../services/roomService.mjs";
 import { EventType } from "../../services/types.mjs";
 import "../../locales/index.mjs";
 import "@tencentcloud/tuiroom-engine-electron";
+import "../../utils/environment.mjs";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
-import "../../utils/environment.mjs";
 const _hoisted_1 = { class: "container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TimezonePicker",

package/es/components/Stream/MultiStreamView/index.vue.d.ts

@@ -0,0 +1,33 @@
+import { TUIVideoStreamType } from '@tencentcloud/tuiroom-engine-electron';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    maxColumn: number;
+    maxRow: number;
+    fillMode?: "fill" | "contain";
+    excludeStreamInfoList?: {
+        userId: string;
+        streamType: TUIVideoStreamType;
+    }[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "stream-view-dblclick": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    maxColumn: number;
+    maxRow: number;
+    fillMode?: "fill" | "contain";
+    excludeStreamInfoList?: {
+        userId: string;
+        streamType: TUIVideoStreamType;
+    }[];
+}>>> & {
+    "onStream-view-dblclick"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+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;
+    };
+};

package/es/components/{Chat/MessageList → Stream/MultiStreamView}/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-397f419c"]]);
+const MultiStreamView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5178602f"]]);
 export {
-  MessageList as default
+  MultiStreamView as default
 };

package/es/components/Stream/MultiStreamView/index.vue2.mjs

@@ -0,0 +1,99 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withDirectives, createElementVNode, vShow, createCommentVNode } from "vue";
+import ArrowStrokeTurnPageIcon from "../../common/icons/ArrowStrokeTurnPageIcon.vue.mjs";
+import SvgIcon from "../../common/base/SvgIcon.vue.mjs";
+import StreamList from "../common/StreamList/index.vue.mjs";
+import { StreamPlayMode, StreamPlayQuality } from "../../../services/manager/mediaManager.mjs";
+import useMultiStreamViewHook from "./useMultiStreamViewHook.mjs";
+import { storeToRefs } from "pinia";
+import { useBasicStore } from "../../../stores/basic.mjs";
+const _hoisted_1 = { id: "streamContainer" };
+const _hoisted_2 = {
+  key: 0,
+  class: "turn-page-container"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    maxColumn: {},
+    maxRow: {},
+    fillMode: {},
+    excludeStreamInfoList: {}
+  },
+  emits: ["stream-view-dblclick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const {
+      column,
+      row,
+      totalPageNumber,
+      isEqualPointsLayout,
+      renderStreamInfoList,
+      equalPointsLayoutStreamList,
+      currentPageIndex
+    } = useMultiStreamViewHook(props);
+    const basicStore = useBasicStore();
+    const { showRoomTool } = storeToRefs(basicStore);
+    const streamInfoList = computed(() => {
+      if (isEqualPointsLayout.value) {
+        return equalPointsLayoutStreamList.value[currentPageIndex.value];
+      }
+      return renderStreamInfoList.value;
+    });
+    const emits = __emit;
+    function handleStreamDblclick(streamInfo) {
+      emits("stream-view-dblclick", streamInfo);
+    }
+    const showTurnPageControl = computed(
+      () => isEqualPointsLayout.value && totalPageNumber.value > 1
+    );
+    const showTurnPageLeftArrow = computed(
+      () => isEqualPointsLayout.value && currentPageIndex.value > 0
+    );
+    const showTurnPageRightArrow = computed(
+      () => isEqualPointsLayout.value && currentPageIndex.value < totalPageNumber.value - 1
+    );
+    function handleTurnPageLeft() {
+      currentPageIndex.value = currentPageIndex.value - 1;
+    }
+    function handleTurnPageRight() {
+      currentPageIndex.value = currentPageIndex.value + 1;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(StreamList, {
+          streamInfoList: streamInfoList.value,
+          column: unref(column),
+          row: unref(row),
+          streamPlayMode: unref(StreamPlayMode).PLAY_IN_VISIBLE,
+          streamPlayQuality: unref(StreamPlayQuality).Default,
+          "aspect-ratio": "16:9",
+          onStreamViewDblclick: handleStreamDblclick
+        }, null, 8, ["streamInfoList", "column", "row", "streamPlayMode", "streamPlayQuality"]),
+        showTurnPageControl.value && unref(showRoomTool) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          withDirectives(createElementVNode("div", {
+            class: "turn-page-arrow-container left-container",
+            onClick: handleTurnPageLeft
+          }, [
+            createVNode(SvgIcon, { icon: ArrowStrokeTurnPageIcon })
+          ], 512), [
+            [vShow, showTurnPageLeftArrow.value]
+          ]),
+          withDirectives(createElementVNode("div", {
+            class: "turn-page-arrow-container right-container",
+            onClick: handleTurnPageRight
+          }, [
+            createVNode(SvgIcon, {
+              class: "turn-page-right",
+              icon: ArrowStrokeTurnPageIcon
+            })
+          ], 512), [
+            [vShow, showTurnPageRightArrow.value]
+          ])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Stream/MultiStreamView/useMultiStreamViewHook.d.ts

@@ -0,0 +1,17 @@
+import { ComputedRef } from 'vue';
+import { StreamInfo } from '../../../stores/room';
+
+export default function useMultiStreamViewHook(props: any): {
+    column: ComputedRef<any>;
+    row: ComputedRef<any>;
+    isHorizontalInfinityLayout: ComputedRef<boolean>;
+    isVerticalInfinityLayout: ComputedRef<boolean>;
+    isEqualPointsLayout: ComputedRef<boolean>;
+    maxCountEveryPage: ComputedRef<number>;
+    streamList: any;
+    renderStreamInfoList: ComputedRef<StreamInfo[]>;
+    equalPointsLayoutStreamList: ComputedRef<StreamInfo[][]>;
+    totalStreamNumber: ComputedRef<any>;
+    totalPageNumber: ComputedRef<number>;
+    currentPageIndex: import('vue').Ref<number>;
+};

package/es/components/Stream/MultiStreamView/useMultiStreamViewHook.mjs

@@ -0,0 +1,95 @@
+import { computed, ref, watch } from "vue";
+import { useRoomStore } from "../../../stores/room.mjs";
+import { storeToRefs } from "pinia";
+function useMultiStreamViewHook(props) {
+  const roomStore = useRoomStore();
+  const { streamList } = storeToRefs(roomStore);
+  const isHorizontalInfinityLayout = computed(
+    () => props.maxColumn === Infinity
+  );
+  const isVerticalInfinityLayout = computed(() => props.maxRow === Infinity);
+  const isEqualPointsLayout = computed(
+    () => props.maxColumn !== Infinity && props.maxRow !== Infinity
+  );
+  const column = computed(() => {
+    if (props.maxColumn === Infinity) {
+      return props.maxColumn;
+    }
+    return Math.min(
+      Math.ceil(Math.sqrt(renderStreamInfoList.value.length)),
+      props.maxColumn
+    );
+  });
+  const row = computed(() => {
+    if (props.maxRow === Infinity) {
+      return props.maxRow;
+    }
+    return Math.min(
+      Math.ceil(renderStreamInfoList.value.length / column.value),
+      props.maxRow
+    );
+  });
+  const currentPageIndex = ref(0);
+  const maxCountEveryPage = computed(() => props.maxColumn * props.maxRow);
+  const renderStreamInfoList = computed(() => {
+    if (props.streamInfoList) {
+      return props.streamInfoList;
+    }
+    return streamList.value.filter(
+      (item1) => {
+        var _a;
+        return !((_a = props.excludeStreamInfoList) == null ? void 0 : _a.find(
+          (item2) => item2.userId === item1.userId && item2.streamType === item1.streamType
+        ));
+      }
+    );
+  });
+  watch(
+    () => renderStreamInfoList.value.length,
+    (val) => {
+      if (isEqualPointsLayout.value) {
+        if (currentPageIndex.value > 0 && currentPageIndex.value > Math.ceil(val / maxCountEveryPage.value) - 1) {
+          currentPageIndex.value = Math.ceil(val / maxCountEveryPage.value) - 1;
+        }
+      }
+    }
+  );
+  const totalStreamNumber = computed(() => {
+    return streamList.value.length;
+  });
+  const equalPointsLayoutStreamList = computed(
+    () => {
+      if (isEqualPointsLayout.value) {
+        return [...new Array(totalPageNumber.value).keys()].map(
+          (pageIndex) => {
+            return renderStreamInfoList.value.slice(
+              pageIndex * maxCountEveryPage.value,
+              (pageIndex + 1) * maxCountEveryPage.value
+            );
+          }
+        );
+      }
+      return [[]];
+    }
+  );
+  const totalPageNumber = computed(
+    () => Math.ceil(renderStreamInfoList.value.length / maxCountEveryPage.value)
+  );
+  return {
+    column,
+    row,
+    isHorizontalInfinityLayout,
+    isVerticalInfinityLayout,
+    isEqualPointsLayout,
+    maxCountEveryPage,
+    streamList,
+    renderStreamInfoList,
+    equalPointsLayoutStreamList,
+    totalStreamNumber,
+    totalPageNumber,
+    currentPageIndex
+  };
+}
+export {
+  useMultiStreamViewHook as default
+};

package/es/components/Stream/SingleStreamView/index.vue.d.ts

@@ -0,0 +1,25 @@
+import { TUIVideoStreamType } from '@tencentcloud/tuiroom-engine-electron';
+
+interface Props {
+    streamInfo?: {
+        userId: string;
+        streamType: TUIVideoStreamType;
+    };
+    fillMode?: 'fill' | 'contain';
+    supportTouchScale?: boolean;
+}
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "stream-view-dblclick": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+    "onStream-view-dblclick"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+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;
+    };
+};

package/es/components/Stream/SingleStreamView/index.vue.mjs

@@ -0,0 +1,30 @@
+import { defineComponent, ref, openBlock, createBlock, unref, createCommentVNode } from "vue";
+import StreamRegion from "../common/StreamRegion/index.vue.mjs";
+import { isPC } from "../../../utils/environment.mjs";
+import { StreamPlayQuality } from "../../../services/manager/mediaManager.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    streamInfo: {},
+    fillMode: {},
+    supportTouchScale: { type: Boolean }
+  },
+  emits: ["stream-view-dblclick"],
+  setup(__props) {
+    const aspectRatio = ref(isPC ? "16:9" : "auto");
+    return (_ctx, _cache) => {
+      return _ctx.streamInfo ? (openBlock(), createBlock(StreamRegion, {
+        key: 0,
+        "stream-info": _ctx.streamInfo,
+        "fill-mode": _ctx.fillMode,
+        "support-touch-scale": _ctx.supportTouchScale,
+        "stream-play-quality": unref(StreamPlayQuality).HIGH,
+        "aspect-ratio": aspectRatio.value,
+        onStreamViewDblclick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("stream-view-dblclick"))
+      }, null, 8, ["stream-info", "fill-mode", "support-touch-scale", "stream-play-quality", "aspect-ratio"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Stream/SingleStreamView/index.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.vue.mjs";
+export {
+  _sfc_main as default
+};

package/es/components/{RoomContent/StreamRegion → Stream/common}/LocalScreenView/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.mjs";
-const LocalScreenView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-222da582"]]);
+const LocalScreenView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f3e45334"]]);
 export {
   LocalScreenView as default
 };

package/es/components/{RoomContent/StreamRegion → Stream/common}/LocalScreenView/index.vue2.mjs

@@ -1,41 +1,19 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, toDisplayString, unref, withCtx, createTextVNode, createBlock, createCommentVNode } from "vue";
-import { storeToRefs } from "pinia";
-import { ipcRenderer } from "electron";
+import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, toDisplayString, unref, withCtx, createTextVNode } from "vue";
 import SvgIcon from "../../../common/base/SvgIcon.vue.mjs";
 import ScreenSharingIcon from "../../../common/icons/ScreenSharingIcon.vue.mjs";
 import TuiButton from "../../../common/base/Button.vue.mjs";
 import Dialog from "../../../common/base/Dialog/index.vue.mjs";
 import bus from "../../../../hooks/useMitt.mjs";
 import { useI18n } from "../../../../locales/index.mjs";
-import { useRoomStore } from "../../../../stores/room.mjs";
-import { MetricsKey } from "../../../../services/manager/dataReportManager.mjs";
-import "../../../../services/main.mjs";
-import { roomService } from "../../../../services/roomService.mjs";
-import "@tencentcloud/tuiroom-engine-electron";
-import "mitt";
-import "../../../../services/manager/roomActionManager.mjs";
-import "@tencentcloud/tui-core";
-import "../../../../utils/environment.mjs";
-const _hoisted_1 = { class: "local-screen-container" };
-const _hoisted_2 = { class: "local-screen-info" };
-const _hoisted_3 = { class: "text" };
+const _hoisted_1 = { class: "local-screen-info" };
+const _hoisted_2 = { class: "text" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: {
-    isMiniRegion: { type: Boolean }
-  },
   setup(__props) {
-    var _a;
-    const roomStore = useRoomStore();
     const { t } = useI18n();
     const showStopShareRegion = ref(false);
-    const { isAnnotationVisiable, isSharingScreen } = storeToRefs(roomStore);
-    const annotationSwitchLabel = computed(() => {
-      return isAnnotationVisiable.value ? t("End annotating") : t("Start annotating");
-    });
-    onMounted(() => {
-      isAnnotationVisiable.value = false;
-    });
+    const localScreenContainerRef = ref();
+    const isMiniRegion = ref(false);
     function openStopConfirmDialog() {
       showStopShareRegion.value = true;
     }
@@ -43,30 +21,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       showStopShareRegion.value = false;
       bus.emit("ScreenShare:stopScreenShare");
     }
-    function toggleAnnotationWindow() {
-      var _a2, _b;
-      if (isAnnotationVisiable.value) {
-        (_a2 = ipcRenderer) == null ? void 0 : _a2.send("annotation:stop-annotating");
-        isAnnotationVisiable.value = false;
-        roomService.dataReportManager.reportCount(MetricsKey.stopAnnotating);
-      } else {
-        (_b = ipcRenderer) == null ? void 0 : _b.send("annotation:start-annotating");
-        isAnnotationVisiable.value = true;
-        roomService.dataReportManager.reportCount(MetricsKey.startAnnotating);
-      }
-    }
-    (_a = ipcRenderer) == null ? void 0 : _a.on("annotation:stop-from-annotation-window", () => {
-      isAnnotationVisiable.value = false;
-      roomService.dataReportManager.reportCount(MetricsKey.stopAnnotating);
+    const resizeObserver = new ResizeObserver(() => {
+      var _a;
+      isMiniRegion.value = ((_a = localScreenContainerRef.value) == null ? void 0 : _a.offsetHeight) <= 200;
+    });
+    onMounted(() => {
+      resizeObserver.observe(localScreenContainerRef.value);
+    });
+    onBeforeUnmount(() => {
+      resizeObserver.unobserve(localScreenContainerRef.value);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", {
+        class: "local-screen-container",
+        ref_key: "localScreenContainerRef",
+        ref: localScreenContainerRef
+      }, [
         createElementVNode("div", {
-          class: normalizeClass(["local-screen-control-container", { mini: _ctx.isMiniRegion }])
+          class: normalizeClass(["local-screen-control-container", { mini: isMiniRegion.value }])
         }, [
-          createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_1, [
             createVNode(SvgIcon, { icon: ScreenSharingIcon }),
-            createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("You are sharing the screen...")), 1)
+            createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("You are sharing the screen...")), 1)
           ]),
           createVNode(TuiButton, {
             size: "default",
@@ -78,17 +54,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          unref(isSharingScreen) ? (openBlock(), createBlock(TuiButton, {
-            key: 0,
-            size: "default",
-            class: "toggle-annotating-button",
-            onClick: toggleAnnotationWindow
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(annotationSwitchLabel.value), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
           createVNode(Dialog, {
             modelValue: showStopShareRegion.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showStopShareRegion.value = $event),
@@ -130,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["modelValue", "title"])
         ], 2)
-      ]);
+      ], 512);
     };
   }
 });

package/es/components/{RoomContent/StreamRegion → Stream/common}/StreamCover/index.vue.mjs

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