tuikit-atomicx-vue3 4.5.0 → 4.5.2

package/dist/states/MessageListState/MessageListState.js

@@ -1,46 +1,49 @@
 import { ref as o } from "vue";
-import { TUIStore as f, StoreName as l, TUIChatService as m } from "@tencentcloud/chat-uikit-engine";
-let p;
-const d = o(void 0), a = o(void 0), u = o(void 0), R = o(void 0), v = o(void 0), c = o(void 0), r = o(/* @__PURE__ */ new Set()), n = o(/* @__PURE__ */ new Set());
+import { TUIStore as r, StoreName as v, TUIChatService as m } from "@tencentcloud/chat-uikit-engine";
+let f;
+const d = o(void 0), a = o(void 0), u = o(void 0), l = o(void 0), p = o(void 0), c = o(void 0), R = o(/* @__PURE__ */ new Set()), n = o(/* @__PURE__ */ new Set());
 function M() {
-  d.value = void 0, a.value = void 0, u.value = void 0, R.value = void 0, v.value = void 0, c.value = void 0, r.value = /* @__PURE__ */ new Set(), n.value = /* @__PURE__ */ new Set();
+  d.value = void 0, a.value = void 0, u.value = void 0, l.value = void 0, c.value = void 0, n.value = /* @__PURE__ */ new Set();
 }
 function L(t) {
-  v.value = t;
+  p.value = t;
 }
