@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue2.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList } from "vue";
-import TuiAvatar from "../../common/Avatar.vue.mjs";
+import Avatar from "../../common/Avatar.vue.mjs";
 import { useBasicStore } from "../../../stores/basic.mjs";
 import { useRoomStore } from "../../../stores/room.mjs";
 import { storeToRefs } from "pinia";
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MemberInfo",
   props: {
     userInfo: {},
-    showStateIcon: {}
+    showStateIcon: { type: Boolean }
   },
   setup(__props) {
     const { t } = useI18n();
@@ -37,8 +37,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const roomStore = useRoomStore();
     const { isMaster, isSpeakAfterTakingSeatMode } = storeToRefs(roomStore);
     const isMe = computed(() => basicStore.userId === props.userInfo.userId);
-    const isTargetUserRoomOwner = computed(() => props.userInfo.userRole === TUIRole.kRoomOwner);
-    const isTargetUserAdmin = computed(() => props.userInfo.userRole === TUIRole.kAdministrator);
+    const isTargetUserRoomOwner = computed(
+      () => props.userInfo.userRole === TUIRole.kRoomOwner
+    );
+    const isTargetUserAdmin = computed(
+      () => props.userInfo.userRole === TUIRole.kAdministrator
+    );
     const extraInfo = computed(() => {
       if (isMaster.value && isMe.value) {
         return `${t("Host")}, ${t("Me")}`;
@@ -57,15 +61,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return "";
     });
-    const isAudienceRole = computed(() => isSpeakAfterTakingSeatMode.value && !props.userInfo.onSeat);
+    const isAudienceRole = computed(
+      () => isSpeakAfterTakingSeatMode.value && !props.userInfo.onSeat
+    );
     const iconList = computed(() => {
       const list = [];
       if (props.userInfo.hasScreenStream) {
         list.push({ icon: ScreenOpenIcon });
       }
       if (!isAudienceRole.value) {
-        list.push({ icon: props.userInfo.hasAudioStream ? AudioOpenIcon : AudioCloseIcon });
-        list.push({ icon: props.userInfo.hasVideoStream ? VideoOpenIcon : VideoCloseIcon });
+        list.push({
+          icon: props.userInfo.hasAudioStream ? AudioOpenIcon : AudioCloseIcon
+        });
+        list.push({
+          icon: props.userInfo.hasVideoStream ? VideoOpenIcon : VideoCloseIcon
+        });
       }
       if (isAudienceRole.value && !props.userInfo.isUserApplyingToAnchor) {
         list.push({ icon: AudioCloseIcon, disable: true });
@@ -81,9 +91,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([unref(isMobile) ? "member-info-mobile" : "member-info"])
       }, [
         createElementVNode("div", {
-          class: normalizeClass(!_ctx.showStateIcon && isTargetUserAdmin.value ? "member-basic-info-admin" : "member-basic-info")
+          class: normalizeClass(
+            !_ctx.showStateIcon && isTargetUserAdmin.value ? "member-basic-info-admin" : "member-basic-info"
+          )
         }, [
-          createVNode(TuiAvatar, {
+          createVNode(Avatar, {
             class: "avatar-url",
             "img-src": _ctx.userInfo.avatarUrl
           }, null, 8, ["img-src"]),

package/es/components/ManageMember/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/es/components/ManageMember/index.vue.mjs

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

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

@@ -1,52 +1,55 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, withDirectives, isRef, unref, vModelText, withCtx, toDisplayString, normalizeClass, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, vShow } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, withDirectives, isRef, unref, vModelText, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createBlock, withCtx, createTextVNode, vShow } from "vue";
 import { storeToRefs } from "pinia";
 import MemberItem from "./MemberItem/index.vue.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
 import SearchIcon from "../common/icons/SearchIcon.vue.mjs";
 import ApplyTipsIcon from "../common/icons/ApplyTipsIcon.vue.mjs";
-import InviteSolidIcon from "../common/icons/InviteSolidIcon.vue.mjs";
 import Dialog from "../common/base/Dialog/index.vue.mjs";
 import { useRoomStore } from "../../stores/room.mjs";
 import useIndex from "./useIndexHooks.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 import ArrowUpIcon from "../common/icons/ArrowUpIcon.vue.mjs";
 import vClickOutside from "../../directives/vClickOutside.mjs";
+import { USERS_STATUS } from "../../constants/room.mjs";
 const _hoisted_1 = { class: "manage-member-container" };
 const _hoisted_2 = { class: "manage-member-header" };
 const _hoisted_3 = { class: "search-container" };
 const _hoisted_4 = ["placeholder"];
-const _hoisted_5 = { class: "invite-content" };
-const _hoisted_6 = {
-  key: 1,
+const _hoisted_5 = { class: "apply-count" };
+const _hoisted_6 = { class: "user-status" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "apply-staged" };
+const _hoisted_9 = {
+  key: 0,
   class: "apply-on-stage-info"
 };
-const _hoisted_7 = { class: "apply-info" };
-const _hoisted_8 = {
+const _hoisted_10 = { class: "apply-info" };
+const _hoisted_11 = {
   id: "memberListContainer",
   class: "member-list-container"
 };
-const _hoisted_9 = {
-  key: 2,
+const _hoisted_12 = {
+  key: 1,
   class: "global-setting"
 };
-const _hoisted_10 = { class: "more-container" };
-const _hoisted_11 = {
+const _hoisted_13 = { class: "more-container" };
+const _hoisted_14 = {
   class: /* @__PURE__ */ normalizeClass(["tui-theme-white", "drop-down"])
 };
-const _hoisted_12 = ["onClick"];
-const _hoisted_13 = { class: "operate-text" };
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "operate-text" };
+const _hoisted_17 = {
+  key: 2,
+  class: "global-setting"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const roomStore = useRoomStore();
-    const {
-      applyToAnchorList,
-      isGeneralUser
-    } = storeToRefs(roomStore);
+    const { applyToAnchorList, isGeneralUser } = storeToRefs(roomStore);
     const {
       t,
       searchText,
-      handleInvite,
       showApplyUserList,
       showManageAllUserDialog,
       dialogTitle,
@@ -54,17 +57,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       toggleManageAllMember,
       doToggleManageAllMember,
       ManageControlType,
-      alreadyStaged,
-      notStaged,
-      filteredUserList,
-      isOnStateTabActive,
       handleToggleStaged,
       applyToAnchorUserContent,
       audioManageInfo,
       videoManageInfo,
       toggleClickMoreBtn,
       showMoreControl,
-      moreControlList
+      moreControlList,
+      userStatusList,
+      currentActiveTabName,
+      filteredUserStatusList,
+      handleCallAllInvitee
     } = useIndex();
     const handleShowMoreControl = () => {
       if (showMoreControl.value) {
@@ -83,59 +86,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, _hoisted_4), [
               [vModelText, unref(searchText)]
             ])
-          ]),
-          createVNode(TuiButton, {
-            class: "invite-button",
-            type: "primary",
-            onClick: unref(handleInvite)
-          }, {
-            icon: withCtx(() => [
-              createVNode(InviteSolidIcon)
-            ]),
-            default: withCtx(() => [
-              createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("Invite")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
+          ])
         ]),
-        unref(roomStore).isSpeakAfterTakingSeatMode ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "apply-count",
-          onClick: _cache[1] || (_cache[1] = //@ts-ignore
-          (...args) => unref(handleToggleStaged) && unref(handleToggleStaged)(...args))
-        }, [
-          createElementVNode("span", {
-            class: normalizeClass(["apply-staged", { "apply-count-active": unref(isOnStateTabActive) }])
-          }, toDisplayString(unref(alreadyStaged)), 3),
-          createElementVNode("span", {
-            class: normalizeClass(["apply-not-stage", { "apply-count-active": !unref(isOnStateTabActive) }])
-          }, toDisplayString(unref(notStaged)), 3)
-        ])) : createCommentVNode("", true),
-        unref(applyToAnchorList).length > 0 && !unref(isGeneralUser) ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(userStatusList), (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: normalizeClass([
+                  "user-status-container",
+                  {
+                    "apply-count-active": item.status === unref(currentActiveTabName)
+                  }
+                ]),
+                key: index,
+                onClick: ($event) => unref(handleToggleStaged)(item)
+              }, [
+                createElementVNode("span", _hoisted_8, toDisplayString(item.title), 1)
+              ], 10, _hoisted_7);
+            }), 128))
+          ])
+        ]),
+        unref(applyToAnchorList).length > 0 && !unref(isGeneralUser) ? (openBlock(), createElementBlock("div", _hoisted_9, [
           createVNode(SvgIcon, {
             icon: ApplyTipsIcon,
             class: "apply-icon"
           }),
-          createElementVNode("div", _hoisted_7, toDisplayString(unref(applyToAnchorUserContent)), 1),
+          createElementVNode("div", _hoisted_10, toDisplayString(unref(applyToAnchorUserContent)), 1),
           createElementVNode("div", {
             class: "apply-check",
-            onClick: _cache[2] || (_cache[2] = //@ts-ignore
+            onClick: _cache[1] || (_cache[1] = //@ts-ignore
             (...args) => unref(showApplyUserList) && unref(showApplyUserList)(...args))
           }, toDisplayString(unref(t)("Check")), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_8, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredUserList), (userInfo) => {
+        createElementVNode("div", _hoisted_11, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredUserStatusList), (userInfo) => {
             return openBlock(), createBlock(MemberItem, {
               key: userInfo.userId,
-              "user-info": userInfo
-            }, null, 8, ["user-info"]);
+              "user-info": userInfo,
+              "user-current-status": unref(currentActiveTabName)
+            }, null, 8, ["user-info", "user-current-status"]);
           }), 128))
         ]),
