tuikit-atomicx-vue3 4.5.1 → 4.5.2

package/dist/states/MessageInputState/MessageInputState.js

@@ -1,10 +1,12 @@
 import { ref as d } from "vue";
-import { TUIStore as h, StoreName as T, TUIChatService as r } from "@tencentcloud/chat-uikit-engine";
-import { MessageContentType as i } from "./type.js";
-import { convertInputContentToEditorNode as f, trimInputContent as I } from "./utils.js";
+import { TUIStore as h, StoreName as w, TUIChatService as r } from "@tencentcloud/chat-uikit-engine";
+import { MessageContentType as c } from "./type.js";
+import { convertInputContentToEditorNode as f, trimInputContent as T } from "./utils.js";
+import "../../components/UIKitModal/chatErrorModal/index.js";
 import { useMessageListState as M } from "../MessageListState/MessageListState.js";
 import { transformTextWithEmojiNameToKey as p } from "../../utils/emoji.js";
-const s = d(null), u = d(""), g = d(!1), C = (e) => {
+import { handleChatErrorWithModal as I } from "../../components/UIKitModal/chatErrorModal/chatErrorModal.js";
+const a = d(null), u = d(""), m = d(!1), C = (e) => {
   if (typeof e != "string" && !Array.isArray(e)) {
     console.warn("Invalid input type for updateRawValue");
     return;
@@ -13,132 +15,127 @@ const s = d(null), u = d(""), g = d(!1), C = (e) => {
     r.leaveTypingState();
   }, 3e3);
 }, v = (e) => {
-  s.value && s.value.destroy(), s.value = e;
-}, x = (e) => {
-  if (s.value) {
+  a.value && a.value.destroy(), a.value = e;
+}, E = (e) => {
+  if (a.value) {
     if (typeof e == "string")
-      s.value.commands.setContent(e, !0);
+      a.value.commands.setContent(e, !0);
     else {
       const n = e.map(f);
-      s.value.commands.setContent(n, !0);
+      a.value.commands.setContent(n, !0);
     }
-    s.value.commands.focus();
+    a.value.commands.focus();
   }
-}, E = (e, n = !0) => {
-  if (s.value) {
+}, x = (e, n = !0) => {
+  if (a.value) {
     if (typeof e == "string")
-      s.value.commands.insertContent(e);
+      a.value.commands.insertContent(e);
     else {
-      const a = e.map(f);
-      s.value.commands.insertContent(a);
+      const s = e.map(f);
+      a.value.commands.insertContent(s);
     }
-    n && s.value.commands.focus();
+    n && a.value.commands.focus();
   }
 }, S = () => {
   var e;
-  (e = s.value) == null || e.commands.focus();
+  (e = a.value) == null || e.commands.focus();
 }, k = () => {
   var e;
-  (e = s.value) == null || e.commands.blur();
+  (e = a.value) == null || e.commands.blur();
 }, b = async (e) => {
-  const { enableReadReceipt: n } = M(), a = {
+  const { enableReadReceipt: n } = M(), s = {
     needReadReceipt: n.value || !1
   }, o = R(e ?? u.value);
-  if (o) {
-    if (typeof o == "string") {
-      await r.sendTextMessage({
+  if (o)
+    try {
+      typeof o == "string" ? await r.sendTextMessage({
         payload: { text: p(o) },
-        ...a
-      });
-      return;
+        ...s
+      }) : await A(o, s);
+    } catch (i) {
+      throw I(i), i;
     }
-    await A(o, a);
-  }
 };
 function R(e) {
   if (typeof e == "string")
     return e.trim() || null;
-  const n = I(e);
+  const n = T(e);
   return n.length > 0 ? n : null;
 }
 async function A(e, n) {
-  const a = [], o = [], c = async () => {
-    if (a.length === 0)
+  const s = [], o = [], i = async () => {
+    if (s.length === 0)
       return;
-    const t = a.join("");
-    a.length = 0, o.length > 0 ? (await r.sendTextAtMessage({
+    const t = s.join("");
+    s.length = 0, o.length > 0 ? (await r.sendTextAtMessage({
       payload: { text: t, atUserList: o },
       ...n
     }), o.length = 0) : await r.sendTextMessage({
       payload: { text: p(t) },
       ...n
     });
-  }, m = async (t) => {
-    try {
-      switch (t.type) {
-        case i.TEXT:
-          a.push(t.content);
-          break;
-        case i.EMOJI:
-          a.push(t.content.key);
-          break;
-        case i.MENTION:
-          o.push(t.content.id), a.push(t.content.mentionSuggestionChar + t.content.label);
-          break;
-        case i.IMAGE:
-          await c(), await r.sendImageMessage({
-            payload: { file: t.content },
-            ...n
-          });
-          break;
-        case i.VIDEO:
-          await c(), await r.sendVideoMessage({
-            payload: { file: t.content },
-            ...n
-          });
-          break;
-        case i.FILE:
-          await c(), await r.sendFileMessage({
-            payload: { file: t.content },
-            ...n
-          });
-          break;
-        default:
-          console.warn(`[MessageInput] Unknown message type: ${t == null ? void 0 : t.type}, skipping`);
-          break;
-      }
-    } catch (w) {
-      console.error("[MessageInput] Failed to send message item:", t, w);
+  }, g = async (t) => {
+    switch (t.type) {
+      case c.TEXT:
+        s.push(t.content);
+        break;
+      case c.EMOJI:
+        s.push(t.content.key);
+        break;
+      case c.MENTION:
+        o.push(t.content.id), s.push(t.content.mentionSuggestionChar + t.content.label);
+        break;
+      case c.IMAGE:
+        await i(), await r.sendImageMessage({
+          payload: { file: t.content },
+          ...n
+        });
+        break;
+      case c.VIDEO:
+        await i(), await r.sendVideoMessage({
+          payload: { file: t.content },
+          ...n
+        });
+        break;
+      case c.FILE:
+        await i(), await r.sendFileMessage({
+          payload: { file: t.content },
+          ...n
+        });
+        break;
+      default:
+        console.warn(`[MessageInput] Unknown message type: ${t == null ? void 0 : t.type}, skipping`);
+        break;
     }
   };
   let l = 0;
   const y = e.length;
   for (; l < y; )
-    await m(e[l]), l++;
-  await c();
+    await g(e[l]), l++;
+  await i();
 }
-function D() {
+function z() {
   return {
     inputRawValue: u,
-    isPeerTyping: g,
+    isPeerTyping: m,
     updateRawValue: C,
     setEditorInstance: v,
-    setContent: x,
-    insertContent: E,
+    setContent: E,
+    insertContent: x,
     focusEditor: S,
     blurEditor: k,
     sendMessage: b
   };
 }
 function N() {
-  h.watch(T.CHAT, {
+  h.watch(w.CHAT, {
     typingStatus: (e) => {
-      g.value = e;
+      m.value = e;
     }
   });
 }
 N();
 export {
-  i as MessageContentType,
-  D as useMessageInputState
+  c as MessageContentType,
+  z as useMessageInputState
 };

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;