tuikit-atomicx-vue3 4.5.0 → 4.5.2

package/dist/states/MessageActionState/MessageActionState.js

@@ -1,18 +1,32 @@
-import { ref as r } from "vue";
-import { TUIStore as a, StoreName as u, TUIChatService as v } from "@tencentcloud/chat-uikit-engine";
-import { transformTextWithEmojiKeyToName as p } from "../../utils/emoji.js";
-import { copyTextToClipboard as w } from "../../utils/copyText.js";
-const t = r([]), n = r(!1), o = r([]), i = r(void 0);
-function I(e) {
-  const { messageIDList: d, conversationIDList: l, isMergeForward: g } = e;
-  if (d.length === 0 || l.length === 0 || g === void 0)
+import { ref as d } from "vue";
+import { TUIStore as o, StoreName as r, TUIChatService as C } from "@tencentcloud/chat-uikit-engine";
+import { copyTextToClipboard as I } from "../../utils/copyText.js";
+import { transformTextWithEmojiKeyToName as D } from "../../utils/emoji.js";
+let g;
+const n = d([]), c = d(!1), i = d([]), u = d(void 0);
+function S(e) {
+  n.value = [
+    .../* @__PURE__ */ new Set([...n.value, ...e])
+  ];
+}
+function T(e) {
+  c.value = e;
+}
+function L(e) {
+  i.value = [
+    .../* @__PURE__ */ new Set([...i.value, ...e])
+  ];
+}
+function h(e) {
+  const { messageIDList: a, conversationIDList: t, isMergeForward: f } = e;
+  if (a.length === 0 || t.length === 0 || f === void 0)
     throw new Error("Invalid forward message parameters");
-  const M = l.map((s) => a.getConversationModel(s)), c = d.map((s) => a.getMessageModel(s)).sort((s, m) => s.time - m.time), f = M.map(
-    (s) => v.sendForwardMessage(
+  const M = t.map((s) => o.getConversationModel(s)), m = a.map((s) => o.getMessageModel(s)).sort((s, w) => s.time - w.time), p = M.map(
+    (s) => C.sendForwardMessage(
       [s],
-      c,
+      m,
       {
-        needMerge: g,
+        needMerge: f,
         params: {
           // Determine whether read receipt is needed based on configuration
           needReadReceipt: !1
@@ -20,222 +34,68 @@ function I(e) {
       }
     )
   );
-  return Promise.allSettled(f);
+  return Promise.allSettled(p);
 }
-function C() {
+function q(e) {
+  o.update(r.CHAT, "quoteMessage", {
+    message: e,
+    type: "quote"
+  });
+}
+function l() {
+  o.update(r.CHAT, "quoteMessage", {
+    message: void 0,
+    type: "quote"
+  }), u.value = void 0;
+}
+function y(e) {
+  return I(
+    D(e.payload.text || "")
+  );
+}
+function F(e) {
+  return e.deleteMessage();
+}
+function R(e) {
+  return e.revokeMessage();
+}
+function v() {
+  l(), n.value = [], c.value = !1, i.value = [];
+}
+function E() {
   return {
     // State
-    forwardMessageIDList: t,
-    isForwardMessageSelectionDone: n,
-    forwardConversationIDList: o,
-    quotedMessage: i,
+    forwardMessageIDList: n,
+    isForwardMessageSelectionDone: c,
+    forwardConversationIDList: i,
+    quotedMessage: u,
     // Action methods
-    /**
-     * 设置转发消息ID列表
-     * @memberof module:MessageActionState
-     * @description 设置要转发的消息ID列表，会与现有列表合并去重
-     * @param {string[]} messageIDList - 要转发的消息ID数组
-     * @example
-     * ```typescript
-     * const { setForwardMessageIDList } = useMessageActionState();
-     * 
-     * // 设置要转发的消息ID
-     * setForwardMessageIDList(['msg1', 'msg2', 'msg3']);
-     * ```
-     */
-    setForwardMessageIDList(e) {
-      t.value = [
-        .../* @__PURE__ */ new Set([...t.value, ...e])
-      ];
-    },
-    /**
-     * 设置消息选择完成状态
-     * @memberof module:MessageActionState
-     * @description 设置转发消息选择是否完成的状态
-     * @param {boolean} isSelectionDone - 是否完成消息选择
-     * @example
-     * ```typescript
-     * const { setIsForwardMessageSelectionDone } = useMessageActionState();
-     * 
-     * // 标记消息选择完成
-     * setIsForwardMessageSelectionDone(true);
-     * ```
-     */
-    setIsForwardMessageSelectionDone(e) {
-      n.value = e;
-    },
-    /**
-     * 设置转发目标会话ID列表
-     * @memberof module:MessageActionState
-     * @description 设置消息转发的目标会话ID列表，会与现有列表合并去重
-     * @param {string[]} conversationIDList - 目标会话ID数组
-     * @example
-     * ```typescript
-     * const { setForwardConversationIDList } = useMessageActionState();
-     * 
-     * // 设置转发目标会话
-     * setForwardConversationIDList(['conv1', 'conv2']);
-     * ```
-     */
-    setForwardConversationIDList(e) {
-      o.value = [
-        .../* @__PURE__ */ new Set([...o.value, ...e])
-      ];
-    },
-    /**
-     * 转发消息到指定会话
-     * @memberof module:MessageActionState
-     * @description 将选中的消息转发到指定的会话中，支持合并转发和逐条转发
-     * @param {IForwardMessageParams} params - 转发消息参数
-     * @param {string[]} params.messageIDList - 要转发的消息ID列表
-     * @param {string[]} params.conversationIDList - 目标会话ID列表
-     * @param {boolean} params.isMergeForward - 是否合并转发
-     * @returns {Promise<Array<PromiseSettledResult<unknown>>>} 转发操作的结果数组
-     * @example
-     * ```typescript
-     * const { forwardMessage } = useMessageActionState();
-     * 
-     * // 合并转发消息
-     * const results = await forwardMessage({
-     *   messageIDList: ['msg1', 'msg2'],
-     *   conversationIDList: ['conv1', 'conv2'],
-     *   isMergeForward: true
-     * });
-     * ```
-     */
-    forwardMessage(e) {
-      return I(e);
-    },
-    /**
-     * 引用消息
-     * @memberof module:MessageActionState
-     * @description 设置要引用的消息，引用后可以在发送新消息时显示被引用的消息内容
-     * @param {MessageModel | undefined} message - 要引用的消息对象，传入undefined表示取消引用
-     * @example
-     * ```typescript
-     * const { quoteMessage } = useMessageActionState();
-     * 
-     * // 引用一条消息
-     * quoteMessage(messageModel);
-     * 
-     * // 取消引用
-     * quoteMessage(undefined);
-     * ```
-     */
-    quoteMessage(e) {
-      a.update(u.CHAT, "quoteMessage", {
-        message: e,
-        type: "quote"
-      }), i.value = e;
-    },
-    /**
-     * 清除引用消息
-     * @memberof module:MessageActionState
-     * @description 清除当前引用的消息，取消引用状态
-     * @example
-     * ```typescript
-     * const { clearQuotedMessage } = useMessageActionState();
-     * 
-     * // 清除引用消息
-     * clearQuotedMessage();
-     * ```
-     */
-    clearQuotedMessage() {
-      a.update(u.CHAT, "quoteMessage", {
-        message: void 0,
-        type: "quote"
-      }), i.value = void 0;
-    },
-    /**
-     * 复制文本消息内容到剪贴板
-     * @memberof module:MessageActionState
-     * @description 将文本消息的内容复制到系统剪贴板，会自动处理表情符号转换
-     * @param {MessageModel} message - 要复制的消息对象
-     * @returns {Promise<boolean>} 复制操作的结果，成功返回true，失败返回false
-     * @throws {Error} 当消息不是文本类型或复制失败时抛出错误
-     * @example
-     * ```typescript
-     * const { copyTextMessage } = useMessageActionState();
-     * 
-     * // 复制文本消息
-     * try {
-     *   const success = await copyTextMessage(textMessage);
-     *   if (success) {
-     *     console.log('消息已复制到剪贴板');
-     *   }
-     * } catch (error) {
-     *   console.error('复制失败:', error);
-     * }
-     * ```
-     */
-    copyTextMessage(e) {
-      return w(
-        p(e.payload.text || "")
-      );
-    },
-    /**
-     * 删除消息
-     * @memberof module:MessageActionState
-     * @description 删除指定的消息，删除后消息将从会话中移除
-     * @param {MessageModel} message - 要删除的消息对象
-     * @returns {Promise<unknown>} 删除操作的结果Promise
-     * @throws {Error} 当删除操作失败时抛出错误
-     * @example
-     * ```typescript
-     * const { deleteMessage } = useMessageActionState();
-     * 
-     * // 删除消息
-     * try {
-     *   await deleteMessage(messageModel);
-     *   console.log('消息删除成功');
-     * } catch (error) {
-     *   console.error('删除消息失败:', error);
-     * }
-     * ```
-     */
-    deleteMessage(e) {
-      return e.deleteMessage();
-    },
-    /**
-     * 撤回消息
-     * @memberof module:MessageActionState
-     * @description 撤回已发送的消息，撤回后消息将显示为"已撤回"状态
-     * @param {MessageModel} message - 要撤回的消息对象
-     * @returns {Promise<unknown>} 撤回操作的结果Promise
-     * @throws {Error} 当撤回操作失败时抛出错误（如超过撤回时限）
-     * @example
-     * ```typescript
-     * const { recallMessage } = useMessageActionState();
-     * 
-     * // 撤回消息
-     * try {
-     *   await recallMessage(messageModel);
-     *   console.log('消息撤回成功');
-     * } catch (error) {
-     *   console.error('撤回消息失败:', error);
-     * }
-     * ```
-     */
-    recallMessage(e) {
-      return e.revokeMessage();
-    },
-    /**
-     * 重置消息操作状态
-     * @memberof module:MessageActionState
-     * @description 重置所有消息操作相关的状态，包括清除引用消息、转发消息列表等
-     * @example
-     * ```typescript
-     * const { resetMessageActionState } = useMessageActionState();
-     * 
-     * // 重置所有消息操作状态
-     * resetMessageActionState();
-     * ```
-     */
-    resetMessageActionState() {
-      this.clearQuotedMessage(), t.value = [], n.value = !1, o.value = [];
-    }
+    setForwardMessageIDList: S,
+    setIsForwardMessageSelectionDone: T,
+    setForwardConversationIDList: L,
+    forwardMessage: h,
+    quoteMessage: q,
+    clearQuotedMessage: l,
+    copyTextMessage: y,
+    deleteMessage: F,
+    recallMessage: R,
+    resetMessageActionState: v
   };
 }
+function x() {
+  function e(t) {
+    t.message === void 0 ? u.value = void 0 : u.value = t.message;
+  }
+  function a(t) {
+    t !== g && (v(), g = t);
+  }
+  o.watch(r.CHAT, {
+    quoteMessage: e
+  }), o.watch(r.CONV, {
+    currentConversationID: a
+  });
+}
+x();
 export {
-  C as useMessageActionState
+  E as useMessageActionState
 };

package/dist/states/MessageInputState/MessageInputState.js

@@ -1,112 +1,141 @@
-import { ref as l } from "vue";
-import { TUIStore as w, StoreName as I, TUIChatService as r } from "@tencentcloud/chat-uikit-engine";
-import { MessageContentType as a } from "./type.js";
-import { trimInputContent as M, convertInputContentToEditorNode as p } from "./utils.js";
-import { useMessageListState as v } from "../MessageListState/MessageListState.js";
-import { transformTextWithEmojiNameToKey as f } from "../../utils/emoji.js";
-const n = l(null), m = l(""), y = l(!1), E = (e) => {
+import { ref as d } from "vue";
+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";
+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;
   }
-  typeof e == "string" ? m.value = e.trim() : m.value = (e == null ? void 0 : e.length) > 0 ? e : "", r.enterTypingState(), setTimeout(() => {
+  typeof e == "string" ? u.value = e.trim() : u.value = (e == null ? void 0 : e.length) > 0 ? e : "", r.enterTypingState(), setTimeout(() => {
     r.leaveTypingState();
   }, 3e3);
-}, C = (e) => {
-  n.value && n.value.destroy(), n.value = e;
-}, S = (e) => {
-  if (n.value) {
+}, v = (e) => {
+  a.value && a.value.destroy(), a.value = e;
+}, E = (e) => {
+  if (a.value) {
     if (typeof e == "string")
-      n.value.commands.setContent(e, !0);
+      a.value.commands.setContent(e, !0);
     else {
-      const i = e.map(p);
-      n.value.commands.setContent(i, !0);
+      const n = e.map(f);
+      a.value.commands.setContent(n, !0);
     }
-    n.value.commands.focus();
+    a.value.commands.focus();
   }
-}, x = (e, i = !0) => {
-  if (n.value) {
+}, x = (e, n = !0) => {
+  if (a.value) {
     if (typeof e == "string")
-      n.value.commands.insertContent(e);
+      a.value.commands.insertContent(e);
     else {
-      const o = e.map(p);
-      n.value.commands.insertContent(o);
+      const s = e.map(f);
+      a.value.commands.insertContent(s);
     }
-    i && n.value.commands.focus();
+    n && a.value.commands.focus();
   }
-}, h = () => {
+}, S = () => {
   var e;
-  (e = n.value) == null || e.commands.focus();
-}, R = () => {
+  (e = a.value) == null || e.commands.focus();
+}, k = () => {
   var e;
-  (e = n.value) == null || e.commands.blur();
-}, A = async (e) => {
-  const { enableReadReceipt: i } = v(), o = {
-    needReadReceipt: i.value || !1
-  };
-  let s = e ?? m.value;
-  if (typeof s == "string" ? s = s.trim() : s = M(s), !s)
-    return;
-  if (typeof s == "string") {
-    r.sendTextMessage({
-      payload: { text: f(s) },
-      ...o
+  (e = a.value) == null || e.commands.blur();
+}, b = async (e) => {
+  const { enableReadReceipt: n } = M(), s = {
+    needReadReceipt: n.value || !1
+  }, o = R(e ?? u.value);
+  if (o)
+    try {
+      typeof o == "string" ? await r.sendTextMessage({
+        payload: { text: p(o) },
+        ...s
+      }) : await A(o, s);
+    } catch (i) {
+      throw I(i), i;
+    }
+};
+function R(e) {
+  if (typeof e == "string")
+    return e.trim() || null;
+  const n = T(e);
+  return n.length > 0 ? n : null;
+}
+async function A(e, n) {
+  const s = [], o = [], i = async () => {
+    if (s.length === 0)
+      return;
+    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
     });
-    return;
-  }
-  let c = "";
-  const u = async () => {
-    c && (await r.sendTextMessage({
-      payload: { text: f(c) },
-      ...o
-    }), c = "");
-  }, d = {
-    [a.TEXT]: (t) => t,
-    [a.IMAGE]: async (t) => (await u(), await r.sendImageMessage({
-      payload: { file: t },
-      ...o
-    }), ""),
-    [a.VIDEO]: async (t) => (await u(), await r.sendVideoMessage({
-      payload: { file: t },
-      ...o
-    }), ""),
-    [a.FILE]: async (t) => (await u(), await r.sendFileMessage({
-      payload: { file: t },
-      ...o
-    }), ""),
-    [a.MENTION]: async () => (await u(), console.warn("Mention feature not implemented yet"), ""),
-    [a.EMOJI]: (t) => t.key
+  }, 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;
+    }
   };
-  for (const t of s) {
-    if (!t.type || !d[t.type])
-      throw new Error(`Invalid message type: ${t.type}`);
-    const g = d[t.type], T = await g(t.content);
-    [a.TEXT, a.EMOJI].includes(t.type) && (c += T);
-  }
-  await u();
-};
-function J() {
+  let l = 0;
+  const y = e.length;
+  for (; l < y; )
+    await g(e[l]), l++;
+  await i();
+}
+function z() {
   return {
-    inputRawValue: m,
-    isPeerTyping: y,
-    updateRawValue: E,
-    setEditorInstance: C,
-    setContent: S,
+    inputRawValue: u,
+    isPeerTyping: m,
+    updateRawValue: C,
+    setEditorInstance: v,
+    setContent: E,
     insertContent: x,
-    focusEditor: h,
-    blurEditor: R,
-    sendMessage: A
+    focusEditor: S,
+    blurEditor: k,
+    sendMessage: b
   };
 }
 function N() {
-  w.watch(I.CHAT, {
+  h.watch(w.CHAT, {
     typingStatus: (e) => {
-      y.value = e;
+      m.value = e;
     }
   });
 }
 N();
 export {
-  a as MessageContentType,
-  J as useMessageInputState
+  c as MessageContentType,
+  z as useMessageInputState
 };

package/dist/states/MessageInputState/type.d.ts

@@ -6,16 +6,42 @@ declare enum MessageContentType {
     MENTION = "mention",
     EMOJI = "emoji"
 }
+interface MentionContent {
+    id: string;
+    label: string;
+    mentionSuggestionChar: string;
+}
+interface EmojiContent {
+    url: string;
+    key: string;
+    text: string;
+}
 type ContentTypeMap = {
-    [key in MessageContentType]: key extends MessageContentType.TEXT ? string : key extends MessageContentType.IMAGE ? File : key extends MessageContentType.VIDEO ? File : key extends MessageContentType.FILE ? File : key extends MessageContentType.MENTION ? string[] : key extends MessageContentType.EMOJI ? {
-        url: string;
-        key: string;
-        text: string;
-    } : never;
+    [MessageContentType.TEXT]: string;
+    [MessageContentType.IMAGE]: File;
+    [MessageContentType.VIDEO]: File;
+    [MessageContentType.FILE]: File;
+    [MessageContentType.MENTION]: MentionContent;
+    [MessageContentType.EMOJI]: EmojiContent;
+};
+type InputContent = {
+    type: MessageContentType.TEXT;
+    content: string;
+} | {
+    type: MessageContentType.IMAGE;
+    content: File;
+} | {
+    type: MessageContentType.VIDEO;
+    content: File;
+} | {
+    type: MessageContentType.FILE;
+    content: File;
+} | {
+    type: MessageContentType.MENTION;
+    content: MentionContent;
+} | {
+    type: MessageContentType.EMOJI;
+    content: EmojiContent;
 };
-interface InputContent<T extends MessageContentType = MessageContentType> {
-    type: T;
-    content: ContentTypeMap[T];
-}
 export { MessageContentType, };
-export type { ContentTypeMap, InputContent, };
+export type { ContentTypeMap, InputContent, MentionContent, EmojiContent, };

package/dist/states/MessageInputState/utils.d.ts

@@ -2,11 +2,7 @@ import { MessageContentType, InputContent } from './type';
 
 declare function convertInputContentToEditorNode(item: InputContent): {
     type: string;
-    text: string | string[] | File | {
-        url: string;
-        key: string;
-        text: string;
-    };
+    text: string;
     attrs?: undefined;
 } | {
     type: MessageContentType;

package/dist/states/MessageListState/MessageListState.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../types/engine';
 
 interface MessageListState {
     activeConversationID: Ref<string | undefined>;