tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/states/UserState/store.js

@@ -1,23 +1,16 @@
-import { ref as i, computed as n, reactive as U } from "vue";
-import { TUINetworkQuality as p, TUIRole as O } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomState as I } from "../RoomState.js";
-import { useLoginState as g } from "../LoginState.js";
-import { SeatStatus as o, UserRoomStatus as v, ConnectionStatus as h, StreamPlayStatus as c } from "../../types/user.js";
+import { ref as i, computed as n, reactive as S } from "vue";
+import { TUINetworkQuality as U, TUIRole as p } from "@tencentcloud/tuiroom-engine-js";
+import { useLoginState as O } from "../LoginState.js";
+import { SeatStatus as o, UserRoomStatus as v, ConnectionStatus as I, StreamPlayStatus as c } from "../../types/user.js";
 import { DeviceStatus as u } from "../../types/device.js";
-const { loginUserInfo: f } = g(), { currentRoom: m } = I(), s = i(/* @__PURE__ */ new Map()), S = i(0), l = n(() => s.value.size > 0 ? Array.from(s.value.values()).filter((e) => e.userId.indexOf("livekit_") !== 0) : []), a = i([]), w = i([]), R = n(() => {
-  var e;
-  return (e = m.value) != null && e.isSeatEnabled ? a.value.filter((t) => t.cameraStatus === u.On) : l.value.filter((t) => t.cameraStatus === u.On);
-}), L = n(() => {
-  var e;
-  return (e = m.value) != null && e.isSeatEnabled ? a.value.filter((t) => t.screenStatus === u.On)[0] || null : l.value.filter((t) => t.screenStatus === u.On)[0] || null;
-}), y = n(() => {
+const { loginUserInfo: f } = O(), s = i(/* @__PURE__ */ new Map()), m = i(0), l = n(() => s.value.size > 0 ? Array.from(s.value.values()).filter((e) => e.userId.indexOf("livekit_") !== 0) : []), r = i([]), g = i([]), h = n(() => l.value.filter((e) => e.cameraStatus === u.On)), w = n(() => l.value.filter((e) => e.screenStatus === u.On)[0] || null), L = n(() => {
   var e;
   return s.value.get(((e = f.value) == null ? void 0 : e.userId) ?? "");
-}), C = n(() => l.value.filter((e) => {
+}), y = n(() => l.value.filter((e) => {
   var t;
   return e.userId !== ((t = f.value) == null ? void 0 : t.userId);
-})), k = n(() => a.value.find((e) => e.userId.indexOf("livekit_") === 0 && e.seatStatus === o.On && e.cameraStatus === u.On));
-function b(e) {
+})), C = n(() => r.value.find((e) => e.userId.indexOf("livekit_") === 0 && e.seatStatus === o.On && e.cameraStatus === u.On));
+function R(e) {
   return {
     // 基础信息
     userId: e,
@@ -25,7 +18,7 @@ function b(e) {
     avatarUrl: "",
     nameCard: "",
     roomCustomInfo: {},
-    userRole: O.kGeneralUser,
+    userRole: p.kGeneralUser,
     isMessageDisabled: !1,
     joinedTimestamp: Date.now(),
     // 麦位信息
@@ -40,91 +33,91 @@ function b(e) {
     videoPlayStatus: c.Stopped,
     screenPlayStatus: c.Stopped,
     // 网络
-    networkQuality: p.kQualityUnknown,
+    networkQuality: U.kQualityUnknown,
     // 跨房的状态
     roomId: "",
     userRoomStatus: v.NotInRoom,
-    hostConnectionStatus: h.Off
+    hostConnectionStatus: I.Off
   };
 }
-function N(e) {
+function k(e) {
   const { userId: t } = e;
   if (!t)
     return;
-  let r;
-  s.value.has(t) ? r = Object.assign(s.value.get(t), e) : r = Object.assign(b(t), { userRoomStatus: v.InRoom }, e), s.value.set(t, r), e.seatStatus === o.On && a.value.push(r);
+  let a;
+  s.value.has(t) ? a = Object.assign(s.value.get(t), e) : a = Object.assign(R(t), { userRoomStatus: v.InRoom }, e), s.value.set(t, a), e.seatStatus === o.On && r.value.push(a);
 }
-function D(e) {
+function N(e) {
   if (!e.userId || !s.value.has(e.userId))
     return;
   const t = Object.assign(
     s.value.get(e.userId),
     e
   );
-  s.value.set(e.userId, t), e.seatStatus === o.Off ? a.value = a.value.filter((r) => r.userId !== e.userId) : e.seatStatus === o.On && (a.value = a.value.filter((r) => r.userId !== e.userId), a.value.push(t));
+  s.value.set(e.userId, t), e.seatStatus === o.Off ? r.value = r.value.filter((a) => a.userId !== e.userId) : e.seatStatus === o.On && (r.value = r.value.filter((a) => a.userId !== e.userId), r.value.push(t));
 }
-function j(e) {
+function D(e) {
   var t;
-  !e || e === ((t = f.value) == null ? void 0 : t.userId) || (s.value.has(e) && s.value.delete(e), a.value = a.value.filter((r) => r.userId !== e));
+  !e || e === ((t = f.value) == null ? void 0 : t.userId) || (s.value.has(e) && s.value.delete(e), r.value = r.value.filter((a) => a.userId !== e));
 }
-const A = (e, t) => {
+const q = (e, t) => {
   if (e && s.value.has(e)) {
-    const r = s.value.get(e);
-    s.value.set(e, { ...r, ...t });
+    const a = s.value.get(e);
+    s.value.set(e, { ...a, ...t });
   }
 };
 function d(e) {
   return s.value.get(e.userId);
 }
-function x(e) {
+function b(e) {
   const t = s.value.get(e.userId);
   return t ? t.nameCard || t.userName || t.userId : "";
 }
-function T(e) {
-  S.value = e;
+function j(e) {
+  m.value = e;
 }
-function M() {
+function x() {
   s.value.clear();
 }
-function P() {
+function T() {
   return {
     userList: l,
-    userListCursor: S,
-    userListOnSeat: a,
-    localUser: y,
-    receivedDeviceRequestList: w,
-    remoteUserList: C,
-    userWithScreenOn: L,
-    userListWithCameraOn: R,
+    userListCursor: m,
+    userListOnSeat: r,
+    localUser: L,
+    receivedDeviceRequestList: g,
+    remoteUserList: y,
+    userWithScreenOn: w,
+    userListWithCameraOn: h,
     getUserInfo: d,
-    getDisplayName: x
+    getDisplayName: b
   };
 }
-const G = U({
-  ...P(),
+const z = S({
+  ...T(),
   // 需要知道虚拟用户是不是存在
   userInfoMap: s,
-  mixUserInfo: k,
-  userListOnSeat: a,
-  setUserListCursor: T,
-  addUserInfo: N,
+  mixUserInfo: C,
+  userListOnSeat: r,
+  setUserListCursor: j,
+  addUserInfo: k,
   getUserInfo: d,
-  removeUserInfo: j,
-  updateUserInfo: D,
-  resetUserList: M
+  removeUserInfo: D,
+  updateUserInfo: N,
+  resetUserList: x
 });
 export {
-  N as addUserInfo,
-  P as default,
-  x as getDisplayName,
-  b as getNewUserInfo,
+  k as addUserInfo,
+  T as default,
+  b as getDisplayName,
+  R as getNewUserInfo,
   d as getUserInfo,
-  G as innerUserStore,
-  w as receivedDeviceRequestList,
-  C as remoteUserList,
-  j as removeUserInfo,
-  M as resetUserList,
-  T as setUserListCursor,
-  D as updateUserInfo,
-  A as updateUserStatus
+  z as innerUserStore,
+  g as receivedDeviceRequestList,
+  y as remoteUserList,
+  D as removeUserInfo,
+  x as resetUserList,
+  j as setUserListCursor,
+  N as updateUserInfo,
+  q as updateUserStatus
 };

package/dist/states/UserState/userManager.d.ts

@@ -1,5 +1,5 @@
 import { TUIRole, TUIRequestCallback } from '@tencentcloud/tuiroom-engine-js';
-import { UserInfo, DeviceType } from '../../types';
+import { DeviceType, UserInfo } from '../../types';
 
 export interface IUserManager {
     fetchUserList({ cursor, count }: {
@@ -57,7 +57,7 @@ export default class UserManager implements IUserManager {
     private userListCompareFunction;
     constructor();
     initUserList(): Promise<void>;
-    setCustomInfoForUser(options: CustomInfoForUser): Promise<void | undefined>;
+    setCustomInfoForUser(options: CustomInfoForUser): Promise<any>;
     changeUserRole(options: {
         userId: string;
         userRole: TUIRole;

package/dist/states/UserState/userManager.js

@@ -1,41 +1,42 @@
-var T = Object.defineProperty;
-var C = (q, e, s) => e in q ? T(q, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : q[e] = s;
-var w = (q, e, s) => C(q, typeof e != "symbol" ? e + "" : e, s);
-import D, { TUIRole as h, TUIMediaDevice as y, TUIRequestAction as m, TUIRoomEvents as v } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine as M } from "../../hooks/useRoomEngine.js";
+var b = Object.defineProperty;
+var T = (q, e, s) => e in q ? b(q, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : q[e] = s;
+var w = (q, e, s) => T(q, typeof e != "symbol" ? e + "" : e, s);
+import C, { TUIRole as h, TUIMediaDevice as y, TUIRequestAction as m, TUIRoomEvents as v } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as D } from "../../hooks/useRoomEngine.js";
+import { useRoomState as M } from "../RoomState/index.js";
 import { innerUserStore as n } from "./store.js";
 import $ from "./userEventManager.js";
-import { useRoomState as A } from "../RoomState.js";
 import { SeatStatus as R, RequestType as U } from "../../types/user.js";
 import { DeviceStatus as i, DeviceType as c } from "../../types/device.js";
-const { currentRoom: E } = A(), r = M(), O = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), S = class S {
+const r = D();
+M();
+const O = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), S = class S {
   constructor() {
     w(this, "userListCompareFunction");
     return S.instance || (S.instance = this), new $(), this.userListCompareFunction = null, this.onRequestReceived = this.onRequestReceived.bind(this), this.onRequestCancelled = this.onRequestCancelled.bind(this), this.onRequestProcessed = this.onRequestProcessed.bind(this), this.bindRoomEngineEvents(), S.instance;
   }
   async initUserList() {
-    var a, o, f, l, g;
+    var a, o, f, l;
     if (!r.instance)
       return;
     const { nextSequence: e, userInfoList: s } = await ((a = r.instance) == null ? void 0 : a.getUserList());
-    if (n.setUserListCursor(e || 0), s == null || s.forEach((d) => {
+    n.setUserListCursor(e || 0), s == null || s.forEach((d) => {
       n.addUserInfo(d);
-    }), !((o = E.value) != null && o.isSeatEnabled))
-      return;
-    const t = await ((f = r.instance) == null ? void 0 : f.getSeatList());
+    });
+    const t = await ((o = r.instance) == null ? void 0 : o.getSeatList());
     if (t == null || t.forEach(async (d) => {
       var I;
       if (d.userId && d.userId.indexOf("livekit_") !== 0) {
         const p = await ((I = r.instance) == null ? void 0 : I.getUserInfo({ userId: d.userId }));
         n.addUserInfo(p), n.updateUserInfo({ userId: d.userId, seatStatus: R.On, onSeatTimestamp: Date.now() });
       }
-    }), ((l = n.localUser) == null ? void 0 : l.userRole) !== h.kGeneralUser) {
-      const d = await ((g = r.instance) == null ? void 0 : g.getSeatApplicationList());
+    }), ((f = n.localUser) == null ? void 0 : f.userRole) !== h.kGeneralUser) {
+      const d = await ((l = r.instance) == null ? void 0 : l.getSeatApplicationList());
       d == null || d.forEach(async (I) => {
         var p;
         if (!n.getUserInfo({ userId: I.userId })) {
-          const b = await ((p = r.instance) == null ? void 0 : p.getUserInfo({ userId: I.userId }));
-          n.addUserInfo(b);
+          const k = await ((p = r.instance) == null ? void 0 : p.getUserInfo({ userId: I.userId }));
+          n.addUserInfo(k);
         }
         u.set(`${U.Seat}_${I.userId}`, I.requestId), n.updateUserInfo({ userId: I.userId, seatStatus: R.OffApplicationPending });
       });
@@ -112,12 +113,9 @@ const { currentRoom: E } = A(), r = M(), O = /* @__PURE__ */ new Map(), u = /* @
   }
   async sendOpenDeviceRequest(e) {
     var a, o;
-    const s = e.requestCallback ? (
-      // @ts-ignore 类型不匹配但实际运行时正常
-      (f) => {
-        e.requestCallback && e.requestCallback(f);
-      }
-    ) : void 0;
+    const s = e.requestCallback ? (f) => {
+      e.requestCallback && e.requestCallback(f);
+    } : void 0;
     let t;
     if (n.localUser.userRole !== h.kGeneralUser && e.userId) {
       const l = {
@@ -230,7 +228,7 @@ const { currentRoom: E } = A(), r = M(), O = /* @__PURE__ */ new Map(), u = /* @
     }
   }
   bindRoomEngineEvents() {
-    D.once("ready", () => {
+    C.once("ready", () => {
       var e, s, t;
       (e = r.instance) == null || e.on(
         v.onRequestReceived,
@@ -246,7 +244,7 @@ const { currentRoom: E } = A(), r = M(), O = /* @__PURE__ */ new Map(), u = /* @
   }
 };
 w(S, "instance");
-let k = S;
+let g = S;
 export {
-  k as default
+  g as default
 };

package/dist/states/VideoMixerState/VideoMixerState.d.ts

@@ -1,15 +1,71 @@
+import { ComputedRef } from 'vue';
 import { TUIVideoQuality, MediaSource } from '../../types';
 
+export declare const isVideoMixerEnabled: import('vue').Ref<boolean, boolean>;
+/**
+ * 添加媒体源到混流
+ * @memberof module:VideoMixerState
+ * @param {MediaSource} source - 媒体源对象
+ * @returns {Promise<void>} 添加操作的Promise
+ * @throws {Error} 当添加失败时抛出错误
+ * @example
+ * // 添加摄像头媒体源
+ * await addMediaSource({
+ *   type: TRTCMediaSourceType.kCamera,
+ *   camera: { cameraId: 'default' },
+ * });
+ *
+ * // 添加屏幕分享媒体源
+ * await addMediaSource({
+ *   type: TRTCMediaSourceType.kScreen,
+ *   screen: { sourceId: 'screen' },
+ * });
+ */
 declare function addMediaSource(source: MediaSource): Promise<void>;
+/**
+ * 更新媒体源配置
+ * @memberof module:VideoMixerState
+ * @param {MediaSource} source - 要更新的媒体源
+ * @param {Partial<MediaSource>} config - 更新的配置
+ * @returns {Promise<void>} 更新操作的Promise
+ * @example
+ * // 更新媒体源布局
+ * await updateMediaSource(mediaSourceList.value[0], {
+ *   layout: { rect: { left: 100, top: 100, right: 500, bottom: 400 } }
+ * });
+ */
 declare function updateMediaSource(source: MediaSource, config: Partial<MediaSource>): Promise<void>;
+/**
+ * 移除媒体源
+ * @memberof module:VideoMixerState
+ * @param {MediaSource} source - 要移除的媒体源
+ * @returns {Promise<void>} 移除操作的Promise
+ * @example
+ * // 移除媒体源
+ * await removeMediaSource(mediaSourceList.value[0]);
+ */
 declare function removeMediaSource(source: MediaSource): Promise<void>;
+/**
+ * 启用本地视频混流
+ * @memberof module:VideoMixerState
+ * @example
+ * // 启用视频混流
+ * enableLocalVideoMixer();
+ */
 declare function enableLocalVideoMixer(): void;
+/**
+ * 清空所有媒体源
+ * @memberof module:VideoMixerState
+ * @example
+ * // 清空所有媒体源
+ * clearMediaSource();
+ */
 declare function clearMediaSource(): void;
 declare function useVideoMixerState(): {
     isVideoMixerEnabled: import('vue').Ref<boolean, boolean>;
     publishVideoQuality: import('vue').Ref<TUIVideoQuality, TUIVideoQuality>;
     mediaSourceList: import('vue').Ref<any, any>;
-    activeMediaSource: import('vue').ComputedRef<any>;
+    activeMediaSource: ComputedRef<any>;
     enableLocalVideoMixer: typeof enableLocalVideoMixer;
     addMediaSource: typeof addMediaSource;
     updateMediaSource: typeof updateMediaSource;