@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

package/es/components/Chat/ChatEditor/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/Chat/ChatEditor/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 ChatEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-417e38fe"]]);
+const ChatEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b27110df"]]);
 export {
   ChatEditor as default
 };

package/es/components/Chat/ChatEditor/index.vue2.mjs

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = useChatEditor();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["chat-editor", { "disable": unref(isMessageDisabled) }])
+        class: normalizeClass(["chat-editor", { disable: unref(isMessageDisabled) }])
       }, [
         createVNode(emoji, {
           class: "chat-emoji",

package/es/components/Chat/EditorTools/index.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, {
     "choose-emoji": (...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<{}>> & {
     "onChoose-emoji"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/es/components/Chat/EditorTools/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 emoji = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-522fd19b"]]);
+const emoji = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9a8a8a39"]]);
 export {
   emoji as default
 };

package/es/components/Chat/MessageList/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/Chat/MessageList/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 MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1b057af9"]]);
+const MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-397f419c"]]);
 export {
   MessageList as default
 };

package/es/components/Chat/MessageList/index.vue2.mjs

@@ -39,8 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     watch(messageList, async (newMessageList, oldMessageList) => {
       var _a;
-      if (newMessageList.length === 0)
-        return;
+      if (newMessageList.length === 0) return;
       const lastMessage = newMessageList.slice(-1);
       const oldLastMessage = oldMessageList.slice(-1);
       const isSendByMe = lastMessage[0].flow === "out";

package/es/components/Chat/MessageList/useMessageListHook.mjs

@@ -13,9 +13,13 @@ function useMessageList() {
   const basicStore = useBasicStore();
   const { roomId } = storeToRefs(basicStore);
   const { messageList, isCompleted, nextReqMessageId } = storeToRefs(chatStore);
-  watch(isCompleted, (value) => {
-    isCompleted.value = value;
-  }, { immediate: true, deep: true });
+  watch(
+    isCompleted,
+    (value) => {
+      isCompleted.value = value;
+    },
+    { immediate: true, deep: true }
+  );
   async function handleGetHistoryMessageList() {
     var _a2;
     const tim2 = (_a2 = roomEngine.instance) == null ? void 0 : _a2.getTIM();
@@ -23,10 +27,20 @@ function useMessageList() {
       conversationID: `GROUP${roomId.value}`,
       nextReqMessageID: nextReqMessageId.value
     }));
-    const { nextReqMessageID: middleReqMessageId, messageList: historyMessageList, isCompleted: isCompleted2 } = imResponse.data;
+    const {
+      nextReqMessageID: middleReqMessageId,
+      messageList: historyMessageList,
+      isCompleted: isCompleted2
+    } = imResponse.data;
     messageList.value.splice(0, 0, ...historyMessageList);
-    const currentMessageList = messageList.value.filter((item) => item.type === "TIMTextElem");
-    chatStore.setMessageListInfo(currentMessageList, isCompleted2, middleReqMessageId);
+    const currentMessageList = messageList.value.filter(
+      (item) => item.type === "TIMTextElem"
+    );
+    chatStore.setMessageListInfo(
+      currentMessageList,
+      isCompleted2,
+      middleReqMessageId
+    );
   }
   async function getMessageList() {
     var _a2;
@@ -69,7 +83,12 @@ function useMessageList() {
       if (message.conversationID !== currentConversationId || message.type !== TencentCloudChat.TYPES.MSG_TEXT) {
         return;
       }
-      const { ID, payload: { text }, nick: userName, from: userId } = message;
+      const {
+        ID,
+        payload: { text },
+        nick: userName,
+        from: userId
+      } = message;
       chatStore.updateMessageList({
         ID,
         type: "TIMTextElem",
@@ -85,12 +104,17 @@ function useMessageList() {
   };
   async function setMessageListInfo() {
     const { currentMessageList, isCompleted: isCompleted2, nextReqMessageId: nextReqMessageId2 } = await getMessageList();
-    const filterCurrentMessageList = currentMessageList.filter((item) => item.type === "TIMTextElem");
-    chatStore.setMessageListInfo(filterCurrentMessageList, isCompleted2, nextReqMessageId2);
+    const filterCurrentMessageList = currentMessageList.filter(
+      (item) => item.type === "TIMTextElem"
+    );
+    chatStore.setMessageListInfo(
+      filterCurrentMessageList,
+      isCompleted2,
+      nextReqMessageId2
+    );
   }
   function getDisplaySenderName(index) {
-    if (index === 0)
-      return true;
+    if (index === 0) return true;
     return messageList.value[index].from !== messageList.value[index - 1].from;
   }
   let tim = (_a = roomEngine.instance) == null ? void 0 : _a.getTIM();

package/es/components/Chat/MessageTypes/MessageText.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<Readonly<{
     data?: any;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
     data?: any;
 }>>>, {
     readonly data?: any;

package/es/components/Chat/MessageTypes/MessageText.vue.mjs

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

package/es/components/Chat/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/Chat/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 Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0b1c904"]]);
+const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e93acf9d"]]);
 export {
   Chat as default
 };

package/es/components/Chat/util.d.ts

@@ -13,7 +13,7 @@ export declare const emojiMap: Record<string, string>;
 export declare const emojiList: string[];
 export declare function decodeMessageText(payload: string): {
     name: string;
-    text?: string | undefined;
-    src?: string | undefined;
+    text?: string;
+    src?: string;
 }[];
 export declare function decodeSendTextMsg(payload: string): string;

package/es/components/ManageMember/MemberControl/index.vue.d.ts

@@ -4,7 +4,7 @@ interface Props {
     userInfo: UserInfo;
     showMemberControl: 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_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> = {

package/es/components/ManageMember/MemberControl/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 MemberControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-978d269a"]]);
+const MemberControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a11b273"]]);
 export {
   MemberControl as default
 };

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

@@ -37,11 +37,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const moreBtnRef = ref();
     const operateListRef = ref();
     const showMoreControl = ref(false);
-    watch(() => props.showMemberControl, (val) => {
-      if (!val) {
-        showMoreControl.value = false;
+    watch(
+      () => props.showMemberControl,
+      (val) => {
+        if (!val) {
+          showMoreControl.value = false;
+        }
       }
-    });
+    );
     async function toggleClickMoreBtn() {
       if (showMoreControl.value) {
         showMoreControl.value = false;

package/es/components/ManageMember/MemberControl/useMemberControlHooks.d.ts

@@ -1,5 +1,5 @@
-import { UserInfo } from '../../../stores/room';
 import { Ref } from 'vue';
+import { UserInfo } from '../../../stores/room';
 
 type ActionType = 'transferOwner' | 'kickUser' | 'changeUserNameCard' | '';
 export default function useMemberControl(props?: any): {

package/es/components/ManageMember/MemberControl/useMemberControlHooks.mjs

@@ -45,8 +45,16 @@ function useMemberControl(props) {
     actionType: "",
     showInput: false
   });
-  const kickOffDialogContent = computed(() => t("whether to kick sb off the room", { name: roomService.getDisplayName(props.userInfo) }));
-  const transferOwnerTitle = computed(() => t("Transfer the roomOwner to sb", { name: roomService.getDisplayName(props.userInfo) }));
+  const kickOffDialogContent = computed(
+    () => t("whether to kick sb off the room", {
+      name: roomService.getDisplayName(props.userInfo)
+    })
+  );
+  const transferOwnerTitle = computed(
+    () => t("Transfer the roomOwner to sb", {
+      name: roomService.getDisplayName(props.userInfo)
+    })
+  );
   const {
     isFreeSpeakMode,
     isSpeakAfterTakingSeatMode,
@@ -127,7 +135,12 @@ function useMemberControl(props) {
   }));
   const videoControl = computed(() => {
     const videoControlTitle = props.userInfo.hasVideoStream ? t("Disable video") : t("Enable video");
-    return { key: "videoControl", icon: VideoOpenIcon, title: videoControlTitle, func: muteUserVideo };
+    return {
+      key: "videoControl",
+      icon: VideoOpenIcon,
+      title: videoControlTitle,
+      func: muteUserVideo
+    };
   });
   const chatControl = computed(() => ({
     key: "chatControl",
@@ -165,8 +178,18 @@ function useMemberControl(props) {
     title: t("Agree to the stage"),
     func: agreeUserOnStage
   }));
-  const denyOnStage = computed(() => ({ key: "denyOnStage", icon: DenyOnStageIcon, title: t("Refuse stage"), func: denyUserOnStage }));
-  const makeOffStage = computed(() => ({ key: "makeOffStage", icon: OffStageIcon, title: t("Step down"), func: kickUserOffStage }));
+  const denyOnStage = computed(() => ({
+    key: "denyOnStage",
+    icon: DenyOnStageIcon,
+    title: t("Refuse stage"),
+    func: denyUserOnStage
+  }));
+  const makeOffStage = computed(() => ({
+    key: "makeOffStage",
+    icon: OffStageIcon,
+    title: t("Step down"),
+    func: kickUserOffStage
+  }));
   const changeUserNameCard = computed(() => ({
     key: "changeUserNameCard",
     icon: EditNameCardIcon,
@@ -210,14 +233,19 @@ function useMemberControl(props) {
         device: TUIMediaDevice.kMicrophone,
         timeout: 0,
         requestCallback: (callbackInfo) => {
-          roomStore.setRequestUserOpenMic({ userId: userInfo.userId, isRequesting: false });
+          roomStore.setRequestUserOpenMic({
+            userId: userInfo.userId,
+            isRequesting: false
+          });
           const { requestCallbackType, code } = callbackInfo;
           switch (requestCallbackType) {
             case TUIRequestCallbackType.kRequestError:
               if (code === TUIErrorCode.ERR_REQUEST_ID_REPEAT) {
                 renderMsg({
                   type: "warning",
-                  message: t("This member has already received the same request, please try again later"),
+                  message: t(
+                    "This member has already received the same request, please try again later"
+                  ),
                   duration: MESSAGE_DURATION.NORMAL
                 });
               }
@@ -231,7 +259,11 @@ function useMemberControl(props) {
         duration: MESSAGE_DURATION.NORMAL
       });
       if (request && request.requestId) {
-        roomStore.setRequestUserOpenMic({ userId: userInfo.userId, isRequesting: true, requestId: request.requestId });
+        roomStore.setRequestUserOpenMic({
+          userId: userInfo.userId,
+          isRequesting: true,
+          requestId: request.requestId
+        });
       }
     }
   }
@@ -256,14 +288,19 @@ function useMemberControl(props) {
         device: TUIMediaDevice.kCamera,
         timeout: 0,
         requestCallback: (callbackInfo) => {
-          roomStore.setRequestUserOpenCamera({ userId: userInfo.userId, isRequesting: false });
+          roomStore.setRequestUserOpenCamera({
+            userId: userInfo.userId,
+            isRequesting: false
+          });
           const { requestCallbackType, code } = callbackInfo;
           switch (requestCallbackType) {
             case TUIRequestCallbackType.kRequestError:
               if (code === TUIErrorCode.ERR_REQUEST_ID_REPEAT) {
                 renderMsg({
                   type: "warning",
-                  message: t("This member has already received the same request, please try again later"),
+                  message: t(
+                    "This member has already received the same request, please try again later"
+                  ),
                   duration: MESSAGE_DURATION.NORMAL
                 });
               }
@@ -277,7 +314,11 @@ function useMemberControl(props) {
         duration: MESSAGE_DURATION.NORMAL
       });
       if (request && request.requestId) {
-        roomStore.setRequestUserOpenCamera({ userId: userInfo.userId, isRequesting: true, requestId: request.requestId });
+        roomStore.setRequestUserOpenCamera({
+          userId: userInfo.userId,
+          isRequesting: true,
+          requestId: request.requestId
+        });
       }
     }
   }
@@ -320,7 +361,9 @@ function useMemberControl(props) {
         roomStore.setMasterUserId(userInfo.userId);
         renderMsg({
           type: "success",
-          message: t("The room owner has been transferred to sb", { name: roomService.getDisplayName(userInfo) }),
+          message: t("The room owner has been transferred to sb", {
+            name: roomService.getDisplayName(userInfo)
+          }),
           duration: MESSAGE_DURATION.NORMAL
         });
       } catch (error) {
@@ -367,7 +410,9 @@ function useMemberControl(props) {
         isDialogVisible.value = true;
         dialogData.value = {
           title: transferOwnerTitle.value,
-          content: t("After transfer the room owner, you will become a general user"),
+          content: t(
+            "After transfer the room owner, you will become a general user"
+          ),
           confirmText: t("Confirm transfer"),
           actionType: action,
           showInput: false
@@ -401,8 +446,7 @@ function useMemberControl(props) {
   };
   async function handleChangeUserNameCard(userInfo) {
     var _a;
-    if (!nameCardCheck())
-      return;
+    if (!nameCardCheck()) return;
     try {
       await ((_a = roomEngine.instance) == null ? void 0 : _a.changeUserNameCard({
         userId: userInfo.userId,

package/es/components/ManageMember/MemberInvite/MemberInvite.vue.d.ts

@@ -0,0 +1,16 @@
+import { UserInfo } from '../../../stores/room';
+
+interface Props {
+    userInfo: UserInfo;
+}
+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/ManageMember/MemberInvite/MemberInvite.vue.mjs

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

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

@@ -0,0 +1,77 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, unref, createCommentVNode, createBlock, withCtx, createTextVNode } from "vue";
+import Avatar from "../../common/Avatar.vue.mjs";
+import TuiButton from "../../common/base/Button.vue.mjs";
+import { useI18n } from "../../../locales/index.mjs";
+import "../../../services/main.mjs";
+import { roomService } from "../../../services/roomService.mjs";
+import { TUIInvitationStatus } from "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../../services/manager/roomActionManager.mjs";
+import renderMsg from "../../common/base/Message/Message.mjs";
+import { MESSAGE_DURATION } from "../../../constants/message.mjs";
+const _hoisted_1 = { class: "member-invite-container" };
+const _hoisted_2 = { class: "member-invite-item" };
+const _hoisted_3 = { class: "user-name" };
+const _hoisted_4 = {
+  key: 0,
+  class: "member-invite-reject"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "member-invite-calling"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MemberInvite",
+  props: {
+    userInfo: {}
+  },
+  setup(__props) {
+    const { t } = useI18n();
+    const showReject = ref(false);
+    const handleInvite = () => {
+      roomService.conferenceInvitationManager.inviteUsers({
+        userIdList: [props.userInfo.userId]
+      });
+      renderMsg({
+        type: "success",
+        message: t("Invitation sent, waiting for members to join."),
+        duration: MESSAGE_DURATION.NORMAL
+      });
+    };
+    const props = __props;
+    watch(props.userInfo, (val) => {
+      if (val.status === TUIInvitationStatus.kRejected) {
+        showReject.value = true;
+        setTimeout(() => {
+          showReject.value = false;
+        }, 3e3);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(Avatar, {
+            class: "avatar-url",
+            "img-src": _ctx.userInfo.avatarUrl
+          }, null, 8, ["img-src"]),
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.userInfo.userId || _ctx.userInfo.userName), 1)
+        ]),
+        showReject.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(t)("Not joining for now")), 1)) : createCommentVNode("", true),
+        _ctx.userInfo.status === unref(TUIInvitationStatus).kPending ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("Calling...")), 1)) : (openBlock(), createBlock(TuiButton, {
+          key: 2,
+          class: "button",
+          size: "default",
+          onClick: handleInvite
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("Call")), 1)
+          ]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/ManageMember/MemberItem/index.vue.d.ts

@@ -1,9 +1,11 @@
 import { UserInfo } from '../../../stores/room';
+import { USERS_STATUS } from '../../../constants/room';
 
 interface Props {
     userInfo: UserInfo;
+    userCurrentStatus: USERS_STATUS;
 }
-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_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> = {

package/es/components/ManageMember/MemberItem/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 MemberItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca3f9dba"]]);
+const MemberItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12f08077"]]);
 export {
   MemberItem as default
 };

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

@@ -1,19 +1,18 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, unref, createVNode, withDirectives, vShow } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, unref, withDirectives, createVNode, vShow } from "vue";
 import MemberInfo from "../MemberItemCommon/MemberInfo.vue.mjs";
 import MemberControl from "../MemberControl/index.vue.mjs";
+import MemberInvite from "../MemberInvite/MemberInvite.vue.mjs";
 import useMemberItem from "./useMemberItemHooks.mjs";
+import { USERS_STATUS } from "../../../constants/room.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    userInfo: {}
+    userInfo: {},
+    userCurrentStatus: {}
   },
   setup(__props) {
     const props = __props;
-    const {
-      isMemberControlAccessible,
-      openMemberControl,
-      closeMemberControl
-    } = useMemberItem(props.userInfo);
+    const { isMemberControlAccessible, openMemberControl, closeMemberControl } = useMemberItem(props.userInfo);
     const showMemberControl = ref(false);
     watch(isMemberControlAccessible, (accessible) => {
       showMemberControl.value = accessible;
@@ -26,15 +25,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = //@ts-ignore
         (...args) => unref(closeMemberControl) && unref(closeMemberControl)(...args))
       }, [
-        createVNode(MemberInfo, {
+        withDirectives(createVNode(MemberInfo, {
           "user-info": props.userInfo,
           "show-state-icon": !showMemberControl.value
-        }, null, 8, ["user-info", "show-state-icon"]),
+        }, null, 8, ["user-info", "show-state-icon"]), [
+          [vShow, props.userCurrentStatus !== unref(USERS_STATUS).NOT_ENTER]
+        ]),
         withDirectives(createVNode(MemberControl, {
           "show-member-control": showMemberControl.value,
           "user-info": props.userInfo
         }, null, 8, ["show-member-control", "user-info"]), [
-          [vShow, showMemberControl.value]
+          [
+            vShow,
+            showMemberControl.value && props.userCurrentStatus !== unref(USERS_STATUS).NOT_ENTER
+          ]
+        ]),
+        withDirectives(createVNode(MemberInvite, {
+          "user-info": props.userInfo
+        }, null, 8, ["user-info"]), [
+          [vShow, props.userCurrentStatus === unref(USERS_STATUS).NOT_ENTER]
         ])
       ], 32);
     };

package/es/components/ManageMember/MemberItem/useMemberItemHooks.mjs

@@ -15,7 +15,9 @@ function useMemberItem(userInfo) {
   const isCanOperateMySelf = computed(() => {
     return userInfo.userId === roomStore.localUser.userId;
   });
-  const isMemberControlAccessible = computed(() => userInfo.userId === showUserId.value && (isCanOperateMySelf.value || isCanOperateCurrentMember.value));
+  const isMemberControlAccessible = computed(
+    () => userInfo.userId === showUserId.value && (isCanOperateMySelf.value || isCanOperateCurrentMember.value)
+  );
   function openMemberControl() {
     showUserId.value = userInfo.userId;
   }

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue.d.ts

@@ -2,9 +2,9 @@ import { UserInfo } from '../../../stores/room';
 
 interface Props {
     userInfo: UserInfo;
-    showStateIcon: Boolean;
+    showStateIcon: 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_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> = {

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

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