tuikit-atomicx-vue3 3.4.2 → 4.3.1

package/dist/states/LiveSeatState/seatManager.js

@@ -1,40 +1,142 @@
-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 {
+var p = Object.defineProperty;
+var w = (r, e, t) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var k = (r, e, t) => w(r, typeof e != "symbol" ? e + "" : e, t);
+import { useRoomEngine as A } from "../../hooks/useRoomEngine.js";
+import { usePlayStream as I } from "./usePlayStream/index.js";
+import { useLoginState as v } from "../LoginState.js";
+import { TUIRole as U, TUIMoveSeatPolicy as u, TUIMediaDevice as f } from "@tencentcloud/tuiroom-engine-js";
+import { useSeatStore as L } from "./store.js";
+import { MoveSeatPolicy as d } from "../../types/seat.js";
+const i = A(), { startPlayStream: P, stopPlayStream: R } = I(), { loginUserInfo: g } = v(), { seatList: S } = L(), l = class l {
   constructor() {
-    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
-          }
-        }));
+    l.instance || (l.instance = this);
+  }
+  async takeSeat({ seatIndex: e }) {
+    var o, a, n;
+    if ((await ((a = i.instance) == null ? void 0 : a.getUserInfo({ userId: ((o = g.value) == null ? void 0 : o.userId) || "" }))).userRole === U.kAdministrator)
+      throw new Error("general user please use applyForSeat in useCoGuestState to take seat");
+    return await ((n = i.instance) == null ? void 0 : n.takeSeat({
+      seatIndex: e,
+      timeout: 0
+    }));
+  }
+  async leaveSeat() {
+    var e;
+    return await ((e = i.instance) == null ? void 0 : e.leaveSeat());
+  }
+  async lockSeat({ seatIndex: e }) {
+    var a, n;
+    const t = await ((a = i.instance) == null ? void 0 : a.getSeatList()), o = t == null ? void 0 : t.find((c) => c.index === e);
+    if (o)
+      return await ((n = i.instance) == null ? void 0 : n.lockSeatByAdmin({
+        seatIndex: e,
+        lockParams: {
+          lockSeat: !0,
+          lockVideo: o.isVideoLocked,
+          lockAudio: o.isAudioLocked
+        }
+      }));
+  }
+  async unLockSeat({ seatIndex: e }) {
+    var a, n;
+    const t = await ((a = i.instance) == null ? void 0 : a.getSeatList()), o = t == null ? void 0 : t.find((c) => c.index === e);
+    if (o)
+      return await ((n = i.instance) == null ? void 0 : n.lockSeatByAdmin({
+        seatIndex: e,
+        lockParams: {
+          lockSeat: !1,
+          lockVideo: o.isVideoLocked,
+          lockAudio: o.isAudioLocked
+        }
+      }));
+  }
+  async kickUserOutOfSeat({ userId: e }) {
+    var o;
+    const t = S.value.find((a) => {
+      var n;
+      return ((n = a.userInfo) == null ? void 0 : n.userId) === e;
     });
-    e.instance || (e.instance = this);
+    if (t)
+      return await ((o = i.instance) == null ? void 0 : o.kickUserOffSeatByAdmin({
+        seatIndex: t.index,
+        userId: e
+      }));
+  }
+  async moveUserToSeat({ userId: e, targetIndex: t, policy: o }) {
+    var c;
+    if (!S.value.find((s) => {
+      var m;
+      return ((m = s.userInfo) == null ? void 0 : m.userId) === e;
+    }))
+      return;
+    const n = {
+      [d.AbortWhenOccupied]: u.kAbortWhenOccupied,
+      [d.ForceReplace]: u.kForceReplace,
+      [d.SwapPosition]: u.kSwapPosition
+    };
+    return await ((c = i.instance) == null ? void 0 : c.moveUserToSeatByAdmin({
+      userId: e,
+      targetSeatIndex: t,
+      policy: n[o]
+    }));
+  }
+  async closeRemoteCamera({ userId: e }) {
+    var t;
+    return await ((t = i.instance) == null ? void 0 : t.closeRemoteDeviceByAdmin({
+      userId: e,
+      device: f.kCamera
+    }));
   }
