@tencentcloud/roomkit-electron-vue3 2.3.3

package/es/components/RoomContent/StreamContainer/useStreamContainerHooks.mjs

@@ -0,0 +1,128 @@
+import { watch } from "vue";
+import useGetRoomEngine from "../../../hooks/useRoomEngine.mjs";
+import { useRoomStore } from "../../../stores/room.mjs";
+import { TUIMediaDeviceType, TUIChangeReason } from "@tencentcloud/tuiroom-engine-electron";
+import renderMsg from "../../common/base/Message/Message.mjs";
+import { useI18n } from "../../../locales/index.mjs";
+import { useBasicStore } from "../../../stores/basic.mjs";
+import { MESSAGE_DURATION } from "../../../constants/message.mjs";
+import { storeToRefs } from "pinia";
+import { isWeChat, isMobile } from "../../../utils/environment.mjs";
+import logger from "../../../utils/common/logger/index.mjs";
+import { SMALL_VIDEO_ENC_PARAM } from "../../../constants/room.mjs";
+import useDeviceManager from "../../../hooks/useDeviceManager.mjs";
+const logPrefix = "[StreamContainer]";
+function useStreamContainer() {
+  const roomEngine = useGetRoomEngine();
+  const basicStore = useBasicStore();
+  const roomStore = useRoomStore();
+  const { t } = useI18n();
+  const { deviceManager } = useDeviceManager();
+  const onRemoteUserEnterRoom = (eventInfo) => {
+    roomStore.addRemoteUser(eventInfo.userInfo);
+  };
+  const onRemoteUserLeaveRoom = (eventInfo) => {
+    roomStore.removeRemoteUser(eventInfo.userInfo.userId);
+  };
+  const onSeatListChanged = (eventInfo) => {
+    const { seatedList, leftList } = eventInfo;
+    roomStore.updateOnSeatList(seatedList, leftList);
+  };
+  const onUserAudioStateChanged = (eventInfo) => {
+    const { userId, hasAudio, reason } = eventInfo;
+    roomStore.updateUserAudioState(userId, hasAudio);
+    if (userId === basicStore.userId && !hasAudio && reason === TUIChangeReason.kChangedByAdmin) {
+      renderMsg({
+        type: "warning",
+        message: t("Your microphone has been turned off"),
+        duration: MESSAGE_DURATION.NORMAL
+      });
+      roomStore.setCanControlSelfAudio(!roomStore.isMicrophoneDisableForAllUser);
+    }
+  };
+  const {
+    isDefaultOpenCamera,
+    isDefaultOpenMicrophone
+  } = storeToRefs(roomStore);
+  watch(isDefaultOpenCamera, async (val) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (val) {
+      if (isWeChat) {
+        await ((_a = roomEngine.instance) == null ? void 0 : _a.setLocalVideoView({
+          view: `${roomStore.localStream.userId}_${roomStore.localStream.streamType}`
+        }));
+        await ((_b = roomEngine.instance) == null ? void 0 : _b.openLocalCamera({ isFrontCamera: basicStore.isFrontCamera }));
+      } else if (isMobile) {
+        const previewDom = document == null ? void 0 : document.getElementById(`${roomStore.localStream.userId}_${roomStore.localStream.streamType}`);
+        if (!previewDom) {
+          logger.error(`${logPrefix}watch isDefaultOpenCamera:`, isDefaultOpenCamera, previewDom);
+          return;
+        }
+        await ((_c = roomEngine.instance) == null ? void 0 : _c.setLocalVideoView({
+          view: `${roomStore.localStream.userId}_${roomStore.localStream.streamType}`
+        }));
+        const trtcCloud = (_d = roomEngine.instance) == null ? void 0 : _d.getTRTCCloud();
+        trtcCloud == null ? void 0 : trtcCloud.enableSmallVideoStream(false, SMALL_VIDEO_ENC_PARAM);
+        await ((_e = roomEngine.instance) == null ? void 0 : _e.openLocalCamera({ isFrontCamera: basicStore.isFrontCamera }));
+        return;
+      } else {
+        const previewDom = document == null ? void 0 : document.getElementById(`${roomStore.localStream.userId}_${roomStore.localStream.streamType}`);
+        if (!previewDom) {
+          logger.error(`${logPrefix}watch isDefaultOpenCamera:`, isDefaultOpenCamera, previewDom);
+          return;
+        }
+        if (!roomStore.currentCameraId) {
+          const cameraList = await ((_f = deviceManager.instance) == null ? void 0 : _f.getDevicesList({
+            type: TUIMediaDeviceType.kMediaDeviceTypeVideoCamera
+          }));
+          if (cameraList && cameraList.length > 0) {
+            roomStore.setCurrentCameraId(cameraList[0].deviceId);
+          }
+        }
+        await ((_g = deviceManager.instance) == null ? void 0 : _g.setCurrentDevice({
+          type: TUIMediaDeviceType.kMediaDeviceTypeVideoCamera,
+          deviceId: roomStore.currentCameraId
+        }));
+        await ((_h = roomEngine.instance) == null ? void 0 : _h.setLocalVideoView({
+          view: `${roomStore.localStream.userId}_${roomStore.localStream.streamType}`
+        }));
+        await ((_i = roomEngine.instance) == null ? void 0 : _i.openLocalCamera());
+      }
+    }
+  }, { immediate: true });
+  watch(isDefaultOpenMicrophone, async (val) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (val) {
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.unmuteLocalAudio());
+      if (!basicStore.isOpenMic) {
+        (_b = roomEngine.instance) == null ? void 0 : _b.openLocalMicrophone();
+        basicStore.setIsOpenMic(true);
+      }
+      if (!isWeChat && !isMobile) {
+        const microphoneList = await ((_c = roomEngine.instance) == null ? void 0 : _c.getMicDevicesList());
+        const speakerList = await ((_d = roomEngine.instance) == null ? void 0 : _d.getSpeakerDevicesList());
+        if ((microphoneList == null ? void 0 : microphoneList.length) === 0 || (speakerList == null ? void 0 : speakerList.length) === 0)
+          return;
+        if (!roomStore.currentMicrophoneId && microphoneList.length > 0) {
+          roomStore.setCurrentMicrophoneId(microphoneList[0].deviceId);
+        }
+        if (!roomStore.currentSpeakerId && speakerList.length > 0) {
+          roomStore.setCurrentSpeakerId(speakerList[0].deviceId);
+        }
+        await ((_e = roomEngine.instance) == null ? void 0 : _e.setCurrentMicDevice({ deviceId: roomStore.currentMicrophoneId }));
+      }
+    } else {
+      await ((_f = roomEngine.instance) == null ? void 0 : _f.muteLocalAudio());
+    }
+  }, { immediate: true });
+  return {
+    onRemoteUserEnterRoom,
+    onRemoteUserLeaveRoom,
+    onSeatListChanged,
+    onUserAudioStateChanged,
+    t
+  };
+}
+export {
+  useStreamContainer as default
+};

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