-        !unref(isGeneralUser) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+        !unref(isGeneralUser) && unref(currentActiveTabName) !== unref(USERS_STATUS).NOT_ENTER ? (openBlock(), createElementBlock("div", _hoisted_12, [
           createVNode(TuiButton, {
             class: "button",
             size: "default",
-            onClick: _cache[3] || (_cache[3] = ($event) => unref(toggleManageAllMember)(unref(ManageControlType).AUDIO))
+            onClick: _cache[2] || (_cache[2] = ($event) => unref(toggleManageAllMember)(unref(ManageControlType).AUDIO))
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(audioManageInfo)), 1)
@@ -145,14 +141,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(TuiButton, {
             class: "button",
             size: "default",
-            onClick: _cache[4] || (_cache[4] = ($event) => unref(toggleManageAllMember)(unref(ManageControlType).VIDEO))
+            onClick: _cache[3] || (_cache[3] = ($event) => unref(toggleManageAllMember)(unref(ManageControlType).VIDEO))
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(videoManageInfo)), 1)
             ]),
             _: 1
           }),
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_10, [
+          withDirectives((openBlock(), createElementBlock("div", _hoisted_13, [
             createVNode(TuiButton, {
               class: "button",
               size: "default",
@@ -168,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["onClick"]),
-            withDirectives(createElementVNode("div", _hoisted_11, [
+            withDirectives(createElementVNode("div", _hoisted_14, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(moreControlList), (item) => {
                 return openBlock(), createElementBlock("div", {
                   key: item.type,
@@ -178,8 +174,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createVNode(SvgIcon, {
                     icon: item.icon
                   }, null, 8, ["icon"]),
-                  createElementVNode("span", _hoisted_13, toDisplayString(item.title), 1)
-                ], 8, _hoisted_12);
+                  createElementVNode("span", _hoisted_16, toDisplayString(item.title), 1)
+                ], 8, _hoisted_15);
               }), 128))
             ], 512), [
               [vShow, unref(showMoreControl)]
@@ -188,9 +184,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [unref(vClickOutside), handleShowMoreControl]
           ])
         ])) : createCommentVNode("", true),
