tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/states/SeatStore.js

@@ -1,252 +1,179 @@
-import { computed, ref, watch } from "vue";
-import TUIRoomEngine, { TUIRoomEvents, TUILiveConnectionManagerEvents, TUIRequestAction, TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine } from "../hooks/useRoomEngine.js";
-import { useLiveState } from "./LiveState/index.js";
-import { useLoginState } from "./LoginState.js";
-import { LiveStatus } from "../types/live.js";
-import { DeviceStatus } from "../types/device.js";
-const { localLiveStatus, currentLive } = useLiveState();
-const { loginUserInfo } = useLoginState();
-const roomEngine = useRoomEngine();
-const liveOwnerUserId = computed(() => {
-  var _a, _b;
-  return ((_b = (_a = currentLive.value) == null ? void 0 : _a.liveOwner) == null ? void 0 : _b.userId) || "";
-});
-const localUserId = computed(() => {
-  var _a;
-  return ((_a = loginUserInfo.value) == null ? void 0 : _a.userId) || "";
-});
-const sentDeviceRequestMap = ref(/* @__PURE__ */ new Map());
-const receivedDeviceRequestMap = ref(/* @__PURE__ */ new Map());
-const userInfoMap = ref(/* @__PURE__ */ new Map());
-const seatListCache = ref([]);
-const coHostUserListCache = ref([]);
-const userNetworkListCache = ref([]);
-const userVideoOpenSet = ref(/* @__PURE__ */ new Set());
-const userAudioOpenSet = ref(/* @__PURE__ */ new Set());
-const getUserInfo = async (userId) => {
-  var _a;
-  const userInfo = await ((_a = roomEngine.instance) == null ? void 0 : _a.getUserInfo({
-    userId
+import { computed as p, ref as t, watch as g } from "vue";
+import S, { TUIRoomEvents as c, TUIRequestAction as s, TUIMediaDevice as l } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as A } from "../hooks/useRoomEngine.js";
+import { useLiveState as C } from "./LiveState/index.js";
+import { useLoginState as q } from "./LoginState.js";
+import { LiveStatus as M } from "../types/live.js";
+import { DeviceStatus as f } from "../types/device.js";
+const { localLiveStatus: O, currentLive: w } = C(), { loginUserInfo: $ } = q(), k = A(), u = p(() => {
+  var e, o;
+  return ((o = (e = w.value) == null ? void 0 : e.liveOwner) == null ? void 0 : o.userId) || "";
+}), y = p(() => {
+  var e;
+  return ((e = $.value) == null ? void 0 : e.userId) || "";
+}), R = t(/* @__PURE__ */ new Map()), n = t(/* @__PURE__ */ new Map()), h = t(/* @__PURE__ */ new Map()), I = t([]), L = t([]), U = t([]), d = t(/* @__PURE__ */ new Set()), m = t(/* @__PURE__ */ new Set()), T = async (e) => {
+  var i;
+  const o = await ((i = k.instance) == null ? void 0 : i.getUserInfo({
+    userId: e
   }));
-  const audienceInfo = {
-    userId,
-    userName: userInfo.userName,
-    avatarUrl: userInfo.avatarUrl,
-    customInfo: userInfo.roomCustomInfo,
-    userRole: userInfo.userRole,
-    isMessageDisabled: userInfo.isMessageDisabled
+  return {
+    userId: e,
+    userName: o.userName,
+    avatarUrl: o.avatarUrl,
+    customInfo: o.roomCustomInfo,
+    userRole: o.userRole,
+    isMessageDisabled: o.isMessageDisabled
   };
-  return audienceInfo;
-};
-const convertUserInfoToAudienceInfo = (userInfo) => ({
-  userId: userInfo.userId,
-  userName: userInfo.userName,
-  avatarUrl: userInfo.avatarUrl,
-  customInfo: userInfo.roomCustomInfo,
-  userRole: userInfo.userRole,
-  isMessageDisabled: userInfo.isMessageDisabled
-});
-const getDeviceStatus = (userId, deviceType) => {
-  const isDeviceOpen = userAudioOpenSet.value.has(userId) || userVideoOpenSet.value.has(userId);
-  const hasPendingRequest = receivedDeviceRequestMap.value.has(`${liveOwnerUserId.value}-${deviceType}`) || sentDeviceRequestMap.value.has(`${userId}-${deviceType}`);
-  if (hasPendingRequest) {
-    return DeviceStatus.AdminInviting;
-  }
-  return isDeviceOpen ? DeviceStatus.On : DeviceStatus.Off;
-};
-const seatList = computed(() => seatListCache.value.map((seat) => {
-  const hasUser = seat.userId !== "";
+}, b = (e) => ({
+  userId: e.userId,
+  userName: e.userName,
+  avatarUrl: e.avatarUrl,
+  customInfo: e.roomCustomInfo,
+  userRole: e.userRole,
+  isMessageDisabled: e.isMessageDisabled
+}), v = (e, o) => {
+  const a = m.value.has(e) || d.value.has(e);
+  return n.value.has(`${u.value}-${o}`) || R.value.has(`${e}-${o}`) ? f.AdminInviting : a ? f.On : f.Off;
+}, N = p(() => I.value.map((e) => {
+  const o = e.userId !== "";
   return {
-    index: seat.index,
-    isLocked: seat.isLocked,
-    isVideoLocked: seat.isVideoLocked,
-    isAudioLocked: seat.isAudioLocked,
-    userInfo: hasUser ? {
+    index: e.index,
+    isLocked: e.isLocked,
+    isVideoLocked: e.isVideoLocked,
+    isAudioLocked: e.isAudioLocked,
+    userInfo: o ? {
       roomId: "",
-      userId: seat.userId,
-      userName: seat.userName,
-      avatarUrl: seat.avatarUrl,
-      microphoneStatus: getDeviceStatus(seat.userId, TUIMediaDevice.kMicrophone),
-      cameraStatus: getDeviceStatus(seat.userId, TUIMediaDevice.kCamera),
+      userId: e.userId,
+      userName: e.userName,
+      avatarUrl: e.avatarUrl,
+      microphoneStatus: v(e.userId, l.kMicrophone),
+      cameraStatus: v(e.userId, l.kCamera),
       onSeatTimestamp: 0,
       customInfo: {}
     } : void 0
   };
-}));
-const coHostUserList = computed(() => coHostUserListCache.value.map((seat) => {
-  const userInfo = userInfoMap.value.get(seat.userId);
+})), D = p(() => L.value.map((e) => {
+  const o = h.value.get(e.userId);
   return {
     index: 0,
     // todo engine 未提供
-    isLocked: false,
+    isLocked: !1,
     // todo engine 未提供
-    isVideoLocked: false,
+    isVideoLocked: !1,
     // todo engine 未提供
-    isAudioLocked: false,
+    isAudioLocked: !1,
     // todo engine 未提供
-    userInfo: userInfo ? {
-      roomId: seat.roomId,
-      userId: userInfo.userId,
-      userName: userInfo.userName,
-      avatarUrl: userInfo.avatarUrl,
-      microphoneStatus: getDeviceStatus(userInfo.userId, TUIMediaDevice.kMicrophone),
-      cameraStatus: getDeviceStatus(userInfo.userId, TUIMediaDevice.kCamera),
-      onSeatTimestamp: seat.joinConnectionTime,
+    userInfo: o ? {
+      roomId: e.roomId,
+      userId: o.userId,
+      userName: o.userName,
+      avatarUrl: o.avatarUrl,
+      microphoneStatus: v(o.userId, l.kMicrophone),
+      cameraStatus: v(o.userId, l.kCamera),
+      onSeatTimestamp: e.joinConnectionTime,
       networkQuality: void 0,
-      customInfo: userInfo.customInfo
+      customInfo: o.customInfo
     } : void 0
   };
-}));
-const onRequestReceived = async ({ request }) => {
-  const { userId, requestAction } = request;
-  userInfoMap.value.set(userId, await getUserInfo(userId));
-  switch (requestAction) {
-    case TUIRequestAction.kRequestToOpenRemoteCamera:
-    case TUIRequestAction.kRequestToOpenRemoteMicrophone:
-      receivedDeviceRequestMap.value.set(`${liveOwnerUserId.value}-${requestAction}`, request);
+})), E = async ({ request: e }) => {
+  const { userId: o, requestAction: a } = e;
+  switch (h.value.set(o, await T(o)), a) {
+    case s.kRequestToOpenRemoteCamera:
+    case s.kRequestToOpenRemoteMicrophone:
+      n.value.set(`${u.value}-${a}`, e);
       break;
-    case TUIRequestAction.kApplyToAdminToOpenLocalCamera:
-    case TUIRequestAction.kApplyToAdminToOpenLocalMicrophone:
-      receivedDeviceRequestMap.value.set(`${userId}-${requestAction}`, request);
+    case s.kApplyToAdminToOpenLocalCamera:
+    case s.kApplyToAdminToOpenLocalMicrophone:
+      n.value.set(`${o}-${a}`, e);
       break;
   }
-};
-const onRequestProcessed = ({
-  requestId,
-  userId,
-  request,
-  userInfo
+}, V = ({
+  requestId: e,
+  userId: o,
+  request: a,
+  userInfo: i
 }) => {
-  const { requestAction } = request;
-  switch (requestAction) {
-    case TUIRequestAction.kRequestToOpenRemoteCamera:
-    case TUIRequestAction.kRequestToOpenRemoteMicrophone:
-      receivedDeviceRequestMap.value.delete(`${liveOwnerUserId.value}-${requestAction}`);
+  const { requestAction: r } = a;
+  switch (r) {
+    case s.kRequestToOpenRemoteCamera:
+    case s.kRequestToOpenRemoteMicrophone:
+      n.value.delete(`${u.value}-${r}`);
       break;
-    case TUIRequestAction.kApplyToAdminToOpenLocalCamera:
-    case TUIRequestAction.kApplyToAdminToOpenLocalMicrophone:
-      receivedDeviceRequestMap.value.delete(`${userId}-${requestAction}`);
+    case s.kApplyToAdminToOpenLocalCamera:
+    case s.kApplyToAdminToOpenLocalMicrophone:
+      n.value.delete(`${o}-${r}`);
       break;
   }
-};
-const onRequestCancelled = ({
-  requestId,
-  userId,
-  request,
-  userInfo
+}, x = ({
+  requestId: e,
+  userId: o,
+  request: a,
+  userInfo: i
 }) => {
-  const { requestAction } = request;
-  switch (requestAction) {
-    case TUIRequestAction.kRequestToOpenRemoteCamera:
-    case TUIRequestAction.kRequestToOpenRemoteMicrophone:
-      receivedDeviceRequestMap.value.delete(`${liveOwnerUserId.value}-${requestAction}`);
+  const { requestAction: r } = a;
+  switch (r) {
+    case s.kRequestToOpenRemoteCamera:
+    case s.kRequestToOpenRemoteMicrophone:
+      n.value.delete(`${u.value}-${r}`);
       break;
-    case TUIRequestAction.kApplyToAdminToOpenLocalCamera:
-    case TUIRequestAction.kApplyToAdminToOpenLocalMicrophone:
-      receivedDeviceRequestMap.value.delete(`${userId}-${requestAction}`);
+    case s.kApplyToAdminToOpenLocalCamera:
+    case s.kApplyToAdminToOpenLocalMicrophone:
+      n.value.delete(`${o}-${r}`);
       break;
   }
-};
-const onSeatListChanged = async (options) => {
-  seatListCache.value = options.seatList;
-};
-const onUserNetworkQualityChanged = ({ userNetworkList }) => {
-  userNetworkListCache.value = userNetworkList;
-};
-const onUserVideoStateChanged = ({
-  userId,
-  streamType,
-  hasVideo,
-  reason
+}, P = async (e) => {
+  I.value = e.seatList;
+}, Q = ({ userNetworkList: e }) => {
+  U.value = e;
+}, H = ({
+  userId: e,
+  streamType: o,
+  hasVideo: a,
+  reason: i
 }) => {
-  if (hasVideo) {
-    userVideoOpenSet.value.add(userId);
-  } else {
-    userVideoOpenSet.value.delete(userId);
-  }
-};
-const onUserAudioStateChanged = ({
-  userId,
-  hasAudio,
-  reason
+  a ? d.value.add(e) : d.value.delete(e);
+}, j = ({
+  userId: e,
+  hasAudio: o,
+  reason: a
 }) => {
-  if (hasAudio) {
-    userAudioOpenSet.value.add(userId);
-  } else {
-    userAudioOpenSet.value.delete(userId);
-  }
-};
-const onConnectionUserListChanged = (options) => {
-  const connectedList = options.connectedList.map((user) => JSON.parse(user));
-  options.joinedList.map((user) => JSON.parse(user));
-  options.leavedList.map((user) => JSON.parse(user));
-  Promise.all(
-    connectedList.map(async (user) => {
-      if (!userInfoMap.value.has(user.userId)) {
-        const userInfo = await getUserInfo(user.userId);
-        userInfoMap.value.set(user.userId, userInfo);
-      }
-    })
-  );
-  coHostUserListCache.value = connectedList;
-};
-const roomEvents = [
-  { event: TUIRoomEvents.onRequestReceived, handler: onRequestReceived },
-  { event: TUIRoomEvents.onRequestProcessed, handler: onRequestProcessed },
-  { event: TUIRoomEvents.onRequestCancelled, handler: onRequestCancelled },
-  { event: TUIRoomEvents.onSeatListChanged, handler: onSeatListChanged },
-  { event: TUIRoomEvents.onUserNetworkQualityChanged, handler: onUserNetworkQualityChanged },
-  { event: TUIRoomEvents.onUserVideoStateChanged, handler: onUserVideoStateChanged },
-  { event: TUIRoomEvents.onUserAudioStateChanged, handler: onUserAudioStateChanged }
-];
-const liveConnectionManagerEvents = [
-  { event: TUILiveConnectionManagerEvents.onConnectionUserListChanged, handler: onConnectionUserListChanged }
-];
-const bindEvent = () => {
-  roomEvents.forEach(({ event, handler }) => {
-    var _a;
-    (_a = roomEngine.instance) == null ? void 0 : _a.on(event, handler);
-  });
-  liveConnectionManagerEvents.forEach(({ event, handler }) => {
-    var _a, _b;
-    (_b = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveConnectionManager()) == null ? void 0 : _b.on(event, handler);
+  o ? m.value.add(e) : m.value.delete(e);
+}, z = [
+  { event: c.onRequestReceived, handler: E },
+  { event: c.onRequestProcessed, handler: V },
+  { event: c.onRequestCancelled, handler: x },
+  { event: c.onSeatListChanged, handler: P },
+  { event: c.onUserNetworkQualityChanged, handler: Q },
+  { event: c.onUserVideoStateChanged, handler: H },
+  { event: c.onUserAudioStateChanged, handler: j }
+], B = () => {
+  z.forEach(({ event: e, handler: o }) => {
+    var a;
+    (a = k.instance) == null || a.on(e, o);
   });
+}, F = () => {
+  R.value.clear(), n.value.clear(), h.value.clear(), I.value = [], L.value = [], U.value = [], d.value.clear(), m.value.clear();
 };
-const reset = () => {
-  sentDeviceRequestMap.value.clear();
-  receivedDeviceRequestMap.value.clear();
-  userInfoMap.value.clear();
-  seatListCache.value = [];
-  coHostUserListCache.value = [];
-  userNetworkListCache.value = [];
-  userVideoOpenSet.value.clear();
-  userAudioOpenSet.value.clear();
-};
-watch(localLiveStatus, async (newVal) => {
-  var _a;
-  if (newVal === LiveStatus.Live) {
-    seatListCache.value = await ((_a = roomEngine.instance) == null ? void 0 : _a.getSeatList()) || [];
-  } else {
-    reset();
-  }
+g(O, async (e) => {
+  var o;
+  e === M.Live ? I.value = await ((o = k.instance) == null ? void 0 : o.getSeatList()) || [] : F();
 });
-TUIRoomEngine.once("ready", () => {
-  bindEvent();
+S.once("ready", () => {
+  B();
 });
-function useSeatStore() {
+function _() {
   return {
-    liveOwnerUserId,
-    localUserId,
-    seatList,
-    coHostUserList,
-    sentDeviceRequestMap,
-    receivedDeviceRequestMap,
-    userInfoMap,
-    getUserInfo,
-    convertUserInfoToAudienceInfo
+    liveOwnerUserId: u,
+    localUserId: y,
+    seatList: N,
+    coHostUserList: D,
+    sentDeviceRequestMap: R,
+    receivedDeviceRequestMap: n,
+    userInfoMap: h,
+    getUserInfo: T,
+    convertUserInfoToAudienceInfo: b
   };
 }
 export {
-  useSeatStore
+  _ as useSeatStore
 };

package/dist/states/UserState/index.js

@@ -1,55 +1,35 @@
-import useUserStore, { innerUserStore } from "./store.js";
-import UserManager from "./userManager.js";
-import { watch } from "vue";
-import { useRoomState } from "../RoomState.js";
-import { useLoginState } from "../LoginState.js";
-import { LocalRoomStatus } from "../../types/room.js";
-const store = useUserStore();
-const manager = new UserManager();
-const { loginUserInfo } = useLoginState();
-const { localRoomStatus } = useRoomState();
-watch(loginUserInfo, async (newVal, oldVal) => {
-  var _a, _b, _c;
-  if (!(oldVal == null ? void 0 : oldVal.userId) && (newVal == null ? void 0 : newVal.userId)) {
-    innerUserStore.addUserInfo({
-      userId: (_a = loginUserInfo.value) == null ? void 0 : _a.userId,
-      userName: (_b = loginUserInfo.value) == null ? void 0 : _b.userName,
-      avatarUrl: (_c = loginUserInfo.value) == null ? void 0 : _c.avatarUrl
-    });
-  }
-}, { immediate: true });
-watch(localRoomStatus, async (newVal, oldVal) => {
-  var _a, _b, _c;
-  if (oldVal === newVal) {
-    return;
-  }
-  if (oldVal === LocalRoomStatus.IDLE) {
-    innerUserStore.addUserInfo({
-      userId: ((_a = loginUserInfo.value) == null ? void 0 : _a.userId) || "",
-      userName: (_b = loginUserInfo.value) == null ? void 0 : _b.userName,
-      avatarUrl: (_c = loginUserInfo.value) == null ? void 0 : _c.avatarUrl
-    });
-  }
-  if (newVal === LocalRoomStatus.JOINED) {
-    await manager.initUserList();
-  }
-  if (newVal === LocalRoomStatus.IDLE) {
-    innerUserStore.resetUserList();
-  }
-}, { immediate: true });
-function useUserState() {
-  const userState = {
-    ...store
-  };
-  const proto = Object.getPrototypeOf(manager);
-  Object.getOwnPropertyNames(proto).forEach((key) => {
-    if (key !== "constructor" && typeof proto[key] === "function") {
-      userState[key] = proto[key].bind(manager);
-    }
+import f, { innerUserStore as i } from "./store.js";
+import c from "./userManager.js";
+import { watch as n } from "vue";
+import { useRoomState as U } from "../RoomState.js";
+import { useLoginState as I } from "../LoginState.js";
+import { LocalRoomStatus as u } from "../../types/room.js";
+const p = f(), m = new c(), { loginUserInfo: o } = I(), { localRoomStatus: v } = U();
+n(o, async (r, t) => {
+  var e, s, a;
+  !(t != null && t.userId) && (r != null && r.userId) && i.addUserInfo({
+    userId: (e = o.value) == null ? void 0 : e.userId,
+    userName: (s = o.value) == null ? void 0 : s.userName,
+    avatarUrl: (a = o.value) == null ? void 0 : a.avatarUrl
   });
-  return userState;
+}, { immediate: !0 });
+n(v, async (r, t) => {
+  var e, s, a;
+  t !== r && (t === u.IDLE && i.addUserInfo({
+    userId: ((e = o.value) == null ? void 0 : e.userId) || "",
+    userName: (s = o.value) == null ? void 0 : s.userName,
+    avatarUrl: (a = o.value) == null ? void 0 : a.avatarUrl
+  }), r === u.JOINED && await m.initUserList(), r === u.IDLE && i.resetUserList());
+}, { immediate: !0 });
+function E() {
+  const r = {
+    ...p
+  }, t = Object.getPrototypeOf(m);
+  return Object.getOwnPropertyNames(t).forEach((e) => {
+    e !== "constructor" && typeof t[e] == "function" && (r[e] = t[e].bind(m));
+  }), r;
 }
 export {
-  useUserState as default,
-  useUserState
+  E as default,
+  E as useUserState
 };