@@ -0,0 +1,18 @@
+import { StreamInfo } from '../../../stores/room';
+
+interface Props {
+    stream: StreamInfo;
+    enlargeDomId?: string;
+    changeLargeStream?: 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>>>, {}, {}>;
+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/RoomContent/StreamRegion/index.vue.mjs

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

package/es/components/RoomContent/StreamRegion/index.vue2.mjs

@@ -0,0 +1,227 @@
+import { defineComponent, computed, ref, watch, nextTick, openBlock, createElementBlock, createBlock, Fragment, createVNode, createCommentVNode, createElementVNode, normalizeClass, toDisplayString, unref } from "vue";
+import { useRoomStore } from "../../../stores/room.mjs";
+import Avatar from "../../common/Avatar.vue.mjs";
+import { useBasicStore } from "../../../stores/basic.mjs";
+import logger from "../../../utils/common/logger/index.mjs";
+import AudioIcon from "../../common/AudioIcon.vue.mjs";
+import SvgIcon from "../../common/base/SvgIcon.vue.mjs";
+import UserIcon from "../../common/icons/UserIcon.vue.mjs";
+import LoadingIcon from "../../common/icons/LoadingIcon.vue.mjs";
+import { useI18n } from "../../../locales/index.mjs";
+import { TUIVideoStreamType, TUIRole } from "@tencentcloud/tuiroom-engine-electron";
+import useGetRoomEngine from "../../../hooks/useRoomEngine.mjs";
+import { isInnerScene } from "../../../utils/constants.mjs";
+import ScreenOpenIcon from "../../common/icons/ScreenOpenIcon.vue.mjs";
+import LocalScreenStream from "../LocalScreenStream/index.vue.mjs";
+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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    stream: {},
+    enlargeDomId: {},
+    changeLargeStream: { type: Boolean }
+  },
+  setup(__props) {
+    const roomEngine = useGetRoomEngine();
+    const basicStore = useBasicStore();
+    const roomStore = useRoomStore();
+    const { t } = useI18n();
+    const props = __props;
+    const isLocalScreen = computed(() => props.stream && (props.stream.userId === basicStore.userId && props.stream.streamType === TUIVideoStreamType.kScreenStream));
+    const isMiniRegion = computed(() => !!(props.enlargeDomId && `${props.stream.userId}_${props.stream.streamType}` !== props.enlargeDomId));
+    const streamRegionRef = ref();
+    const centerUserInfoRef = ref();
+    const loading = ref(false);
+    const playRegionDomId = computed(() => `${props.stream.userId}_${props.stream.streamType}`);
+    const showMasterIcon = computed(() => {
+      const { userId, streamType } = props.stream;
+      return userId === roomStore.masterUserId && streamType === TUIVideoStreamType.kCameraStream;
+    });
+    const showAdminIcon = computed(() => {
+      const { userId, streamType } = props.stream;
+      return roomStore.getUserRole(userId) === TUIRole.kAdministrator && streamType === TUIVideoStreamType.kCameraStream;
+    });
+    const showIcon = computed(() => showMasterIcon.value || showAdminIcon.value);
+    const isScreenStream = computed(() => props.stream.streamType === TUIVideoStreamType.kScreenStream);
+    const userInfo = computed(() => {
+      if (isInnerScene) {
+        return `${props.stream.userName} | ${props.stream.userId}` || props.stream.userId;
+      }
+      return props.stream.userName || props.stream.userId;
+    });
+    const streamTypeToFetch = computed(() => {
+      const { streamType, userId } = props.stream;
+      const { kScreenStream, kCameraStream } = TUIVideoStreamType;
+      const { defaultStreamType } = roomStore;
+      const { userId: localUserId } = basicStore;
+      if (streamType === kScreenStream) {
+        return kScreenStream;
+      }
+      if (playRegionDomId.value === props.enlargeDomId || userId === localUserId) {
+        return kCameraStream;
+      }
+      if (streamType === kCameraStream) {
+        return defaultStreamType;
+      }
+      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 === TUIVideoStreamType.kCameraStream || props.stream.streamType === TUIVideoStreamType.kCameraStreamLow) {
+      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 nextTick();
+            const userIdEl = document.getElementById(`${playRegionDomId.value}`);
+            if (userIdEl) {
+              logger.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 === TUIVideoStreamType.kScreenStream) {
+      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 nextTick();
+            const userIdEl = document.getElementById(`${playRegionDomId.value}`);
+            if (userIdEl) {
+              logger.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 }
+      );
+    }
+    watch(
+      () => props.enlargeDomId,
+      async (val, oldVal) => {
+        var _a;
+        if (playRegionDomId.value === oldVal || playRegionDomId.value === val) {
+          await 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 }
+    );
+    return (_ctx, _cache) => {
+      return playRegionDomId.value !== _ctx.enlargeDomId ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        ref_key: "streamRegionRef",
+        ref: streamRegionRef,
+        class: "user-stream-container",
+        onDblclick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("room_dblclick"))
+      }, [
+        isLocalScreen.value ? (openBlock(), createBlock(LocalScreenStream, {
+          key: 0,
+          "is-mini-region": isMiniRegion.value
+        }, null, 8, ["is-mini-region"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createVNode(SvgIcon, {
+              icon: LoadingIcon,
+              class: "loading"
+            })
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", {
+            id: playRegionDomId.value,
+            class: "stream-region"
+          }, null, 8, _hoisted_2),
+          !_ctx.stream.hasVideoStream && !_ctx.stream.hasScreenStream ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            ref_key: "centerUserInfoRef",
+            ref: centerUserInfoRef,
+            class: "center-user-info-container"
+          }, [
+            createVNode(Avatar, {
+              class: "avatar-region",
+              "img-src": _ctx.stream.avatarUrl
+            }, null, 8, ["img-src"])
+          ], 512)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3, [
+            showIcon.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(showMasterIcon.value ? "master-icon" : "admin-icon")
+            }, [
+              createVNode(UserIcon)
+            ], 2)) : createCommentVNode("", true),
+            !isScreenStream.value ? (openBlock(), createBlock(AudioIcon, {
+              key: 1,
+              "user-id": _ctx.stream.userId,
+              "is-muted": !_ctx.stream.hasAudioStream,
+              size: "small"
+            }, null, 8, ["user-id", "is-muted"])) : createCommentVNode("", true),
+            isScreenStream.value ? (openBlock(), createBlock(SvgIcon, {
+              key: 2,
+              icon: ScreenOpenIcon,
+              class: "screen-icon"
+            })) : createCommentVNode("", true),
+            createElementVNode("span", {
+              class: "user-name",
+              title: userInfo.value
+            }, toDisplayString(userInfo.value), 9, _hoisted_4),
+            isScreenStream.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("is sharing their screen")), 1)) : createCommentVNode("", true)
+          ])
+        ], 64))
+      ], 544)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomContent/StreamRegion/index.vue3.mjs

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,15 @@
+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<{
+    showRoomTool: boolean;
+}>>>, {}, {}>;
+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/RoomContent/index.vue.mjs

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

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

