update

src/components/chatRoom/controls/actions.ts

@@ -211,10 +211,14 @@ const handleUserMuted = (UserId?: string, muted?: boolean, members?: UserInfoTyp
 };
 
 //被动处理用离开
-const handleUserLeave = (user, members) => {
+const handleUserLeave = (user: UserInfoType, members: UserInfoType[]) => {
+  const rtcStore = useRtcStore();
   console.log('members', user, members);
+  members && rtcStore.setMemberList(members);
 };
 //被动处理用离开
 const handleLeaderDismiss = (user, members) => {
+  const rtcStore = useRtcStore();
   console.log('members', user, members);
+  rtcStore.clearMemberList();
 };

src/components/chatRoom/index.vue

@@ -92,7 +92,7 @@
     </div>
   </teleport> -->
   <!-- 场景列表 start -->
-  <SceneList v-if="showScenes" @close="showScenes = false" @changeScene="changeScene" />
+  <SceneList v-if="showScenes" @close="showScenes = false" @change-scene="changeScene" />
   <!-- 场景列表 end -->
   <!-- trtc相关 start -->
   <div class="local" id="local" v-if="isJoined"></div>

src/components/chatRoom/sceneList.vue

@@ -3,7 +3,7 @@
     <div class="header">
       <p>场景列表（{{ sceneList.length }}）</p>
       <span class="icon" @click="emit('close')">
-        <Icon type="cross@2x" />
+        <Icon type="cross" />
       </span>
     </div>
     <div class="content">
@@ -19,7 +19,7 @@
           <p>{{ scene.sceneName }}</p>
         </div>
         <span class="icon">
-          <Icon type="arrow@2x" v-if="currentScene !== scene" />
+          <Icon type="arrow" v-if="currentScene !== scene" />
         </span>
       </div>
     </div>

src/hooks/userSocket.ts

@@ -34,6 +34,7 @@ async function closeSocket() {
   if (rtcStore.isLeader) {
     socket.emit('action', { type: 'leader-dismiss' });
   }
+  rtcStore.clearMemberList();
   setTimeout(() => {
     createNewURLEntry({
       vruserId: '',
@@ -43,7 +44,8 @@ async function closeSocket() {
       roomId: '',
       avatar: '',
     });
-  });
+    location.reload();
+  }, 300);
 }
 
 export function useSocket(): ReturnUseSocketType {