tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

package/dist/states/FreeBeautyState/FreeBeautyState.js

@@ -0,0 +1,103 @@
+import { ref as C, watch as y } from "vue";
+import { useRoomEngine as w } from "../../hooks/useRoomEngine.js";
+import { dataReport as S } from "../../report/dataReport.js";
+import { MetricsKey as h } from "../../report/MetricsKey.js";
+import { useRoomState as B } from "../RoomState/index.js";
+import { useDeviceState as p } from "../DeviceState/DeviceState.js";
+import { TRTCBeautyStyle as f } from "../../types/beauty.js";
+import { DeviceStatus as l } from "../../types/device.js";
+const { cameraStatus: L } = p(), { currentRoom: R } = B(), c = w();
+let i = !1;
+const u = C({
+  beautyLevel: 0,
+  whitenessLevel: 0,
+  ruddinessLevel: 0
+}), r = {
+  beautyLevel: 0,
+  whitenessLevel: 0,
+  ruddinessLevel: 0
+};
+async function m(e) {
+  r.beautyLevel = e.beautyLevel, r.whitenessLevel = e.whitenessLevel, r.ruddinessLevel = e.ruddinessLevel;
+  const t = n(e.beautyLevel), s = n(e.whitenessLevel), a = n(e.ruddinessLevel);
+  await b(t, s, a);
+}
+async function v() {
+  var d;
+  if (u.value = { ...r }, L.value === l.Off)
+    return;
+  const e = (d = c.instance) == null ? void 0 : d.getTRTCCloud();
+  if (e === void 0) {
+    console.error("trtcCloud is undefined");
+    return;
+  }
+  const t = f.TRTCBeautyStyleNature, s = n(u.value.beautyLevel), a = n(u.value.whitenessLevel), o = n(u.value.ruddinessLevel);
+  await T(), await e.setBeautyStyle(
+    t,
+    s,
+    a,
+    o
+  ), r.beautyLevel = 0, r.whitenessLevel = 0, r.ruddinessLevel = 0;
+}
+async function b(e, t, s) {
+  var o;
+  const a = (o = c.instance) == null ? void 0 : o.getTRTCCloud();
+  if (a === void 0) {
+    console.error("trtcCloud is undefined");
+    return;
+  }
+  await T(), await a.callExperimentalAPI(
+    JSON.stringify({
+      api: "enableTestBeautyStyle",
+      params: {
+        style: f.TRTCBeautyStyleNature,
+        beautyLevel: e,
+        whitenessLevel: t,
+        ruddinessLevel: s
+      }
+    })
+  );
+}
+async function T() {
+  var t;
+  const e = (t = c.instance) == null ? void 0 : t.getTRTCCloud();
+  if (e === void 0) {
+    console.error("trtcCloud is undefined");
+    return;
+  }
+  if (i === !1)
+    try {
+      await e.useBeautyStyle(), i = !0;
+    } catch (s) {
+      console.error("useBeautyStyle failed, error:", s), i = !1;
+    }
+}
+function n(e) {
+  return Math.floor(e / 100 * 9);
+}
+async function E() {
+  await m({
+    beautyLevel: 0,
+    whitenessLevel: 0,
+    ruddinessLevel: 0
+  }), await v(), i = !1;
+}
+y(() => {
+  var e;
+  return (e = R.value) == null ? void 0 : e.roomId;
+}, (e) => {
+  e || E();
+});
+y(L, (e, t) => {
+  e === l.On && t === l.Off && v();
+});
+function x() {
+  return S.reportCount(h.T_METRICS_STATE_FREE_BEAUTY_STATE_COUNT), {
+    beautyConfig: u,
+    setFreeBeauty: m,
+    saveBeautySetting: v
+  };
+}
+export {
+  x as useFreeBeautyState
+};

package/dist/states/FreeBeautyState/index.d.ts

@@ -0,0 +1 @@
+export * from './FreeBeautyState';

package/dist/states/FreeBeautyState/index.js

@@ -0,0 +1,4 @@
+import { useFreeBeautyState as r } from "./FreeBeautyState.js";
+export {
+  r as useFreeBeautyState
+};

package/dist/states/GroupSettingState/GroupSettingState.d.ts