@@ -0,0 +1,19 @@
+import { defineComponent, openBlock, createElementBlock, createVNode } from "vue";
+import StreamContainer from "./StreamContainer/index.vue.mjs";
+const _hoisted_1 = { class: "content-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    showRoomTool: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(StreamContainer, { "show-room-tool": _ctx.showRoomTool }, null, 8, ["show-room-tool"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

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

package/es/components/RoomFooter/ApplyControl/MasterApplyControl/index.vue.mjs

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

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

@@ -0,0 +1,129 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList } from "vue";
+import ApplyStageLabelIcon from "../../../common/icons/ApplyStageLabelIcon.vue.mjs";
+import useMasterApplyControl from "../../../../hooks/useMasterApplyControl.mjs";
+import Avatar from "../../../common/Avatar.vue.mjs";
+import Dialog from "../../../common/base/Dialog/index.vue.mjs";
+import SvgIcon from "../../../common/base/SvgIcon.vue.mjs";
+import TuiButton from "../../../common/base/Button.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "apply-list"
+};
+const _hoisted_2 = { class: "apply-list-title" };
+const _hoisted_3 = { class: "apply-list-name" };
+const _hoisted_4 = { class: "apply-list-operate" };
+const _hoisted_5 = { class: "user-info" };
+const _hoisted_6 = ["title"];
+const _hoisted_7 = { class: "control-container" };
+const _hoisted_8 = {
+  key: 1,
+  class: "apply-nobody"
+};
+const _hoisted_9 = { class: "apply-text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      t,
+      showApplyUserList,
+      hideApplyList,
+      applyToAnchorUserCount,
+      applyToAnchorList,
+      handleAllUserApply,
+      handleUserApply
+    } = useMasterApplyControl();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(Dialog, {
+          modelValue: unref(showApplyUserList),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(showApplyUserList) ? showApplyUserList.value = $event : null),
+          title: unref(t)("Member Onstage Application"),
+          modal: true,
+          "show-close": true,
+          "close-on-click-modal": true,
+          "before-close": unref(hideApplyList),
+          width: "500px",
+          "append-to-room-container": true
+        }, {
+          footer: withCtx(() => [
+            createVNode(TuiButton, {
+              size: "default",
+              disabled: unref(applyToAnchorUserCount) === 0,
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(handleAllUserApply)(true))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Agree All")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            createVNode(TuiButton, {
+              class: "cancel-button",
+              size: "default",
+              disabled: unref(applyToAnchorUserCount) === 0,
+              onClick: _cache[1] || (_cache[1] = ($event) => unref(handleAllUserApply)(false))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("Reject All")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          default: withCtx(() => [
+            unref(applyToAnchorUserCount) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("Members")), 1),
+                createElementVNode("span", _hoisted_4, toDisplayString(unref(t)("Operate")), 1)
+              ]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(applyToAnchorList), (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item.userId,
+                  class: "apply-item"
+                }, [
+                  createElementVNode("div", _hoisted_5, [
+                    createVNode(Avatar, {
+                      class: "avatar-url",
+                      "img-src": item.avatarUrl
+                    }, null, 8, ["img-src"]),
+                    createElementVNode("span", {
+                      class: "user-name",
+                      title: item.userName || item.userId
+                    }, toDisplayString(item.userName || item.userId), 9, _hoisted_6)
+                  ]),
+                  createElementVNode("div", _hoisted_7, [
+                    createVNode(TuiButton, {
+                      size: "default",
+                      class: "agree",
+                      onClick: ($event) => unref(handleUserApply)(item.userId, true)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("Agree to the stage")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]),
+                    createVNode(TuiButton, {
+                      size: "default",
+                      class: "reject",
+                      onClick: ($event) => unref(handleUserApply)(item.userId, false)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("Reject")), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ])
+                ]);
+              }), 128))
+            ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+              createVNode(SvgIcon, { icon: ApplyStageLabelIcon }),
+              createElementVNode("span", _hoisted_9, toDisplayString(unref(t)("Currently no member has applied to go on stage")), 1)
+            ]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title", "before-close"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1 @@
+

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

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

package/es/components/RoomFooter/ApplyControl/MemberApplyControl.vue.mjs

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