会中呼叫（Web）

import { useRoomState } from 'tuikit-atomicx-vue3/room';

const { currentRoom, callUserToRoom } = useRoomState();

const inviteUser = async () => {
  // 会中呼叫必须关联一个已存在的 roomId，因此需先校验当前用户的进房状态
  if (!currentRoom.value) {
    console.warn('请先进入房间再发起邀请');
    return;
  }

  try {
    const resultMap = await callUserToRoom({
      roomId: currentRoom.value.roomId, // 被邀请者将要加入的房间 ID
      userIdList: ['user1', 'user2'],    // 目标用户 ID 数组，支持单人或多人
      timeout: 60,                        // 邀请有效时长（秒），超时后双方会触发 onCallTimeout
      // extensionInfo 可用于传递业务自定义数据，例如邀请类型、附加消息等
      extensionInfo: JSON.stringify({ type: 'emergency', priority: 'high' }) 
    });
    
    // resultMap 返回每个 userId 对应的状态，例如 Success、AlreadyInRoom (已在房) 或 AlreadyInCalling (通话中)
    console.log('邀请发送完成，详情状态映射:', resultMap);
  } catch (error) {
    console.error('呼叫请求发送失败，请检查网络或登录状态:', error);
  }
};

import { ref, onMounted, onUnmounted } from 'vue';
import { useRoomState, RoomEvent } from 'tuikit-atomicx-vue3/room';

const { 
  subscribeEvent, 
  unsubscribeEvent, 
  acceptCall, 
  rejectCall, 
  joinRoom, 
  currentRoom 
} = useRoomState();

const showInviteDialog = ref(false); // 控制 UI 弹窗显隐
const currentCallInfo = ref(null);   // 缓存收到的邀请上下文

const handleCallReceived = async ({ roomInfo, call, extensionInfo }) => {
  // 冲突处理：如果用户当前已经在会议中，根据业务策略通常应直接拒绝新邀请，防止干扰
  if (currentRoom.value?.roomId) {
    await rejectCall({ roomId: roomInfo.roomId });
    return;
  }

  // 记录邀请详情，用于在 UI 上展示邀请者名称或业务透传数据
  currentCallInfo.value = { roomInfo, call };
  showInviteDialog.value = true;
};

// 接受邀请逻辑
const onUserAccept = async () => {
  if (!currentCallInfo.value) return;
  const { roomId } = currentCallInfo.value.roomInfo;

  try {
    // 关键流程 A：响应信令。告知邀请者已接受，使其能更新 UI（例如显示“对方已接听”）
    await acceptCall({ roomId });
    
    // 关键流程 B：执行进房。只有调用 joinRoom 才会真正开启音视频推拉流链路
    await joinRoom({ roomId }); 
  } catch (error) {
    console.error('接受呼叫后的进房操作失败:', error);
  } finally {
    closeDialog();
  }
};

// 拒绝邀请逻辑
const onUserReject = async () => {
  if (currentCallInfo.value) {
    // 告知邀请者已拒绝，邀请者会收到 onCallRejected 事件
    await rejectCall({ roomId: currentCallInfo.value.roomInfo.roomId });
  }
  closeDialog();
};

const closeDialog = () => {
  showInviteDialog.value = false;
  currentCallInfo.value = null;
};

// 事件全生命周期管理：确保在组件挂载时监听，销毁时移除，防止事件溢出
onMounted(() => {
  subscribeEvent(RoomEvent.onCallReceived, handleCallReceived);
  
  // 监听导致邀请结束的各种异常/同步事件，确保 UI 弹窗能及时闭合
  subscribeEvent(RoomEvent.onCallCancelled, closeDialog); // 邀请者取消了呼叫
  subscribeEvent(RoomEvent.onCallTimeout, closeDialog);   // 呼叫超时未响应
  subscribeEvent(RoomEvent.onCallHandledByOtherDevice, closeDialog); // 用户在其他设备已处理该呼叫
});

onUnmounted(() => {
  // 移除所有监听器，避免在组件销毁后继续执行 handleCallReceived 导致内存泄漏或报错
  unsubscribeEvent(RoomEvent.onCallReceived, handleCallReceived);
  unsubscribeEvent(RoomEvent.onCallCancelled, closeDialog);
  unsubscribeEvent(RoomEvent.onCallTimeout, closeDialog);
  unsubscribeEvent(RoomEvent.onCallHandledByOtherDevice, closeDialog);
});