@tencentcloud/roomkit-electron-vue3 2.7.2 → 2.8.2

package/es/components/RoomInvite/useRoomInviteHooks.mjs

@@ -93,7 +93,7 @@ function useRoomInvite() {
     },
     {
       title: "Room Type",
-      content: `${t(getSeatModeDisplay(isSeatEnabled.value))}`,
+      content: `${t(getSeatModeDisplay(!!isSeatEnabled.value))}`,
       isShowCopyIcon: false,
       isVisible: true
     },
@@ -131,7 +131,7 @@ function useRoomInvite() {
   function copyRoomIdAndRoomLink() {
     const invitationList = [
       roomName.value,
-      `${t("Room Type")}: ${t(getSeatModeDisplay(isSeatEnabled.value))}`,
+      `${t("Room Type")}: ${t(getSeatModeDisplay(!!isSeatEnabled.value))}`,
       `${t("Room ID")}: ${roomId.value}`
     ];
     if (isShowPassword.value) {

package/es/components/RoomOverlay/RoomOverlay.vue.mjs

@@ -0,0 +1,16 @@
+import { defineComponent, unref, openBlock, createBlock, createCommentVNode } from "vue";
+import AISubtitlesOverlay from "../common/widgets/AITools/AISubtitles.vue.mjs";
+import { useRoomOverlayHooks } from "./useRoomOverlayHooks.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RoomOverlay",
+  setup(__props) {
+    const { getOverlayMap } = useRoomOverlayHooks();
+    const overlayMap = getOverlayMap();
+    return (_ctx, _cache) => {
+      return unref(overlayMap).AISubtitlesOverlay.visible ? (openBlock(), createBlock(AISubtitlesOverlay, { key: 0 })) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomOverlay/RoomOverlay.vue2.mjs

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

package/es/components/RoomOverlay/useRoomOverlayHooks.d.ts

@@ -0,0 +1,15 @@
+export declare enum OverlayMap {
+    AISubtitlesOverlay = "AISubtitlesOverlay",
+    RoomInviteOverlay = "RoomInviteOverlay"
+}
+export declare function useRoomOverlayHooks(): {
+    getOverlayMap: () => import('vue').Ref<{
+        AISubtitlesOverlay: {
+            visible: boolean;
+        };
+        RoomInviteOverlay: {
+            visible: boolean;
+        };
+    }>;
+    toggleOverlayVisibility: (overlay: OverlayMap, isShow: boolean) => void;
+};

package/es/components/RoomOverlay/useRoomOverlayHooks.mjs

@@ -0,0 +1,30 @@
+import { ref } from "vue";
+var OverlayMap = /* @__PURE__ */ ((OverlayMap2) => {
+  OverlayMap2["AISubtitlesOverlay"] = "AISubtitlesOverlay";
+  OverlayMap2["RoomInviteOverlay"] = "RoomInviteOverlay";
+  return OverlayMap2;
+})(OverlayMap || {});
+const overlayMap = ref({
+  [
+    "AISubtitlesOverlay"
+    /* AISubtitlesOverlay */
+  ]: { visible: false },
+  [
+    "RoomInviteOverlay"
+    /* RoomInviteOverlay */
+  ]: { visible: false }
+});
+function useRoomOverlayHooks() {
+  const getOverlayMap = () => overlayMap;
+  const toggleOverlayVisibility = (overlay, isShow) => {
+    overlayMap.value[overlay].visible = isShow;
+  };
+  return {
+    getOverlayMap,
+    toggleOverlayVisibility
+  };
+}
+export {
+  OverlayMap,
+  useRoomOverlayHooks
+};

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, unref, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, Fragment, renderList, normalizeClass, pushScopeId, popScopeId, createBlock, createCommentVNode } from "vue";
+import { defineComponent, computed, unref, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, Fragment, renderList, normalizeClass, createBlock, createCommentVNode, pushScopeId, popScopeId } from "vue";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
 import AudioSettingTab from "../common/AudioSettingTab.vue.mjs";
 import VideoSettingTab from "../common/VideoSettingTab.vue.mjs";

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/Contacts.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, createSlots, withCtx, createElementVNode, withModifiers, normalizeClass, createVNode, createElementBlock, toDisplayString, Fragment, renderList, createTextVNode, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, createSlots, withCtx, createElementVNode, normalizeClass, withModifiers, createVNode, createElementBlock, toDisplayString, Fragment, renderList, createTextVNode, createCommentVNode } from "vue";
 import TuiInput from "../common/base/Input/index.vue.mjs";
 import TuiCheckbox from "../common/base/Checkbox/index.vue.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createCommentVNode, normalizeClass, createBlock, createTextVNode } from "vue";
+import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createTextVNode, toDisplayString, createBlock, Fragment, renderList, createCommentVNode, normalizeClass } from "vue";
 import { useI18n } from "../../../locales/index.mjs";
 import TuiInput from "../../common/base/Input/index.vue.mjs";
 import TuiSelect from "../../common/base/Select/index.vue.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

@@ -1,14 +1,14 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, withDirectives, createElementVNode, toDisplayString, unref, createBlock, createCommentVNode, pushScopeId, popScopeId, normalizeClass, nextTick, Fragment, renderList, vShow, createVNode, withCtx, createTextVNode, createSlots, withModifiers } from "vue";
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, withDirectives, createElementVNode, toDisplayString, unref, createBlock, createCommentVNode, normalizeClass, Fragment, renderList, vShow, createVNode, withCtx, createTextVNode, createSlots, withModifiers, nextTick, pushScopeId, popScopeId } from "vue";
 import { TUIConferenceStatus } from "@tencentcloud/tuiroom-engine-electron";
 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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createVNode, createTextVNode } from "vue";
+import { defineComponent, ref, watch, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList } from "vue";
 import { storeToRefs } from "pinia";
 import { useI18n } from "../../locales/index.mjs";
 import Dialog from "../common/base/Dialog/index.vue.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
 };