@ndscnj/roomkit-web-vue3 25.11.1916 → 25.23.1051

package/es/components/Stream/common/LocalScreenView/index.vue2.mjs

@@ -1,101 +0,0 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, createElementVNode, normalizeClass, createVNode, unref, toDisplayString, withCtx, createTextVNode } from "vue";
-import { IconScreenSharing, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import Dialog from "../../../common/base/Dialog/index.mjs";
-import bus from "../../../../hooks/useMitt.mjs";
-import { useI18n } from "../../../../locales/index.mjs";
-const _hoisted_1 = { class: "local-screen-info" };
-const _hoisted_2 = { class: "text" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const { t } = useI18n();
-    const showStopShareRegion = ref(false);
-    const localScreenContainerRef = ref();
-    const isMiniRegion = ref(false);
-    function openStopConfirmDialog() {
-      showStopShareRegion.value = true;
-    }
-    function stopScreenSharing() {
-      showStopShareRegion.value = false;
-      bus.emit("ScreenShare:stopScreenShare");
-    }
-    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", {
-        class: "local-screen-container",
-        ref_key: "localScreenContainerRef",
-        ref: localScreenContainerRef
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["local-screen-control-container", { mini: isMiniRegion.value }])
-        }, [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(IconScreenSharing), { size: "44" }),
-            createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("You are sharing the screen...")), 1)
-          ]),
-          createVNode(unref(TUIButton), {
-            color: "red",
-            onClick: openStopConfirmDialog,
-            type: "primary"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("End sharing")), 1)
-            ]),
-            _: 1
-          }),
-          createVNode(unref(Dialog), {
-            modelValue: showStopShareRegion.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showStopShareRegion.value = $event),
-            width: "420px",
-            title: unref(t)("End sharing"),
-            modal: true,
-            "close-on-click-modal": true,
-            "append-to-room-container": true
-          }, {
-            footer: withCtx(() => [
-              createElementVNode("span", null, [
-                createVNode(unref(TUIButton), {
-                  onClick: stopScreenSharing,
-                  type: "primary",
-                  style: { "min-width": "88px" }
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("End sharing")), 1)
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(TUIButton), {
-                  onClick: _cache[0] || (_cache[0] = ($event) => showStopShareRegion.value = false),
-                  style: { "min-width": "88px" }
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            default: withCtx(() => [
-              createElementVNode("span", null, toDisplayString(unref(t)(
-                "Others will no longer see your screen after you stop sharing. Are you sure you want to stop?"
-              )), 1)
-            ]),
-            _: 1
-          }, 8, ["modelValue", "title"])
-        ], 2)
-      ], 512);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/Stream/common/StreamCover/index.vue.d.ts

@@ -1,18 +0,0 @@
-import { StreamInfo } from '../../../../stores/room';
-
-interface Props {
-    streamInfo: StreamInfo;
-    enlargeDomId?: string;
-    changeLargeStream?: boolean;
-}
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-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/common/StreamCover/index.vue.mjs

@@ -1,7 +0,0 @@
-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-d0cc62f6"]]);
-export {
-  StreamCover as default
-};

package/es/components/Stream/common/StreamCover/index.vue2.mjs

