tuikit-atomicx-vue3 3.4.2 → 3.5.0-beta.7

package/dist/states/CoHostState/CoHostState.d.ts

@@ -1,12 +1,12 @@
 import { Ref } from 'vue';
 import { TUIConnectionCode } from '@tencentcloud/tuiroom-engine-js';
-import { SeatUserInfo, CoHostStatus, CoHostEvent, CoHostLayoutTemplate } from '../../types';
+import { CoHostStatus, CoHostEvent, SeatUserInfo, CoHostLayoutTemplate } from '../../types';
 
 export type CoHostEventCallback = (eventInfo: any) => void;
 export declare function useCoHostState(): {
     coHostStatus: import('vue').ComputedRef<CoHostStatus>;
     connected: Ref<SeatUserInfo[], SeatUserInfo[]>;
-    applicants: Ref<SeatUserInfo[], SeatUserInfo[]>;
+    applicant: Ref<SeatUserInfo | null, SeatUserInfo | null>;
     invitees: Ref<SeatUserInfo[], SeatUserInfo[]>;
     candidates: import('vue').ComputedRef<SeatUserInfo[]>;
     requestHostConnection: (params: {

package/dist/states/CoHostState/CoHostState.js

@@ -1,209 +1,213 @@
-import { ref as S, computed as U, watch as E } from "vue";
-import y, { TUILiveConnectionManagerEvents as d, TUIConnectionCode as j } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine as x } from "../../hooks/useRoomEngine.js";
-import { useLiveState as N } from "../LiveState/index.js";
-import { useLoginState as b } from "../LoginState.js";
-import { CoHostStatus as w, CoHostEvent as u } from "../../types/coHost.js";
-import { DeviceStatus as f, DeviceStatusReason as L } from "../../types/device.js";
-const C = x(), { loginUserInfo: m } = b(), { currentLive: M, liveList: q, fetchLiveList: O } = N(), I = /* @__PURE__ */ new Map(), g = S([]), r = S([]), a = S([]), T = U(() => g.value.find((n) => {
-  var e;
-  return (n == null ? void 0 : n.userId) === ((e = m.value) == null ? void 0 : e.userId);
-}) ? w.Connected : w.Disconnected), A = U(() => {
+import { ref as O, computed as U, watch as S } from "vue";
+import y, { TUILiveConnectionManagerEvents as d, TUIConnectionCode as N } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as j } from "../../hooks/useRoomEngine.js";
+import { dataReport as x } from "../../report/dataReport.js";
+import { MetricsKey as A } from "../../report/MetricsKey.js";
+import { useLoginState as _ } from "../LoginState.js";
+import { CoHostStatus as R, CoHostEvent as u } from "../../types/coHost.js";
+import { useLiveListState as b } from "../LiveListState/LiveListState.js";
+import { DeviceStatus as f } from "../../types/device.js";
+const C = j(), { loginUserInfo: m } = _(), { currentLive: T, liveList: E, fetchLiveList: H } = b(), I = /* @__PURE__ */ new Map(), g = O([]), a = O(null), s = O([]), M = U(() => g.value.find((e) => {
   var n;
-  return (n = M.value) != null && n.liveId ? q.value.filter((e) => {
-    var h;
-    const t = e.liveOwner.userId === ((h = m.value) == null ? void 0 : h.userId), i = g.value.some((s) => (s == null ? void 0 : s.userId) === e.liveOwner.userId), o = a.value.some((s) => s.userId === e.liveOwner.userId), c = r.value.some((s) => s.userId === e.liveOwner.userId);
+  return (e == null ? void 0 : e.userId) === ((n = m.value) == null ? void 0 : n.userId);
+}) ? R.Connected : R.Disconnected), F = U(() => {
+  var e;
+  return (e = T.value) != null && e.liveId ? E.value.filter((n) => {
+    var p, h;
+    const t = n.liveOwner.userId === ((p = m.value) == null ? void 0 : p.userId), i = g.value.some((r) => (r == null ? void 0 : r.userId) === n.liveOwner.userId), o = s.value.some((r) => r.userId === n.liveOwner.userId), c = ((h = a.value) == null ? void 0 : h.liveId) === n.liveId;
     return !t && !i && !o && !c;
-  }).map((e) => ({
-    liveId: e.liveId,
-    userId: e.liveOwner.userId,
-    userName: e.liveOwner.userName,
-    avatarUrl: e.liveOwner.avatarUrl,
+  }).map((n) => ({
+    liveId: n.liveId,
+    userId: n.liveOwner.userId,
+    userName: n.liveOwner.userName,
+    avatarUrl: n.liveOwner.avatarUrl,
+    allowOpenMicrophone: !0,
+    allowOpenCamera: !0,
     microphoneStatus: f.Off,
     cameraStatus: f.Off
   })) : [];
-}), F = async (n) => {
-  var c, h;
-  const { liveId: e, layoutTemplate: t, timeout: i, extensionInfo: o } = n;
-  t && await y.callExperimentalAPI(JSON.stringify({
+}), D = async (e) => {
+  var p, h;
+  const n = A.T_METRICS_STATE_API_AUDIENCE_FETCH_LIST_COUNT;
+  x.reportCount(n);
+  const { liveId: t, layoutTemplate: i, timeout: o, extensionInfo: c } = e;
+  i && await y.callExperimentalAPI(JSON.stringify({
     api: "setCoHostLayoutTemplateId",
     params: {
-      templateId: t
+      templateId: i
     }
   }));
   try {
-    const s = await ((h = (c = C.instance) == null ? void 0 : c.getLiveConnectionManager()) == null ? void 0 : h.requestConnection({
-      roomIdList: [e],
-      timeout: i,
-      extensionInfo: o
+    const r = await ((h = (p = C.instance) == null ? void 0 : p.getLiveConnectionManager()) == null ? void 0 : h.requestConnection({
+      roomIdList: [t],
+      timeout: o,
+      extensionInfo: c
     }));
-    if ((s == null ? void 0 : s.get(e)) === j.TUIConnectionCodeSuccess) {
-      const R = q.value.find((p) => p.liveId === e);
-      if (R) {
-        const p = {
-          liveId: e,
-          userId: R.liveOwner.userId,
-          userName: R.liveOwner.userName,
-          avatarUrl: R.liveOwner.avatarUrl,
+    if ((r == null ? void 0 : r.get(t)) === N.TUIConnectionCodeSuccess) {
+      const L = E.value.find((w) => w.liveId === t);
+      if (L) {
+        const w = {
+          liveId: t,
+          userId: L.liveOwner.userId,
+          userName: L.liveOwner.userName,
+          avatarUrl: L.liveOwner.avatarUrl,
           microphoneStatus: f.Off,
-          microphoneStatusReason: L.ChangedBySelf,
+          allowOpenMicrophone: !0,
           cameraStatus: f.Off,
-          cameraStatusReason: L.ChangedBySelf
+          allowOpenCamera: !0
         };
-        a.value.find((H) => H.userId === p.userId && H.liveId === p.liveId) || a.value.push(p);
+        s.value.find((q) => q.userId === w.userId && q.liveId === w.liveId) || s.value.push(w);
       }
     }
-    return s || /* @__PURE__ */ new Map();
-  } catch (s) {
-    throw console.error("Failed to request host connection:", s), s;
+    return r || /* @__PURE__ */ new Map();
+  } catch (r) {
+    throw console.error("Failed to request host connection:", r), r;
   }
-}, B = async (n) => {
+}, J = async (e) => {
   var t, i;
-  const { liveId: e } = n;
+  const { liveId: n } = e;
   try {
     await ((i = (t = C.instance) == null ? void 0 : t.getLiveConnectionManager()) == null ? void 0 : i.cancelConnectionRequest({
-      roomIdList: [e]
-    })), a.value = a.value.filter((o) => o.liveId !== e);
+      roomIdList: [n]
+    })), s.value = s.value.filter((o) => o.liveId !== n);
   } catch (o) {
     throw console.error("Failed to cancel host connection:", o), o;
   }
-}, D = async (n) => {
+}, K = async (e) => {
   var t, i;
-  const { liveId: e } = n;
+  const { liveId: n } = e;
   try {
     await ((i = (t = C.instance) == null ? void 0 : t.getLiveConnectionManager()) == null ? void 0 : i.acceptConnection({
-      roomId: e
-    })), r.value = r.value.filter((o) => o.liveId !== e);
+      roomId: n
+    })), a.value = null;
   } catch (o) {
     throw console.error("Failed to accept host connection:", o), o;
   }
-}, J = async (n) => {
+}, P = async (e) => {
   var t, i;
-  const { liveId: e } = n;
+  const { liveId: n } = e;
   try {
     await ((i = (t = C.instance) == null ? void 0 : t.getLiveConnectionManager()) == null ? void 0 : i.rejectConnection({
-      roomId: e
-    })), r.value = r.value.filter((o) => o.liveId !== e);
+      roomId: n
+    })), a.value = null;
   } catch (o) {
     throw console.error("Failed to reject host connection:", o), o;
   }
 }, k = async () => {
-  var n, e;
+  var e, n;
   try {
-    await ((e = (n = C.instance) == null ? void 0 : n.getLiveConnectionManager()) == null ? void 0 : e.disconnect());
+    await ((n = (e = C.instance) == null ? void 0 : e.getLiveConnectionManager()) == null ? void 0 : n.disconnect());
   } catch (t) {
     throw console.error("Failed to exit host connection:", t), t;
   }
-}, P = (n, e) => {
-  I.has(n) || I.set(n, []), I.get(n).push(e);
-}, $ = (n, e) => {
-  const t = I.get(n);
-  t && (t.splice(t.indexOf(e), 1), t.length === 0 && I.delete(n));
-}, v = (n, e) => {
-  const t = I.get(n);
+}, $ = (e, n) => {
+  I.has(e) || I.set(e, []), I.get(e).push(n);
+}, z = (e, n) => {
+  const t = I.get(e);
+  t && (t.splice(t.indexOf(n), 1), t.length === 0 && I.delete(e));
+}, v = (e, n) => {
+  const t = I.get(e);
   t && t.forEach((i) => {
     try {
-      i(e);
+      i(n);
     } catch (o) {
-      console.error(`Error in event callback for ${n}:`, o);
+      console.error(`Error in event callback for ${e}:`, o);
     }
   });
-}, l = (n) => ({
-  liveId: n.roomId,
-  userId: n.userId,
-  userName: n.userName,
-  avatarUrl: n.avatarUrl,
+}, l = (e) => ({
+  liveId: e.roomId,
+  userId: e.userId,
+  userName: e.userName,
+  avatarUrl: e.avatarUrl,
   microphoneStatus: f.Off,
-  microphoneStatusReason: L.ChangedBySelf,
+  allowOpenMicrophone: !0,
   cameraStatus: f.Off,
-  cameraStatusReason: L.ChangedBySelf
-}), z = (n) => {
-  const e = l(n.inviter);
-  r.value.find((t) => t.userId === e.userId && t.liveId === e.liveId) || r.value.push(e), v(u.onCoHostRequestReceived, { inviter: e, extensionInfo: n.extensionInfo });
-}, G = (n) => {
-  const e = l(n.inviter);
-  r.value = r.value.filter(
-    (t) => !(t.userId === e.userId && t.liveId === e.liveId)
-  ), v(u.onCoHostRequestCancelled, { inviter: e });
-}, K = (n) => {
-  const e = l(n.invitee);
-  a.value = a.value.filter(
-    (t) => !(t.userId === e.userId && t.liveId === e.liveId)
+  allowOpenCamera: !0
+}), B = (e) => {
+  const n = l(e.inviter);
+  a.value = n, v(u.onCoHostRequestReceived, { inviter: n, extensionInfo: e.extensionInfo });
+}, G = (e) => {
+  var t, i;
+  const n = l(e.inviter);
+  ((t = a.value) == null ? void 0 : t.userId) === n.userId && ((i = a.value) == null ? void 0 : i.liveId) === n.liveId && (a.value = null), v(u.onCoHostRequestCancelled, { inviter: n });
+}, Q = (e) => {
+  const n = l(e.invitee);
+  s.value = s.value.filter(
+    (t) => !(t.userId === n.userId && t.liveId === n.liveId)
   ), v(u.onCoHostRequestAccepted, {
-    invitee: e
+    invitee: n
   });
-}, Q = (n) => {
-  const e = l(n.invitee);
-  a.value = a.value.filter(
-    (t) => !(t.userId === e.userId && t.liveId === e.liveId)
+}, V = (e) => {
+  const n = l(e.invitee);
+  s.value = s.value.filter(
+    (t) => !(t.userId === n.userId && t.liveId === n.liveId)
   ), v(u.onCoHostRequestRejected, {
-    invitee: e
+    invitee: n
   });
-}, V = (n) => {
-  const e = l(n.inviter), t = l(n.invitee);
-  a.value = a.value.filter(
-    (i) => !(i.userId === t.userId && i.liveId === t.liveId)
-  ), r.value = r.value.filter(
-    (i) => !(i.userId === e.userId && i.liveId === e.liveId)
-  ), v(u.onCoHostRequestTimeout, { inviter: e, invitee: t });
-}, W = (n) => {
-  const e = n.connectedList.map((o) => l(o)), t = n.joinedList.map((o) => l(o)), i = n.leavedList.map((o) => l(o));
-  g.value = e, t.forEach((o) => {
+}, W = (e) => {
+  var i, o;
+  const n = l(e.inviter), t = l(e.invitee);
+  s.value = s.value.filter(
+    (c) => !(c.userId === t.userId && c.liveId === t.liveId)
+  ), ((i = a.value) == null ? void 0 : i.userId) === n.userId && ((o = a.value) == null ? void 0 : o.liveId) === n.liveId && (a.value = null), v(u.onCoHostRequestTimeout, { inviter: n, invitee: t });
+}, X = (e) => {
+  const n = e.connectedList.map((o) => l(o)), t = e.joinedList.map((o) => l(o)), i = e.leavedList.map((o) => l(o));
+  g.value = n, t.forEach((o) => {
     var c;
     o.userId !== ((c = m.value) == null ? void 0 : c.userId) && v(u.onCoHostUserJoined, { userInfo: o });
   }), i.forEach((o) => {
     var c;
-    o.userId !== ((c = m.value) == null ? void 0 : c.userId) && T.value === w.Connected && v(u.onCoHostUserLeft, { userInfo: o });
+    o.userId !== ((c = m.value) == null ? void 0 : c.userId) && M.value === R.Connected && v(u.onCoHostUserLeft, { userInfo: o });
   });
-}, X = [
-  { event: d.onConnectionRequestReceived, handler: z },
+}, Y = [
+  { event: d.onConnectionRequestReceived, handler: B },
   { event: d.onConnectionRequestCancelled, handler: G },
-  { event: d.onConnectionRequestAccept, handler: K },
-  { event: d.onConnectionRequestReject, handler: Q },
-  { event: d.onConnectionRequestTimeout, handler: V },
-  { event: d.onConnectionUserListChanged, handler: W }
-], Y = () => {
-  X.forEach(({ event: n, handler: e }) => {
+  { event: d.onConnectionRequestAccept, handler: Q },
+  { event: d.onConnectionRequestReject, handler: V },
+  { event: d.onConnectionRequestTimeout, handler: W },
+  { event: d.onConnectionUserListChanged, handler: X }
+], Z = () => {
+  Y.forEach(({ event: e, handler: n }) => {
     var t, i;
-    (i = (t = C.instance) == null ? void 0 : t.getLiveConnectionManager()) == null || i.on(n, e);
+    (i = (t = C.instance) == null ? void 0 : t.getLiveConnectionManager()) == null || i.on(e, n);
   });
 };
-E(() => {
-  var n;
-  return (n = M.value) == null ? void 0 : n.liveId;
-}, (n, e) => {
-  e && !n && (g.value = [], r.value = [], a.value = []);
+S(() => {
+  var e;
+  return (e = T.value) == null ? void 0 : e.liveId;
+}, (e, n) => {
+  n && !e && (g.value = [], a.value = null, s.value = []);
 });
 y.once("ready", () => {
-  Y();
+  Z();
 });
-function se() {
+function le() {
   return y.once("ready", async () => {
-    m.value ? await O({ cursor: "", count: 50 }) : E(
+    m.value ? await H({ cursor: "", count: 50 }) : S(
       m,
-      async (n, e) => {
-        !e && n && q.value.length === 0 && await O({ cursor: "", count: 50 });
+      async (e, n) => {
+        !n && e && E.value.length === 0 && await H({ cursor: "", count: 50 });
       },
       { immediate: !0 }
     );
   }), {
     // Reactive data
-    coHostStatus: T,
+    coHostStatus: M,
     connected: g,
-    applicants: r,
-    invitees: a,
-    candidates: A,
+    applicant: a,
+    invitees: s,
+    candidates: F,
     // Operation interfaces
-    requestHostConnection: F,
-    cancelHostConnection: B,
-    acceptHostConnection: D,
-    rejectHostConnection: J,
+    requestHostConnection: D,
+    cancelHostConnection: J,
+    acceptHostConnection: K,
+    rejectHostConnection: P,
     exitHostConnection: k,
     // Event listeners
-    subscribeEvent: P,
-    unsubscribeEvent: $
+    subscribeEvent: $,
+    unsubscribeEvent: z
   };
 }
 export {
-  se as useCoHostState
+  le as useCoHostState
 };

package/dist/states/{DeviceState.d.ts → DeviceState/DeviceState.d.ts}

@@ -1,6 +1,6 @@
-import { DeviceStatus, TUIDeviceInfo } from '../types';
-import { DeviceError, AudioOutput } from '../types/device';
-import { TUIMediaDeviceType, TUIVideoQuality, TUIMediaDeviceState, TUIChangeReason } from '@tencentcloud/tuiroom-engine-js';
+import { DeviceStatus, TUIDeviceInfo } from '../../types';
+import { DeviceError, VideoQuality, AudioRoute, MirrorType, NetworkInfo } from '../../types/device';
+import { TUIMediaDeviceType, TUIMediaDeviceState } from '@tencentcloud/tuiroom-engine-js';
 
 export declare function onDeviceChanged(eventInfo: {
     deviceId: string;
@@ -49,10 +49,9 @@ export declare function useDeviceState(): {
     } | null>;
     microphoneLastError: import('vue').Ref<DeviceError, DeviceError>;
     isMicrophoneTesting: import('vue').Ref<boolean, boolean>;
-    audioVolume: import('vue').Ref<number, number>;
+    currentMicVolume: import('vue').Ref<number, number>;
     captureVolume: import('vue').Ref<number, number>;
-    outputVolume: import('vue').Ref<number, number>;
-    testAudioVolume: import('vue').Ref<number, number>;
+    testingMicVolume: import('vue').Ref<number, number>;
     cameraStatus: import('vue').Ref<DeviceStatus, DeviceStatus>;
     cameraList: import('vue').Ref<{
         deviceId: string;
@@ -96,8 +95,8 @@ export declare function useDeviceState(): {
     isCameraTesting: import('vue').Ref<boolean, boolean>;
     isCameraTestLoading: import('vue').Ref<boolean, boolean>;
     isFrontCamera: import('vue').Ref<boolean, boolean>;
-    isLocalMirror: import('vue').Ref<boolean, boolean>;
-    localVideoQuality: import('vue').Ref<TUIVideoQuality, TUIVideoQuality>;
+    localMirrorType: import('vue').Ref<MirrorType, MirrorType>;
+    localVideoQuality: import('vue').Ref<VideoQuality, VideoQuality>;
     speakerList: import('vue').Ref<{
         deviceId: string;
         deviceName: string;
@@ -136,10 +135,23 @@ export declare function useDeviceState(): {
             }[] | undefined;
         } | undefined;
     } | null>;
-    currentAudioOutput: import('vue').Ref<AudioOutput, AudioOutput>;
+    outputVolume: import('vue').Ref<number, number>;
+    currentAudioRoute: import('vue').Ref<AudioRoute, AudioRoute>;
     isSpeakerTesting: import('vue').Ref<boolean, boolean>;
     screenStatus: import('vue').Ref<DeviceStatus, DeviceStatus>;
-    screenStatusReason: import('vue').Ref<TUIChangeReason | undefined, TUIChangeReason | undefined>;
+    networkInfo: import('vue').Ref<{
+        userId: string;
+        quality: import('../..').NetworkQuality;
+        upLoss: number;
+        downLoss: number;
+        delay: number;
+    } | null, NetworkInfo | {
+        userId: string;
+        quality: import('../..').NetworkQuality;
+        upLoss: number;
+        downLoss: number;
+        delay: number;
+    } | null>;
     openLocalMicrophone: () => Promise<void>;
     closeLocalMicrophone: () => Promise<void>;
     muteLocalAudio: () => Promise<void>;
@@ -157,7 +169,7 @@ export declare function useDeviceState(): {
     setCurrentSpeaker: (options: {
         deviceId: string;
     }) => Promise<void>;
-    setAudioOutput: (output: AudioOutput) => Promise<void>;
+    setAudioRoute: (output: AudioRoute) => Promise<void>;
     startSpeakerTest: (options: {
         filePath: string;
     }) => Promise<void>;
@@ -173,10 +185,10 @@ export declare function useDeviceState(): {
         isFrontCamera: boolean;
     }) => Promise<void>;
     switchMirror: (options: {
-        mirror: boolean;
+        mirror: MirrorType;
     }) => Promise<void>;
     updateVideoQuality: (options: {
-        quality: TUIVideoQuality;
+        quality: VideoQuality;
     }) => Promise<void>;
     startCameraDeviceTest: (options: {
         view: string;