tuikit-atomicx-vue3 0.1.0

package/dist/states/RoomState.js

@@ -0,0 +1,379 @@
+import { ref } from "vue";
+import { TUISeatMode } from "../types/types.js";
+import { LocalRoomStatus } from "../types/room.js";
+import { useRoomEngine } from "../hooks/useRoomEngine.js";
+import TUIRoomEngine, { TUIRoomEvents, TUIConferenceListManagerEvents, TUIConferenceStatus, TUIRoomType } from "@tencentcloud/tuiroom-engine-js";
+import { useLoginState } from "./LoginState.js";
+const roomEngine = useRoomEngine();
+const { loginUserInfo } = useLoginState();
+const findRoomIndex = (roomId) => {
+  return schduleRoomList.value.findIndex((item) => item.roomId === roomId);
+};
+const schduleRoomList = ref([]);
+const currentRoom = ref(null);
+const localRoomStatus = ref(LocalRoomStatus.IDLE);
+const isConferenceInfo = (data) => {
+  return "basicRoomInfo" in data;
+};
+const createRoomOwner = (userId, userName, avatarUrl) => ({
+  userId,
+  userName,
+  avatarUrl,
+  customInfo: {}
+});
+const createBaseRoomInfo = (roomData, additionalData = {}) => ({
+  roomId: roomData.roomId,
+  roomName: roomData.roomName,
+  roomOwner: createRoomOwner(
+    roomData.roomOwner,
+    roomData.ownerName,
+    roomData.ownerAvatarUrl
+  ),
+  memberCount: roomData.roomMemberCount,
+  createTime: roomData.createTime,
+  roomStatus: TUIConferenceStatus.kConferenceStatusRunning,
+  // 默认状态
+  scheduleStartTime: 0,
+  // 默认值
+  scheduleEndTime: 0,
+  // 默认值
+  reminderSecondsBeforeStart: 0,
+  // 默认值
+  scheduleAttendees: [],
+  // 默认值
+  password: "",
+  isSeatEnabled: roomData.isSeatEnabled,
+  seatMode: roomData.seatMode,
+  maxSeatCount: roomData.maxSeatCount,
+  isMicrophoneDisableForAllUser: roomData.isMicrophoneDisableForAllUser,
+  isScreenShareDisableForAllUser: roomData.isScreenShareDisableForAllUser,
+  isCameraDisableForAllUser: roomData.isCameraDisableForAllUser,
+  isMessageDisableForAllUser: roomData.isMessageDisableForAllUser,
+  customInfo: {},
+  ...additionalData
+  // 覆盖默认值
+});
+const convertToRoomInfo = (data) => {
+  if (isConferenceInfo(data)) {
+    const { basicRoomInfo } = data;
+    return createBaseRoomInfo(basicRoomInfo, {
+      roomStatus: data.status,
+      scheduleStartTime: data.scheduleStartTime * 1e3,
+      // 转换为毫秒
+      scheduleEndTime: data.scheduleEndTime * 1e3,
+      // 转换为毫秒
+      reminderSecondsBeforeStart: data.reminderSecondsBeforeStart,
+      scheduleAttendees: data.scheduleAttendees
+    });
+  }
+  return createBaseRoomInfo(data);
+};
+const startRoom = async ({
+  roomId,
+  roomName = "默认房间名",
+  seatMode = TUISeatMode.kApplyToTake,
+  maxSeatCount = 9,
+  isMessageDisableForAllUser = false
+}) => {
+  var _a;
+  if (!loginUserInfo.value) {
+    console.error("未找到登录用户信息，无法创建房间");
+    return false;
+  }
+  try {
+    localRoomStatus.value = LocalRoomStatus.JOINING;
+    console.log("创建房间", roomId, roomName);
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.createRoom({
+      roomId,
+      roomName,
+      roomType: TUIRoomType.kConference,
+      isSeatEnabled: true,
+      seatMode,
+      maxSeatCount,
+      isMessageDisableForAllUser
+    }));
+    await enterRoom({ roomId });
+  } catch (error) {
+    console.error("创建房间失败", error);
+  }
+};
+const enterRoom = async ({ roomId }) => {
+  var _a, _b, _c;
+  console.log("进入房间", roomId);
+  try {
+    localRoomStatus.value = LocalRoomStatus.JOINING;
+    const roomInfo = await ((_a = roomEngine.instance) == null ? void 0 : _a.enterRoom({ roomId, roomType: TUIRoomType.kConference }));
+    console.log("进入房间", roomId, roomInfo);
+    if ((roomInfo == null ? void 0 : roomInfo.roomOwner) === ((_b = loginUserInfo.value) == null ? void 0 : _b.userId) || (roomInfo == null ? void 0 : roomInfo.seatMode) === TUISeatMode.kFreeToTake) {
+      await ((_c = roomEngine.instance) == null ? void 0 : _c.takeSeat({
+        seatIndex: -1,
+        timeout: 0
+      }));
+    }
+    if (roomInfo) {
+      const convertedRoomInfo = convertToRoomInfo(roomInfo);
+      currentRoom.value = convertedRoomInfo;
+    }
+    localRoomStatus.value = LocalRoomStatus.JOINED;
+    return true;
+  } catch (error) {
+    console.error("进入房间失败", error);
+    return false;
+  }
+};
+const exitRoom = async () => {
+  var _a;
+  try {
+    console.log("离开房间");
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.exitRoom());
+    currentRoom.value = null;
+    localRoomStatus.value = LocalRoomStatus.EXITED;
+  } catch (error) {
+    console.error("离开房间失败", error);
+  }
+};
+const destroyRoom = async () => {
+  var _a;
+  try {
+    console.log("结束房间");
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.destroyRoom());
+    currentRoom.value = null;
+    localRoomStatus.value = LocalRoomStatus.EXITED;
+  } catch (error) {
+    console.error("结束房间失败", error);
+  }
+};
+const fetchScheduleRoomList = async ({
+  cursor = "",
+  count = 4
+}) => {
+  var _a, _b;
+  try {
+    const conferenceListManager = (_a = roomEngine.instance) == null ? void 0 : _a.getConferenceListManager();
+    if (!conferenceListManager) {
+      console.error("获取会议列表管理器失败");
+      throw new Error("获取会议列表管理器失败");
+    }
+    const result = await conferenceListManager.fetchScheduledConferenceList({
+      cursor,
+      count
+    });
+    const convertedList = ((_b = result == null ? void 0 : result.conferenceList) == null ? void 0 : _b.map((tuiConferenceInfo) => {
+      return convertToRoomInfo(tuiConferenceInfo);
+    })) || [];
+    schduleRoomList.value = convertedList;
+    return {
+      conferenceList: convertedList,
+      hasMore: (result == null ? void 0 : result.cursor) !== "",
+      cursor: result == null ? void 0 : result.cursor
+    };
+  } catch (error) {
+    console.error("拉取会议列表失败", error);
+    throw error;
+  }
+};
+const schedule = async (params) => {
+  var _a;
+  const conferenceListManager = (_a = roomEngine.instance) == null ? void 0 : _a.getConferenceListManager();
+  return await (conferenceListManager == null ? void 0 : conferenceListManager.scheduleConference({
+    roomId: params.roomId,
+    roomName: params.roomName,
+    roomType: TUIRoomType.kConference,
+    isSeatEnabled: params.isSeatEnabled,
+    seatMode: params.seatMode,
+    scheduleStartTime: params.scheduleStartTime,
+    scheduleEndTime: params.scheduleEndTime,
+    reminderSecondsBeforeStart: params.reminderSecondsBeforeStart,
+    scheduleAttendees: params.scheduleAttendees,
+    isMicrophoneDisableForAllUser: params.isMicrophoneDisableForAllUser,
+    isScreenShareDisableForAllUser: params.isScreenShareDisableForAllUser,
+    isCameraDisableForAllUser: params.isCameraDisableForAllUser,
+    isMessageDisableForAllUser: params.isMessageDisableForAllUser,
+    maxSeatCount: params.maxSeatCount,
+    password: params.password
+  }));
+};
+const cancelReservation = async (roomId) => {
+  var _a;
+  const conferenceListManager = (_a = roomEngine.instance) == null ? void 0 : _a.getConferenceListManager();
+  await (conferenceListManager == null ? void 0 : conferenceListManager.cancelConference({
+    roomId
+  }));
+  schduleRoomList.value = schduleRoomList.value.filter((item) => item.roomId !== roomId);
+};
+const fetchScheduleRoomAttendList = async ({ roomId, cursor, count }) => {
+  var _a;
+  const conferenceListManager = (_a = roomEngine.instance) == null ? void 0 : _a.getConferenceListManager();
+  const result = await (conferenceListManager == null ? void 0 : conferenceListManager.fetchAttendeeList({
+    roomId,
+    cursor,
+    count
+  }));
+  schduleRoomList.value = schduleRoomList.value.map((item) => {
+    if (item.roomId === roomId) {
+      const list = (result == null ? void 0 : result.attendeeList.filter((user) => {
+        var _a2;
+        return !((_a2 = item.scheduleAttendees) == null ? void 0 : _a2.some((attendee) => attendee.userId === user.userId));
+      })) || [];
+      return {
+        ...item,
+        scheduleAttendees: [...item.scheduleAttendees, ...list]
+      };
+    }
+    return item;
+  });
+  return result;
+};
+const fetchFriendList = async () => {
+  var _a;
+  const tim = (_a = roomEngine.instance) == null ? void 0 : _a.getTIM();
+  const { data } = await (tim == null ? void 0 : tim.getFriendList());
+  return data;
+};
+const onRoomDismissed = ({ roomId, reason }) => {
+  console.log("房间被解散", roomId, reason);
+  currentRoom.value = null;
+  localRoomStatus.value = LocalRoomStatus.EXITED;
+};
+const onRoomNameChanged = ({ roomId, roomName }) => {
+  console.log("房间名称被修改", roomId, roomName);
+  if (currentRoom.value) {
+    currentRoom.value.roomName = roomName;
+  }
+};
+const onRoomSeatModeChanged = ({ roomId, seatMode }) => {
+  console.log("房间上麦模式被修改", roomId, seatMode);
+  if (currentRoom.value) {
+    currentRoom.value.seatMode = seatMode;
+  }
+};
+const onAllUserCameraDisableChanged = ({ isDisable }) => {
+  console.log("房间摄像头被修改", isDisable);
+  if (currentRoom.value) {
+    currentRoom.value.isCameraDisableForAllUser = isDisable;
+  }
+};
+const onScreenShareForAllUserDisableChanged = ({ isDisable }) => {
+  console.log("房间屏幕分享被修改", isDisable);
+  if (currentRoom.value) {
+    currentRoom.value.isScreenShareDisableForAllUser = isDisable;
+  }
+};
+const onAllUserMicrophoneDisableChanged = ({ isDisable }) => {
+  console.log("房间麦克风被修改", isDisable);
+  if (currentRoom.value) {
+    currentRoom.value.isMicrophoneDisableForAllUser = isDisable;
+  }
+};
+const onAllUserMessageDisableChanged = ({ isDisable }) => {
+  console.log("房间消息被修改", isDisable);
+  if (currentRoom.value) {
+    currentRoom.value.isMessageDisableForAllUser = isDisable;
+  }
+};
+const onRoomMaxSeatCountChanged = ({ maxSeatCount }) => {
+  console.log("房间最大麦位数被修改", maxSeatCount);
+  if (currentRoom.value) {
+    currentRoom.value.maxSeatCount = maxSeatCount;
+  }
+};
+const onConferenceScheduled = ({ conferenceInfo }) => {
+  const roomId = conferenceInfo.basicRoomInfo.roomId;
+  const index = findRoomIndex(roomId);
+  if (index !== -1) {
+    schduleRoomList.value[index] = convertToRoomInfo(conferenceInfo);
+  } else {
+    schduleRoomList.value.push(convertToRoomInfo(conferenceInfo));
+  }
+};
+const onConferenceInfoChanged = ({ conferenceModifyInfo }) => {
+  console.log("conferenceListManager.onConferenceInfoChanged", conferenceModifyInfo);
+  const roomId = conferenceModifyInfo.basicRoomInfo.roomId;
+  const index = findRoomIndex(roomId);
+  if (index !== -1) {
+    schduleRoomList.value[index] = convertToRoomInfo(conferenceModifyInfo);
+  }
+};
+const onConferenceStatusChanged = ({ roomId, status }) => {
+  console.log("conferenceListManager.onConferenceStatusChanged", roomId, status);
+  const index = findRoomIndex(roomId);
+  if (index !== -1) {
+    schduleRoomList.value[index].roomStatus = status;
+  }
+};
+const onScheduleAttendeesChanged = ({ roomId, leftUsers, joinedUsers }) => {
+  console.log("conferenceListManager.onScheduleAttendeesChanged", roomId, leftUsers, joinedUsers);
+  const index = findRoomIndex(roomId);
+  if (index !== -1) {
+    schduleRoomList.value[index].scheduleAttendees = schduleRoomList.value[index].scheduleAttendees.filter(
+      (user) => !leftUsers.some((leftUser) => leftUser.userId === user.userId)
+    );
+    schduleRoomList.value[index].scheduleAttendees.push(...joinedUsers);
+  }
+};
+const onConferenceCancelled = ({ roomId }) => {
+  const index = findRoomIndex(roomId);
+  if (index !== -1) {
+    schduleRoomList.value.splice(index, 1);
+  }
+};
+const onConferenceWillStart = ({ conferenceInfo }) => {
+  console.log("conferenceListManager.onConferenceWillStart", conferenceInfo);
+};
+const roomEvents = [
+  { event: TUIRoomEvents.onRoomDismissed, handler: onRoomDismissed },
+  { event: TUIRoomEvents.onRoomNameChanged, handler: onRoomNameChanged },
+  { event: TUIRoomEvents.onRoomSeatModeChanged, handler: onRoomSeatModeChanged },
+  { event: TUIRoomEvents.onAllUserCameraDisableChanged, handler: onAllUserCameraDisableChanged },
+  { event: TUIRoomEvents.onScreenShareForAllUserDisableChanged, handler: onScreenShareForAllUserDisableChanged },
+  { event: TUIRoomEvents.onAllUserMicrophoneDisableChanged, handler: onAllUserMicrophoneDisableChanged },
+  { event: TUIRoomEvents.onSendMessageForAllUserDisableChanged, handler: onAllUserMessageDisableChanged },
+  { event: TUIRoomEvents.onRoomMaxSeatCountChanged, handler: onRoomMaxSeatCountChanged }
+];
+const conferenceEvents = [
+  { event: TUIConferenceListManagerEvents.onConferenceScheduled, handler: onConferenceScheduled },
+  { event: TUIConferenceListManagerEvents.onConferenceInfoChanged, handler: onConferenceInfoChanged },
+  { event: TUIConferenceListManagerEvents.onConferenceStatusChanged, handler: onConferenceStatusChanged },
+  { event: TUIConferenceListManagerEvents.onScheduleAttendeesChanged, handler: onScheduleAttendeesChanged },
+  { event: TUIConferenceListManagerEvents.onConferenceCancelled, handler: onConferenceCancelled },
+  { event: TUIConferenceListManagerEvents.onConferenceWillStart, handler: onConferenceWillStart }
+];
+const bindEvent = () => {
+  var _a;
+  const conferenceListManager = (_a = roomEngine.instance) == null ? void 0 : _a.getConferenceListManager();
+  roomEvents.forEach(({ event, handler }) => {
+    var _a2;
+    (_a2 = roomEngine.instance) == null ? void 0 : _a2.on(event, handler);
+  });
+  if (conferenceListManager) {
+    conferenceEvents.forEach(({ event, handler }) => {
+      conferenceListManager.on(event, handler);
+    });
+  }
+};
+TUIRoomEngine.once("ready", () => {
+  bindEvent();
+});
+function useRoomState() {
+  return {
+    // todo
+    fetchFriendList,
+    // 响应式数据
+    schduleRoomList,
+    currentRoom,
+    localRoomStatus,
+    // 操作接口
+    schedule,
+    cancelReservation,
+    fetchScheduleRoomAttendList,
+    fetchScheduleRoomList,
+    startRoom,
+    enterRoom,
+    exitRoom,
+    destroyRoom
+  };
+}
+export {
+  useRoomState as default,
+  useRoomState
+};

