tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/states/MessageActionState/MessageActionState.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../types/engine';
 
 /**
  * Message action state interface
@@ -13,7 +13,7 @@ interface IMessageActionState {
     /** Forward target conversation ID list */
     forwardConversationIDList: Ref<string[]>;
     /** Current quoted message */
-    quotedMessage: Ref<IMessageModel | undefined>;
+    quotedMessage: Ref<MessageModel | undefined>;
 }
 /**
  * Message action interface
@@ -45,7 +45,7 @@ interface IMessageActionAction {
      * Quote a message
      * @param message - Message to quote
      */
-    quoteMessage: (message: IMessageModel | undefined) => void;
+    quoteMessage: (message: MessageModel | undefined) => void;
     /**
      * Clear quoted message
      */
@@ -55,19 +55,19 @@ interface IMessageActionAction {
      * @param message - Message to copy
      * @returns Result of the copy operation
      */
-    copyTextMessage: (message: IMessageModel) => Promise<boolean>;
+    copyTextMessage: (message: MessageModel) => Promise<boolean>;
     /**
      * Delete a message
      * @param message - Message to delete
      * @returns Result of the delete operation
      */
-    deleteMessage: (message: IMessageModel) => Promise<unknown>;
+    deleteMessage: (message: MessageModel) => Promise<unknown>;
     /**
      * Revoke a message
      * @param message - Message to revoke
      * @returns Result of the revoke operation
      */
-    recallMessage: (message: IMessageModel) => Promise<unknown>;
+    recallMessage: (message: MessageModel) => Promise<unknown>;
     /**
      * Reset message action state
      */

package/dist/states/MessageActionState/MessageActionState.js

@@ -1,64 +1,58 @@
-import { ref } from "vue";
-import { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
-import { transformTextWithEmojiKeyToName } from "../../utils/emoji.js";
-import { copyTextToClipboard } from "../../utils/copyText.js";
-const forwardMessageIDListRef = ref([]);
-const isForwardMessageSelectionDoneRef = ref(false);
-const forwardConversationIDListRef = ref([]);
-const quotedMessageRef = ref(void 0);
-function forwardMessage(params) {
-  const { messageIDList, conversationIDList, isMergeForward } = params;
-  if (messageIDList.length === 0 || conversationIDList.length === 0 || isMergeForward === void 0) {
+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)
     throw new Error("Invalid forward message parameters");
-  }
-  const selectedConversationList = conversationIDList.map((ID) => TUIStore.getConversationModel(ID));
-  const selectedMessageListSortedByTime = messageIDList.map((messageID) => TUIStore.getMessageModel(messageID)).sort((a, b) => a.time - b.time);
-  const forwardPromises = selectedConversationList.map(
-    (conversation) => TUIChatService.sendForwardMessage(
-      [conversation],
-      selectedMessageListSortedByTime,
+  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(
+      [s],
+      c,
       {
-        needMerge: isMergeForward,
+        needMerge: g,
         params: {
           // Determine whether read receipt is needed based on configuration
-          needReadReceipt: false
+          needReadReceipt: !1
         }
       }
     )
   );
-  return Promise.allSettled(forwardPromises);
+  return Promise.allSettled(f);
 }
-function useMessageActionState() {
+function C() {
   return {
     // State
-    forwardMessageIDList: forwardMessageIDListRef,
-    isForwardMessageSelectionDone: isForwardMessageSelectionDoneRef,
-    forwardConversationIDList: forwardConversationIDListRef,
-    quotedMessage: quotedMessageRef,
+    forwardMessageIDList: t,
+    isForwardMessageSelectionDone: n,
+    forwardConversationIDList: o,
+    quotedMessage: i,
     // Action methods
     /**
      * Set forward message ID list
      * @param messageIDList - Message IDs to forward
      */
-    setForwardMessageIDList(messageIDList) {
-      forwardMessageIDListRef.value = [
-        .../* @__PURE__ */ new Set([...forwardMessageIDListRef.value, ...messageIDList])
+    setForwardMessageIDList(e) {
+      t.value = [
+        .../* @__PURE__ */ new Set([...t.value, ...e])
       ];
     },
     /**
      * Set message selection completion status
      * @param isSelectionDone - Boolean indicating whether message selection is complete
      */
-    setIsForwardMessageSelectionDone(isSelectionDone) {
-      isForwardMessageSelectionDoneRef.value = isSelectionDone;
+    setIsForwardMessageSelectionDone(e) {
+      n.value = e;
     },
     /**
      * Set forward target conversation ID list
      * @param conversationIDList - Conversation IDs to forward to
      */
-    setForwardConversationIDList(conversationIDList) {
-      forwardConversationIDListRef.value = [
-        .../* @__PURE__ */ new Set([...forwardConversationIDListRef.value, ...conversationIDList])
+    setForwardConversationIDList(e) {
+      o.value = [
+        .../* @__PURE__ */ new Set([...o.value, ...e])
       ];
     },
     /**
@@ -66,38 +60,36 @@ function useMessageActionState() {
      * @param params - Forward message parameters
      * @returns Results of the forward operation
      */
-    forwardMessage(params) {
-      return forwardMessage(params);
+    forwardMessage(e) {
+      return I(e);
     },
     /**
      * Quote a message
      * @param message - Message to quote
      */
-    quoteMessage(message) {
-      TUIStore.update(StoreName.CHAT, "quoteMessage", {
-        message,
+    quoteMessage(e) {
+      a.update(u.CHAT, "quoteMessage", {
+        message: e,
         type: "quote"
-      });
-      quotedMessageRef.value = message;
+      }), i.value = e;
     },
     /**
      * Clear quoted message
      */
     clearQuotedMessage() {
-      TUIStore.update(StoreName.CHAT, "quoteMessage", {
+      a.update(u.CHAT, "quoteMessage", {
         message: void 0,
         type: "quote"
-      });
-      quotedMessageRef.value = void 0;
+      }), i.value = void 0;
     },
     /**
      * Copy text message content to clipboard
      * @param message - Message to copy
      * @returns Result of the copy operation
      */
-    copyTextMessage(message) {
-      return copyTextToClipboard(
-        transformTextWithEmojiKeyToName(message.payload.text || "")
+    copyTextMessage(e) {
+      return w(
+        p(e.payload.text || "")
       );
     },
     /**
@@ -105,28 +97,25 @@ function useMessageActionState() {
      * @param message - Message to delete
      * @returns Result of the delete operation
      */
-    deleteMessage(message) {
-      return message.deleteMessage();
+    deleteMessage(e) {
+      return e.deleteMessage();
     },
     /**
      * Revoke a message
      * @param message - Message to revoke
      * @returns Result of the revoke operation
      */
-    recallMessage(message) {
-      return message.revokeMessage();
+    recallMessage(e) {
+      return e.revokeMessage();
     },
     /**
      * Reset message action state
      */
     resetMessageActionState() {
-      this.clearQuotedMessage();
-      forwardMessageIDListRef.value = [];
-      isForwardMessageSelectionDoneRef.value = false;
-      forwardConversationIDListRef.value = [];
+      this.clearQuotedMessage(), t.value = [], n.value = !1, o.value = [];
     }
   };
 }
 export {
-  useMessageActionState
+  C as useMessageActionState
 };

package/dist/states/MessageActionState/index.js

@@ -1,4 +1,4 @@
-import { useMessageActionState } from "./MessageActionState.js";
+import { useMessageActionState as o } from "./MessageActionState.js";
 export {
-  useMessageActionState
+  o as useMessageActionState
 };

package/dist/states/MessageInputState/MessageInputState.js

@@ -1,160 +1,111 @@
-import { ref } from "vue";
-import { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
-import { MessageContentType } from "./type.js";
-import { convertInputContentToEditorNode } from "./utils.js";
-import { useMessageListState } from "../MessageListState/MessageListState.js";
-import { transformTextWithEmojiNameToKey } from "../../utils/emoji.js";
-const editor = ref(null);
-const inputRawValue = ref("");
-const isPeerTyping = ref(false);
-const updateRawValue = (value) => {
-  if (typeof value !== "string" && !Array.isArray(value)) {
+import { ref as d } from "vue";
+import { TUIStore as w, StoreName as M, TUIChatService as o } from "@tencentcloud/chat-uikit-engine";
+import { MessageContentType as s } from "./type.js";
+import { convertInputContentToEditorNode as p } from "./utils.js";
+import { useMessageListState as v } from "../MessageListState/MessageListState.js";
+import { transformTextWithEmojiNameToKey as f } from "../../utils/emoji.js";
+const n = d(null), m = d(""), y = d(!1), E = (e) => {
+  if (typeof e != "string" && !Array.isArray(e)) {
     console.warn("Invalid input type for updateRawValue");
     return;
   }
-  if (typeof value === "string") {
-    inputRawValue.value = value.trim();
-  } else {
-    inputRawValue.value = (value == null ? void 0 : value.length) > 0 ? value : "";
-  }
-  TUIChatService.enterTypingState();
-  setTimeout(() => {
-    TUIChatService.leaveTypingState();
+  typeof e == "string" ? m.value = e.trim() : m.value = (e == null ? void 0 : e.length) > 0 ? e : "", o.enterTypingState(), setTimeout(() => {
+    o.leaveTypingState();
   }, 3e3);
-};
-const setEditorInstance = (instance) => {
-  if (editor.value) {
-    editor.value.destroy();
-  }
-  editor.value = instance;
-};
-const setContent = (content) => {
-  if (!editor.value) {
-    return;
-  }
-  if (typeof content === "string") {
-    editor.value.commands.setContent(content, true);
-  } else {
-    const editorContent = content.map(convertInputContentToEditorNode);
-    editor.value.commands.setContent(editorContent, true);
-  }
-  editor.value.commands.focus();
-};
-const insertContent = (content, focus = true) => {
-  if (!editor.value) {
-    return;
-  }
-  if (typeof content === "string") {
-    editor.value.commands.insertContent(content);
-  } else {
-    const editorContent = content.map(convertInputContentToEditorNode);
-    editor.value.commands.insertContent(editorContent);
+}, I = (e) => {
+  n.value && n.value.destroy(), n.value = e;
+}, C = (e) => {
+  if (n.value) {
+    if (typeof e == "string")
+      n.value.commands.setContent(e, !0);
+    else {
+      const r = e.map(p);
+      n.value.commands.setContent(r, !0);
+    }
+    n.value.commands.focus();
   }
-  if (focus) {
-    editor.value.commands.focus();
+}, S = (e, r = !0) => {
+  if (n.value) {
+    if (typeof e == "string")
+      n.value.commands.insertContent(e);
+    else {
+      const a = e.map(p);
+      n.value.commands.insertContent(a);
+    }
+    r && n.value.commands.focus();
   }
-};
-const focusEditor = () => {
-  var _a;
-  (_a = editor.value) == null ? void 0 : _a.commands.focus();
-};
-const blurEditor = () => {
-  var _a;
-  (_a = editor.value) == null ? void 0 : _a.commands.blur();
-};
-const sendMessage = async (msg) => {
-  const { enableReadReceipt } = useMessageListState();
-  const sendMessageParamsWithoutPayload = {
-    needReadReceipt: enableReadReceipt.value || false
-  };
-  const messageToSend = msg ?? inputRawValue.value;
-  if (!messageToSend) {
+}, x = () => {
+  var e;
+  (e = n.value) == null || e.commands.focus();
+}, h = () => {
+  var e;
+  (e = n.value) == null || e.commands.blur();
+}, R = async (e) => {
+  const { enableReadReceipt: r } = v(), a = {
+    needReadReceipt: r.value || !1
+  }, c = e ?? m.value;
+  if (!c)
     return;
-  }
-  if (typeof messageToSend === "string") {
-    TUIChatService.sendTextMessage({
-      payload: { text: transformTextWithEmojiNameToKey(messageToSend) },
-      ...sendMessageParamsWithoutPayload
+  if (typeof c == "string") {
+    o.sendTextMessage({
+      payload: { text: f(c) },
+      ...a
     });
     return;
   }
-  let mergedText = "";
-  const sendAccumulatedText = async () => {
-    if (mergedText) {
-      await TUIChatService.sendTextMessage({
-        payload: { text: transformTextWithEmojiNameToKey(mergedText) },
-        ...sendMessageParamsWithoutPayload
-      });
-      mergedText = "";
-    }
-  };
-  const messageProcessors = {
-    [MessageContentType.TEXT]: (content) => content,
-    [MessageContentType.IMAGE]: async (content) => {
-      await sendAccumulatedText();
-      await TUIChatService.sendImageMessage({
-        payload: { file: content },
-        ...sendMessageParamsWithoutPayload
-      });
-      return "";
-    },
-    [MessageContentType.VIDEO]: async (content) => {
-      await sendAccumulatedText();
-      await TUIChatService.sendVideoMessage({
-        payload: { file: content },
-        ...sendMessageParamsWithoutPayload
-      });
-      return "";
-    },
-    [MessageContentType.FILE]: async (content) => {
-      await sendAccumulatedText();
-      await TUIChatService.sendFileMessage({
-        payload: { file: content },
-        ...sendMessageParamsWithoutPayload
-      });
-      return "";
-    },
-    [MessageContentType.MENTION]: async () => {
-      await sendAccumulatedText();
-      console.warn("Mention feature not implemented yet");
-      return "";
-    },
-    [MessageContentType.EMOJI]: (content) => content.key
+  let u = "";
+  const i = async () => {
+    u && (await o.sendTextMessage({
+      payload: { text: f(u) },
+      ...a
+    }), u = "");
+  }, l = {
+    [s.TEXT]: (t) => t,
+    [s.IMAGE]: async (t) => (await i(), await o.sendImageMessage({
+      payload: { file: t },
+      ...a
+    }), ""),
+    [s.VIDEO]: async (t) => (await i(), await o.sendVideoMessage({
+      payload: { file: t },
+      ...a
+    }), ""),
+    [s.FILE]: async (t) => (await i(), await o.sendFileMessage({
+      payload: { file: t },
+      ...a
+    }), ""),
+    [s.MENTION]: async () => (await i(), console.warn("Mention feature not implemented yet"), ""),
+    [s.EMOJI]: (t) => t.key
   };
-  for (const item of messageToSend) {
-    if (!item.type || !messageProcessors[item.type]) {
-      throw new Error(`Invalid message type: ${item.type}`);
-    }
-    const processor = messageProcessors[item.type];
-    const result = await processor(item.content);
-    if ([MessageContentType.TEXT, MessageContentType.EMOJI].includes(item.type)) {
-      mergedText += result;
-    }
+  for (const t of c) {
+    if (!t.type || !l[t.type])
+      throw new Error(`Invalid message type: ${t.type}`);
+    const g = l[t.type], T = await g(t.content);
+    [s.TEXT, s.EMOJI].includes(t.type) && (u += T);
   }
-  await sendAccumulatedText();
+  await i();
 };
-function useMessageInputState() {
+function F() {
   return {
-    inputRawValue,
-    isPeerTyping,
-    updateRawValue,
-    setEditorInstance,
-    setContent,
-    insertContent,
-    focusEditor,
-    blurEditor,
-    sendMessage
+    inputRawValue: m,
+    isPeerTyping: y,
+    updateRawValue: E,
+    setEditorInstance: I,
+    setContent: C,
+    insertContent: S,
+    focusEditor: x,
+    blurEditor: h,
+    sendMessage: R
   };
 }
-function initWatcher() {
-  TUIStore.watch(StoreName.CHAT, {
-    typingStatus: (typingStatus) => {
-      isPeerTyping.value = typingStatus;
+function A() {
+  w.watch(M.CHAT, {
+    typingStatus: (e) => {
+      y.value = e;
     }
   });
 }
-initWatcher();
+A();
 export {
-  MessageContentType,
-  useMessageInputState
+  s as MessageContentType,
+  F as useMessageInputState
 };

package/dist/states/MessageInputState/index.js

@@ -1,6 +1,6 @@
-import { useMessageInputState } from "./MessageInputState.js";
-import { MessageContentType } from "./type.js";
+import { useMessageInputState as o } from "./MessageInputState.js";
+import { MessageContentType as p } from "./type.js";
 export {
-  MessageContentType,
-  useMessageInputState
+  p as MessageContentType,
+  o as useMessageInputState
 };

package/dist/states/MessageInputState/type.js

@@ -1,12 +1,4 @@
-var MessageContentType = /* @__PURE__ */ ((MessageContentType2) => {
-  MessageContentType2["TEXT"] = "text";
-  MessageContentType2["IMAGE"] = "image";
-  MessageContentType2["VIDEO"] = "video";
-  MessageContentType2["FILE"] = "file";
-  MessageContentType2["MENTION"] = "mention";
-  MessageContentType2["EMOJI"] = "emoji";
-  return MessageContentType2;
-})(MessageContentType || {});
+var i = /* @__PURE__ */ ((E) => (E.TEXT = "text", E.IMAGE = "image", E.VIDEO = "video", E.FILE = "file", E.MENTION = "mention", E.EMOJI = "emoji", E))(i || {});
 export {
-  MessageContentType
+  i as MessageContentType
 };

package/dist/states/MessageInputState/utils.js

@@ -1,42 +1,41 @@
-import { MessageContentType } from "./type.js";
-function convertInputContentToEditorNode(item) {
-  switch (item.type) {
-    case MessageContentType.TEXT:
+import { MessageContentType as n } from "./type.js";
+function c(e) {
+  switch (e.type) {
+    case n.TEXT:
       return {
         type: "text",
-        text: item.content
+        text: e.content
       };
-    case MessageContentType.IMAGE: {
-      const imageFile = item.content;
-      const imageUrl = URL.createObjectURL(imageFile);
+    case n.IMAGE: {
+      const t = e.content, r = URL.createObjectURL(t);
       return {
-        type: MessageContentType.IMAGE,
+        type: n.IMAGE,
         attrs: {
-          src: imageUrl,
-          alt: imageFile == null ? void 0 : imageFile.name,
-          fileData: imageFile,
-          title: imageFile == null ? void 0 : imageFile.name
+          src: r,
+          alt: t == null ? void 0 : t.name,
+          fileData: t,
+          title: t == null ? void 0 : t.name
         }
       };
     }
-    case MessageContentType.EMOJI: {
-      const emoticonContent = item.content;
+    case n.EMOJI: {
+      const t = e.content;
       return {
-        type: MessageContentType.EMOJI,
+        type: n.EMOJI,
         attrs: {
-          src: emoticonContent.url,
-          alt: emoticonContent.key,
-          title: emoticonContent.text
+          src: t.url,
+          alt: t.key,
+          title: t.text
         }
       };
     }
     default:
       return {
         type: "text",
-        text: String(item.content)
+        text: String(e.content)
       };
   }
 }
 export {
-  convertInputContentToEditorNode
+  c as convertInputContentToEditorNode
 };