tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/states/LiveSeatState/seatEventManager.js

@@ -1,101 +1,80 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import TUIRoomEngine, { TUIDeviceStatus, TUIRoomEvents, TUILiveLayoutManagerEvents } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine } from "../../hooks/useRoomEngine.js";
-import { useLiveState } from "../LiveState/index.js";
-import { useSeatStore } from "./store.js";
-import { DeviceStatus } from "../../types/device.js";
-const { currentLive } = useLiveState();
-const roomEngine = useRoomEngine();
-const { canvas, seatList, speakingUsers, networkQualities } = useSeatStore();
-const _SeatEventManager = class _SeatEventManager {
+var l = Object.defineProperty;
+var g = (s, e, t) => e in s ? l(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var c = (s, e, t) => g(s, typeof e != "symbol" ? e + "" : e, t);
+import S, { TUIDeviceStatus as m, TUIRoomEvents as i, TUILiveLayoutManagerEvents as f } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as U } from "../../hooks/useRoomEngine.js";
+import { useLiveState as C } from "../LiveState/index.js";
+import { useSeatStore as I } from "./store.js";
+import { DeviceStatus as u } from "../../types/device.js";
+const { currentLive: y } = C(), a = U(), { canvas: p, seatList: w, speakingUsers: h, networkQualities: d } = I(), r = class r {
   constructor() {
-    if (!_SeatEventManager.instance) {
-      _SeatEventManager.instance = this;
-    }
-    this.onSeatLayoutChanged = this.onSeatLayoutChanged.bind(this);
-    this.onUserVoiceVolumeChanged = this.onUserVoiceVolumeChanged.bind(this);
-    this.bindEvent();
+    r.instance || (r.instance = this), this.onSeatLayoutChanged = this.onSeatLayoutChanged.bind(this), this.onUserVoiceVolumeChanged = this.onUserVoiceVolumeChanged.bind(this), this.bindEvent();
   }
-  getNewSeatUserInfo(seatRegion) {
-    var _a;
+  getNewSeatUserInfo(e) {
     return {
-      userId: seatRegion.userId,
-      roomId: ((_a = currentLive.value) == null ? void 0 : _a.liveId) || "",
-      userName: seatRegion.userName,
-      avatarUrl: seatRegion.userAvatar,
-      microphoneStatus: seatRegion.userMicrophoneStatus === TUIDeviceStatus.TUIDeviceStatusOpened ? DeviceStatus.On : DeviceStatus.Off,
-      cameraStatus: seatRegion.userCameraStatus === TUIDeviceStatus.TUIDeviceStatusOpened ? DeviceStatus.On : DeviceStatus.Off,
+      userId: e.userId,
+      roomId: e.roomId || "",
+      userName: e.userName,
+      avatarUrl: e.userAvatar,
+      microphoneStatus: e.userMicrophoneStatus === m.TUIDeviceStatusOpened ? u.On : u.Off,
+      cameraStatus: e.userCameraStatus === m.TUIDeviceStatusOpened ? u.On : u.Off,
       onSeatTimestamp: Date.now(),
       customInfo: {}
     };
   }
-  getNewSeatInfo(seatRegion) {
+  getNewSeatInfo(e) {
     return {
-      index: seatRegion.seatIndex,
-      isLocked: seatRegion.isSeatLocked,
-      userInfo: this.getNewSeatUserInfo(seatRegion),
+      index: e.seatIndex,
+      isLocked: e.isSeatLocked,
+      userInfo: this.getNewSeatUserInfo(e),
       region: {
-        x: seatRegion.x,
-        y: seatRegion.y,
-        w: seatRegion.width,
-        h: seatRegion.height,
-        zOrder: seatRegion.zorder
+        x: e.x,
+        y: e.y,
+        w: e.width,
+        h: e.height,
+        zOrder: e.zorder
       }
     };
   }
-  onSeatLayoutChanged({ roomId, seatLayout }) {
-    var _a;
-    if (roomId !== ((_a = currentLive.value) == null ? void 0 : _a.liveId)) {
-      return;
-    }
-    canvas.value = {
-      width: seatLayout.canvasWidth,
-      height: seatLayout.canvasHeight,
+  onSeatLayoutChanged({ roomId: e, seatLayout: t }) {
+    var n;
+    e === ((n = y.value) == null ? void 0 : n.liveId) && (p.value = {
+      width: t.canvasWidth,
+      height: t.canvasHeight,
       background: "#000000"
-    };
-    seatList.value = seatLayout.regions.map((region) => this.getNewSeatInfo(region));
+    }, w.value = t.regions.map((o) => this.getNewSeatInfo(o)));
   }
-  onUserNetworkQualityChanged({ userNetworkList }) {
-    Array.from(networkQualities.value.keys()).forEach((userId) => {
-      if (!userNetworkList.some((userNetwork) => userNetwork.userId === userId)) {
-        networkQualities.value.delete(userId);
-      }
-    });
-    userNetworkList.forEach((userNetwork) => {
-      networkQualities.value.set(userNetwork.userId, userNetwork);
+  onUserNetworkQualityChanged({ userNetworkList: e }) {
+    Array.from(d.value.keys()).forEach((t) => {
+      e.some((n) => n.userId === t) || d.value.delete(t);
+    }), e.forEach((t) => {
+      d.value.set(t.userId, t);
     });
   }
-  onUserVoiceVolumeChanged({ userVolumeList }) {
-    Object.keys(speakingUsers.value).forEach((userId) => {
-      if (!userVolumeList.some((userVolume) => userVolume.userId === userId)) {
-        speakingUsers.value.delete(userId);
-      }
-    });
-    userVolumeList.forEach((userVolume) => {
-      speakingUsers.value.set(userVolume.userId, userVolume.volume);
+  onUserVoiceVolumeChanged({ userVolumeList: e }) {
+    Object.keys(h.value).forEach((t) => {
+      e.some((n) => n.userId === t) || h.value.delete(t);
+    }), e.forEach((t) => {
+      h.value.set(t.userId, t.volume);
     });
   }
   bindEvent() {
-    TUIRoomEngine.once("ready", () => {
-      var _a, _b, _c;
-      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEvents.onUserVoiceVolumeChanged, this.onUserVoiceVolumeChanged);
-      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEvents.onUserNetworkQualityChanged, this.onUserNetworkQualityChanged);
-      const liveLayoutManager = (_c = roomEngine.instance) == null ? void 0 : _c.getLiveLayoutManager();
-      liveLayoutManager == null ? void 0 : liveLayoutManager.on(TUILiveLayoutManagerEvents.onSeatLayoutChanged, this.onSeatLayoutChanged);
+    S.once("ready", () => {
+      var t, n, o;
+      (t = a.instance) == null || t.on(i.onUserVoiceVolumeChanged, this.onUserVoiceVolumeChanged), (n = a.instance) == null || n.on(i.onUserNetworkQualityChanged, this.onUserNetworkQualityChanged);
+      const e = (o = a.instance) == null ? void 0 : o.getLiveLayoutManager();
+      e == null || e.on(f.onSeatLayoutChanged, this.onSeatLayoutChanged);
     });
   }
   unbindEvent() {
-    var _a, _b, _c;
-    (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEvents.onUserVoiceVolumeChanged, this.onUserVoiceVolumeChanged);
-    (_b = roomEngine.instance) == null ? void 0 : _b.off(TUIRoomEvents.onUserNetworkQualityChanged, this.onUserNetworkQualityChanged);
-    const liveLayoutManager = (_c = roomEngine.instance) == null ? void 0 : _c.getLiveLayoutManager();
-    liveLayoutManager == null ? void 0 : liveLayoutManager.off(TUILiveLayoutManagerEvents.onSeatLayoutChanged, this.onSeatLayoutChanged);
+    var t, n, o;
+    (t = a.instance) == null || t.off(i.onUserVoiceVolumeChanged, this.onUserVoiceVolumeChanged), (n = a.instance) == null || n.off(i.onUserNetworkQualityChanged, this.onUserNetworkQualityChanged);
+    const e = (o = a.instance) == null ? void 0 : o.getLiveLayoutManager();
+    e == null || e.off(f.onSeatLayoutChanged, this.onSeatLayoutChanged);
   }
 };
-__publicField(_SeatEventManager, "instance");
-let SeatEventManager = _SeatEventManager;
+c(r, "instance");
+let v = r;
 export {
-  SeatEventManager as default
+  v as default
 };

package/dist/states/LiveSeatState/seatManager.js

@@ -1,47 +1,40 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { useRoomEngine } from "../../hooks/useRoomEngine.js";
-import { usePlayStream } from "./usePlayStream/index.js";
-const roomEngine = useRoomEngine();
-const { startPlayStream, stopPlayStream } = usePlayStream();
-const _SeatManager = class _SeatManager {
+var y = Object.defineProperty;
+var d = (o, t, a) => t in o ? y(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a;
+var s = (o, t, a) => d(o, typeof t != "symbol" ? t + "" : t, a);
+import { useRoomEngine as S } from "../../hooks/useRoomEngine.js";
+import { usePlayStream as k } from "./usePlayStream/index.js";
+const c = S(), { startPlayStream: f, stopPlayStream: P } = k(), e = class e {
   constructor() {
-    __publicField(this, "lockSeat", async ({ seatIndex, isLocked }) => {
-      var _a, _b;
-      const seatList = await ((_a = roomEngine.instance) == null ? void 0 : _a.getSeatList());
-      const seat = seatList == null ? void 0 : seatList.find((seat2) => seat2.index === seatIndex);
-      if (!seat) {
-        return;
-      }
-      return await ((_b = roomEngine.instance) == null ? void 0 : _b.lockSeatByAdmin({
-        seatIndex,
-        lockParams: {
-          lockSeat: isLocked,
-          lockVideo: seat.isVideoLocked,
-          lockAudio: seat.isAudioLocked
-        }
-      }));
+    s(this, "lockSeat", async ({ seatIndex: t, isLocked: a }) => {
+      var r, m;
+      const n = await ((r = c.instance) == null ? void 0 : r.getSeatList()), i = n == null ? void 0 : n.find((u) => u.index === t);
+      if (i)
+        return await ((m = c.instance) == null ? void 0 : m.lockSeatByAdmin({
+          seatIndex: t,
+          lockParams: {
+            lockSeat: a,
+            lockVideo: i.isVideoLocked,
+            lockAudio: i.isAudioLocked
+          }
+        }));
     });
-    if (!_SeatManager.instance) {
-      _SeatManager.instance = this;
-    }
+    e.instance || (e.instance = this);
   }
-  async moveToSeat({ targetSeatIndex }) {
-    var _a;
-    return await ((_a = roomEngine.instance) == null ? void 0 : _a.moveToSeat({
-      targetSeatIndex
+  async moveToSeat({ targetSeatIndex: t }) {
+    var a;
+    return await ((a = c.instance) == null ? void 0 : a.moveToSeat({
+      targetSeatIndex: t
     }));
   }
-  async startPlayStream({ view }) {
-    return await startPlayStream({ view });
+  async startPlayStream({ view: t }) {
+    return await f({ view: t });
   }
   async stopPlayStream() {
-    return await stopPlayStream();
+    return await P();
   }
 };
-__publicField(_SeatManager, "instance");
-let SeatManager = _SeatManager;
+s(e, "instance");
+let l = e;
 export {
-  SeatManager as default
+  l as default
 };

package/dist/states/LiveSeatState/store.js

@@ -1,33 +1,26 @@
-import { ref, watch } from "vue";
-import { useLiveState } from "../LiveState/index.js";
-import { LiveStatus } from "../../types/live.js";
-const { localLiveStatus } = useLiveState();
-const canvas = ref({
+import { ref as t, watch as r } from "vue";
+import { useLiveState as s } from "../LiveState/index.js";
+import { LiveStatus as n } from "../../types/live.js";
+const { localLiveStatus: u } = s(), e = t({
   width: 0,
   height: 0,
   background: ""
-});
-const seatList = ref([]);
-const speakingUsers = ref(/* @__PURE__ */ new Map());
-const networkQualities = ref(/* @__PURE__ */ new Map());
-watch(localLiveStatus, (newVal, oldVal) => {
-  if (oldVal && newVal === LiveStatus.IDLE) {
-    canvas.value = {
-      width: 0,
-      height: 0,
-      background: ""
-    };
-    seatList.value = [];
-  }
-}, { immediate: true });
-function useSeatStore() {
+}), a = t([]), c = t(/* @__PURE__ */ new Map()), m = t(/* @__PURE__ */ new Map());
+r(u, (i, o) => {
+  o && i === n.IDLE && (e.value = {
+    width: 0,
+    height: 0,
+    background: ""
+  }, a.value = []);
+}, { immediate: !0 });
+function v() {
   return {
-    canvas,
-    seatList,
-    speakingUsers,
-    networkQualities
+    canvas: e,
+    seatList: a,
+    speakingUsers: c,
+    networkQualities: m
   };
 }
 export {
-  useSeatStore
+  v as useSeatStore
 };

package/dist/states/LiveSeatState/usePlayStream/MixStreamPlayer.js

@@ -1,79 +1,57 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
-import { DeviceStatus } from "../../../types/device.js";
-const roomEngine = useRoomEngine();
-const _MixStreamPlayer = class _MixStreamPlayer {
+var E = Object.defineProperty;
+var R = (a, e, i) => e in a ? E(a, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : a[e] = i;
+var o = (a, e, i) => R(a, typeof e != "symbol" ? e + "" : e, i);
+import { TUIVideoStreamType as s } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as T } from "../../../hooks/useRoomEngine.js";
+import { DeviceStatus as n } from "../../../types/device.js";
+const m = T(), t = class t {
   constructor() {
-    __publicField(this, "isPlayingMixStream", false);
-    __publicField(this, "mixUserInfo", {
+    o(this, "isPlayingMixStream", !1);
+    o(this, "mixUserInfo", {
       userId: "",
-      cameraStatus: DeviceStatus.Off
+      cameraStatus: n.Off
     });
-    if (_MixStreamPlayer.MixStreamPlayer) {
-      return _MixStreamPlayer.MixStreamPlayer;
-    }
-    _MixStreamPlayer.MixStreamPlayer = this;
+    if (t.MixStreamPlayer)
+      return t.MixStreamPlayer;
+    t.MixStreamPlayer = this;
   }
-  async start(options) {
-    var _a, _b;
-    console.log("MixStreamPlayer.startPlay: ", options);
+  async start(e) {
+    var c, d;
+    console.log("MixStreamPlayer.startPlay: ", e);
     const {
-      view,
-      userInfo: { userId, cameraStatus }
-    } = options;
-    this.mixUserInfo.userId = userId;
-    this.mixUserInfo.cameraStatus = cameraStatus;
-    if (this.isPlayingMixStream) {
-      return;
-    }
-    if (userId && cameraStatus === DeviceStatus.On) {
-      (_a = roomEngine.instance) == null ? void 0 : _a.setRemoteVideoView({
-        userId,
-        streamType: TUIVideoStreamType.kCameraStream,
-        view
-      });
-      await ((_b = roomEngine.instance) == null ? void 0 : _b.startPlayRemoteVideo({
-        userId,
-        streamType: TUIVideoStreamType.kCameraStream
-      }));
-      this.isPlayingMixStream = true;
-      setTimeout(() => {
-        var _a2, _b2, _c;
-        const { x: xContainer, y: yContainer, width: widthContainer, height: heightContainer } = ((_a2 = document.querySelector("#atomicx-live-stream-content")) == null ? void 0 : _a2.getBoundingClientRect()) ?? {};
-        console.log("MixStreamPlayer.startPlay: container", xContainer, yContainer, widthContainer, heightContainer);
-        const { x: xVideo, y: yVideo, width: widthVideo, height: heightVideo } = ((_b2 = document.querySelector("#atomicx-live-stream-content #atomicx-live-stream-content_video")) == null ? void 0 : _b2.getBoundingClientRect()) ?? {};
-        console.log("MixStreamPlayer.startPlay: videoDiv", xVideo, yVideo, widthVideo, heightVideo);
-        const { x: xVideoElement, y: yVideoElement, width: widthVideoElement, height: heightVideoElement } = ((_c = document.querySelector("#atomicx-live-stream-content video")) == null ? void 0 : _c.getBoundingClientRect()) ?? {};
-        console.log("MixStreamPlayer.startPlay: videoElement", xVideoElement, yVideoElement, widthVideoElement, heightVideoElement);
-      }, 1e3);
-    }
+      view: i,
+      userInfo: { userId: r, cameraStatus: l }
+    } = e;
+    this.mixUserInfo.userId = r, this.mixUserInfo.cameraStatus = l, !this.isPlayingMixStream && r && l === n.On && ((c = m.instance) == null || c.setRemoteVideoView({
+      userId: r,
+      streamType: s.kCameraStream,
+      view: i
+    }), await ((d = m.instance) == null ? void 0 : d.startPlayRemoteVideo({
+      userId: r,
+      streamType: s.kCameraStream
+    })), this.isPlayingMixStream = !0, setTimeout(() => {
+      var y, x, h;
+      const { x: S, y: f, width: g, height: P } = ((y = document.querySelector("#atomicx-live-stream-content")) == null ? void 0 : y.getBoundingClientRect()) ?? {};
+      console.log("MixStreamPlayer.startPlay: container", S, f, g, P);
+      const { x: I, y: M, width: V, height: p } = ((x = document.querySelector("#atomicx-live-stream-content #atomicx-live-stream-content_video")) == null ? void 0 : x.getBoundingClientRect()) ?? {};
+      console.log("MixStreamPlayer.startPlay: videoDiv", I, M, V, p);
+      const { x: v, y: w, width: C, height: U } = ((h = document.querySelector("#atomicx-live-stream-content video")) == null ? void 0 : h.getBoundingClientRect()) ?? {};
+      console.log("MixStreamPlayer.startPlay: videoElement", v, w, C, U);
+    }, 1e3));
   }
   async stop() {
-    var _a;
-    console.log("MixStreamPlayer.stop: ", this.mixUserInfo);
-    if (!this.mixUserInfo || !this.mixUserInfo.userId) {
-      return;
-    }
-    await ((_a = roomEngine.instance) == null ? void 0 : _a.stopPlayRemoteVideo({
+    var e;
+    console.log("MixStreamPlayer.stop: ", this.mixUserInfo), !(!this.mixUserInfo || !this.mixUserInfo.userId) && (await ((e = m.instance) == null ? void 0 : e.stopPlayRemoteVideo({
       userId: this.mixUserInfo.userId,
-      streamType: TUIVideoStreamType.kCameraStream
-    }));
-    this.isPlayingMixStream = false;
-    this.mixUserInfo.userId = "";
-    this.mixUserInfo.cameraStatus = DeviceStatus.Off;
+      streamType: s.kCameraStream
+    })), this.isPlayingMixStream = !1, this.mixUserInfo.userId = "", this.mixUserInfo.cameraStatus = n.Off);
   }
   async destroy() {
-    if (this.isPlayingMixStream) {
-      await this.stop();
-    }
-    _MixStreamPlayer.MixStreamPlayer = null;
+    this.isPlayingMixStream && await this.stop(), t.MixStreamPlayer = null;
   }
 };
-__publicField(_MixStreamPlayer, "MixStreamPlayer", null);
-let MixStreamPlayer = _MixStreamPlayer;
+o(t, "MixStreamPlayer", null);
+let u = t;
 export {
-  MixStreamPlayer
+  u as MixStreamPlayer
 };

package/dist/states/LiveSeatState/usePlayStream/RTCStreamManager.js

@@ -1,105 +1,77 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
-import RTCStreamPlayer from "./RTCStreamPlayer.js";
-import { useLoginState } from "../../LoginState.js";
-import { useVideoMixerState } from "../../VideoMixerState.js";
-import { DeviceStatus } from "../../../types/device.js";
-const { loginUserInfo } = useLoginState();
-const { isVideoMixerEnabled } = useVideoMixerState();
-const _RTCStreamManager = class _RTCStreamManager {
+var v = Object.defineProperty;
+var I = (c, a, t) => a in c ? v(c, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[a] = t;
+var o = (c, a, t) => I(c, typeof a != "symbol" ? a + "" : a, t);
+import { TUIVideoStreamType as y } from "@tencentcloud/tuiroom-engine-js";
+import M from "./RTCStreamPlayer.js";
+import { useLoginState as S } from "../../LoginState.js";
+import { useVideoMixerState as g } from "../../VideoMixerState.js";
+import { DeviceStatus as l } from "../../../types/device.js";
+const { loginUserInfo: m } = S(), { isVideoMixerEnabled: f } = g(), n = class n {
   constructor() {
-    __publicField(this, "containerView", null);
-    __publicField(this, "view", null);
-    __publicField(this, "playerMap", /* @__PURE__ */ new Map());
-    if (_RTCStreamManager.rtcStreamManager) {
-      return _RTCStreamManager.rtcStreamManager;
-    }
-    _RTCStreamManager.rtcStreamManager = this;
+    o(this, "containerView", null);
+    o(this, "view", null);
+    o(this, "playerMap", /* @__PURE__ */ new Map());
+    if (n.rtcStreamManager)
+      return n.rtcStreamManager;
+    n.rtcStreamManager = this;
   }
-  async start(options) {
-    var _a;
-    console.log("RTCStreamManger.start: ", options.view, options.userList);
-    if (!options.userList) {
+  async start(a) {
+    var s;
+    if (console.log("RTCStreamManger.start: ", a.view, a.userList), !a.userList)
       return;
+    const { view: t, userList: r } = a;
+    if (this.containerView = document.getElementById(t), !this.view) {
+      const e = document.createElement("div");
+      e.id = "live-stream-view", e.style.position = "absolute", (s = this.containerView) == null || s.appendChild(e), this.view = e;
     }
-    const { view, userList } = options;
-    this.containerView = document.getElementById(view);
-    if (!this.view) {
-      const rtcPlayerContainer = document.createElement("div");
-      rtcPlayerContainer.id = `live-stream-view`;
-      rtcPlayerContainer.style.position = "absolute";
-      (_a = this.containerView) == null ? void 0 : _a.appendChild(rtcPlayerContainer);
-      this.view = rtcPlayerContainer;
-    }
-    userList.forEach(async (item) => {
-      var _a2, _b;
-      const isLocalAndVideoMixerEnabled = item.userId === ((_a2 = loginUserInfo.value) == null ? void 0 : _a2.userId) && isVideoMixerEnabled.value;
-      if (isLocalAndVideoMixerEnabled) {
+    r.forEach(async (e) => {
+      var u, p;
+      if (e.userId === ((u = m.value) == null ? void 0 : u.userId) && f.value)
         return;
-      }
-      const isCameraOn = item.cameraStatus === DeviceStatus.On;
-      if (isCameraOn) {
-        if (this.playerMap.has(item.userId)) {
-          (_b = this.playerMap.get(item.userId)) == null ? void 0 : _b.updateRect(item.rect);
+      if (e.cameraStatus === l.On) {
+        if (this.playerMap.has(e.userId)) {
+          (p = this.playerMap.get(e.userId)) == null || p.updateRect(e.rect);
           return;
         }
-        const player = new RTCStreamPlayer({
-          userId: item.userId,
-          streamType: TUIVideoStreamType.kCameraStream,
+        const h = new M({
+          userId: e.userId,
+          streamType: y.kCameraStream,
           container: this.view,
-          rect: item.rect
+          rect: e.rect
         });
-        this.playerMap.set(item.userId, player);
-        await player.play();
+        this.playerMap.set(e.userId, h), await h.play();
       }
     });
   }
-  async update(options) {
-    console.log("RTCStreamManger.update: ", options);
-    const { userList } = options;
-    userList.forEach(async (item) => {
-      var _a;
-      const isLocalAndVideoMixerEnabled = item.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId) && isVideoMixerEnabled.value;
-      if (isLocalAndVideoMixerEnabled) {
-        return;
-      }
-      if (item.cameraStatus === DeviceStatus.On && !this.playerMap.has(item.userId)) {
-        const player = new RTCStreamPlayer({
-          userId: item.userId,
-          streamType: TUIVideoStreamType.kCameraStream,
+  async update(a) {
+    console.log("RTCStreamManger.update: ", a);
+    const { userList: t } = a;
+    t.forEach(async (r) => {
+      var e;
+      if (!(r.userId === ((e = m.value) == null ? void 0 : e.userId) && f.value) && r.cameraStatus === l.On && !this.playerMap.has(r.userId)) {
+        const i = new M({
+          userId: r.userId,
+          streamType: y.kCameraStream,
           container: this.view,
-          rect: item.rect
+          rect: r.rect
         });
-        this.playerMap.set(item.userId, player);
-        await player.play();
-      }
-    });
-    [...this.playerMap.keys()].forEach((key) => {
-      var _a, _b;
-      const userInfo = userList.find((item) => item.userId === key);
-      if (!userInfo || userInfo.cameraStatus === DeviceStatus.Off) {
-        (_a = this.playerMap.get(key)) == null ? void 0 : _a.destroy();
-        this.playerMap.delete(key);
+        this.playerMap.set(r.userId, i), await i.play();
       }
-      (_b = this.playerMap.get(key)) == null ? void 0 : _b.updateRect(userInfo == null ? void 0 : userInfo.rect);
+    }), [...this.playerMap.keys()].forEach((r) => {
+      var e, i;
+      const s = t.find((d) => d.userId === r);
+      (!s || s.cameraStatus === l.Off) && ((e = this.playerMap.get(r)) == null || e.destroy(), this.playerMap.delete(r)), (i = this.playerMap.get(r)) == null || i.updateRect(s == null ? void 0 : s.rect);
     });
   }
   async stop() {
-    var _a;
-    console.log("RTCStreamManger.stop.");
-    (_a = this.containerView) == null ? void 0 : _a.removeChild(this.view);
-    [...this.playerMap.values()].forEach(async (player) => {
-      await player.destroy();
-    });
-    this.playerMap.clear();
-    this.view = null;
-    this.containerView = null;
+    var a;
+    console.log("RTCStreamManger.stop."), (a = this.containerView) == null || a.removeChild(this.view), [...this.playerMap.values()].forEach(async (t) => {
+      await t.destroy();
+    }), this.playerMap.clear(), this.view = null, this.containerView = null;
   }
 };
-__publicField(_RTCStreamManager, "rtcStreamManager", null);
-let RTCStreamManager = _RTCStreamManager;
+o(n, "rtcStreamManager", null);
+let w = n;
 export {
-  RTCStreamManager
+  w as RTCStreamManager
 };