@@ -1,103 +0,0 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, createVNode, unref, createBlock, toDisplayString } from "vue";
-import { IconLoading, IconUser, IconScreenOpen } from "@tencentcloud/uikit-base-component-vue3";
-import { useRoomStore } from "../../../../stores/room.mjs";
-import AudioIcon from "../../../common/AudioIcon.vue2.mjs";
-import TuiAvatar from "../../../common/Avatar.vue2.mjs";
-import { useI18n } from "../../../../locales/index.mjs";
-import { TUIVideoStreamType, TUIRole } from "@tencentcloud/tuiroom-engine-js";
-import { isPC, isMobile } from "../../../../utils/environment.mjs";
-import { storeToRefs } from "pinia";
-const _hoisted_1 = {
-  key: 0,
-  class: "loading-region"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "center-user-info-container"
-};
-const _hoisted_3 = { class: "corner-user-info-container" };
-const _hoisted_4 = ["title"];
-const _hoisted_5 = { key: 3 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    streamInfo: {},
-    enlargeDomId: {},
-    changeLargeStream: { type: Boolean }
-  },
-  setup(__props) {
-    const roomStore = useRoomStore();
-    const { t } = useI18n();
-    const props = __props;
-    const { userVolumeObj } = storeToRefs(roomStore);
-    const userInfo = computed(() => roomStore.userInfoObj[props.streamInfo.userId]);
-    const displayName = computed(() => {
-      return roomStore.getDisplayName(props.streamInfo.userId);
-    });
-    const showMasterIcon = computed(() => {
-      const { userId, streamType } = props.streamInfo;
-      return userId === roomStore.masterUserId && streamType === TUIVideoStreamType.kCameraStream;
-    });
-    const showAdminIcon = computed(() => {
-      const { userId, streamType } = props.streamInfo;
-      return roomStore.getUserRole(userId) === TUIRole.kAdministrator && streamType === TUIVideoStreamType.kCameraStream;
-    });
-    const showVoiceBorder = computed(() => {
-      if (isPC) {
-        return false;
-      }
-      return props.streamInfo.hasAudioStream && userVolumeObj.value[props.streamInfo.userId] !== 0;
-    });
-    const showIcon = computed(() => showMasterIcon.value || showAdminIcon.value);
-    const isScreenStream = computed(
-      () => props.streamInfo.streamType === TUIVideoStreamType.kScreenStream
-    );
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["stream-cover-container", [showVoiceBorder.value ? "border" : ""]])
-      }, [
-        __props.streamInfo.isLoading ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(IconLoading), {
-            size: "36",
-            class: "loading"
-          })
-        ])) : createCommentVNode("", true),
-        !__props.streamInfo.hasVideoStream ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(TuiAvatar, {
-            class: "avatar-region",
-            "img-src": (_a = userInfo.value) == null ? void 0 : _a.avatarUrl
-          }, null, 8, ["img-src"])
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
-          showIcon.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(showMasterIcon.value ? "master-icon" : "admin-icon")
-          }, [
-            createVNode(unref(IconUser))
-          ], 2)) : createCommentVNode("", true),
-          !isScreenStream.value ? (openBlock(), createBlock(AudioIcon, {
-            key: 1,
-            class: normalizeClass(["audio-icon", { "is-mobile": unref(isMobile) }]),
-            "user-id": __props.streamInfo.userId,
-            "is-muted": !__props.streamInfo.hasAudioStream,
-            size: "small"
-          }, null, 8, ["class", "user-id", "is-muted"])) : createCommentVNode("", true),
-          isScreenStream.value ? (openBlock(), createBlock(unref(IconScreenOpen), {
-            key: 2,
-            size: "20",
-            class: "screen-icon"
-          })) : createCommentVNode("", true),
-          createElementVNode("span", {
-            class: normalizeClass(["user-name", unref(isPC) ? "is-pc" : "is-mobile"]),
-            title: displayName.value
-          }, toDisplayString(displayName.value), 11, _hoisted_4),
-          isScreenStream.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("is sharing their screen")), 1)) : createCommentVNode("", true)
-        ])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/Stream/common/StreamList/index.vue.d.ts

@@ -1,27 +0,0 @@
-import { StreamInfo } from '../../../../stores/room';
-import { StreamPlayMode, StreamPlayQuality } from '../../../../services/manager/mediaManager';
-
-interface Props {
-    streamInfoList?: StreamInfo[];
-    column: number;
-    row: number;
-    fillMode?: 'fill' | 'contain';
-    aspectRatio?: string;
-    streamPlayQuality?: StreamPlayQuality;
-    streamPlayMode?: StreamPlayMode;
-}
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "stream-view-dblclick": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
-    "onStream-view-dblclick"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-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/common/StreamList/index.vue.mjs

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

package/es/components/Stream/common/StreamList/index.vue2.mjs