@@ -1,5 +1,10 @@
 import { GroupMemberRole, GroupType, GroupPermission, GroupInviteType, GroupMember, GroupSettingState, GetGroupMemberListParams, UpdateGroupProfileParams, SetGroupMemberRoleParams, SetGroupMemberMuteTimeParams, SetGroupMemberNameCardParams, GroupPermissionUtils, AddGroupMemberParams, DeleteGroupMemberParams, ChangeGroupOwnerParams, AddGroupMemberResult } from './types';
 
+/**
+ * 群组设置业务操作接口
+ * @interface IGroupSettingBusinessAction
+ * @description 定义群组设置相关的业务操作方法，继承权限工具接口
+ */
 interface IGroupSettingBusinessAction extends GroupPermissionUtils {
     setChatPinned: (value: boolean) => Promise<void>;
     setChatMuted: (value: boolean) => Promise<void>;
@@ -15,6 +20,60 @@ interface IGroupSettingBusinessAction extends GroupPermissionUtils {
     dismissGroup: (groupID?: string) => Promise<void>;
     quitGroup: (groupID?: string) => Promise<void>;
 }
+/**
+ * 群组设置状态管理Hook
+ * @memberof module:GroupSettingState
+ * @description 提供群组设置相关的状态和操作方法，包括群组信息管理、成员管理、权限控制等功能
+ * @returns {GroupSettingState & IGroupSettingBusinessAction} 群组设置状态和操作方法
+ * @example
+ * ```typescript
+ * import { useGroupSettingState } from './GroupSettingState';
+ *
+ * // 在组件中使用
+ * const {
+ *   // 状态数据
+ *   groupID,
+ *   groupName,
+ *   groupOwner,
+ *   allMembers,
+ *   currentUserRole,
+ *
+ *   // 权限检查
+ *   hasPermission,
+ *   canOperateOnMember,
+ *
+ *   // 业务操作
+ *   updateGroupProfile,
+ *   addGroupMember,
+ *   deleteGroupMember,
+ *   setGroupMemberRole,
+ *   setMuteAllMember,
+ *   dismissGroup
+ * } = useGroupSettingState();
+ *
+ * // 更新群组信息
+ * await updateGroupProfile({
+ *   name: '新群名称',
+ *   introduction: '群组简介'
+ * });
+ *
+ * // 添加群成员
+ * await addGroupMember({
+ *   userIDList: ['user1', 'user2']
+ * });
+ *
+ * // 检查权限
+ * if (hasPermission(GroupPermission.DELETE_MEMBER)) {
+ *   // 显示删除成员按钮
+ * }
+ *
+ * // 检查是否可以操作某个成员
+ * const member = allMembers.value?.find(m => m.userID === 'user123');
+ * if (member && canOperateOnMember(member)) {
+ *   // 显示管理操作
+ * }
+ * ```
+ */
 declare function useGroupSettingState(): GroupSettingState & IGroupSettingBusinessAction;
 export { useGroupSettingState, GroupPermission, GroupType, GroupMemberRole, GroupInviteType, };
 export type { GroupMember, };

package/dist/states/LiveAudienceState.d.ts

@@ -1,22 +1,60 @@
 import { LiveAudienceEvent, AudienceInfo } from '../types';
 
+/**
+ * 直播观众状态管理Hook
+ * @memberof module:LiveAudienceState
+ * @description 提供直播观众状态管理的组合式函数，包含观众列表、观众数量、管理员操作和事件订阅等功能
+ * @returns {Object} 观众状态管理对象
+ * @example
+ * ```typescript
+ * // 在Vue组件中使用
+ * import { useLiveAudienceState } from './LiveAudienceState';
+ *
+ * export default {
+ *   setup() {
+ *     const {
+ *       audienceList,
+ *       audienceCount,
+ *       fetchAudienceList,
+ *       setAdministrator,
+ *       subscribeEvent
+ *     } = useLiveAudienceState();
+ *
+ *     // 组件挂载时获取观众列表
+ *     onMounted(async () => {
+ *       await fetchAudienceList();
+ *     });
+ *
+ *     // 订阅观众加入事件
+ *     subscribeEvent(LiveAudienceEvent.onAudienceJoined, (eventInfo) => {
+ *       console.log('新观众加入:', eventInfo.audience.userName);
+ *     });
+ *
+ *     return {
+ *       audienceList,
+ *       audienceCount
+ *     };
+ *   }
+ * }
+ * ```
+ */
 export declare function useLiveAudienceState(): {
     audienceList: import('vue').ComputedRef<AudienceInfo[]>;
     audienceCount: import('vue').ComputedRef<number>;
     fetchAudienceList: () => Promise<AudienceInfo[]>;
     setAdministrator: ({ userId }: {
         userId: string;
-    }) => Promise<void | undefined>;
+    }) => Promise<any>;
     revokeAdministrator: ({ userId }: {
         userId: string;
-    }) => Promise<void | undefined>;
+    }) => Promise<any>;
     kickUserOutOfRoom: ({ userId }: {
         userId: string;
-    }) => Promise<void | undefined>;
+    }) => Promise<any>;
     disableSendMessage: ({ userId, isDisable }: {
         userId: string;
         isDisable: boolean;
-    }) => Promise<void | undefined>;
+    }) => Promise<any>;
     subscribeEvent: (event: LiveAudienceEvent, callback: (eventInfo: any) => void) => void;
     unsubscribeEvent: (event: LiveAudienceEvent, callback: (eventInfo: any) => void) => void;
 };

