@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

package/lib/components/RoomContent/StreamRegion/index.vue.d.ts

@@ -1,11 +1,26 @@
 import { StreamInfo } from '../../../stores/room';
 
 interface Props {
-    stream: StreamInfo;
-    enlargeDomId?: string;
-    changeLargeStream?: boolean;
+    streamInfo: StreamInfo;
+    isEnlarge?: boolean;
+    aspectRatio?: string;
+    isNeedPlayStream?: boolean;
+    observerViewInVisible?: boolean;
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isEnlarge: boolean;
+    isNeedPlayStream: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "room-dblclick": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    isEnlarge: boolean;
+    isNeedPlayStream: boolean;
+}>>> & {
+    "onRoom-dblclick"?: ((...args: any[]) => any) | undefined;
+}, {
+    isEnlarge: boolean;
+    isNeedPlayStream: boolean;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -16,3 +31,11 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         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/lib/components/RoomContent/StreamRegion/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-require("./index.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const StreamRegion = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f3b29630"]]);
+const StreamRegion = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-5ad6ef67"]]);
 exports.default = StreamRegion;

package/lib/components/RoomContent/StreamRegion/index.vue2.js

@@ -1,226 +1,107 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Vue = require("vue");
-const room = require("../../../stores/room.js");
-const Avatar = require("../../common/Avatar.vue.js");
-const basic = require("../../../stores/basic.js");
-const index$1 = require("../../../utils/common/logger/index.js");
-const AudioIcon = require("../../common/AudioIcon.vue.js");
-const SvgIcon = require("../../common/base/SvgIcon.vue.js");
-const UserIcon = require("../../common/icons/UserIcon.vue.js");
-const LoadingIcon = require("../../common/icons/LoadingIcon.vue.js");
-const index = require("../../../locales/index.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
-const useRoomEngine = require("../../../hooks/useRoomEngine.js");
-const constants = require("../../../utils/constants.js");
-const ScreenOpenIcon = require("../../common/icons/ScreenOpenIcon.vue.js");
-const index$2 = require("../LocalScreenStream/index.vue.js");
-const _hoisted_1 = {
-  key: 0,
-  class: "loading-region"
-};
-const _hoisted_2 = ["id"];
-const _hoisted_3 = { class: "corner-user-info-container" };
-const _hoisted_4 = ["title"];
-const _hoisted_5 = { key: 3 };
-const logPrefix = "[StreamRegion]";
+const index$1 = require("./StreamPlay/index.vue.js");
+const index$2 = require("./StreamCover/index.vue.js");
+const index = require("./LocalScreenView/index.vue.js");
+const basic = require("../../../stores/basic.js");
+const vDblTouch = require("../../../directives/vDblTouch.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "index",
   props: {
-    stream: {},
-    enlargeDomId: {},
-    changeLargeStream: { type: Boolean }
+    streamInfo: {},
+    isEnlarge: { type: Boolean, default: false },
+    aspectRatio: {},
+    isNeedPlayStream: { type: Boolean, default: true },
+    observerViewInVisible: { type: Boolean }
   },
+  emits: ["room-dblclick"],
   setup(__props) {
-    const roomEngine = useRoomEngine.default();
-    const basicStore = basic.useBasicStore();
-    const roomStore = room.useRoomStore();
-    const { t } = index.useI18n();
     const props = __props;
-    const isLocalScreen = Vue.computed(() => props.stream && (props.stream.userId === basicStore.userId && props.stream.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream));
-    const isMiniRegion = Vue.computed(() => !!(props.enlargeDomId && `${props.stream.userId}_${props.stream.streamType}` !== props.enlargeDomId));
-    const streamRegionRef = Vue.ref();
-    const centerUserInfoRef = Vue.ref();
-    const loading = Vue.ref(false);
-    const playRegionDomId = Vue.computed(() => `${props.stream.userId}_${props.stream.streamType}`);
-    const showMasterIcon = Vue.computed(() => {
-      const { userId, streamType } = props.stream;
-      return userId === roomStore.masterUserId && streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream;
-    });
-    const showAdminIcon = Vue.computed(() => {
-      const { userId, streamType } = props.stream;
-      return roomStore.getUserRole(userId) === TUIRoomEngine.TUIRole.kAdministrator && streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream;
-    });
-    const showIcon = Vue.computed(() => showMasterIcon.value || showAdminIcon.value);
-    const isScreenStream = Vue.computed(() => props.stream.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream);
-    const userInfo = Vue.computed(() => {
-      if (constants.isInnerScene) {
-        return `${props.stream.userName} | ${props.stream.userId}` || props.stream.userId;
+    const basicStore = basic.useBasicStore();
+    const isLocalScreen = Vue.computed(
+      () => props.streamInfo && props.streamInfo.userId === basicStore.userId && props.streamInfo.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream
+    );
+    const streamRegionContainerRef = Vue.ref();
+    const streamStyle = Vue.ref({ width: "", height: "" });
+    const widthRatio = Vue.computed(() => {
+      if (!props.aspectRatio || props.aspectRatio.indexOf(":") < 0) {
+        return 0;
       }
-      return props.stream.userName || props.stream.userId;
+      return Number(props.aspectRatio.split(":")[0]);
     });
-    const streamTypeToFetch = Vue.computed(() => {
-      const { streamType, userId } = props.stream;
-      const { kScreenStream, kCameraStream } = TUIRoomEngine.TUIVideoStreamType;
-      const { defaultStreamType } = roomStore;
-      const { userId: localUserId } = basicStore;
-      if (streamType === kScreenStream) {
-        return kScreenStream;
+    const heightRatio = Vue.computed(() => {
+      if (!props.aspectRatio || props.aspectRatio.indexOf(":") < 0) {
+        return 0;
       }
-      if (playRegionDomId.value === props.enlargeDomId || userId === localUserId) {
-        return kCameraStream;
+      return Number(props.aspectRatio.split(":")[1]);
+    });
+    function handleStreamRegionSize() {
+      if (!streamRegionContainerRef.value) {
+        return;
       }
-      if (streamType === kCameraStream) {
-        return defaultStreamType;
+      const containerWidth = streamRegionContainerRef.value.offsetWidth;
+      const containerHeight = streamRegionContainerRef.value.offsetHeight;
+      let width = containerWidth;
+      let height = containerHeight;
+      if (widthRatio.value && heightRatio.value) {
+        const scaleWidth = containerWidth / widthRatio.value;
+        const scaleHeight = containerHeight / heightRatio.value;
+        if (scaleWidth > scaleHeight) {
+          width = containerHeight / heightRatio.value * widthRatio.value;
+          height = containerHeight;
+        }
+        if (scaleWidth <= scaleHeight) {
+          width = containerWidth;
+          height = containerWidth / widthRatio.value * heightRatio.value;
+        }
       }
-      return streamType;
-    });
-    const startPlayRemoteVideo = async () => {
-      var _a, _b;
-      const { userId } = props.stream;
-      loading.value = true;
-      (_a = roomEngine.instance) == null ? void 0 : _a.setRemoteVideoView({ userId, streamType: streamTypeToFetch.value, view: `${playRegionDomId.value}` });
-      await ((_b = roomEngine.instance) == null ? void 0 : _b.startPlayRemoteVideo({ userId, streamType: streamTypeToFetch.value }));
-      loading.value = false;
-    };
-    const stopPlayRemoteVideo = async () => {
-      var _a;
-      loading.value = false;
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.stopPlayRemoteVideo({ userId: props.stream.userId, streamType: streamTypeToFetch.value }));
-    };
-    if (props.stream.streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream || props.stream.streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStreamLow) {
-      Vue.watch(
-        () => [props.stream.hasVideoStream, props.stream.isVisible],
-        async (val, oldVal) => {
-          if (props.stream.userId === basicStore.userId) {
-            return;
-          }
-          const [hasVideoStream, isVisible] = val;
-          if (hasVideoStream && isVisible) {
-            await Vue.nextTick();
-            const userIdEl = document.getElementById(`${playRegionDomId.value}`);
-            if (userIdEl) {
-              index$1.default.debug(`${logPrefix}watch isVideoStreamAvailable:`, props.stream.userId, userIdEl);
-              await startPlayRemoteVideo();
-            }
-          }
-          if (oldVal) {
-            const [oldHasVideoStream, oldIsVisible] = oldVal;
-            if (oldHasVideoStream && oldIsVisible && (!hasVideoStream || !isVisible)) {
-              await stopPlayRemoteVideo();
-            }
-          }
-        },
-        { immediate: true }
-      );
-    }
-    if (props.stream.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream) {
-      Vue.watch(
-        () => [props.stream.hasScreenStream, props.stream.isVisible],
-        async (val, oldVal) => {
-          if (props.stream.userId === basicStore.userId) {
-            return;
-          }
-          const [hasScreenStream, isVisible] = val;
-          if (hasScreenStream && isVisible) {
-            await Vue.nextTick();
-            const userIdEl = document.getElementById(`${playRegionDomId.value}`);
-            if (userIdEl) {
-              index$1.default.debug(`${logPrefix}watch isScreenStreamAvailable:`, props.stream.userId, userIdEl);
-              await startPlayRemoteVideo();
-            }
-          }
-          if (oldVal) {
-            const [oldHasScreenStream, oldIsVisible] = oldVal;
-            if (oldHasScreenStream && oldIsVisible && (!hasScreenStream || !isVisible)) {
-              await stopPlayRemoteVideo();
-            }
-          }
-        },
-        { immediate: true }
-      );
+      streamStyle.value.width = `${width}px`;
+      streamStyle.value.height = `${height}px`;
     }
-    Vue.watch(
-      () => props.enlargeDomId,
-      async (val, oldVal) => {
-        var _a;
-        if (playRegionDomId.value === oldVal || playRegionDomId.value === val) {
-          await Vue.nextTick();
-          const userIdEl = document.getElementById(`${playRegionDomId.value}`);
-          if (userIdEl) {
-            if (basicStore.userId === props.stream.userId) {
-              if (props.stream.hasVideoStream) {
-                await ((_a = roomEngine.instance) == null ? void 0 : _a.setLocalVideoView({
-                  view: `${playRegionDomId.value}`
-                }));
-              }
-            } else {
-              await startPlayRemoteVideo();
-            }
-          }
-        }
-      },
-      { immediate: true }
-    );
+    const ro = new ResizeObserver(() => {
+      handleStreamRegionSize();
+    });
+    Vue.onMounted(() => {
+      ro.observe(streamRegionContainerRef.value);
+    });
+    Vue.onBeforeUnmount(() => {
+      ro.unobserve(streamRegionContainerRef.value);
+    });
     return (_ctx, _cache) => {
-      return playRegionDomId.value !== _ctx.enlargeDomId ? (Vue.openBlock(), Vue.createElementBlock("div", {
-        key: 0,
-        ref_key: "streamRegionRef",
-        ref: streamRegionRef,
-        class: "user-stream-container",
-        onDblclick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("room_dblclick"))
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: "stream-region-container",
+        ref_key: "streamRegionContainerRef",
+        ref: streamRegionContainerRef
       }, [
-        isLocalScreen.value ? (Vue.openBlock(), Vue.createBlock(index$2.default, {
-          key: 0,
-          "is-mini-region": isMiniRegion.value
-        }, null, 8, ["is-mini-region"])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
-          loading.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-            Vue.createVNode(SvgIcon.default, {
-              icon: LoadingIcon.default,
-              class: "loading"
-            })
-          ])) : Vue.createCommentVNode("", true),
-          Vue.createElementVNode("div", {
-            id: playRegionDomId.value,
-            class: "stream-region"
-          }, null, 8, _hoisted_2),
-          !_ctx.stream.hasVideoStream && !_ctx.stream.hasScreenStream ? (Vue.openBlock(), Vue.createElementBlock("div", {
-            key: 1,
-            ref_key: "centerUserInfoRef",
-            ref: centerUserInfoRef,
-            class: "center-user-info-container"
-          }, [
-            Vue.createVNode(Avatar.default, {
-              class: "avatar-region",
-              "img-src": _ctx.stream.avatarUrl
-            }, null, 8, ["img-src"])
-          ], 512)) : Vue.createCommentVNode("", true),
-          Vue.createElementVNode("div", _hoisted_3, [
-            showIcon.value ? (Vue.openBlock(), Vue.createElementBlock("div", {
-              key: 0,
-              class: Vue.normalizeClass(showMasterIcon.value ? "master-icon" : "admin-icon")
-            }, [
-              Vue.createVNode(UserIcon.default)
-            ], 2)) : Vue.createCommentVNode("", true),
-            !isScreenStream.value ? (Vue.openBlock(), Vue.createBlock(AudioIcon.default, {
-              key: 1,
-              "user-id": _ctx.stream.userId,
-              "is-muted": !_ctx.stream.hasAudioStream,
-              size: "small"
-            }, null, 8, ["user-id", "is-muted"])) : Vue.createCommentVNode("", true),
-            isScreenStream.value ? (Vue.openBlock(), Vue.createBlock(SvgIcon.default, {
-              key: 2,
-              icon: ScreenOpenIcon.default,
-              class: "screen-icon"
-            })) : Vue.createCommentVNode("", true),
-            Vue.createElementVNode("span", {
-              class: "user-name",
-              title: userInfo.value
-            }, Vue.toDisplayString(userInfo.value), 9, _hoisted_4),
-            isScreenStream.value ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("is sharing their screen")), 1)) : Vue.createCommentVNode("", true)
-          ])
-        ], 64))
-      ], 544)) : Vue.createCommentVNode("", true);
+        Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", {
+          class: "stream-region",
+          onDblclick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("room-dblclick")),
+          style: Vue.normalizeStyle(streamStyle.value)
+        }, [
+          isLocalScreen.value ? (Vue.openBlock(), Vue.createBlock(index.default, {
+            key: 0,
+            streamInfo: _ctx.streamInfo,
+            isMiniRegion: !_ctx.isEnlarge
+          }, null, 8, ["streamInfo", "isMiniRegion"])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+            Vue.createVNode(index$1.default, {
+              streamInfo: _ctx.streamInfo,
+              isEnlarge: _ctx.isEnlarge,
+              isNeedPlayStream: _ctx.isNeedPlayStream,
+              observerViewInVisible: _ctx.observerViewInVisible
+            }, null, 8, ["streamInfo", "isEnlarge", "isNeedPlayStream", "observerViewInVisible"]),
+            Vue.createVNode(index$2.default, { streamInfo: _ctx.streamInfo }, null, 8, ["streamInfo"])
+          ], 64))
+        ], 36)), [
+          [
+            Vue.unref(vDblTouch.default),
+            () => {
+              _ctx.$emit("room-dblclick");
+            }
+          ]
+        ])
+      ], 512);
     };
   }
 });