-function w(t) {
+function D(t) {
   c.value = t;
 }
-function D({ messageID: t, duration: i }) {
+function w({ messageID: t, duration: i }) {
   n.value.add(t), setTimeout(() => {
     n.value.delete(t);
   }, i);
 }
+async function k() {
+  return m.getMessageList();
+}
 function g() {
   return {
     // state
     activeConversationID: d,
     messageList: a,
     hasMoreOlderMessage: u,
-    hasMoreNewerMessage: R,
-    enableReadReceipt: v,
+    hasMoreNewerMessage: l,
+    enableReadReceipt: p,
     isDisableScroll: c,
-    recalledMessageIDSet: r,
+    recalledMessageIDSet: R,
     highlightMessageIDSet: n,
     // actions
-    loadMoreOlderMessage: m.getMessageList,
+    loadMoreOlderMessage: k,
     // TODO
     // loadMoreNewerMessage: TUIChatService.getMessageList,
     setEnableReadReceipt: L,
-    setIsDisableScroll: w,
-    highlightMessage: D
+    setIsDisableScroll: D,
+    highlightMessage: w
   };
 }
-const k = () => {
+const y = () => {
   function t(s) {
     if (!d.value)
       return;
-    function I(e) {
+    function S(e) {
       return {
         ...e,
         // 🎯 re-create frequently changing properties to ensure React can detect changes
@@ -66,25 +69,25 @@ const k = () => {
         replyMessage: () => e.replyMessage()
       };
     }
-    const C = s.map(I);
+    const C = s.map(S);
     a.value = C, a.value.forEach((e) => {
-      e.isRevoked && r.value.add(e.ID);
+      e.isRevoked && R.value.add(e.ID);
     });
   }
   function i(s) {
     u.value = !s;
   }
-  function S(s) {
-    (!s || s !== p) && (M(), d.value = s), p = s || void 0;
+  function I(s) {
+    (!s || s !== f) && (M(), d.value = s), f = s || void 0;
   }
-  f.watch(l.CONV, {
-    currentConversationID: S
-  }), f.watch(l.CHAT, {
+  r.watch(v.CONV, {
+    currentConversationID: I
+  }), r.watch(v.CHAT, {
     messageList: t,
     isCompleted: i
   });
 };
-k();
+y();
 export {
   g as useMessageListState
 };

package/dist/states/RoomParticipantState/index.js

@@ -2,46 +2,46 @@ import { watch as I } from "vue";
 import { useRoomEngine as D } from "../../hooks/useRoomEngine.js";
 import { dataReport as P } from "../../report/dataReport.js";
 import { MetricsKey as g } from "../../report/MetricsKey.js";
-import { eventCenter as m } from "../../utils/eventCenter.js";
+import { eventCenter as v } from "../../utils/eventCenter.js";
 import { useLoginState as O } from "../LoginState.js";
-import { useRoomState as T } from "../RoomState/index.js";
-import R from "./callEventManager.js";
-import { participantTransfer as M } from "./common.js";
+import { useRoomState as M } from "../RoomState/index.js";
+import T from "./callEventManager.js";
+import { participantTransfer as R } from "./common.js";
 import A from "./participantEventManager.js";
 import E from "./participantManager.js";
-import w from "./scheduleEventManager.js";
-import { useRoomParticipantStore as p } from "./store.js";
-let s = null, d = !1;
-async function C() {
+import h from "./scheduleEventManager.js";
+import { useRoomParticipantStore as s } from "./store.js";
+let p = null, u = !1;
+async function w() {
   var a, r, c;
-  const e = D(), { loginUserInfo: i } = O(), { addParticipantInfo: t } = p();
+  const e = D(), { loginUserInfo: i } = O(), { addParticipantInfo: t } = s();
   if (!((a = i.value) != null && a.userId))
     return;
-  const n = await ((c = e.instance) == null ? void 0 : c.getUserInfo({ userId: (r = i.value) == null ? void 0 : r.userId })), o = M.transformTUIUserInfoToParticipantInfo(n);
+  const n = await ((c = e.instance) == null ? void 0 : c.getUserInfo({ userId: (r = i.value) == null ? void 0 : r.userId })), o = R.transformTUIUserInfoToParticipantInfo(n);
   t(o);
 }
-function S() {
-  if (s || (s = new E(), new A(), new R(), new w()), !d) {
-    d = !0;
-    const { currentRoom: e } = T(), { reset: i } = p();
+function C() {
+  if (p || (p = new E(), new A(), new T(), new h()), !u) {
+    u = !0;
+    const { currentRoom: e } = M(), { reset: i } = s();
     I(() => {
       var t;
       return (t = e.value) == null ? void 0 : t.roomId;
     }, async (t, n) => {
-      !n && t && await C(), n && !t && i();
+      !n && t && await w(), n && !t && i();
     }, { immediate: !0 });
   }
-  return s;
+  return p;
 }
-function u(e, i) {
-  m.on(e, i);
+function d(e, i) {
+  v.on(e, i);
 }
-function v(e, i) {
-  m.off(e, i);
+function m(e, i) {
+  v.off(e, i);
 }
 function Q() {
   P.reportCount(g.T_METRICS_STATE_ROOM_PARTICIPANT_STATE_COUNT);
-  const e = S(), {
+  const e = C(), {
     participantList: i,
     participantListCursor: t,
     participantListWithVideo: n,
@@ -52,7 +52,7 @@ function Q() {
     speakingUsers: l,
     networkQualities: f,
     pendingParticipantList: b
-  } = p();
+  } = s();
   return {
     participantList: i,
     participantListCursor: t,
@@ -83,8 +83,67 @@ function Q() {
     cancelOpenDeviceInvitation: e.cancelOpenDeviceInvitation.bind(e),
     acceptOpenDeviceInvitation: e.acceptOpenDeviceInvitation.bind(e),
     declineOpenDeviceInvitation: e.declineOpenDeviceInvitation.bind(e),
-    subscribeEvent: u.bind(u),
-    unsubscribeEvent: v.bind(v)
+    /**
+     * 静音本地麦克风
+     * @description 静音本地麦克风, 常用于打开麦克风场景下但不向远端推音频流
+     * @example
+     * ```typescript
+     * // 打开麦克风但不向远端推音频流（常用于会议场景下短暂静音场景）
+     * import { useDeviceState } from 'tuikit-atomicx-vue3/room';
+     * import { useRoomParticipantState } from 'tuikit-atomicx-vue3/room';
+     * const { openLocalMicrophone } = useDeviceState();
+     * const { muteMicrophone, unmuteMicrophone } = useRoomParticipantState();
+     * await openLocalMicrophone();
+     * await muteMicrophone();
+     * ```
+     * @returns {Promise<void>}
+     */
+    muteMicrophone: e.muteMicrophone.bind(e),
+    /**
+     * 取消静音本地麦克风
+     * @description 取消静音本地麦克风，恢复 muteMicrophone 操作导致的音频传输中断。
+     * @example
+     * ```typescript
+     * import { useDeviceState } from 'tuikit-atomicx-vue3/room';
+     * import { useRoomParticipantState } from 'tuikit-atomicx-vue3/room';
+     * const { openLocalMicrophone } = useDeviceState();
+     * const { muteMicrophone, unmuteMicrophone } = useRoomParticipantState();
+     * await openLocalMicrophone();
+     * await unmuteMicrophone();
+     * ```
+     * @returns {Promise<void>}
+     */
+    unmuteMicrophone: e.unmuteMicrophone.bind(e),
+    /**
+     * 订阅房间参与者事件
+     * @description 订阅房间参与者相关的事件，当事件触发时会调用回调函数
+     * @param {RoomParticipantEvent} event - 要订阅的事件名称，可选值包括：
+     *   - onParticipantJoined: 参与者加入房间
+     *   - onParticipantLeft: 参与者离开房间
+     *   - onOwnerChanged: 房间所有者变更
+     *   - onAdminSet: 用户被设为管理员
+     *   - onAdminRevoked: 用户管理员权限被撤销
+     *   - onKickedFromRoom: 被踢出房间
+     *   - onParticipantDeviceClosed: 设备被关闭
+     *   - onParticipantMessageMuted: 被禁言/解禁
+     *   - onAllDevicesDisabled: 全体设备被禁用/启用
+     *   - onAllMessagesDisabled: 全体消息被禁用/启用
+     *   - onDeviceRequestReceived: 收到设备开启申请
+     *   - onDeviceRequestCancelled: 设备开启申请被取消
+     *   - onDeviceRequestTimeout: 设备开启申请超时
+     *   - onDeviceRequestApproved: 设备开启申请被批准
+     *   - onDeviceRequestRejected: 设备开启申请被拒绝
+     *   - onDeviceRequestProcessed: 设备开启申请已被处理
+     *   - onDeviceInvitationReceived: 收到设备开启邀请
+     *   - onDeviceInvitationCancelled: 设备开启邀请被取消
+     *   - onDeviceInvitationTimeout: 设备开启邀请超时
+     *   - onDeviceInvitationAccepted: 设备开启邀请被接受
+     *   - onDeviceInvitationDeclined: 设备开启邀请被拒绝
+     * @param {Function} callback - 事件回调函数，参数类型根据事件类型而定
+     * @returns {void}
+     */
+    subscribeEvent: d.bind(d),
+    unsubscribeEvent: m.bind(m)
   };
 }
 export {

package/dist/states/RoomParticipantState/participantEventManager.d.ts

@@ -1,4 +1,4 @@
-import { TUIChangeReason, TUIVideoStreamType, TUIRole, TUIKickedOutOfRoomReason, TUIUserInfo, TUIRequest } from '@tencentcloud/tuiroom-engine-js';
+import { TUIVideoStreamType, TUIRole, TUIKickedOutOfRoomReason, TUIUserInfo, TUIRequest, TUIChangeReason } from '@tencentcloud/tuiroom-engine-js';
 import { RoomParticipantRole } from '../../types';
 
 export default class ParticipantEventManager {
@@ -54,7 +54,7 @@ export default class ParticipantEventManager {
     onRequestReceived({ request }: {
         request: TUIRequest;
     }): void;
-    onRequestCancelled({ request, userInfo }: {
+    onRequestCancelled({ request }: {
         request: TUIRequest;
         userInfo: TUIUserInfo;
     }): void;