package/dist/states/LiveListState/LiveListState.d.ts

@@ -121,10 +121,10 @@ export declare function useLiveListState(): {
     updateLiveInfo: (params: UpdateLiveInfoParams) => Promise<void>;
     queryMetaData: (options: {
         keys: string[];
-    }) => Promise<any> | undefined;
+    }) => any;
     updateLiveMetaData: (options: {
         metaData: string;
-    }) => Promise<void> | undefined;
+    }) => any;
     subscribeEvent: (event: LiveListEvent, callback: (eventInfo: any) => void) => void;
     unsubscribeEvent: (event: LiveListEvent, callback: (eventInfo: any) => void) => void;
 };

package/dist/states/LiveListState/LiveListState.js

@@ -3,10 +3,10 @@ import O, { TUIRoomEvents as d, TUILiveLayoutManagerEvents as _, TUILiveListMana
 import { useRoomEngine as R } from "../../hooks/useRoomEngine.js";
 import { dataReport as S } from "../../report/dataReport.js";
 import { MetricsKey as L } from "../../report/MetricsKey.js";
-import V from "../../rtc/server.js";
+import V from "../../subEntry/live/server.js";
 import { isMobile as T } from "../../utils/environment.js";
-import { LiveType as h, LiveEndedReason as A, LiveListEvent as b, LiveKickedOutReason as k } from "../../types/live.js";
-import { TUISeatMode as P } from "../../types/types.js";
+import { TUISeatMode as A } from "../../types/types.js";
+import { LiveType as h, LiveEndedReason as P, LiveListEvent as b, LiveKickedOutReason as k } from "../../types/live.js";
 const v = /* @__PURE__ */ new Map(), g = V.getInstance(), n = R(), u = y([]), w = y(""), f = {
   liveId: "",
   liveName: "",
@@ -28,7 +28,7 @@ const v = /* @__PURE__ */ new Map(), g = V.getInstance(), n = R(), u = y([]), w
   isGiftEnabled: !1,
   isPublicVisible: !1,
   isSeatEnabled: !1,
-  seatMode: P.kFreeToTake,
+  seatMode: A.kFreeToTake,
   maxSeatCount: 0,
   layoutTemplate: 0,
   customInfo: {}
@@ -177,7 +177,7 @@ const v = /* @__PURE__ */ new Map(), g = V.getInstance(), n = R(), u = y([]), w
     }
   });
 }, H = async (e) => {
-  console.log("[liveState onRoomDismissed]", e), a.value = null, await C(), I(b.onLiveEnded, { liveId: e, reason: A.endedByHost, message: "" });
+  console.log("[liveState onRoomDismissed]", e), a.value = null, await C(), I(b.onLiveEnded, { liveId: e, reason: P.endedByHost, message: "" });
 }, $ = ({ roomId: e, seatMode: t }) => {
   a.value && a.value.liveId === e && (a.value.seatMode = t);
 }, z = ({ liveInfo: e, modifyFlag: t }) => {

package/dist/states/LiveMonitorState/index.d.ts

@@ -1,5 +1,47 @@
 import { InitConfig, MonitorLiveInfo } from '../../types';
 
+/**
+ * 直播监控状态管理 Hook
+ * @memberof module:LiveMonitorState
+ * @description 提供直播监控相关的响应式数据和操作方法
+ * @returns {Object} 返回监控状态和操作方法
+ * @returns {ComputedRef<MonitorLiveInfo[]>} returns.monitorLiveInfoList - 监控直播信息列表
+ * @returns {Function} returns.init - 初始化方法
+ * @returns {Function} returns.getLiveList - 获取直播列表方法
+ * @returns {Function} returns.closeRoom - 关闭直播间方法
+ * @returns {Function} returns.startPlay - 开始播放方法
+ * @returns {Function} returns.stopPlay - 停止播放方法
+ * @returns {Function} returns.muteLiveAudio - 音频静音控制方法
+ * @example
+ * ```typescript
+ * import { useLiveMonitorState } from './LiveMonitorState';
+ *
+ * // 在组件中使用
+ * const {
+ *   monitorLiveInfoList,
+ *   init,
+ *   getLiveList,
+ *   startPlay,
+ *   stopPlay,
+ *   closeRoom,
+ *   muteLiveAudio
+ * } = useLiveMonitorState();
+ *
+ * // 初始化监控
+ * init({
+ *   baseUrl: 'https://api.example.com',
+ *   account: { userId: 'admin', userSig: 'signature' }
+ * });
+ *
+ * // 获取并播放直播
+ * const liveList = await getLiveList(1, 20);
+ * await startPlay(liveList[0].liveId, 'video-container');
+ *
+ * // 监控操作
+ * await muteLiveAudio(liveList[0].liveId, true); // 静音
+ * await closeRoom(liveList[0].liveId); // 关闭违规直播间
+ * ```
+ */
 export declare const useLiveMonitorState: () => {
     monitorLiveInfoList: import('vue').ComputedRef<{
         liveId: string;

package/dist/states/LiveMonitorState/player/adapters/trtc.js

@@ -1,7 +1,7 @@
 var u = Object.defineProperty;
 var m = (s, r, e) => r in s ? u(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
 var i = (s, r, e) => m(s, typeof r != "symbol" ? r + "" : r, e);
-import { TRTCCloud as l } from "@tencentcloud/tuiroom-engine-js";
+import { TRTCCloud as o } from "@tencentcloud/tuiroom-engine-js";
 import { BasePlayer as v } from "../base/basePlayer.js";
 import { safelyParse as n } from "../../../../utils/utils.js";
 import { TRTCRoleType as y, TRTCScene as U, TRTCVideoStreamType as d } from "../types/trtc.js";
@@ -25,8 +25,8 @@ class P extends v {
       this.log("onUserAudioAvailable", { userId: e, available: t }), t && (e.includes("livekit_") ? (this.currentPlayableUserId = this.getPlayableUserId(e), this.isMixedStreamUser(e) && !e.includes(this.liveId) && this.trtc.muteRemoteAudio(e, !0), this.emit(c.OnUserAudioAvailable, this.liveId, t)) : this.trtc.muteRemoteAudio(e, !0));
     });
     i(this, "handleOnReceiveSEI", (e, t) => {
-      const a = n(t), o = n(a.stringData);
-      Object.keys(o).includes("regions") && this.emit(c.OnReceiveSEI, e, o);
+      const a = n(t), l = n(a.stringData);
+      Object.keys(l).includes("regions") && this.emit(c.OnReceiveSEI, e, l);
     });
     i(this, "onError", (e) => {
       throw e;
@@ -34,14 +34,14 @@ class P extends v {
     this.currentPlayableUserId = "", this.viewId = "", this.liveId = "", this.account = e, this.initTRTC();
   }
   initTRTC() {
-    this.trtc || (l.callExperimentalAPI(
+    this.trtc || (o.callExperimentalAPI(
       JSON.stringify({
         api: "enableSEI",
         params: {
           enable: !0
         }
       })
-    ), this.trtc = new l(), this.bindEvents());
+    ), this.trtc = new o(), this.bindEvents());
   }
   bindEvents() {
     this.trtc.on("onUserVideoAvailable", this.handleUserVideoAvailable), this.trtc.on("onUserAudioAvailable", this.handleUserAudioAvailable), this.trtc.on("onRecvSEIMsg", this.handleOnReceiveSEI), this.trtc.on("onError", this.onError);
@@ -56,7 +56,7 @@ class P extends v {
       userSig: this.account.password,
       strRoomId: this.liveId,
       role: y.TRTCRoleAudience,
-      autoReceiveVideo: !0,
+      autoReceiveVideo: !1,
       autoReceiveAudio: !1
     };
   }

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

@@ -3,6 +3,58 @@ import { EventCallback } from '../../utils/eventCenter';
 
 declare function subscribeEvent(event: LiveSeatEvent, callback: EventCallback): void;
 declare function unsubscribeEvent(event: LiveSeatEvent, callback: EventCallback): void;
+/**
+ * 直播麦位状态管理 Hook
+ * @memberof module:LiveSeatState
+ * @description 提供直播麦位相关的响应式数据和操作方法
+ * @returns {Object} 返回麦位状态和操作方法
+ * @returns {Ref<SeatInfo[]>} returns.seatList - 麦位列表
+ * @returns {Ref<LiveCanvas>} returns.canvas - 直播画布信息
+ * @returns {Ref<Map<string, number>>} returns.speakingUsers - 正在说话的用户映射
+ * @returns {Ref<Map<string, NetworkInfo>>} returns.networkQualities - 网络质量信息映射
+ * @returns {Function} returns.takeSeat - 上麦方法
+ * @returns {Function} returns.leaveSeat - 下麦方法
+ * @returns {Function} returns.lockSeat - 锁定麦位方法
+ * @returns {Function} returns.unLockSeat - 解锁麦位方法
+ * @returns {Function} returns.kickUserOutOfSeat - 踢用户下麦方法
+ * @returns {Function} returns.moveUserToSeat - 移动用户到指定麦位方法
+ * @returns {Function} returns.openRemoteCamera - 开启远端摄像头方法
+ * @returns {Function} returns.closeRemoteCamera - 关闭远端摄像头方法
+ * @returns {Function} returns.openRemoteMicrophone - 开启远端麦克风方法
+ * @returns {Function} returns.closeRemoteMicrophone - 关闭远端麦克风方法
+ * @returns {Function} returns.muteMicrophone - 静音麦克风方法
+ * @returns {Function} returns.unmuteMicrophone - 取消静音麦克风方法
+ * @returns {Function} returns.startPlayStream - 开始播放流方法
+ * @returns {Function} returns.stopPlayStream - 停止播放流方法
+ * @returns {Function} returns.subscribeEvent - 订阅事件方法
+ * @returns {Function} returns.unsubscribeEvent - 取消订阅事件方法
+ * @example
+ * ```typescript
+ * import { useLiveSeatState } from './LiveSeatState';
+ *
+ * // 在组件中使用
+ * const {
+ *   seatList,
+ *   canvas,
+ *   takeSeat,
+ *   leaveSeat,
+ *   lockSeat,
+ *   openRemoteCamera,
+ *   subscribeEvent
+ * } = useLiveSeatState();
+ *
+ * // 用户上麦
+ * await takeSeat({ seatIndex: 1 });
+ *
+ * // 锁定麦位
+ * await lockSeat({ seatIndex: 2 });
+ *
+ * // 订阅麦位事件
+ * subscribeEvent(LiveSeatEvent.onUserTakeSeat, (eventInfo) => {
+ *   console.log('用户上麦事件:', eventInfo);
+ * });
+ * ```
+ */
 export declare function useLiveSeatState(): {
     seatList: import('vue').Ref<import('../..').SeatInfo[], import('../..').SeatInfo[]>;
     canvas: import('vue').Ref<{
@@ -16,13 +68,11 @@ export declare function useLiveSeatState(): {
     }>;
     speakingUsers: import('vue').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: import('vue').Ref<Map<string, {
-        userId: string;
         quality: import('../..').NetworkQuality;
         upLoss: number;
         downLoss: number;
         delay: number;
     }> & Omit<Map<string, import('../..').NetworkInfo>, keyof Map<any, any>>, Map<string, import('../..').NetworkInfo> | (Map<string, {
-        userId: string;
         quality: import('../..').NetworkQuality;
         upLoss: number;
         downLoss: number;
@@ -30,8 +80,8 @@ export declare function useLiveSeatState(): {
     }> & Omit<Map<string, import('../..').NetworkInfo>, keyof Map<any, any>>)>;
     takeSeat: ({ seatIndex }: {
         seatIndex: number;
-    }) => Promise<import('@tencentcloud/tuiroom-engine-js').TUIRequest | undefined>;
-    leaveSeat: () => Promise<void | undefined>;
+    }) => Promise<any>;
+    leaveSeat: () => Promise<any>;
     lockSeat: ({ seatIndex }: {
         seatIndex: number;
     }) => Promise<any>;
@@ -40,26 +90,26 @@ export declare function useLiveSeatState(): {
     }) => Promise<any>;
     kickUserOutOfSeat: ({ userId }: {
         userId: string;
-    }) => Promise<void>;
+    }) => Promise<any>;
     moveUserToSeat: ({ userId, targetIndex, policy }: {
         userId: string;
         targetIndex: number;
         policy: import('../..').MoveSeatPolicy;
-    }) => Promise<void>;
+    }) => Promise<any>;
     openRemoteCamera: ({ userId, policy }: {
         userId: string;
         policy: import('../..').DeviceControlPolicy;
     }) => Promise<any>;
     closeRemoteCamera: ({ userId }: {
         userId: string;
-    }) => Promise<void | undefined>;
+    }) => Promise<any>;
     openRemoteMicrophone: ({ userId, policy }: {
         userId: string;
         policy: import('../..').DeviceControlPolicy;
     }) => Promise<any>;
     closeRemoteMicrophone: ({ userId }: {
         userId: string;
-    }) => Promise<void | undefined>;
+    }) => Promise<any>;
     muteMicrophone: () => Promise<void>;
     unmuteMicrophone: () => Promise<void>;
     startPlayStream: ({ view }: {

package/dist/states/LiveSeatState/index.js

@@ -1,22 +1,24 @@
-import { useSeatStore as m } from "./store.js";
-import s from "./seatManager.js";
-import c from "./seatEventManager.js";
-import { eventCenter as a } from "../../utils/eventCenter.js";
-const e = new s();
-new c();
-function i(t, o) {
-  a.on(t, o);
+import { eventCenter as n } from "../../utils/eventCenter.js";
+import s from "./seatEventManager.js";
+import c from "./seatManager.js";
+import { useSeatStore as u } from "./store.js";
+let o = null, a = null;
+function S() {
+  return o || (o = new c()), a || (a = new s()), o;
 }
-function S(t, o) {
-  a.off(t, o);
+function l(e, t) {
+  n.on(e, t);
 }
-function f() {
-  const { seatList: t, canvas: o, speakingUsers: r, networkQualities: n } = m();
+function p(e, t) {
+  n.off(e, t);
+}
+function h() {
+  const e = S(), { seatList: t, canvas: r, speakingUsers: m, networkQualities: i } = u();
   return {
     seatList: t,
-    canvas: o,
-    speakingUsers: r,
-    networkQualities: n,
+    canvas: r,
+    speakingUsers: m,
+    networkQualities: i,
     takeSeat: e.takeSeat,
     leaveSeat: e.leaveSeat,
     lockSeat: e.lockSeat,
@@ -31,10 +33,10 @@ function f() {
     unmuteMicrophone: e.unmuteMicrophone,
     startPlayStream: e.startPlayStream,
     stopPlayStream: e.stopPlayStream,
-    subscribeEvent: i,
-    unsubscribeEvent: S
+    subscribeEvent: l,
+    unsubscribeEvent: p
   };
 }
 export {
-  f as useLiveSeatState
+  h as useLiveSeatState
 };