@tencentcloud/roomkit-electron-vue3 2.6.7-beta.1 → 2.7.0

package/lib/locales/en-US.d.ts

@@ -232,7 +232,7 @@ declare const _default: {
     'Microphone not detected on current device': string;
     'Camera not detected on current device': string;
     'Camera And Microphone not detected on current device': string;
-    'Another user is currently sharing the screen, screen sharing is not possible.': string;
+    'Another user is sharing the screen.': string;
     'Screen sharing is currently active, cannot start the whiteboard.': string;
     'This action causes the room to be disbanded, does it continue?': string;
     'This action causes the room to be exited, does it continue?': string;
@@ -305,6 +305,9 @@ declare const _default: {
     "Other member is sharing the screen is now, the member's sharing will be terminated after you turning on": string;
     'Your screen sharing has been stopped': string;
     'Your screen sharing has been stopped, Now only the host/admin can share the screen': string;
+    'The system prohibits the current browser from accessing the screen content, please enable the screen sharing privilege.': string;
+    'User canceled screen sharing': string;
+    'An unknown error occurred while screen sharing, please try again.': string;
     'I got it': string;
     Attention: string;
     'Audio playback failed. Click the "Confirm" to resume playback': string;
@@ -384,17 +387,28 @@ declare const _default: {
     'Busy line': string;
     'Entering the room now...': string;
     'The room is encrypted': string;
-    'Please enter your room password': string;
+    'Please enter the password': string;
     'Your room password format is incorrect, please check it': string;
     Security: string;
     'Room Password': string;
     'Enter 6-digit password': string;
-    'Wrong password, please re-enter': string;
+    'Wrong password': string;
+    Encryption: string;
     'Open whiteboard': string;
     'Close whiteboard': string;
     'Start annotating': string;
     'End annotating': string;
     'You are sharing the whiteboard, please stop sharing first': string;
+    'Line Size': string;
+    'Line Color': string;
+    'Arrow Size': string;
+    'Arrow Color': string;
+    'Text Size': string;
+    'Text Color': string;
+    'Shape Type': string;
+    'Shape Style': string;
+    'Shape Color': string;
+    'Shape Size': string;
     Beauty: string;
     'Beauty Effects': string;
     Smoother: string;

package/lib/locales/en-US.js

@@ -234,7 +234,7 @@ const EN = {
   "Microphone not detected on current device": "Microphone not detected on current device",
   "Camera not detected on current device": "Camera not detected on current device",
   "Camera And Microphone not detected on current device": "Camera And Microphone not detected on current device",
-  "Another user is currently sharing the screen, screen sharing is not possible.": "Another user is currently sharing the screen, screen sharing is not possible.",
+  "Another user is sharing the screen.": "Another user is sharing the screen.",
   "Screen sharing is currently active, cannot start the whiteboard.": "Screen sharing is currently active, cannot start the whiteboard.",
   "This action causes the room to be disbanded, does it continue?": "This action causes the room to be disbanded, does it continue?",
   "This action causes the room to be exited, does it continue?": "This action causes the room to be exited, does it continue?",
@@ -310,6 +310,9 @@ const EN = {
   "Other member is sharing the screen is now, the member's sharing will be terminated after you turning on": "Other member is sharing the screen now, the member's sharing will be terminated after you turning on",
   "Your screen sharing has been stopped": "Your screen sharing has been stopped",
   "Your screen sharing has been stopped, Now only the host/admin can share the screen": "Your screen sharing has been stopped, Now only the host/admin can share the screen",
+  "The system prohibits the current browser from accessing the screen content, please enable the screen sharing privilege.": "The system prohibits the current browser from accessing the screen content, please enable the screen sharing privilege.",
+  "User canceled screen sharing": "User canceled screen sharing",
+  "An unknown error occurred while screen sharing, please try again.": "An unknown error occurred while screen sharing, please try again.",
   "I got it": "I got it",
   Attention: "Attention",
   'Audio playback failed. Click the "Confirm" to resume playback': 'Audio playback failed. Click the "Confirm" to resume playback.',
@@ -394,17 +397,28 @@ const EN = {
   // room password
   "Entering the room now...": "Entering the room now...",
   "The room is encrypted": "The room is encrypted",
-  "Please enter your room password": "Please enter your room password",
+  "Please enter the password": "Please enter the password",
   "Your room password format is incorrect, please check it": "Your room password format is incorrect, please check it",
   Security: "Security",
   "Room Password": "Room Password",
   "Enter 6-digit password": "Enter 6-digit password",
-  "Wrong password, please re-enter": "Wrong password, please re-enter",
+  "Wrong password": "Wrong password",
+  Encryption: "Encryption",
   "Open whiteboard": "Open whiteboard",
   "Close whiteboard": "Close whiteboard",
   "Start annotating": "Start annotating",
   "End annotating": "End annotating",
   "You are sharing the whiteboard, please stop sharing first": "You are sharing the whiteboard, please stop sharing first",
+  "Line Size": "Line Size",
+  "Line Color": "Line Color",
+  "Arrow Size": "Arrow Size",
+  "Arrow Color": "Arrow Color",
+  "Text Size": "Text Size",
+  "Text Color": "Text Color",
+  "Shape Type": "Shape Type",
+  "Shape Style": "Shape Style",
+  "Shape Color": "Shape Color",
+  "Shape Size": "Shape Size",
   // Beauty
   Beauty: "Beauty",
   "Beauty Effects": "Beauty Effects",

package/lib/locales/zh-CN.d.ts

@@ -232,7 +232,7 @@ declare const _default: {
     'Microphone not detected on current device': string;
     'Camera not detected on current device': string;
     'Camera And Microphone not detected on current device': string;
-    'Another user is currently sharing the screen, screen sharing is not possible.': string;
+    'Another user is sharing the screen.': string;
     'Screen sharing is currently active, cannot start the whiteboard.': string;
     'This action causes the room to be exited, does it continue?': string;
     'This action causes the room to be disbanded, does it continue?': string;
@@ -305,6 +305,9 @@ declare const _default: {
     "Other member is sharing the screen is now, the member's sharing will be terminated after you turning on": string;
     'Your screen sharing has been stopped': string;
     'Your screen sharing has been stopped, Now only the host/admin can share the screen': string;
+    'The system prohibits the current browser from accessing the screen content, please enable the screen sharing privilege.': string;
+    'User canceled screen sharing': string;
+    'An unknown error occurred while screen sharing, please try again.': string;
     'I got it': string;
     Attention: string;
     'Audio playback failed. Click the "Confirm" to resume playback': string;
@@ -388,17 +391,28 @@ declare const _default: {
     'Busy line': string;
     'Entering the room now...': string;
     'The room is encrypted': string;
-    'Please enter your room password': string;
+    'Please enter the password': string;
     'Your room password format is incorrect, please check it': string;
     Security: string;
     'Room Password': string;
     'Enter 6-digit password': string;
-    'Wrong password, please re-enter': string;
+    'Wrong password': string;
+    Encryption: string;
     'Open whiteboard': string;
     'Close whiteboard': string;
     'Start annotating': string;
     'End annotating': string;
     'You are sharing the whiteboard, please stop sharing first': string;
+    'Line Size': string;
+    'Line Color': string;
+    'Arrow Size': string;
+    'Arrow Color': string;
+    'Text Size': string;
+    'Text Color': string;
+    'Shape Type': string;
+    'Shape Style': string;
+    'Shape Color': string;
+    'Shape Size': string;
     Beauty: string;
     'Beauty Effects': string;
     Smoother: string;

package/lib/locales/zh-CN.js

@@ -234,7 +234,7 @@ const ZH = {
   "Microphone not detected on current device": "当前设备未检测到麦克风",
   "Camera not detected on current device": "当前设备未检测到摄像头",
   "Camera And Microphone not detected on current device": "当前设备未检测到摄像头和麦克风",
-  "Another user is currently sharing the screen, screen sharing is not possible.": "当前有其他用户正在屏幕共享，无法进行屏幕共享",
+  "Another user is sharing the screen.": "其他成员正在屏幕共享",
   "Screen sharing is currently active, cannot start the whiteboard.": "当前正在屏幕共享，无法开启白板",
   "This action causes the room to be exited, does it continue?": "该操作会导致退出房间，是否继续？",
   "This action causes the room to be disbanded, does it continue?": "该操作会导致解散房间，是否继续？",
@@ -310,6 +310,9 @@ const ZH = {
   "Other member is sharing the screen is now, the member's sharing will be terminated after you turning on": "当前有成员正在共享屏幕, 开启后该成员的共享将会被终止",
   "Your screen sharing has been stopped": "共享屏幕停止",
   "Your screen sharing has been stopped, Now only the host/admin can share the screen": "已停止您的共享，当前仅房主/管理员可以共享屏幕",
+  "The system prohibits the current browser from accessing the screen content, please enable the screen sharing privilege.": "系统禁止当前浏览器获取屏幕内容, 请开启屏幕分享权限。",
+  "User canceled screen sharing": "用户取消屏幕分享",
+  "An unknown error occurred while screen sharing, please try again.": "屏幕分享发生了未知错误，请重试",
   "I got it": "我知道了",
   Attention: "注意",
   'Audio playback failed. Click the "Confirm" to resume playback': "音频播放失败。单击 “确认 ”恢复播放。",
@@ -398,17 +401,28 @@ const ZH = {
   // room password
   "Entering the room now...": "正在进入房间...",
   "The room is encrypted": "房间已加密",
-  "Please enter your room password": "请输入入会密码",
+  "Please enter the password": "请输入入会密码",
   "Your room password format is incorrect, please check it": "房间密码格式不正确，请检查",
   Security: "安全设置",
   "Room Password": "进房密码",
   "Enter 6-digit password": "请输入6位进房密码",
-  "Wrong password, please re-enter": "密码错误，请重新输入",
+  "Wrong password": "密码错误",
+  Encryption: "房间加密",
   "Open whiteboard": "开启白板",
   "Close whiteboard": "关闭白板",
   "Start annotating": "开始批注",
   "End annotating": "结束批注",
   "You are sharing the whiteboard, please stop sharing first": "您正在共享白板，请先停止共享",
+  "Line Size": "线条粗细",
+  "Line Color": "线条颜色",
+  "Arrow Size": "箭头大小",
+  "Arrow Color": "箭头颜色",
+  "Text Size": "文字大小",
+  "Text Color": "文字颜色",
+  "Shape Type": "图形类型",
+  "Shape Style": "形状样式",
+  "Shape Color": "图形颜色",
+  "Shape Size": "图形大小",
   // Beauty
   Beauty: "美颜",
   "Beauty Effects": "美颜特效",

package/lib/preConference.vue.js

@@ -4,5 +4,5 @@ const preConference_vue_vue_type_script_setup_true_lang = require("./preConferen
 ;/* empty css                    */
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("./_virtual/_plugin-vue_export-helper.js");
-const preConference = /* @__PURE__ */ _pluginVue_exportHelper.default(preConference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e0610c13"]]);
+const preConference = /* @__PURE__ */ _pluginVue_exportHelper.default(preConference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-5f33ba0a"]]);
 exports.default = preConference;

package/lib/services/function/errorHandler.js

@@ -28,7 +28,7 @@ class ErrorHandler {
     if (error.code === TUIRoomEngine.TUIErrorCode.ERR_WRONG_PASSWORD) {
       this.service.emit(types.EventType.ROOM_NOTICE_MESSAGE, {
         type: "error",
-        message: this.service.t("Wrong password, please re-enter")
+        message: this.service.t("Wrong password")
       });
       return;
     }

package/lib/services/manager/conferenceInvitationManager.js

@@ -121,6 +121,7 @@ class ConferenceInvitationManager {
     }
   }
   onInvitationHandledByOtherDevice(data) {
+    this.isBeingInvited = false;
     this.emit(
       TUIRoomEngine.TUIConferenceInvitationManagerEvents.onInvitationHandledByOtherDevice,
       data

package/lib/services/manager/userManager.js

@@ -105,9 +105,11 @@ class UserManager {
     });
     leftList == null ? void 0 : leftList.forEach((seat) => {
       const { userId } = seat;
+      if (userId === this.service.roomStore.localUser.userId) {
+        this.service.basicStore.setIsOpenMic(false);
+      }
       const user = this.service.roomStore.userInfoObj[userId];
       if (user) {
-        Object.assign(user, { onSeat: false });
         this.service.roomStore.updateUserInfo({ userId, onSeat: false });
       }
       this.service.roomStore.removeStreamInfo(

package/lib/services/roomService.d.ts

@@ -1,4 +1,5 @@
 import { EventType, IRoomService, RoomInitData, RoomParam } from './types';
+import { default as TUIRoomEngine } from '@tencentcloud/tuiroom-engine-electron';
 import { UserInfo } from '../stores/room';
 import { ComponentConfig, ComponentManager, ComponentName } from './manager/componentManager';
 import { ConfigManager, LanguageOption, Theme } from './manager/configManager';
@@ -16,9 +17,11 @@ import { ErrorHandler } from './function/errorHandler';
 import { ChatManager } from './manager/chatManager';
 import { AITask } from './function/aiTask';
 
-export declare const roomEngine: Record<string, any>;
+export declare const roomEngine: Record<string, TUIRoomEngine | null>;
 export declare class RoomService implements IRoomService {
     static instance?: RoomService;
+    roomEngine: Record<string, TUIRoomEngine | null>;
+    t: any;
     private emitter;
     componentManager: ComponentManager;
     configManager: ConfigManager;
@@ -35,8 +38,6 @@ export declare class RoomService implements IRoomService {
     errorHandler: ErrorHandler;
     chatManager: ChatManager;
     aiTask: AITask;
-    roomEngine: Record<string, any>;
-    t: any;
     get basicStore(): any;
     get roomStore(): any;
     get chatStore(): any;

package/lib/services/roomService.js

@@ -36,6 +36,8 @@ const logPrefix = "[RoomService]";
 const roomEngine = useRoomEngine.default();
 const _RoomService = class _RoomService {
   constructor() {
+    __publicField(this, "roomEngine", roomEngine);
+    __publicField(this, "t", t);
     __publicField(this, "emitter", mitt());
     __publicField(this, "componentManager", new componentManager.ComponentManager(this));
     __publicField(this, "configManager", new configManager.ConfigManager(this));
@@ -52,8 +54,6 @@ const _RoomService = class _RoomService {
     __publicField(this, "errorHandler", new errorHandler.ErrorHandler(this));
     __publicField(this, "chatManager", new chatManager.ChatManager(this));
     __publicField(this, "aiTask", new aiTask.AITask(this));
-    __publicField(this, "roomEngine", roomEngine);
-    __publicField(this, "t", t);
     this.lifeCycleManager.start();
     this.initEventCtx();
     TUIRoomEngine.once("ready", () => {

package/lib/stores/room.js

@@ -412,6 +412,9 @@ const useRoomStore = pinia.defineStore("room", {
     updateVideoQuality(quality) {
       this.localVideoQuality = quality;
     },
+    setLocalUser(obj) {
+      Object.assign(this.localUser, obj);
+    },
     setDeviceList(type, deviceList) {
       switch (type) {
         case TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera:

package/lib/utils/common.d.ts

@@ -10,4 +10,6 @@ export declare function getLanguage(): string;
  */
 export declare function checkNumber(roomId: string): boolean;
 export declare function toTargetTheme(themeOption: ThemeOption): string;
+export declare const invalidDigitalPasswordRegex: RegExp;
+export declare const invalidPasswordRegex: RegExp;
 export {};

package/lib/utils/common.js

@@ -7,7 +7,7 @@ const THEME = {
 };
 function getLanguage() {
   const isWxMiniProgram = typeof wx !== "undefined" && wx.getSystemInfoSync;
-  let language = utils.getUrlParam("lang") || localStorage.getItem("tuiRoom-language") || navigator.language || (isWxMiniProgram ? "zh-CN" : "en-US");
+  let language = utils.getUrlParam("lang") || navigator.language || (isWxMiniProgram ? "zh-CN" : "en-US");
   language = language.replace(/_/, "-").toLowerCase();
   const isZh = language.startsWith("zh");
   language = isZh ? "zh-CN" : "en-US";
@@ -17,5 +17,9 @@ function toTargetTheme(themeOption) {
   const theme = themeOption === "DARK" ? THEME.DARK : THEME.LIGHT;
   return theme;
 }
+const invalidDigitalPasswordRegex = /[^\d]+/g;
+const invalidPasswordRegex = /[^A-Za-z0-9!@#$%^&*()_+{}|:"<>?`~';[\]\\/.,-=]+/g;
 exports.getLanguage = getLanguage;
+exports.invalidDigitalPasswordRegex = invalidDigitalPasswordRegex;
+exports.invalidPasswordRegex = invalidPasswordRegex;
 exports.toTargetTheme = toTargetTheme;

package/lib/utils/utils.d.ts

@@ -59,10 +59,4 @@ export declare function convertSecondsToHMS(seconds: number): {
     minutes: number;
     seconds: number;
 };
-/**
- * Determine if the input string contains only numbers
- * @param str data of any string
- * @returns It returns true if it contains only numbers, otherwise it returns false.
- */
-export declare function isDigitsOnly(str: string): boolean;
 export declare function getNanoId(size?: number): string;

package/lib/utils/utils.js

@@ -137,10 +137,6 @@ function convertSecondsToHMS(seconds) {
     seconds: remainingSeconds
   };
 }
-function isDigitsOnly(str) {
-  const regex = /^\d+$/;
-  return regex.test(str);
-}
 function getNanoId(size = 21) {
   const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
   let id = "";
@@ -160,7 +156,6 @@ exports.exitFullScreen = exitFullScreen;
 exports.getNanoId = getNanoId;
 exports.getUrlParam = getUrlParam;
 exports.getUrlWithRoomId = getUrlWithRoomId;
-exports.isDigitsOnly = isDigitsOnly;
 exports.isFunction = isFunction;
 exports.isNumber = isNumber;
 exports.isStringNumber = isStringNumber;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/roomkit-electron-vue3",
-  "version": "2.6.7-beta.1",
+  "version": "2.7.0",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@tencentcloud/chat": "latest",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-electron": "^2.6.7",
+    "@tencentcloud/tuiroom-engine-electron": "^2.7.0",
     "@tencentcloud/chat-uikit-engine": "2.2.7",
     "@tencentcloud/chat-uikit-vue": "2.2.7",
     "@tencentcloud/universal-api": "^2.0.9",
@@ -40,7 +40,7 @@
     "hotkeys-js": "^3.10.1"
   },
   "peerDependencies": {
-    "pinia": "~2.0.24",
+    "pinia": "2.0.24",
     "vue": "~3.3.13",
     "electron": ">=4.0.0"
   },

package/src/TUIRoom/components/Chat/index/index.vue

@@ -30,6 +30,7 @@ const basicStore = useBasicStore();
 
 const defaultHideFeaturesButtons = [
   'InputFace',
+  'InputStickers',
   'InputVoice',
   'InputEvaluation',
   'InputQuickReplies',

package/src/TUIRoom/components/ManageMember/MemberControl/index.vue

@@ -47,7 +47,8 @@
         <span>{{ dialogData.content }}</span>
         <tui-input
           v-if="dialogData.showInput"
-          v-model="tempUserName"
+          :model-value="tempUserName"
+          @input="tempUserName = $event"
           class="dialog-input"
           :placeholder="t('Please input user name')"
         />
@@ -56,7 +57,7 @@
         <tui-button
           size="default"
           @click="handleAction(props.userInfo)"
-          :disabled="tempUserName.length === 0"
+          :disabled="dialogData.isConfirmButtonDisable"
         >
           {{ dialogData.confirmText }}
         </tui-button>
@@ -74,7 +75,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, computed, nextTick } from 'vue';
+import { ref, watch, computed, nextTick, defineProps } from 'vue';
 import { useI18n } from '../../../locales';
 import TuiButton from '../../common/base/Button.vue';
 import Dialog from '../../common/base/Dialog/index.vue';
@@ -132,6 +133,7 @@ async function toggleClickMoreBtn() {
 }
 
 async function handleDropDownPosition() {
+  // eslint-disable-next-line no-unsafe-optional-chaining
   const { top, bottom } = moreBtnRef.value?.getBoundingClientRect();
   const { top: containerTop, bottom: containerBottom } = document
     .getElementById('memberListContainer')

package/src/TUIRoom/components/ManageMember/MemberControl/useMemberControlHooks.ts

@@ -1,4 +1,4 @@
-import { computed, Ref, ref } from 'vue';
+import { computed, Ref, ref, Reactive, reactive } from 'vue';
 import { useI18n } from '../../../locales';
 import { UserInfo, useRoomStore } from '../../../stores/room';
 import useGetRoomEngine from '../../../hooks/useRoomEngine';
@@ -45,20 +45,23 @@ export default function useMemberControl(props?: any) {
   const isShowInput: Ref<boolean> = ref(false);
   const editorInputEle = ref();
   const editorInputEleContainer = ref();
-  const tempUserName = ref(props.userInfo.nameCard || props.userInfo.userName);
-  const dialogData: Ref<{
+  const tempUserName = ref('');
+  const dialogData: Reactive<{
     title: string;
     content: string;
     confirmText: string;
     actionType: ActionType;
     showInput: boolean;
-  }> = ref({
+    isConfirmButtonDisable: boolean;
+  }> = reactive({
     title: '',
     content: '',
     confirmText: '',
     actionType: '' as ActionType,
     showInput: false,
+    isConfirmButtonDisable: false,
   });
+
   const kickOffDialogContent = computed(() =>
     t('whether to kick sb off the room', {
       name: roomService.getDisplayName(props.userInfo),
@@ -424,7 +427,7 @@ export default function useMemberControl(props?: any) {
     await roomEngine.instance?.kickRemoteUserOutOfRoom({
       userId: userInfo.userId,
     });
-    roomStore.removeRemoteUser(userInfo.userId);
+    roomStore.removeUserInfo(userInfo.userId);
   }
 
   /**
@@ -490,17 +493,18 @@ export default function useMemberControl(props?: any) {
     switch (action) {
       case 'kickUser':
         isDialogVisible.value = true;
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: t('Note'),
           content: kickOffDialogContent.value,
           confirmText: t('Confirm'),
           actionType: action,
           showInput: false,
-        };
+          isConfirmButtonDisable: false,
+        });
         break;
       case 'transferOwner':
         isDialogVisible.value = true;
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: transferOwnerTitle.value,
           content: t(
             'After transfer the room owner, you will become a general user'
@@ -508,22 +512,25 @@ export default function useMemberControl(props?: any) {
           confirmText: t('Confirm transfer'),
           actionType: action,
           showInput: false,
-        };
+          isConfirmButtonDisable: false,
+        });
         break;
       case 'changeUserNameCard':
+        tempUserName.value = props.userInfo.nameCard || props.userInfo.userName;
         if (isMobile) {
           isShowInput.value = true;
           document?.body?.appendChild(editorInputEleContainer.value);
         } else {
           isDialogVisible.value = true;
         }
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: t('change name'),
           content: '',
           confirmText: t('Confirm'),
           actionType: action,
           showInput: true,
-        };
+          isConfirmButtonDisable: computed(() => tempUserName.value === ''),
+        });
         break;
     }
   }
@@ -564,7 +571,7 @@ export default function useMemberControl(props?: any) {
   }
 
   function handleAction(userInfo: UserInfo) {
-    switch (dialogData.value.actionType) {
+    switch (dialogData.actionType) {
       case 'kickUser':
         kickOffUser(userInfo);
         break;

package/src/TUIRoom/components/ManageMember/MemberInvite/MemberInvite.vue

@@ -1,9 +1,5 @@
 <template>
   <div class="member-invite-container">
-    <div class="member-invite-item">
-      <Avatar class="avatar-url" :img-src="userInfo.avatarUrl" />
-      <div class="user-name">{{ userInfo.userId || userInfo.userName }}</div>
-    </div>
     <span class="member-invite-reject" v-if="showReject">{{
       t('Not joining for now')
     }}</span>
@@ -22,7 +18,6 @@
 <script setup lang="ts">
 import { ref, watch, defineProps } from 'vue';
 import { UserInfo } from '../../../stores/room';
-import Avatar from '../../common/Avatar.vue';
 import TuiButton from '../../common/base/Button.vue';
 import { useI18n } from '../../../locales';
 import { roomService, TUIInvitationStatus } from '../../../services';
@@ -62,21 +57,9 @@ watch(props.userInfo, val => {
 <style lang="scss" scoped>
 .member-invite-container {
   display: flex;
+  justify-content: end;
   width: 100%;
 
-  .member-invite-item {
-    display: flex;
-    flex: 1;
-    align-items: center;
-  }
-
-  .avatar-url {
-    display: flex;
-    align-items: center;
-    width: 32px;
-    height: 32px;
-  }
-
   .member-invite-reject {
     display: flex;
     align-self: center;
@@ -98,17 +81,5 @@ watch(props.userInfo, val => {
   .button {
     width: 68px;
   }
-
-  .user-name {
-    max-width: 100px;
-    margin-left: 12px;
-    overflow: hidden;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 22px;
-    color: var(--font-color-1);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
 }
 </style>

package/src/TUIRoom/components/ManageMember/MemberItem/index.vue

@@ -5,21 +5,14 @@
     @mouseleave="closeMemberControl"
   >
     <member-info
-      v-show="props.userCurrentStatus !== USERS_STATUS.NOT_ENTER"
       :user-info="props.userInfo"
-      :show-state-icon="!showMemberControl"
+      :show-state-icon="props.userInfo.isInRoom && !showMemberControl"
     />
     <member-control
-      v-show="
-        showMemberControl && props.userCurrentStatus !== USERS_STATUS.NOT_ENTER
-      "
+      v-show="showMemberControl && props.userInfo.isInRoom"
       :show-member-control="showMemberControl"
       :user-info="props.userInfo"
     />
-    <member-invite
-      v-show="props.userCurrentStatus === USERS_STATUS.NOT_ENTER"
-      :user-info="props.userInfo"
-    />
   </div>
 </template>
 
@@ -27,14 +20,11 @@
 import { ref, watch, defineProps } from 'vue';
 import MemberInfo from '../MemberItemCommon/MemberInfo.vue';
 import MemberControl from '../MemberControl/index.vue';
-import MemberInvite from '../MemberInvite/MemberInvite.vue';
 import { UserInfo } from '../../../stores/room';
 import useMemberItem from './useMemberItemHooks';
-import { USERS_STATUS } from '../../../constants/room';
 
 interface Props {
   userInfo: UserInfo;
-  userCurrentStatus: USERS_STATUS;
 }
 
 const props = defineProps<Props>();