@@ -1,171 +0,0 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, createBlock, unref } from "vue";
-import StreamRegion from "../StreamRegion/StreamRegionPC.vue.mjs";
-import { isPC } from "../../../../utils/environment.mjs";
-import { getContentSize } from "../../../../utils/domOperation.mjs";
-import { isUndefined } from "../../../../utils/utils.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    streamInfoList: {},
-    column: {},
-    row: {},
-    fillMode: {},
-    aspectRatio: {},
-    streamPlayQuality: {},
-    streamPlayMode: {}
-  },
-  emits: ["stream-view-dblclick"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const singleStreamMargin = isPC ? 8 : 4;
-    const props = __props;
-    const streamListContainerRef = ref();
-    const streamListRef = ref();
-    const isEqualPointsLayout = computed(
-      () => props.column !== Infinity && props.row !== Infinity
-    );
-    const isHorizontalInfinityLayout = computed(() => props.column === Infinity);
-    const isVerticalInfinityLayout = computed(() => props.row === Infinity);
-    watch(
-      () => [props.column, props.row],
-      async () => {
-        await nextTick();
-        handleLayout();
-      },
-      { immediate: true }
-    );
-    const validStreamInfoList = computed(() => {
-      var _a;
-      return (_a = props.streamInfoList) == null ? void 0 : _a.filter(
-        (item) => item && item.userId && !isUndefined(item.streamType)
-      );
-    });
-    function handleLayout() {
-      if (isHorizontalInfinityLayout.value) {
-        handleHorizontalInfinityLayout();
-        return;
-      }
-      if (isVerticalInfinityLayout.value) {
-        handleVerticalInfinityLayout();
-        return;
-      }
-      if (isEqualPointsLayout.value) {
-        handleEqualPointsLayout();
-        return;
-      }
-    }
-    const streamListStyle = ref({
-      width: "0",
-      height: "0"
-    });
-    const streamStyle = ref({
-      width: "0",
-      height: "0",
-      "--stream-margin": `${singleStreamMargin / 2}px`
-    });
-    const widthRatio = computed(() => {
-      var _a, _b;
-      if (!props.aspectRatio || ((_a = props.aspectRatio) == null ? void 0 : _a.indexOf(":")) < 0) {
-        return 0;
-      }
-      return Number((_b = props.aspectRatio) == null ? void 0 : _b.split(":")[0]);
-    });
-    const heightRatio = computed(() => {
-      if (!props.aspectRatio || props.aspectRatio.indexOf(":") < 0) {
-        return 0;
-      }
-      return Number(props.aspectRatio.split(":")[1]);
-    });
-    async function handleEqualPointsLayout() {
-      if (!props.streamInfoList || !streamListContainerRef.value) {
-        return;
-      }
-      const containerRect = streamListContainerRef.value.getBoundingClientRect();
-      const containerWidth = Math.floor(containerRect.width);
-      const containerHeight = Math.floor(containerRect.height);
-      const contentWidth = (containerWidth - props.column * singleStreamMargin) / props.column;
-      const contentHeight = (containerHeight - props.row * singleStreamMargin) / props.row;
-      let width = contentWidth;
-      let height = contentHeight;
-      if (widthRatio.value && heightRatio.value) {
-        const scaleWidth = contentWidth / widthRatio.value;
-        const scaleHeight = contentHeight / heightRatio.value;
-        if (scaleWidth > scaleHeight) {
-          width = contentHeight / heightRatio.value * widthRatio.value;
-          height = contentHeight;
-        }
-        if (scaleWidth <= scaleHeight) {
-          width = contentWidth;
-          height = contentWidth / widthRatio.value * heightRatio.value;
-        }
-      }
-      streamStyle.value.width = `${width}px`;
-      streamStyle.value.height = `${height}px`;
-      streamListStyle.value.width = `${props.column * (width + singleStreamMargin)}px`;
-      streamListStyle.value.height = `${props.row * (height + singleStreamMargin)}px`;
-    }
-    function handleHorizontalInfinityLayout() {
-      streamListStyle.value = {};
-      const contentHeight = getContentSize(streamListContainerRef.value).height;
-      const contentWidth = contentHeight * widthRatio.value / heightRatio.value;
-      streamStyle.value.width = `${contentWidth}px`;
-      streamStyle.value.height = `${contentHeight}px`;
-    }
-    function handleVerticalInfinityLayout() {
-      streamListStyle.value = {};
-      const contentWidth = getContentSize(streamListContainerRef.value).width;
-      const contentHeight = contentWidth * heightRatio.value / widthRatio.value;
-      streamStyle.value.width = `${contentWidth}px`;
-      streamStyle.value.height = `${contentHeight}px`;
-    }
-    function handleStreamDblClick(streamInfo) {
-      emits("stream-view-dblclick", streamInfo);
-    }
-    const resizeObserver = new ResizeObserver(() => {
-      handleLayout();
-    });
-    onMounted(() => {
-      resizeObserver.observe(streamListContainerRef.value);
-    });
-    onBeforeUnmount(() => {
-      resizeObserver.unobserve(streamListContainerRef.value);
-    });
-    function handleWheel(event) {
-      streamListContainerRef.value.scrollLeft += event.deltaY;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "streamListContainerRef",
-        ref: streamListContainerRef,
-        class: normalizeClass({
-          "horizontal-infinity-layout": isHorizontalInfinityLayout.value,
-          "vertical-infinity-layout": isVerticalInfinityLayout.value,
-          "equal-points-layout": isEqualPointsLayout.value
-        })
-      }, [
-        createElementVNode("div", {
-          class: "stream-list",
-          ref_key: "streamListRef",
-          ref: streamListRef,
-          style: normalizeStyle(streamListStyle.value),
-          onWheel: handleWheel
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(validStreamInfoList.value, (streamInfo) => {
-            return openBlock(), createBlock(unref(StreamRegion), {
-              class: "stream-list-item",
-              key: `${streamInfo.userId}_${streamInfo.streamType}`,
-              streamInfo,
-              style: normalizeStyle(streamStyle.value),
-              streamPlayMode: __props.streamPlayMode,
-              streamPlayQuality: __props.streamPlayQuality,
-              onStreamViewDblclick: handleStreamDblClick
-            }, null, 8, ["streamInfo", "style", "streamPlayMode", "streamPlayQuality"]);
-          }), 128))
-        ], 36)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/Stream/common/StreamPlay/index.vue.d.ts