-  async moveToSeat({ targetSeatIndex: t }) {
-    var a;
-    return await ((a = c.instance) == null ? void 0 : a.moveToSeat({
-      targetSeatIndex: t
+  async closeRemoteMicrophone({ userId: e }) {
+    var t;
+    return await ((t = i.instance) == null ? void 0 : t.closeRemoteDeviceByAdmin({
+      userId: e,
+      device: f.kMicrophone
     }));
   }
-  async startPlayStream({ view: t }) {
-    return await f({ view: t });
+  async openRemoteCamera({ userId: e, policy: t }) {
+    var n, c;
+    const o = await ((n = i.instance) == null ? void 0 : n.getSeatList()), a = o == null ? void 0 : o.find((s) => (s == null ? void 0 : s.userId) === e);
+    if (a)
+      return await ((c = i.instance) == null ? void 0 : c.lockSeatByAdmin({
+        seatIndex: a.index,
+        lockParams: {
+          lockSeat: a.isLocked,
+          lockVideo: !1,
+          lockAudio: a.isAudioLocked
+        }
+      }));
+  }
+  async openRemoteMicrophone({ userId: e, policy: t }) {
+    var n, c;
+    const o = await ((n = i.instance) == null ? void 0 : n.getSeatList()), a = o == null ? void 0 : o.find((s) => (s == null ? void 0 : s.userId) === e);
+    if (a)
+      return await ((c = i.instance) == null ? void 0 : c.lockSeatByAdmin({
+        seatIndex: a.index,
+        lockParams: {
+          lockSeat: a.isLocked,
+          lockVideo: a.isVideoLocked,
+          lockAudio: !1
+        }
+      }));
+  }
+  async muteMicrophone() {
+    var e;
+    await ((e = i.instance) == null ? void 0 : e.muteLocalAudio());
+  }
+  async unmuteMicrophone() {
+    var e;
+    await ((e = i.instance) == null ? void 0 : e.unmuteLocalAudio());
+  }
+  async startPlayStream({ view: e }) {
+    return await P({ view: e });
   }
   async stopPlayStream() {
-    return await P();
+    return await R();
   }
 };
-s(e, "instance");
-let l = e;
+k(l, "instance");
+let y = l;
 export {
-  l as default
+  y as default
 };

package/dist/states/LiveSeatState/store.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { SeatInfo, LiveCanvas, TUINetwork } from '../../types';
+import { SeatInfo, LiveCanvas, NetworkInfo } from '../../types';
 
 export declare function useSeatStore(): {
     canvas: Ref<{
@@ -15,15 +15,15 @@ export declare function useSeatStore(): {
     speakingUsers: Ref<Map<string, number> & Omit<Map<string, number>, keyof Map<any, any>>, Map<string, number> | (Map<string, number> & Omit<Map<string, number>, keyof Map<any, any>>)>;
     networkQualities: Ref<Map<string, {
         userId: string;
-        quality: import('../..').TUINetworkQuality;
+        quality: import('../..').NetworkQuality;
         upLoss: number;
         downLoss: number;
         delay: number;
-    }> & Omit<Map<string, TUINetwork>, keyof Map<any, any>>, Map<string, TUINetwork> | (Map<string, {
+    }> & Omit<Map<string, NetworkInfo>, keyof Map<any, any>>, Map<string, NetworkInfo> | (Map<string, {
         userId: string;
-        quality: import('../..').TUINetworkQuality;
+        quality: import('../..').NetworkQuality;
         upLoss: number;
         downLoss: number;
         delay: number;
-    }> & Omit<Map<string, TUINetwork>, keyof Map<any, any>>)>;
+    }> & Omit<Map<string, NetworkInfo>, keyof Map<any, any>>)>;
 };

package/dist/states/LiveSeatState/store.js

@@ -1,13 +1,15 @@
-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({
+import { ref as t, watch as n } from "vue";
+import { useLiveListState as r } from "../LiveListState/LiveListState.js";
+const { currentLive: o } = r(), i = t({
   width: 0,
   height: 0,
   background: ""
-}), a = t([]), c = t(/* @__PURE__ */ new Map()), m = t(/* @__PURE__ */ new Map());
-r(u, (i, o) => {
-  o && i === n.IDLE && (e.value = {
+}), a = t([]), s = t(/* @__PURE__ */ new Map()), u = t(/* @__PURE__ */ new Map());
+n(() => {
+  var e;
+  return (e = o.value) == null ? void 0 : e.liveId;
+}, (e) => {
+  e || (i.value = {
     width: 0,
     height: 0,
     background: ""
@@ -15,10 +17,10 @@ r(u, (i, o) => {
 }, { immediate: !0 });
 function v() {
   return {
-    canvas: e,
+    canvas: i,
     seatList: a,
-    speakingUsers: c,
-    networkQualities: m
+    speakingUsers: s,
+    networkQualities: u
   };
 }
 export {

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

@@ -4,7 +4,7 @@ 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 { useVideoMixerState as g } from "../../VideoMixerState/VideoMixerState.js";
 import { DeviceStatus as l } from "../../../types/device.js";
 const { loginUserInfo: m } = S(), { isVideoMixerEnabled: f } = g(), n = class n {
   constructor() {

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

@@ -4,7 +4,7 @@ var s = (r, e, t) => m(r, typeof e != "symbol" ? e + "" : e, t);
 import { TUIVideoStreamType as u, TRTCVideoFillMode as p, TRTCVideoRotation as T, TRTCVideoMirrorType as w } from "@tencentcloud/tuiroom-engine-js";
 import { useRoomEngine as V } from "../../../hooks/useRoomEngine.js";
 import { useLoginState as v } from "../../LoginState.js";
-import { useVideoMixerState as I } from "../../VideoMixerState.js";
+import { useVideoMixerState as I } from "../../VideoMixerState/VideoMixerState.js";
 const a = V(), { loginUserInfo: h } = v(), { isVideoMixerEnabled: c } = I();
 class S {
   constructor(e) {

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

@@ -1,59 +1,61 @@
-import { RTCStreamManager as p } from "./RTCStreamManager.js";
-import { MixStreamPlayer as m } from "./MixStreamPlayer.js";
 import { ref as i, watch as r } from "vue";
-import { useStreamPosition as I } from "./useStreamPostion.js";
-import h, { TUIRoomEvents as y } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine as E } from "../../../hooks/useRoomEngine.js";
-import { useLiveState as O } from "../../LiveState/index.js";
-import { LiveStatus as R } from "../../../types/live.js";
-import { DeviceStatus as c } from "../../../types/device.js";
-const S = E(), { positionList: d, createResizeObserver: C, deleteResizeObserver: L } = I(), { localLiveStatus: U } = O(), n = i(!1), T = i(null), a = new m(), s = new p();
+import p, { TUIRoomEvents as I } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as m } from "../../../hooks/useRoomEngine.js";
+import { MixStreamPlayer as h } from "./MixStreamPlayer.js";
+import { RTCStreamManager as y } from "./RTCStreamManager.js";
+import { useStreamPosition as O } from "./useStreamPostion.js";
+import { useLiveListState as R } from "../../LiveListState/LiveListState.js";
+import { DeviceStatus as d } from "../../../types/device.js";
+const E = m(), { positionList: c, createResizeObserver: C, deleteResizeObserver: S } = O(), { currentLive: U } = R(), a = i(!1), L = i(null), n = new h(), s = new y();
 let f = "";
 const l = i(null), u = i([]);
-async function V({ view: e }) {
+async function T({ view: e }) {
   var t, o;
-  f = e, n.value = !0, C({ view: e }), (t = l.value) != null && t.userId && ((o = l.value) == null ? void 0 : o.cameraStatus) === c.On ? await (a == null ? void 0 : a.start({ view: e, userInfo: l.value })) : u.value.length > 0 && await (s == null ? void 0 : s.start({ view: e, userList: u.value }));
+  f = e, a.value = !0, C({ view: e }), (t = l.value) != null && t.userId && ((o = l.value) == null ? void 0 : o.cameraStatus) === d.On ? await (n == null ? void 0 : n.start({ view: e, userInfo: l.value })) : u.value.length > 0 && await (s == null ? void 0 : s.start({ view: e, userList: u.value }));
 }
-r(d, (e) => {
+r(c, (e) => {
   u.value.forEach((t) => {
     e.find((o) => o.userId === t.userId) && (t.rect = e.find((o) => o.userId === t.userId));
-  }), n.value && u.value.length > 0 && s.update({ userList: u.value });
+  }), a.value && u.value.length > 0 && s.update({ userList: u.value });
 });
-async function b() {
-  a == null || a.stop(), s == null || s.stop(), T.value = null, n.value = !1, f = "", L();
+async function V() {
+  n == null || n.stop(), s == null || s.stop(), L.value = null, a.value = !1, f = "", S();
 }
-function w(e) {
+function b(e) {
   const { userId: t, hasVideo: o } = e;
   t.indexOf("livekit_") === 0 ? l.value = o ? {
     userId: t,
-    cameraStatus: c.On
-  } : null : o ? u.value.push({ userId: t, cameraStatus: c.On, rect: d.value.find((v) => v.userId === t) }) : u.value = u.value.filter((v) => v.userId !== t);
+    cameraStatus: d.On
+  } : null : o ? u.value.push({ userId: t, cameraStatus: d.On, rect: c.value.find((v) => v.userId === t) }) : u.value = u.value.filter((v) => v.userId !== t);
 }
 r(() => l.value, (e) => {
-  n.value && (e ? a.start({ view: f, userInfo: l.value }) : a.stop());
+  a.value && (e ? n.start({ view: f, userInfo: l.value }) : n.stop());
 });
 r(
   () => u.value.length,
   (e, t) => {
-    n.value && (t === 0 && e > 0 && (s == null || s.start({ view: f, userList: u.value })), t > 0 && e === 0 && (s == null || s.stop()));
+    a.value && (t === 0 && e > 0 && (s == null || s.start({ view: f, userList: u.value })), t > 0 && e === 0 && (s == null || s.stop()));
   }
 );
 r(
-  () => U.value,
+  () => {
+    var e;
+    return (e = U.value) == null ? void 0 : e.liveId;
+  },
   (e) => {
-    e === R.IDLE && n.value && (l.value = null, u.value = []);
+    e || (l.value = null, u.value = []);
   }
 );
-h.once("ready", () => {
+p.once("ready", () => {
   var e;
-  (e = S.instance) == null || e.on(y.onUserVideoStateChanged, w);
+  (e = E.instance) == null || e.on(I.onUserVideoStateChanged, b);
 });
-function q() {
+function g() {
   return {
-    startPlayStream: V,
-    stopPlayStream: b
+    startPlayStream: T,
+    stopPlayStream: V
   };
 }
 export {
-  q as usePlayStream
+  g as usePlayStream
 };

package/dist/states/LoginState.js

@@ -1,64 +1,69 @@
 import { ref as c } from "vue";
-import { TUILogin as u } from "@tencentcloud/tui-core";
-import { useStatistical as i } from "../statistical/statistical.js";
-const s = c(null), { getChatScene: f } = i();
-async function g(r) {
+import { TUILogin as i } from "@tencentcloud/tui-core";
+import { dataReport as f } from "../report/dataReport.js";
+import { MetricsKey as u } from "../report/MetricsKey.js";
+import { useStatistical as g } from "../statistical/statistical.js";
+import { isMobile as m } from "../utils/env.js";
+const a = c(null), { getChatScene: I } = g();
+async function S(r) {
   if (!r.userId || !r.userSig || !r.sdkAppId)
     throw new Error("[loginState login] params error");
-  const { userId: l, userSig: t, sdkAppId: n, ...e } = r, a = {
+  const { userId: l, userSig: e, sdkAppId: n, ...o } = r, s = {
     SDKAppID: n,
     userID: l,
-    userSig: t,
+    userSig: e,
     useUploadPlugin: !0,
-    scene: f(),
-    ...e
+    scene: I(),
+    ...o
   };
   try {
-    await u.login(a);
-  } catch (o) {
-    throw console.error("[loginState login] error", o), o;
+    await i.login(s);
+    const t = m ? u.T_METRICS_STATE_API_LOGIN_MOBILE_COUNT : u.T_METRICS_STATE_API_LOGIN_COUNT;
+    f.reportCount(t);
+  } catch (t) {
+    throw console.error("[loginState login] error", t), t;
   }
 }
-async function m(r) {
-  const l = s.value || {}, { chat: t } = u.getContext();
-  if (t) {
+async function _(r) {
+  const l = a.value || {}, { chat: e } = i.getContext();
+  if (e) {
     const n = [];
-    r.customInfo && Object.keys(r.customInfo).forEach((e) => {
-      var o;
-      let a = e;
-      e.includes("Tag_Profile_Custom") || (a = `Tag_Profile_Custom_${e}`), n.push({
-        key: a,
-        value: (o = r.customInfo) == null ? void 0 : o[e]
+    r.customInfo && Object.keys(r.customInfo).forEach((o) => {
+      var t;
+      let s = o;
+      o.includes("Tag_Profile_Custom") || (s = `Tag_Profile_Custom_${o}`), n.push({
+        key: s,
+        value: (t = r.customInfo) == null ? void 0 : t[o]
       });
     });
     try {
-      const e = await t.updateMyProfile({
+      const o = await e.updateMyProfile({
         nick: r.userName,
         avatar: r.avatarUrl,
         profileCustomField: n
       });
-      return s.value = {
+      return a.value = {
         ...l,
         ...r
-      }, e;
-    } catch (e) {
-      throw console.error("[loginState setSelfInfo] error", e), e;
+      }, o;
+    } catch (o) {
+      throw console.error("[loginState setSelfInfo] error", o), o;
     }
   } else
     throw Error("[loginState setSelfInfo] not login");
 }
-async function I() {
-  s.value = null, u.logout();
+async function p() {
+  a.value = null, i.logout();
 }
-function p() {
+function w() {
   return {
-    loginUserInfo: s,
-    login: g,
-    logout: I,
-    setSelfInfo: m
+    loginUserInfo: a,
+    login: S,
+    logout: p,
+    setSelfInfo: _
   };
 }
 export {
-  p as default,
-  p as useLoginState
+  w as default,
+  w as useLoginState
 };