package/dist/states/SeatStore.d.ts

@@ -0,0 +1,80 @@
+import { TUIRequestAction, TUIRequest, TUIUserInfo } from '@tencentcloud/tuiroom-engine-js';
+import { AudienceInfo, SeatInfo } from '../types';
+
+export declare function useSeatStore(): {
+    liveOwnerUserId: import('vue').ComputedRef<string>;
+    localUserId: import('vue').ComputedRef<string>;
+    seatList: import('vue').ComputedRef<SeatInfo[]>;
+    coHostUserList: import('vue').ComputedRef<SeatInfo[]>;
+    sentDeviceRequestMap: import('vue').Ref<Map<string, {
+        requestAction: TUIRequestAction;
+        timestamp: number;
+        requestId: string;
+        userId: string;
+        userName: string;
+        nameCard: string;
+        avatarUrl: string;
+        content: string;
+    }> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>, Map<string, TUIRequest> | (Map<string, {
+        requestAction: TUIRequestAction;
+        timestamp: number;
+        requestId: string;
+        userId: string;
+        userName: string;
+        nameCard: string;
+        avatarUrl: string;
+        content: string;
+    }> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>)>;
+    receivedDeviceRequestMap: import('vue').Ref<Map<string, {
+        requestAction: TUIRequestAction;
+        timestamp: number;
+        requestId: string;
+        userId: string;
+        userName: string;
+        nameCard: string;
+        avatarUrl: string;
+        content: string;
+    }> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>, Map<string, TUIRequest> | (Map<string, {
+        requestAction: TUIRequestAction;
+        timestamp: number;
+        requestId: string;
+        userId: string;
+        userName: string;
+        nameCard: string;
+        avatarUrl: string;
+        content: string;
+    }> & Omit<Map<string, TUIRequest>, keyof Map<any, any>>)>;
+    userInfoMap: import('vue').Ref<Map<string, {
+        userId: string;
+        userName: string;
+        avatarUrl: string;
+        customInfo: Record<string, any>;
+        userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
+        isMessageDisabled: boolean;
+        joinedTimestamp?: number | undefined;
+    }> & Omit<Map<string, AudienceInfo>, keyof Map<any, any>>, Map<string, AudienceInfo> | (Map<string, {
+        userId: string;
+        userName: string;
+        avatarUrl: string;
+        customInfo: Record<string, any>;
+        userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
+        isMessageDisabled: boolean;
+        joinedTimestamp?: number | undefined;
+    }> & Omit<Map<string, AudienceInfo>, keyof Map<any, any>>)>;
+    getUserInfo: (userId: string) => Promise<{
+        userId: string;
+        userName: string;
+        avatarUrl: string;
+        customInfo: Record<string, any>;
+        userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
+        isMessageDisabled: boolean;
+    }>;
+    convertUserInfoToAudienceInfo: (userInfo: TUIUserInfo) => {
+        userId: string;
+        userName: string;
+        avatarUrl: string;
+        customInfo: Record<string, any>;
+        userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
+        isMessageDisabled: boolean;
+    };
+};