@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.2

package/lib/stores/room.js

@@ -4,45 +4,66 @@ const pinia = require("pinia");
 const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
 const basic = require("./basic.js");
 const vue = require("../utils/vue.js");
-const useRoomEngine = require("../hooks/useRoomEngine.js");
 const environment = require("../utils/environment.js");
-const roomEngine = useRoomEngine.default();
+function getNewStreamInfo(userId, streamType) {
+  const newStreamInfo = {
+    userId,
+    hasAudioStream: false,
+    hasVideoStream: false,
+    streamType: streamType || TUIRoomEngine.TUIVideoStreamType.kCameraStream,
+    isLoading: false,
+    playDomList: []
+  };
+  return newStreamInfo;
+}
+function getNewUserInfo(userId) {
+  const newUserInfo = {
+    userId,
+    userName: "",
+    avatarUrl: "",
+    nameCard: "",
+    hasAudioStream: false,
+    hasVideoStream: false,
+    hasScreenStream: false,
+    isMessageDisabled: false,
+    userRole: TUIRoomEngine.TUIRole.kGeneralUser,
+    onSeat: false,
+    isUserApplyingToAnchor: false,
+    isInvitingUserToAnchor: false,
+    isInRoom: false,
+    status: TUIRoomEngine.TUIInvitationStatus.kNone
+  };
+  return newUserInfo;
+}
+function getRecordStreamType(streamType) {
+  if (streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStreamLow) {
+    return TUIRoomEngine.TUIVideoStreamType.kCameraStream;
+  }
+  return streamType;
+}
+function sortStreamList(streamList) {
+  const basicStore = basic.useBasicStore();
+  return streamList.sort((item1, item2) => {
+    if (item1.userId === basicStore.userId) {
+      return -1;
+    }
+    if (item2.userId === basicStore.userId) {
+      return 1;
+    }
+    if (item1.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream) {
+      return -1;
+    }
+    if (item2.streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream) {
+      return 1;
+    }
+    return 0;
+  });
+}
 const useRoomStore = pinia.defineStore("room", {
   state: () => ({
-    localUser: {
-      userId: "",
-      userName: "",
-      avatarUrl: "",
-      nameCard: "",
-      hasAudioStream: false,
-      hasVideoStream: false,
-      hasScreenStream: false,
-      userRole: TUIRoomEngine.TUIRole.kGeneralUser,
-      onSeat: false,
-      cameraStreamInfo: {
-        userId: "",
-        userName: "",
-        avatarUrl: "",
-        nameCard: "",
-        hasAudioStream: false,
-        hasVideoStream: false,
-        streamType: TUIRoomEngine.TUIVideoStreamType.kCameraStream,
-        isVisible: true
-      },
-      screenStreamInfo: {
-        userId: "",
-        userName: "",
-        avatarUrl: "",
-        nameCard: "",
-        hasScreenStream: false,
-        streamType: TUIRoomEngine.TUIVideoStreamType.kScreenStream,
-        isVisible: true
-      }
-    },
-    remoteUserObj: {},
+    userInfoObj: {},
+    streamInfoObj: {},
     userVolumeObj: {},
-    isDefaultOpenCamera: false,
-    isDefaultOpenMicrophone: false,
     canControlSelfAudio: true,
     canControlSelfVideo: true,
     localVideoQuality: environment.isMobile ? TUIRoomEngine.TUIVideoQuality.kVideoQuality_360p : TUIRoomEngine.TUIVideoQuality.kVideoQuality_720p,
@@ -56,52 +77,67 @@ const useRoomStore = pinia.defineStore("room", {
     isMicrophoneDisableForAllUser: false,
     isCameraDisableForAllUser: false,
     isScreenShareDisableForAllUser: false,
-    isSeatEnabled: false,
+    isSeatEnabled: void 0,
     seatMode: TUIRoomEngine.TUISeatMode.kFreeToTake,
     maxMembersCount: 5,
     // Includes local streams and screen shares, above which subsequent streams are played
     maxSeatCount: 20,
+    password: "",
     roomName: "",
-    hasVideoStreamObject: {},
     // Visual area user flow list
-    currentStreamIdListInVisibleView: [],
     hasOtherScreenShare: false,
-    isOnStateTabActive: true
+    isOnStateTabActive: true,
+    isLocalUserSharing: false,
+    isWhiteboardVisiable: false,
+    isSharingScreen: false,
+    isAnnotationVisiable: false
   }),
   getters: {
+    localUser(state) {
+      const basicStore = basic.useBasicStore();
+      return state.userInfoObj[basicStore.userId] || getNewUserInfo(basicStore.userId);
+    },
+    localStream(state) {
+      const basicStore = basic.useBasicStore();
+      return state.streamInfoObj[`${basicStore.userId}_${TUIRoomEngine.TUIVideoStreamType.kCameraStream}`] || getNewStreamInfo(basicStore.userId, TUIRoomEngine.TUIVideoStreamType.kCameraStream);
+    },
+    localScreenStream(state) {
+      const basicStore = basic.useBasicStore();
+      return state.streamInfoObj[`${basicStore.userId}_${TUIRoomEngine.TUIVideoStreamType.kScreenStream}`];
+    },
     isMaster(state) {
-      return state.localUser.userId === state.masterUserId;
+      return this.localUser.userId === state.masterUserId;
+    },
+    isAdmin() {
+      return this.localUser.userRole === TUIRoomEngine.TUIRole.kAdministrator;
+    },
+    isGeneralUser() {
+      return this.localUser.userRole === TUIRoomEngine.TUIRole.kGeneralUser;
     },
-    isAdmin(state) {
-      return state.localUser.userRole === TUIRoomEngine.TUIRole.kAdministrator;
+    isFreeSpeakMode() {
+      return this.isSeatEnabled === false;
     },
-    isGeneralUser(state) {
-      return state.localUser.userRole === TUIRoomEngine.TUIRole.kGeneralUser;
+    isSpeakAfterTakingSeatMode() {
+      return Boolean(this.isSeatEnabled) && this.seatMode === TUIRoomEngine.TUISeatMode.kApplyToTake;
     },
     // Whether the current user is on the stage
-    isAnchor(state) {
+    isAnchor() {
       if (this.isFreeSpeakMode) {
         return true;
       }
       if (this.isSpeakAfterTakingSeatMode) {
-        return state.localUser.onSeat;
+        return this.localUser.onSeat;
       }
     },
     // Whether the current user is under the stage
-    isAudience(state) {
+    isAudience() {
       if (this.isFreeSpeakMode) {
         return false;
       }
       if (this.isSpeakAfterTakingSeatMode) {
-        return !state.localUser.onSeat;
+        return !this.localUser.onSeat;
       }
     },
-    isSpeakAfterTakingSeatMode() {
-      return this.isSeatEnabled && this.seatMode === TUIRoomEngine.TUISeatMode.kApplyToTake;
-    },
-    isFreeSpeakMode() {
-      return !this.isSeatEnabled;
-    },
     isLocalAudioIconDisable() {
       const micForbidden = this.isGeneralUser && !this.canControlSelfAudio;
       return micForbidden || this.isAudience;
@@ -110,308 +146,189 @@ const useRoomStore = pinia.defineStore("room", {
       const cameraForbidden = this.isGeneralUser && !this.canControlSelfVideo;
       return cameraForbidden || this.isAudience;
     },
-    localStream: (state) => {
-      const { userId, userName, avatarUrl, nameCard, hasAudioStream, hasVideoStream } = state.localUser;
-      Object.assign(
-        state.localUser.cameraStreamInfo,
-        { userId, userName, avatarUrl, nameCard, hasAudioStream, hasVideoStream }
-      );
-      return state.localUser.cameraStreamInfo;
+    streamList() {
+      let streamList = [];
+      if (this.isFreeSpeakMode) {
+        streamList = Object.values(this.streamInfoObj);
+      } else {
+        streamList = Object.values(this.streamInfoObj).filter((item) => {
+          return this.userInfoObj[item.userId].onSeat;
+        });
+      }
+      return sortStreamList(streamList);
     },
-    localScreenStream: (state) => {
-      const { userId, userName, avatarUrl, hasScreenStream } = state.localUser;
-      Object.assign(
-        state.localUser.screenStreamInfo,
-        { userId, userName, avatarUrl, hasScreenStream }
+    remoteStreamList() {
+      const basicStore = basic.useBasicStore();
+      return this.streamList.filter((item) => item.userId !== basicStore.userId);
+    },
+    cameraStreamList() {
+      return this.streamList.filter(
+        (stream) => stream.streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream
       );
-      return state.localUser.screenStreamInfo;
-    },
-    remoteStreamObj: (state) => {
-      const obj = {};
-      [...Object.values(state.remoteUserObj)].forEach((userInfo) => {
-        const {
-          userId,
-          avatarUrl,
-          userName,
-          nameCard,
-          onSeat,
-          hasAudioStream,
-          hasVideoStream,
-          hasScreenStream,
-          isVideoVisible,
-          isScreenVisible
-        } = userInfo;
-        if (onSeat) {
-          obj[`${userId}_${TUIRoomEngine.TUIVideoStreamType.kCameraStream}`] = Object.assign(userInfo.cameraStreamInfo, { userId, avatarUrl, userName, nameCard, hasAudioStream, hasVideoStream, streamType: TUIRoomEngine.TUIVideoStreamType.kCameraStream, isVisible: isVideoVisible });
+    },
+    streamNumber() {
+      return this.streamList.length;
+    },
+    userList() {
+      const basicStore = basic.useBasicStore();
+      return [...Object.values(this.userInfoObj)].sort((item1, item2) => {
+        if (item1.userId === basicStore.userId) {
+          return -1;
+        }
+        if (item2.userId === basicStore.userId) {
+          return 1;
+        }
+        if (item1.userRole === TUIRoomEngine.TUIRole.kRoomOwner) {
+          return -1;
+        }
+        if (item2.userRole === TUIRoomEngine.TUIRole.kRoomOwner) {
+          return 1;
         }
-        if (hasScreenStream) {
-          obj[`${userId}_${TUIRoomEngine.TUIVideoStreamType.kScreenStream}`] = Object.assign(userInfo.screenStreamInfo, { userId, avatarUrl, userName, nameCard, hasScreenStream, streamType: TUIRoomEngine.TUIVideoStreamType.kScreenStream, isVisible: isScreenVisible });
+        if (item1.userRole === TUIRoomEngine.TUIRole.kAdministrator) {
+          return -1;
         }
+        if (item2.userRole === TUIRoomEngine.TUIRole.kAdministrator) {
+          return 1;
+        }
+        return 0;
       });
-      return obj;
     },
-    remoteStreamList() {
-      return [...Object.values(this.remoteStreamObj)];
+    userNumber() {
+      return this.userList.filter((item) => item.isInRoom).length;
     },
-    streamList() {
-      const list = [this.localStream, ...Object.values(this.remoteStreamObj)];
-      if (this.localUser.hasScreenStream) {
-        list.unshift(this.localScreenStream);
-      }
-      return list;
+    remoteUserList() {
+      const basicStore = basic.useBasicStore();
+      return [...Object.values(this.userInfoObj)].filter(
+        (item) => item.userId !== basicStore.userId
+      );
     },
-    cameraStreamList() {
-      const list = [
-        this.localStream,
-        ...Object.values(this.remoteStreamObj).filter((stream) => stream.streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream)
-      ];
-      return list;
+    remoteEnteredUserList() {
+      return this.remoteUserList.filter((item) => item.isInRoom);
     },
-    streamNumber() {
-      return this.streamList.length;
+    remoteNotEnteredUserList() {
+      return this.userList.filter((item) => !item.isInRoom);
     },
-    remoteUserList: (state) => [...Object.values(state.remoteUserObj)],
-    remoteAnchorList: (state) => [...Object.values(state.remoteUserObj)].filter((item) => item.onSeat),
-    userList: (state) => [state.localUser, ...Object.values(state.remoteUserObj)],
-    generalUserScreenStreamList: (state) => [...Object.values(state.remoteUserObj)].filter((item) => item.hasScreenStream && item.userRole === TUIRoomEngine.TUIRole.kGeneralUser),
-    userNumber() {
-      return this.userList.length;
+    remoteAnchorList() {
+      return this.remoteUserList.filter((item) => item.onSeat);
+    },
+    generalUserScreenStreamList() {
+      return this.remoteUserList.filter(
+        (item) => item.hasScreenStream && item.userRole === TUIRoomEngine.TUIRole.kGeneralUser
+      );
+    },
+    anchorUserList() {
+      return this.userList.filter((item) => item.onSeat);
+    },
+    applyToAnchorList() {
+      return this.remoteUserList.filter((item) => item.isUserApplyingToAnchor).sort(
+        (item1, item2) => ((item1 == null ? void 0 : item1.applyToAnchorTimestamp) || 0) - ((item2 == null ? void 0 : item2.applyToAnchorTimestamp) || 0)
+      ) || [];
     },
-    anchorUserList: (state) => [state.localUser, ...Object.values(state.remoteUserObj)].filter((item) => item.onSeat),
-    applyToAnchorList: (state) => [...Object.values(state.remoteUserObj)].filter((item) => item.isUserApplyingToAnchor).sort((item1, item2) => ((item1 == null ? void 0 : item1.applyToAnchorTimestamp) || 0) - ((item2 == null ? void 0 : item2.applyToAnchorTimestamp) || 0)) || [],
     defaultStreamType() {
-      return Object.keys(this.hasVideoStreamObject).length > this.maxMembersCount ? TUIRoomEngine.TUIVideoStreamType.kCameraStreamLow : TUIRoomEngine.TUIVideoStreamType.kCameraStream;
+      return Object.values(this.streamInfoObj).filter(
+        (stream) => stream.hasVideoStream
+      ).length > this.maxMembersCount ? TUIRoomEngine.TUIVideoStreamType.kCameraStreamLow : TUIRoomEngine.TUIVideoStreamType.kCameraStream;
     },
-    getDisplayName: (state) => {
+    getDisplayName() {
       return (userId) => {
-        const userInfo = userId === state.localUser.userId ? state.localUser : state.remoteUserObj[userId];
+        const userInfo = this.userInfoObj[userId];
         if (userInfo) {
           const { nameCard, userName, userId: userId2 } = userInfo;
           return nameCard || userName || userId2;
         }
+        return userId;
       };
     }
   },
   actions: {
-    setLocalUser(obj) {
-      Object.assign(this.localUser, obj);
-    },
-    updateLocalStream(obj) {
-      Object.assign(this.localStream, obj);
-    },
     getUserName(userId) {
       var _a, _b;
-      if (userId === this.localUser.userId) {
-        return this.localUser.nameCard || this.localUser.userName || userId;
-      }
-      return ((_a = this.remoteUserObj[userId]) == null ? void 0 : _a.nameCard) || ((_b = this.remoteUserObj[userId]) == null ? void 0 : _b.userName) || userId;
+      return ((_a = this.userInfoObj[userId]) == null ? void 0 : _a.nameCard) || ((_b = this.userInfoObj[userId]) == null ? void 0 : _b.userName) || userId;
     },
     getUserRole(userId) {
       var _a;
-      if (userId === this.localUser.userId) {
-        return this.localUser.userRole;
-      }
-      return (_a = this.remoteUserObj[userId]) == null ? void 0 : _a.userRole;
-    },
-    getNewUserInfo(userId) {
-      const newUserInfo = {
-        userId,
-        userName: "",
-        avatarUrl: "",
-        nameCard: "",
-        hasAudioStream: false,
-        hasVideoStream: false,
-        hasScreenStream: false,
-        isVideoVisible: false,
-        isScreenVisible: false,
-        isMessageDisabled: false,
-        userRole: TUIRoomEngine.TUIRole.kGeneralUser,
-        onSeat: !this.isSpeakAfterTakingSeatMode,
-        isUserApplyingToAnchor: false,
-        isInvitingUserToAnchor: false,
-        cameraStreamInfo: {
-          userId,
-          userName: "",
-          avatarUrl: "",
-          nameCard: "",
-          hasAudioStream: false,
-          hasVideoStream: false,
-          streamType: TUIRoomEngine.TUIVideoStreamType.kCameraStream,
-          isVisible: false
-        },
-        screenStreamInfo: {
-          userId,
-          userName: "",
-          avatarUrl: "",
-          nameCard: "",
-          hasScreenStream: false,
-          streamType: TUIRoomEngine.TUIVideoStreamType.kScreenStream,
-          isVisible: false
-        }
-      };
-      return newUserInfo;
+      return (_a = this.userInfoObj[userId]) == null ? void 0 : _a.userRole;
     },
-    updateUserList(userList) {
-      userList.forEach((user) => {
-        if (user.userId === this.localUser.userId) {
-          Object.assign(this.localUser, user);
-          return;
-        }
-        if (this.remoteUserObj[user.userId]) {
-          Object.assign(this.remoteUserObj[user.userId], user);
-        } else {
-          const newUserInfo = Object.assign(this.getNewUserInfo(user.userId), user);
-          vue.set(this.remoteUserObj, user.userId, newUserInfo);
-        }
-      });
+    addUserInfo(userInfo) {
+      const { userId } = userInfo;
+      if (!userId) {
+        return;
+      }
+      if (this.userInfoObj[userId]) {
+        Object.assign(this.userInfoObj[userId], userInfo);
+      } else {
+        const newUserInfo = Object.assign(getNewUserInfo(userId), userInfo);
+        vue.set(this.userInfoObj, userId, newUserInfo);
+      }
     },
-    // Remote user enters the room (IM event)
+    // todo: can use addUserInfo instead
     addRemoteUser(userInfo) {
       const { userId } = userInfo;
       const basicStore = basic.useBasicStore();
       if (!userId || userId === basicStore.userId) {
         return;
       }
-      if (this.remoteUserObj[userId]) {
-        Object.assign(this.remoteUserObj[userId], userInfo);
+      if (this.userInfoObj[userId]) {
+        Object.assign(this.userInfoObj[userId], userInfo, { isInRoom: true });
       } else {
-        const newUserInfo = Object.assign(this.getNewUserInfo(userId), userInfo);
-        vue.set(this.remoteUserObj, userId, newUserInfo);
+        const newUserInfo = Object.assign(getNewUserInfo(userId), userInfo, {
+          isInRoom: true
+        });
+        vue.set(this.userInfoObj, userId, newUserInfo);
       }
     },
-    updateRemoteUser(userId, newUserInfo) {
-      const remoteUser = this.remoteUserObj[userId];
-      if (!remoteUser) {
+    updateUserInfo(userInfo) {
+      if (!userInfo.userId) {
         return;
       }
-      const { nick, avatar } = newUserInfo;
-      Object.assign(remoteUser, { userName: nick, avatarUrl: avatar });
-    },
-    setSeatList(seatList) {
-      seatList.forEach((seat) => {
-        const { userId } = seat;
-        if (!userId)
-          return;
-        if (userId === this.localUser.userId) {
-          Object.assign(this.localUser, { onSeat: true });
-        } else {
-          const user = this.remoteUserObj[userId];
-          if (user) {
-            Object.assign(user, { onSeat: true });
-          } else {
-            const newUserInfo = Object.assign(this.getNewUserInfo(userId), { onSeat: true });
-            vue.set(this.remoteUserObj, userId, newUserInfo);
-          }
-        }
-      });
+      Object.assign(this.userInfoObj[userInfo.userId], userInfo);
     },
-    // Updating changes to seatList
-    // The onSeatListChanged, onUserVideoAvailable, onUserAudioAvailable events are notified as soon as the room is entered, so they are updated to the userMap first.
-    // Wait for getUserList to get the full list of users before updating it.
-    updateOnSeatList(seatedList, leftList) {
-      seatedList.forEach((seat) => {
-        const { userId } = seat;
-        if (userId === this.localUser.userId) {
-          Object.assign(this.localUser, { onSeat: true });
-        } else {
-          const user = this.remoteUserObj[userId];
-          if (user) {
-            Object.assign(user, { onSeat: true });
-          } else {
-            const newUserInfo = Object.assign(this.getNewUserInfo(userId), { onSeat: true });
-            vue.set(this.remoteUserObj, userId, newUserInfo);
-          }
-        }
-      });
-      leftList.forEach((seat) => {
-        if (seat.userId === this.localUser.userId) {
-          Object.assign(this.localUser, { onSeat: false });
-          const basicStore = basic.useBasicStore();
-          basicStore.setIsOpenMic(false);
-        } else {
-          const user = this.remoteUserObj[seat.userId];
-          user && Object.assign(user, { onSeat: false });
-        }
-      });
-    },
-    updateUserVideoState(userId, streamType, hasVideo) {
+    removeUserInfo(userId) {
       const basicStore = basic.useBasicStore();
-      let user = userId === basicStore.userId ? this.localUser : this.remoteUserObj[userId];
-      if (!user && hasVideo) {
-        user = this.getNewUserInfo(userId);
-        vue.set(this.remoteUserObj, userId, user);
+      if (!userId || userId === basicStore.userId) {
+        return;
       }
-      if (user) {
-        this.updatehasVideoStreamObject(user, hasVideo, userId === basicStore.userId);
-        if (streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream || streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStreamLow) {
-          user.hasVideoStream = hasVideo;
-        } else if (streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream) {
-          user.hasScreenStream = hasVideo;
-        }
+      if (this.userInfoObj[userId]) {
+        vue.del(this.userInfoObj, userId);
       }
     },
-    updatehasVideoStreamObject(userInfo, hasVideo, isSelf) {
-      if (isSelf)
+    addStreamInfo(userId, streamType) {
+      const recordStreamType = getRecordStreamType(streamType);
+      if (this.streamInfoObj[`${userId}_${recordStreamType}`]) {
         return;
-      const { userId, cameraStreamInfo, screenStreamInfo, hasVideoStream } = userInfo;
-      const streamId = `${userId}_${hasVideoStream ? cameraStreamInfo.streamType : screenStreamInfo.streamType}`;
-      if (hasVideo) {
-        vue.set(this.hasVideoStreamObject, streamId, userInfo);
-      } else {
-        vue.del(this.hasVideoStreamObject, streamId);
       }
+      const newStreamInfo = getNewStreamInfo(userId, recordStreamType);
+      vue.set(this.streamInfoObj, `${userId}_${recordStreamType}`, newStreamInfo);
     },
-    updateUserAudioState(userId, hasAudio) {
-      const basicStore = basic.useBasicStore();
-      let user = userId === basicStore.userId ? this.localUser : this.remoteUserObj[userId];
-      if (!user && hasAudio) {
-        user = this.getNewUserInfo(userId);
-        vue.set(this.remoteUserObj, userId, user);
+    updateStreamInfo(streamInfo) {
+      const { userId, streamType } = streamInfo;
+      const recordStreamType = getRecordStreamType(streamType);
+      if (!this.streamInfoObj[`${userId}_${recordStreamType}`]) {
+        return;
       }
-      if (user) {
-        user.hasAudioStream = hasAudio;
+      if (streamType !== recordStreamType) {
+        Object.assign(streamInfo, { streamType: recordStreamType });
       }
+      vue.set(
+        this.streamInfoObj,
+        `${userId}_${recordStreamType}`,
+        Object.assign(
+          this.streamInfoObj[`${userId}_${recordStreamType}`],
+          streamInfo
+        )
+      );
     },
-    removeRemoteUser(userId) {
-      const basicStore = basic.useBasicStore();
-      if (!userId || userId === basicStore.userId) {
-        return;
+    removeStreamInfo(userId, streamType) {
+      const recordStreamType = getRecordStreamType(streamType);
+      if (this.streamInfoObj[`${userId}_${recordStreamType}`]) {
+        vue.del(this.streamInfoObj, `${userId}_${recordStreamType}`);
+      }
+    },
+    getStreamInfo(userId, streamType) {
+      const recordStreamType = getRecordStreamType(streamType);
+      if (this.streamInfoObj[`${userId}_${recordStreamType}`]) {
+        return this.streamInfoObj[`${userId}_${recordStreamType}`];
       }
-      vue.del(this.remoteUserObj, userId);
-    },
-    updateUserStreamVisible(streamIdList) {
-      streamIdList.forEach((item) => {
-        const userId = item.slice(0, item.length - 2);
-        const streamType = Number(item.slice(-1));
-        if (userId === this.localUser.userId) {
-          return;
-        }
-        const user = this.remoteUserObj[userId];
-        if (!user) {
-          return;
-        }
-        if (streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream || streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStreamLow) {
-          user.isVideoVisible = true;
-        } else if (streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream) {
-          user.isScreenVisible = true;
-        }
-      });
-      this.currentStreamIdListInVisibleView.forEach((item) => {
-        const userId = item.slice(0, item.length - 2);
-        const streamType = Number(item.slice(-1));
-        if (streamIdList.indexOf(item) < 0) {
-          const user = this.remoteUserObj[userId];
-          if (!user) {
-            return;
-          }
-          if (streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStream || streamType === TUIRoomEngine.TUIVideoStreamType.kCameraStreamLow) {
-            user.isVideoVisible = false;
-          } else if (streamType === TUIRoomEngine.TUIVideoStreamType.kScreenStream) {
-            user.isScreenVisible = false;
-          }
-        }
-      });
-      this.currentStreamIdListInVisibleView = streamIdList;
     },
     setAudioVolume(audioVolumeArray) {
       const basicStore = basic.useBasicStore();
@@ -447,8 +364,7 @@ const useRoomStore = pinia.defineStore("room", {
       this.currentSpeakerId = deviceId;
     },
     setRoomInfo(roomInfo) {
-      if (!roomInfo)
-        return;
+      if (!roomInfo) return;
       const {
         roomOwner = this.masterUserId,
         isMicrophoneDisableForAllUser = this.isMicrophoneDisableForAllUser,
@@ -457,6 +373,7 @@ const useRoomStore = pinia.defineStore("room", {
         isSeatEnabled = this.isSeatEnabled,
         seatMode = this.seatMode,
         maxSeatCount = this.maxSeatCount,
+        password = this.password,
         roomName = this.roomName
       } = roomInfo;
       if (this.localUser.userId === roomOwner) {
@@ -469,6 +386,7 @@ const useRoomStore = pinia.defineStore("room", {
       this.isSeatEnabled = isSeatEnabled;
       this.seatMode = seatMode;
       this.maxSeatCount = maxSeatCount;
+      this.password = password;
       this.roomName = roomName;
       this.canControlSelfAudio = !this.isMicrophoneDisableForAllUser;
       this.canControlSelfVideo = !this.isCameraDisableForAllUser;
@@ -485,31 +403,6 @@ const useRoomStore = pinia.defineStore("room", {
     setMasterUserId(userId) {
       this.masterUserId = userId;
     },
-    setRoomParam(roomParam) {
-      var _a, _b, _c;
-      if (!roomParam) {
-        return;
-      }
-      const { isOpenCamera, isOpenMicrophone, defaultCameraId, defaultMicrophoneId, defaultSpeakerId } = roomParam;
-      if (defaultCameraId) {
-        this.setCurrentCameraId(defaultCameraId);
-        (_a = roomEngine.instance) == null ? void 0 : _a.setCurrentCameraDevice({ deviceId: defaultCameraId });
-      }
-      if (defaultMicrophoneId) {
-        this.setCurrentMicrophoneId(defaultMicrophoneId);
-        (_b = roomEngine.instance) == null ? void 0 : _b.setCurrentMicDevice({ deviceId: defaultMicrophoneId });
-      }
-      if (defaultSpeakerId) {
-        this.setCurrentSpeakerId(defaultSpeakerId);
-        (_c = roomEngine.instance) == null ? void 0 : _c.setCurrentSpeakerDevice({ deviceId: defaultSpeakerId });
-      }
-      if (this.isMaster || !this.isMicrophoneDisableForAllUser && this.isFreeSpeakMode) {
-        typeof isOpenMicrophone === "boolean" && (this.isDefaultOpenMicrophone = isOpenMicrophone);
-      }
-      if (this.isMaster || !this.isCameraDisableForAllUser && this.isFreeSpeakMode) {
-        typeof isOpenCamera === "boolean" && (this.isDefaultOpenCamera = isOpenCamera);
-      }
-    },
     setCanControlSelfAudio(capability) {
       this.canControlSelfAudio = capability;
     },
@@ -552,26 +445,20 @@ const useRoomStore = pinia.defineStore("room", {
     },
     // Moderator individually modifies the mute status of a user's outgoing text messages
     setMuteUserChat(userId, muted) {
-      const remoteUserInfo = this.remoteUserObj[userId];
+      const remoteUserInfo = this.userInfoObj[userId];
       if (remoteUserInfo) {
         remoteUserInfo.isMessageDisabled = muted;
       }
     },
     setRemoteUserRole(userId, role) {
-      const remoteUserInfo = this.remoteUserObj[userId];
+      const remoteUserInfo = this.userInfoObj[userId];
       if (remoteUserInfo) {
         remoteUserInfo.userRole = role;
       }
     },
-    setRemoteUserNameCard(userId, nameCard) {
-      const remoteUserInfo = this.remoteUserObj[userId];
-      if (remoteUserInfo) {
-        remoteUserInfo.nameCard = nameCard;
-      }
-    },
     setRequestUserOpenMic(options) {
       const { userId, isRequesting, requestId } = options;
-      const remoteUserInfo = this.remoteUserObj[userId];
+      const remoteUserInfo = this.userInfoObj[userId];
       if (remoteUserInfo) {
         remoteUserInfo.isRequestingUserOpenMic = isRequesting;
         remoteUserInfo.requestUserOpenMicRequestId = isRequesting ? requestId : "";
@@ -579,7 +466,7 @@ const useRoomStore = pinia.defineStore("room", {
     },
     setRequestUserOpenCamera(options) {
       const { userId, isRequesting, requestId } = options;
-      const remoteUserInfo = this.remoteUserObj[userId];
+      const remoteUserInfo = this.userInfoObj[userId];
       if (remoteUserInfo) {
         remoteUserInfo.isRequestingUserOpenCamera = isRequesting;
         remoteUserInfo.requestUserOpenCameraRequestId = isRequesting ? requestId : "";
@@ -587,7 +474,7 @@ const useRoomStore = pinia.defineStore("room", {
     },
     addApplyToAnchorUser(options) {
       const { userId, requestId, timestamp } = options;
-      const remoteUserInfo = this.remoteUserObj[userId];
+      const remoteUserInfo = this.userInfoObj[userId];
       if (remoteUserInfo) {
         remoteUserInfo.isUserApplyingToAnchor = true;
         remoteUserInfo.applyToAnchorRequestId = requestId;
@@ -595,7 +482,9 @@ const useRoomStore = pinia.defineStore("room", {
       }
     },
     removeApplyToAnchorUser(requestId) {
-      const applyToAnchorItem = Object.values(this.remoteUserObj).find((item) => item.isUserApplyingToAnchor && item.applyToAnchorRequestId === requestId);
+      const applyToAnchorItem = Object.values(this.userInfoObj).find(
+        (item) => item.isUserApplyingToAnchor && item.applyToAnchorRequestId === requestId
+      );
       if (applyToAnchorItem) {
         applyToAnchorItem.isUserApplyingToAnchor = false;
         applyToAnchorItem.applyToAnchorRequestId = "";
@@ -604,14 +493,14 @@ const useRoomStore = pinia.defineStore("room", {
     },
     addInviteToAnchorUser(options) {
       const { userId, requestId } = options;
-      const remoteUserInfo = this.remoteUserObj[userId];
+      const remoteUserInfo = this.userInfoObj[userId];
       if (remoteUserInfo) {
         remoteUserInfo.isInvitingUserToAnchor = true;
         remoteUserInfo.inviteToAnchorRequestId = requestId;
       }
     },
     removeInviteToAnchorUser(userId) {
-      const remoteUserInfo = this.remoteUserObj[userId];
+      const remoteUserInfo = this.userInfoObj[userId];
       if (remoteUserInfo) {
         remoteUserInfo.isInvitingUserToAnchor = false;
         remoteUserInfo.inviteToAnchorRequestId = "";
@@ -623,40 +512,22 @@ const useRoomStore = pinia.defineStore("room", {
     setOnStageTabStatus(isOnStateTabActive) {
       this.isOnStateTabActive = isOnStateTabActive;
     },
+    updateInviteeList(userList) {
+      userList.forEach((user) => {
+        if (this.userInfoObj[user.userId]) {
+          Object.assign(this.userInfoObj[user.userId], user);
+        } else {
+          const newUserInfo = Object.assign(getNewUserInfo(user.userId), user);
+          vue.set(this.userInfoObj, user.userId, newUserInfo);
+        }
+      });
+    },
     reset() {
       const basicStore = basic.useBasicStore();
       basicStore.setIsOpenMic(false);
-      this.localUser = {
-        userId: "",
-        userName: "",
-        avatarUrl: "",
-        hasAudioStream: false,
-        hasVideoStream: false,
-        hasScreenStream: false,
-        userRole: TUIRoomEngine.TUIRole.kGeneralUser,
-        onSeat: false,
-        cameraStreamInfo: {
-          userId: "",
-          userName: "",
-          avatarUrl: "",
-          hasAudioStream: false,
-          hasVideoStream: false,
-          streamType: TUIRoomEngine.TUIVideoStreamType.kCameraStream,
-          isVisible: true
-        },
-        screenStreamInfo: {
-          userId: "",
-          userName: "",
-          avatarUrl: "",
-          hasScreenStream: false,
-          streamType: TUIRoomEngine.TUIVideoStreamType.kScreenStream,
-          isVisible: true
-        }
-      };
-      this.remoteUserObj = {};
+      this.streamInfoObj = {};
+      this.userInfoObj = {};
       this.userVolumeObj = {};
-      this.isDefaultOpenCamera = false;
-      this.isDefaultOpenMicrophone = false;
       this.canControlSelfAudio = true;
       this.canControlSelfVideo = true;
       this.localVideoQuality = TUIRoomEngine.TUIVideoQuality.kVideoQuality_720p;
@@ -670,13 +541,17 @@ const useRoomStore = pinia.defineStore("room", {
       this.isMicrophoneDisableForAllUser = false;
       this.isCameraDisableForAllUser = false;
       this.isScreenShareDisableForAllUser = false;
-      this.isSeatEnabled = false;
+      this.isSeatEnabled = void 0;
       this.seatMode = TUIRoomEngine.TUISeatMode.kFreeToTake;
-      this.hasVideoStreamObject = {};
       this.hasOtherScreenShare = false;
       this.isOnStateTabActive = true;
       this.maxSeatCount = 20;
+      this.password = "";
       this.roomName = "";
+      this.isLocalUserSharing = false;
+      this.isWhiteboardVisiable = false;
+      this.isSharingScreen = false;
+      this.isAnnotationVisiable = false;
     }
   }
 });