@@ -1,36 +0,0 @@
-import { StreamInfo } from '../../../../stores/room';
-import { StreamPlayMode, StreamPlayQuality } from '../../../../services/manager/mediaManager';
-
-interface Props {
-    streamInfo: StreamInfo;
-    streamPlayQuality?: StreamPlayQuality;
-    streamPlayMode?: StreamPlayMode;
-}
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    streamPlayQuality: StreamPlayQuality;
-    streamPlayMode: StreamPlayMode;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    streamPlayQuality: StreamPlayQuality;
-    streamPlayMode: StreamPlayMode;
-}>>> & Readonly<{}>, {
-    streamPlayQuality: StreamPlayQuality;
-    streamPlayMode: StreamPlayMode;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-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/components/Stream/common/StreamPlay/index.vue.mjs

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

package/es/components/Stream/common/StreamPlay/index.vue2.mjs

@@ -1,118 +0,0 @@
-import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, nextTick } from "vue";
-import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomStore } from "../../../../stores/room.mjs";
-import { roomService } from "../../../../services/roomService.mjs";
-import { StreamPlayMode, StreamPlayQuality } from "../../../../services/manager/mediaManager.mjs";
-import { useBasicStore } from "../../../../stores/basic.mjs";
-import { storeToRefs } from "pinia";
-import { getNanoId } from "../../../../utils/utils.mjs";
-const _hoisted_1 = ["id"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    streamInfo: {},
-    streamPlayQuality: { default: StreamPlayQuality.Default },
-    streamPlayMode: { default: StreamPlayMode.PLAY }
-  },
-  setup(__props) {
-    const mediaManager = roomService.getMediaManager();
-    const basicStore = useBasicStore();
-    const roomStore = useRoomStore();
-    const { defaultStreamType, streamInfoObj } = storeToRefs(roomStore);
-    const props = __props;
-    const playRegionDomRef = ref();
-    const nanoId = getNanoId(5);
-    const playRegionDomId = computed(
-      () => `${props.streamInfo.userId}_${props.streamInfo.streamType}_${nanoId}`
-    );
-    const isNeedPlayStream = computed(
-      () => props.streamPlayMode !== StreamPlayMode.STOP && props.streamInfo.hasVideoStream
-    );
-    const streamTypeToFetch = computed(() => {
-      const { streamType, userId } = props.streamInfo;
-      const { userId: localUserId } = basicStore;
-      if (streamType === TUIVideoStreamType.kScreenStream) {
-        return TUIVideoStreamType.kScreenStream;
-      }
-      if (props.streamPlayQuality === StreamPlayQuality.HIGH || userId === localUserId) {
-        return TUIVideoStreamType.kCameraStream;
-      }
-      if (props.streamPlayQuality === StreamPlayQuality.LOW) {
-        return TUIVideoStreamType.kCameraStreamLow;
-      }
-      return defaultStreamType.value;
-    });
-    async function startPlayVideo() {
-      if (!streamInfoObj.value[`${props.streamInfo.userId}_${props.streamInfo.streamType}`] || !playRegionDomRef.value) {
-        return;
-      }
-      await nextTick();
-      if (isNeedPlayStream.value) {
-        await mediaManager.startPlayVideo({
-          userId: props.streamInfo.userId,
-          streamType: streamTypeToFetch.value,
-          view: playRegionDomRef.value,
-          observerViewInVisible: props.streamPlayMode === StreamPlayMode.PLAY_IN_VISIBLE
-        });
-      }
-    }
-    async function stopPlayVideo() {
-      await mediaManager.stopPlayVideo({
-        userId: props.streamInfo.userId,
-        streamType: streamTypeToFetch.value,
-        view: playRegionDomRef.value
-      });
-    }
-    watch(
-      () => [
-        props.streamInfo.userId,
-        props.streamInfo.streamType,
-        isNeedPlayStream.value
-      ],
-      async (val, oldVal) => {
-        const [oldUserId, oldStreamType] = oldVal;
-        if (oldUserId !== props.streamInfo.userId || oldStreamType !== props.streamInfo.streamType) {
-          mediaManager.stopPlayVideo({
-            userId: oldUserId,
-            streamType: oldStreamType,
-            view: playRegionDomRef.value
-          });
-        }
-        if (isNeedPlayStream.value) {
-          await startPlayVideo();
-        } else {
-          await stopPlayVideo();
-        }
-      }
-    );
-    watch(
-      () => streamTypeToFetch,
-      async () => {
-        if (isNeedPlayStream.value) {
-          await startPlayVideo();
-        }
-      }
-    );
-    onMounted(async () => {
-      if (isNeedPlayStream.value) {
-        await startPlayVideo();
-      }
-    });
-    onBeforeUnmount(async () => {
-      if (isNeedPlayStream.value) {
-        await stopPlayVideo();
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "playRegionDomRef",
-        ref: playRegionDomRef,
-        id: playRegionDomId.value,
-        class: "stream-play-container"
-      }, null, 8, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/components/Stream/common/StreamRegion/StreamRegionPC.vue.d.ts

@@ -1,25 +0,0 @@
-import { StreamInfo } from '../../../../stores/room';
-import { StreamPlayMode, StreamPlayQuality } from '../../../../services/manager/mediaManager';
-
-interface Props {
-    streamInfo: StreamInfo;
-    streamPlayQuality?: StreamPlayQuality;
-    streamPlayMode?: StreamPlayMode;
-    aspectRatio?: string;
-    supportTouchScale?: boolean;
-}
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "stream-view-dblclick": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
-    "onStream-view-dblclick"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-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/common/StreamRegion/StreamRegionPC.vue.mjs

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