+        unref(currentActiveTabName) === unref(USERS_STATUS).NOT_ENTER ? (openBlock(), createElementBlock("div", _hoisted_17, [
+          unref(filteredUserStatusList).length > 0 ? (openBlock(), createBlock(TuiButton, {
+            key: 0,
+            class: "button-bottom",
+            size: "default",
+            onClick: unref(handleCallAllInvitee)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("Call all")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
         createVNode(Dialog, {
           modelValue: unref(showManageAllUserDialog),
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(showManageAllUserDialog) ? showManageAllUserDialog.value = $event : null),
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(showManageAllUserDialog) ? showManageAllUserDialog.value = $event : null),
           title: unref(dialogTitle),
           width: "480px",
           modal: true,
@@ -210,7 +219,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "cancel-button",
               size: "default",
               type: "primary",
-              onClick: _cache[5] || (_cache[5] = ($event) => showManageAllUserDialog.value = false)
+              onClick: _cache[4] || (_cache[4] = ($event) => showManageAllUserDialog.value = false)
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(t)("Cancel")), 1)

package/es/components/ManageMember/useIndexHooks.mjs

@@ -1,4 +1,4 @@
-import { computed, ref, nextTick } from "vue";
+import { ref, computed, nextTick } from "vue";
 import { storeToRefs } from "pinia";
 import useGetRoomEngine from "../../hooks/useRoomEngine.mjs";
 import { useRoomStore } from "../../stores/room.mjs";
@@ -10,6 +10,11 @@ import { MESSAGE_DURATION } from "../../constants/message.mjs";
 import { isMobile } from "../../utils/environment.mjs";
 import AllMembersShareScreenIcon from "../common/icons/AllMembersShareScreenIcon.vue.mjs";
 import HostShareScreenIcon from "../common/icons/HostShareScreenIcon.vue.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import { USERS_STATUS } from "../../constants/room.mjs";
 function useIndex() {
   const roomEngine = useGetRoomEngine();
   const { t } = useI18n();
@@ -20,7 +25,8 @@ function useIndex() {
     anchorUserList,
     applyToAnchorList,
     isOnStateTabActive,
-    generalUserScreenStreamList
+    generalUserScreenStreamList,
+    remoteNotEnteredUserList
   } = storeToRefs(roomStore);
   let ManageControlType;
   ((ManageControlType2) => {
@@ -28,35 +34,104 @@ function useIndex() {
     ManageControlType2["VIDEO"] = "video";
     ManageControlType2["SCREEN"] = "screen";
   })(ManageControlType || (ManageControlType = {}));
-  const audienceUserList = computed(() => userList.value.filter((user) => !anchorUserList.value.includes(user)));
+  const currentActiveTabName = ref(USERS_STATUS.Entered);
+  const audienceUserList = computed(
+    () => userList.value.filter(
+      (user) => !anchorUserList.value.includes(user) && user.isInRoom
+    )
+  );
+  const enterUserList = computed(
+    () => userList.value.filter((user) => user.isInRoom)
+  );
   const searchText = ref("");
   const showMoreControl = ref(false);
-  function handleToggleStaged() {
+  function handleToggleStaged(item) {
+    currentActiveTabName.value = item.status;
     isOnStateTabActive.value = !isOnStateTabActive.value;
     roomStore.setOnStageTabStatus(isOnStateTabActive.value);
   }
   const filteredUserList = computed(() => {
     let list = [];
     if (roomStore.isFreeSpeakMode) {
-      list = userList.value;
+      list = enterUserList.value;
     } else if (roomStore.isSpeakAfterTakingSeatMode) {
       list = isOnStateTabActive.value ? anchorUserList.value : audienceUserList.value;
     }
     if (!searchText.value) {
       return list;
     }
-    return list.filter((item) => {
+    return list.filter(
+      (item) => {
+        var _a, _b;
+        return ((_a = item.nameCard) == null ? void 0 : _a.includes(searchText.value)) || ((_b = item.userName) == null ? void 0 : _b.includes(searchText.value)) || item.userId.includes(searchText.value);
+      }
+    );
+  });
+  const filteredUserStatusList = computed(() => {
+    let list = [];
+    if (roomStore.isFreeSpeakMode) {
+      list = currentActiveTabName.value === USERS_STATUS.Entered ? enterUserList.value : remoteNotEnteredUserList.value;
+    } else {
+      switch (currentActiveTabName.value) {
+        case USERS_STATUS.ON_STAGE:
+          list = anchorUserList.value;
+          break;
+        case USERS_STATUS.NOT_ON_STAGE:
+          list = audienceUserList.value;
+          break;
+        default:
+          list = remoteNotEnteredUserList.value;
+      }
+    }
+    if (!searchText.value) {
+      return list;
+    }
+    const searchFilter = (item) => {
       var _a, _b;
       return ((_a = item.nameCard) == null ? void 0 : _a.includes(searchText.value)) || ((_b = item.userName) == null ? void 0 : _b.includes(searchText.value)) || item.userId.includes(searchText.value);
-    });
+    };
+    return list.filter(searchFilter);
+  });
+  const alreadyStaged = computed(
+    () => `${t("On stage")} (${anchorUserList.value.length})`
+  );
+  const notStaged = computed(
+    () => `${t("Not on stage")} (${audienceUserList.value.length})`
+  );
+  const audioManageInfo = computed(
+    () => roomStore.isMicrophoneDisableForAllUser ? t("Lift all mute") : t("All mute")
+  );
+  const videoManageInfo = computed(
+    () => roomStore.isCameraDisableForAllUser ? t("Lift stop all video") : t("All stop video")
+  );
+  const userStatusList = computed(() => {
+    if (roomStore.isFreeSpeakMode) {
+      return [
+        {
+          status: USERS_STATUS.Entered,
+          title: `${t("Entered")} (${enterUserList.value.length})`
+        },
+        {
+          status: USERS_STATUS.NOT_ENTER,
+          title: `${t("Not Entered")} (${remoteNotEnteredUserList.value.length})`
+        }
+      ];
+    }
+    return [
+      {
+        status: USERS_STATUS.ON_STAGE,
+        title: `${t("On stage")} (${anchorUserList.value.length})`
+      },
+      {
+        status: USERS_STATUS.NOT_ON_STAGE,
+        title: `${t("Not on stage")} (${audienceUserList.value.length})`
+      },
+      {
+        status: USERS_STATUS.NOT_ENTER,
+        title: `${t("Not Entered")} (${remoteNotEnteredUserList.value.length})`
+      }
+    ];
   });
-  const alreadyStaged = computed(() => `${t("Already on stage")} (${anchorUserList.value.length})`);
-  const notStaged = computed(() => `${t("Not on stage")} (${audienceUserList.value.length})`);
-  function handleInvite() {
-    basicStore.setSidebarName("invite");
-  }
-  const audioManageInfo = computed(() => roomStore.isMicrophoneDisableForAllUser ? t("Lift all mute") : t("All mute"));
-  const videoManageInfo = computed(() => roomStore.isCameraDisableForAllUser ? t("Lift stop all video") : t("All stop video"));
   const moreControlList = computed(() => [
     {
       title: roomStore.isScreenShareDisableForAllUser ? t("All members can share screen") : t("Screen sharing for host/admin only"),
@@ -103,8 +178,12 @@ function useIndex() {
           break;
         }
         showManageAllUserDialog.value = true;
-        dialogTitle.value = t("Is it turned on that only the host/admin can share the screen?");
-        dialogContent.value = t("Other member is sharing the screen is now, the member's sharing will be terminated after you turning on");
+        dialogTitle.value = t(
+          "Is it turned on that only the host/admin can share the screen?"
+        );
+        dialogContent.value = t(
+          "Other member is sharing the screen is now, the member's sharing will be terminated after you turning on"
+        );
         break;
     }
   }
@@ -190,10 +269,20 @@ function useIndex() {
   function toggleClickMoreBtn() {
     showMoreControl.value = !showMoreControl.value;
   }
+  const handleCallAllInvitee = () => {
+    const userIdList = remoteNotEnteredUserList.value.map(
+      (item) => item.userId
+    );
+    roomService.conferenceInvitationManager.inviteUsers({ userIdList });
+    renderMsg({
+      type: "success",
+      message: t("Invitation sent, waiting for members to join."),
+      duration: MESSAGE_DURATION.NORMAL
+    });
+  };
   return {
     showApplyUserList,
     searchText,
-    handleInvite,
     t,
     toggleManageAllMember,
     doToggleManageAllMember,
@@ -212,7 +301,11 @@ function useIndex() {
     applyToAnchorUserContent,
     toggleClickMoreBtn,
     showMoreControl,
-    moreControlList
+    moreControlList,
+    userStatusList,
+    currentActiveTabName,
+    filteredUserStatusList,
+    handleCallAllInvitee
   };
 }
 export {

package/es/components/PreRoom/LoadingOverlay.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/PreRoom/LoadingOverlay.vue.mjs

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

package/es/components/PreRoom/LoadingOverlay.vue2.mjs

@@ -0,0 +1,24 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, unref } from "vue";
+import { useI18n } from "../../locales/index.mjs";
+import SvgIcon from "../common/base/SvgIcon.vue.mjs";
+import LoadingScheduleIcon from "../common/icons/LoadingScheduleIcon.vue.mjs";
+const _hoisted_1 = { class: "loading-overlay" };
+const _hoisted_2 = { class: "loading-text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LoadingOverlay",
+  setup(__props) {
+    const { t } = useI18n();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(SvgIcon, {
+          icon: LoadingScheduleIcon,
+          class: "loading"
+        }),
+        createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("Entering the room now...")), 1)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/PreRoom/PasswordDialog.vue.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    visible: 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/PreRoom/PasswordDialog.vue.mjs

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