package/lib/components/RoomContent/index.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     showRoomTool: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     showRoomTool: boolean;
 }>>>, {}, {}>;
 export default _default;

package/lib/components/RoomContent/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-require("./index.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const RoomContent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-62c87292"]]);
+const RoomContent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-be119a3f"]]);
 exports.default = RoomContent;

package/lib/components/RoomFooter/ApplyControl/MasterApplyControl/index.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/lib/components/RoomFooter/ApplyControl/MasterApplyControl/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-require("./index.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
-const MasterApplyControl = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-5e2dbb41"]]);
+const MasterApplyControl = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-b9f78f6d"]]);
 exports.default = MasterApplyControl;

package/lib/components/RoomFooter/ApplyControl/MasterApplyControl/index.vue2.js

@@ -7,6 +7,12 @@ const Avatar = require("../../../common/Avatar.vue.js");
 const index = require("../../../common/base/Dialog/index.vue.js");
 const SvgIcon = require("../../../common/base/SvgIcon.vue.js");
 const Button = require("../../../common/base/Button.vue.js");
+require("../../../../services/main.js");
+const roomService = require("../../../../services/roomService.js");
+require("../../../../locales/index.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../../../services/manager/roomActionManager.js");
 const _hoisted_1 = {
   key: 0,
   class: "apply-list"
@@ -88,8 +94,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
                     }, null, 8, ["img-src"]),
                     Vue.createElementVNode("span", {
                       class: "user-name",
-                      title: item.userName || item.userId
-                    }, Vue.toDisplayString(item.userName || item.userId), 9, _hoisted_6)
+                      title: Vue.unref(roomService.roomService).getDisplayName(item)
+                    }, Vue.toDisplayString(Vue.unref(roomService.roomService).getDisplayName(item)), 9, _hoisted_6)
                   ]),
                   Vue.createElementVNode("div", _hoisted_7, [
                     Vue.createVNode(Button.default, {

package/lib/components/RoomFooter/ApplyControl/MemberApplyControl.vue.d.ts

@@ -1,2 +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<{}>>, {}, {}>;
+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/lib/components/RoomFooter/ApplyControl/MemberApplyControl.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const MemberApplyControl_vue_vue_type_script_setup_true_lang = require("./MemberApplyControl.vue2.js");
-require("./MemberApplyControl.vue3.js");
+;/* empty css                         */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const MemberApplyControl = /* @__PURE__ */ _pluginVue_exportHelper.default(MemberApplyControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-915fbd92"]]);
+const MemberApplyControl = /* @__PURE__ */ _pluginVue_exportHelper.default(MemberApplyControl_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-9768c70f"]]);
 exports.default = MemberApplyControl;

package/lib/components/RoomFooter/ApplyControl/MemberApplyControl.vue2.js

@@ -19,6 +19,7 @@ const useRoomEngine = require("../../../hooks/useRoomEngine.js");
 const index$1 = require("../../../utils/common/logger/index.js");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const Button = require("../../common/base/Button.vue.js");
+const utils = require("../../../utils/utils.js");
 const _hoisted_1 = { class: "apply-control-container" };
 const _hoisted_2 = {
   key: 0,
@@ -43,21 +44,26 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const currentDialogTitle = Vue.ref("");
     const currentConfirmButton = Vue.ref("");
     const currentDialogType = Vue.ref("inviteDialog");
-    Vue.watch([localUser, isApplyingOnSeat, lang], ([localUser2, isApplyingOnSeat2]) => {
-      if (localUser2.onSeat) {
-        iconName.value = StepDownIcon.default;
-        iconTitle.value = t("Step down");
-        hideApplyAttention();
-      } else {
-        if (isApplyingOnSeat2) {
-          iconName.value = CancelStageIcon.default;
-          iconTitle.value = t("Cancel Apply");
+    Vue.watch(
+      [localUser, isApplyingOnSeat, lang],
+      ([localUser2, isApplyingOnSeat2]) => {
+        if (localUser2.onSeat) {
+          iconName.value = StepDownIcon.default;
+          iconTitle.value = t("Step down");
+          hideApplyAttention();
         } else {
-          iconName.value = ApplyStageIcon.default;
-          iconTitle.value = t("Apply for the stage");
+          if (isApplyingOnSeat2) {
+            iconName.value = CancelStageIcon.default;
+            iconTitle.value = t("Cancel Apply");
+          } else {
+            iconName.value = ApplyStageIcon.default;
+            iconTitle.value = t("Apply for the stage");
+          }
         }
-      }
-    }, { immediate: true, deep: true });
+      },
+      { immediate: true, deep: true }
+    );
+    const toggleApplySpeechDebounce = utils.debounce(toggleApplySpeech, 300);
     async function toggleApplySpeech() {
       hideApplyAttention();
       if (localUser.value.onSeat) {
@@ -74,13 +80,17 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       handleCancel: () => handleInvite(false)
     };
     const leaveSeatDialogInfo = Vue.computed(() => ({
-      content: localUser.value.userRole === TUIRoomEngine.TUIRole.kAdministrator ? t("To go on stage again, a new application needs to be initiated") : t("To go on stage again, you need to reapply and wait for the roomOwner/administrator to approve"),
+      content: localUser.value.userRole === TUIRoomEngine.TUIRole.kAdministrator ? t("To go on stage again, a new application needs to be initiated") : t(
+        "To go on stage again, you need to reapply and wait for the roomOwner/administrator to approve"
+      ),
       confirmButtonText: t("Step down"),
       cancelButtonText: t("Cancel"),
       handleConfirm: () => leaveSeat(),
       handleCancel: () => handleStepDownDialogVisible()
     }));
-    const currentDialogInfo = Vue.computed(() => currentDialogType.value === "inviteDialog" ? inviteDialogInfo : leaveSeatDialogInfo.value);
+    const currentDialogInfo = Vue.computed(
+      () => currentDialogType.value === "inviteDialog" ? inviteDialogInfo : leaveSeatDialogInfo.value
+    );
     async function sendSeatApplication() {
       var _a, _b;
       if (isAdmin.value) {
@@ -106,10 +116,16 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
               Message.default({ type: "success", message: t("Succeed on stage") });
               break;
             case TUIRoomEngine.TUIRequestCallbackType.kRequestRejected:
-              Message.default({ type: "warning", message: t("Application to go on stage was rejected") });
+              Message.default({
+                type: "warning",
+                message: t("Application to go on stage was rejected")
+              });
               break;
             case TUIRoomEngine.TUIRequestCallbackType.kRequestTimeout:
-              Message.default({ type: "warning", message: t("The request to go on stage has timed out") });
+              Message.default({
+                type: "warning",
+                message: t("The request to go on stage has timed out")
+              });
               break;
           }
         }
@@ -127,7 +143,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         duration: message.MESSAGE_DURATION.NORMAL
       });
       try {
-        await ((_a = roomEngine.instance) == null ? void 0 : _a.cancelRequest({ requestId: applyToAnchorRequestId.value }));
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.cancelRequest({
+          requestId: applyToAnchorRequestId.value
+        }));
         isApplyingOnSeat.value = false;
       } catch (error) {
         index$1.default.log("member cancelSpeechApplication", error);
@@ -148,16 +166,21 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       if (roomStore.isMicrophoneDisableForAllUser && isGeneralUser.value) {
         roomStore.setCanControlSelfAudio(false);
       }
+      basicStore.setIsOpenMic(false);
     }
     function hideApplyAttention() {
       showMemberApplyAttention.value = false;
     }
     async function onRequestReceived(eventInfo) {
-      const { request: { userId, requestId, requestAction } } = eventInfo;
+      const {
+        request: { userId, requestId, requestAction }
+      } = eventInfo;
       if (requestAction === TUIRoomEngine.TUIRequestAction.kRequestRemoteUserOnSeat) {
         inviteToAnchorRequestId.value = requestId;
         const userRole = roomStore.getUserRole(userId) === TUIRoomEngine.TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
-        currentDialogTitle.value = t("Sb invites you to speak on stage", { role: userRole });
+        currentDialogTitle.value = t("Sb invites you to speak on stage", {
+          role: userRole
+        });
         currentConfirmButton.value = t("Agree to the stage");
         showDialog.value = true;
         currentDialogType.value = "inviteDialog";
@@ -179,9 +202,15 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }));
       } catch (error) {
         if (error.code === TUIRoomEngine.TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
-          Message.default({ type: "warning", message: t("The stage is full, please contact the host") });
+          Message.default({
+            type: "warning",
+            message: t("The stage is full, please contact the host")
+          });
         } else {
-          index$1.default.error("Failure of a user to accept/reject a roomOwner invitation", error);
+          index$1.default.error(
+            "Failure of a user to accept/reject a roomOwner invitation",
+            error
+          );
         }
       } finally {
         showDialog.value = false;
@@ -190,7 +219,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     async function onKickedOffSeat() {
       Message.default({
         type: "warning",
-        message: t("You have been invited by the host to step down, please raise your hand if you need to speak"),
+        message: t(
+          "You have been invited by the host to step down, please raise your hand if you need to speak"
+        ),
         duration: message.MESSAGE_DURATION.NORMAL
       });
     }
@@ -203,7 +234,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     Vue.onBeforeUnmount(() => {
       var _a, _b, _c;
       (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
-      (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+      (_b = roomEngine.instance) == null ? void 0 : _b.off(
+        TUIRoomEngine.TUIRoomEvents.onRequestCancelled,
+        onRequestCancelled
+      );
       (_c = roomEngine.instance) == null ? void 0 : _c.off(TUIRoomEngine.TUIRoomEvents.onKickedOffSeat, onKickedOffSeat);
     });
     return (_ctx, _cache) => {
@@ -212,8 +246,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           Vue.createVNode(IconButton.default, {
             title: iconTitle.value,
             icon: iconName.value,
-            onClickIcon: toggleApplySpeech
-          }, null, 8, ["title", "icon"]),
+            onClickIcon: Vue.unref(toggleApplySpeechDebounce)
+          }, null, 8, ["title", "icon", "onClickIcon"]),
           showMemberApplyAttention.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
             Vue.createElementVNode("span", {
               class: Vue.normalizeClass(Vue.unref(environment.isMobile) ? "mobile-info" : "info")

package/lib/components/RoomFooter/AudioControl.vue.d.ts

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