tuikit-atomicx-vue3 4.5.0 → 4.5.1

package/dist/states/MessageInputState/MessageInputState.js

@@ -1,112 +1,144 @@
-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 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 { 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) => {
   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) => {
+  s.value && s.value.destroy(), s.value = e;
+}, x = (e) => {
+  if (s.value) {
     if (typeof e == "string")
-      n.value.commands.setContent(e, !0);
+      s.value.commands.setContent(e, !0);
     else {
-      const i = e.map(p);
-      n.value.commands.setContent(i, !0);
+      const n = e.map(f);
+      s.value.commands.setContent(n, !0);
     }
-    n.value.commands.focus();
+    s.value.commands.focus();
   }
-}, x = (e, i = !0) => {
-  if (n.value) {
+}, E = (e, n = !0) => {
+  if (s.value) {
     if (typeof e == "string")
-      n.value.commands.insertContent(e);
+      s.value.commands.insertContent(e);
     else {
-      const o = e.map(p);
-      n.value.commands.insertContent(o);
+      const a = e.map(f);
+      s.value.commands.insertContent(a);
     }
-    i && n.value.commands.focus();
+    n && s.value.commands.focus();
   }
-}, h = () => {
+}, S = () => {
   var e;
-  (e = n.value) == null || e.commands.focus();
-}, R = () => {
+  (e = s.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
-    });
-    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
-  };
-  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);
+  (e = s.value) == null || e.commands.blur();
+}, b = async (e) => {
+  const { enableReadReceipt: n } = M(), a = {
+    needReadReceipt: n.value || !1
+  }, o = R(e ?? u.value);
+  if (o) {
+    if (typeof o == "string") {
+      await r.sendTextMessage({
+        payload: { text: p(o) },
+        ...a
+      });
+      return;
+    }
+    await A(o, a);
   }
-  await u();
 };
-function J() {
+function R(e) {
+  if (typeof e == "string")
+    return e.trim() || null;
+  const n = I(e);
+  return n.length > 0 ? n : null;
+}
+async function A(e, n) {
+  const a = [], o = [], c = async () => {
+    if (a.length === 0)
+      return;
+    const t = a.join("");
+    a.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);
+    }
+  };
+  let l = 0;
+  const y = e.length;
+  for (; l < y; )
+    await m(e[l]), l++;
+  await c();
+}
+function D() {
   return {
-    inputRawValue: m,
-    isPeerTyping: y,
-    updateRawValue: E,
-    setEditorInstance: C,
-    setContent: S,
-    insertContent: x,
-    focusEditor: h,
-    blurEditor: R,
-    sendMessage: A
+    inputRawValue: u,
+    isPeerTyping: g,
+    updateRawValue: C,
+    setEditorInstance: v,
+    setContent: x,
+    insertContent: E,
+    focusEditor: S,
+    blurEditor: k,
+    sendMessage: b
   };
 }
 function N() {
-  w.watch(I.CHAT, {
+  h.watch(T.CHAT, {
     typingStatus: (e) => {
-      y.value = e;
+      g.value = e;
     }
   });
 }
 N();
 export {
-  a as MessageContentType,
-  J as useMessageInputState
+  i as MessageContentType,
+  D 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>;