@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.2

package/es/components/Chat/ChatKit/components/TUIChat/index.vue2.mjs

@@ -0,0 +1,240 @@
+import { defineComponent, ref, onMounted, onUnmounted, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, renderSlot, createCommentVNode, createVNode, toDisplayString, createBlock, Fragment } from "vue";
+import "../../adapter-vue.mjs";
+import TUIChatEngine, { TUIStore, StoreName, TUITranslateService, TUIConversationService } from "@tencentcloud/chat-uikit-engine";
+import TUICore, { TUIConstants } from "@tencentcloud/tui-core";
+import ChatHeader from "./chat-header/index.vue.mjs";
+import MessageList from "./message-list/index.vue.mjs";
+import MessageInput from "./message-input/index.vue.mjs";
+import MultipleSelectPanel from "./mulitple-select-panel/index.vue.mjs";
+import _sfc_main$1 from "./forward/index.vue.mjs";
+import MessageInputToolbar from "./message-input-toolbar/index.vue.mjs";
+import { isUniFrameWork, isPC, isMobile, isWeChat } from "../../utils/env.mjs";
+import ChatConfig from "./config.mjs";
+const _hoisted_1 = { class: "chat" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  emits: ["closeChat"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const groupID = ref(void 0);
+    const isGroup = ref(false);
+    const isNotInGroup = ref(false);
+    const notInGroupReason = ref();
+    const currentConversationID = ref();
+    const isMultipleSelectMode = ref(false);
+    const inputToolbarDisplayType = ref("none");
+    const messageInputRef = ref();
+    const messageListRef = ref();
+    const headerExtensionList = ref([]);
+    const featureConfig = ChatConfig.getFeatureConfig();
+    onMounted(() => {
+      TUIStore.watch(StoreName.CONV, {
+        currentConversationID: onCurrentConversationIDUpdate,
+        currentConversation: onCurrentConversationUpdate
+      });
+    });
+    onUnmounted(() => {
+      TUIStore.unwatch(StoreName.CONV, {
+        currentConversationID: onCurrentConversationIDUpdate,
+        currentConversation: onCurrentConversationUpdate
+      });
+      reset();
+    });
+    const isInputToolbarShow = computed(() => {
+      return isUniFrameWork ? inputToolbarDisplayType.value !== "none" : true;
+    });
+    const leaveGroupReasonText = computed(() => {
+      let text = "";
+      switch (notInGroupReason.value) {
+        case 4:
+          text = TUITranslateService.t("TUIChat.您已被管理员移出群聊");
+          break;
+        case 5:
+          text = TUITranslateService.t("TUIChat.该群聊已被解散");
+          break;
+        case 8:
+          text = TUITranslateService.t("TUIChat.您已退出该群聊");
+          break;
+        default:
+          text = TUITranslateService.t("TUIChat.您已退出该群聊");
+          break;
+      }
+      return text;
+    });
+    const reset = () => {
+      TUIConversationService.switchConversation("");
+    };
+    const closeChat = (conversationID) => {
+      emits("closeChat", conversationID);
+      reset();
+    };
+    const insertEmoji = (emojiObj) => {
+      var _a;
+      (_a = messageInputRef.value) == null ? void 0 : _a.insertEmoji(emojiObj);
+    };
+    const handleEditor = (message, type) => {
+      var _a, _b, _c;
+      if (!message || !type) return;
+      switch (type) {
+        case "reference":
+          break;
+        case "reply":
+          break;
+        case "reedit":
+          if ((_a = message == null ? void 0 : message.payload) == null ? void 0 : _a.text) {
+            (_c = messageInputRef == null ? void 0 : messageInputRef.value) == null ? void 0 : _c.reEdit((_b = message == null ? void 0 : message.payload) == null ? void 0 : _b.text);
+          }
+          break;
+      }
+    };
+    const handleGroup = () => {
+      headerExtensionList.value[0].listener.onClicked({ groupID: groupID.value });
+    };
+    function changeToolbarDisplayType(type) {
+      inputToolbarDisplayType.value = inputToolbarDisplayType.value === type ? "none" : type;
+      if (inputToolbarDisplayType.value !== "none" && isUniFrameWork) {
+        uni.$emit("scroll-to-bottom");
+      }
+    }
+    function scrollToLatestMessage() {
+      var _a;
+      (_a = messageListRef.value) == null ? void 0 : _a.scrollToLatestMessage();
+    }
+    function toggleMultipleSelectMode(visible) {
+      isMultipleSelectMode.value = visible === void 0 ? !isMultipleSelectMode.value : visible;
+    }
+    function mergeForwardMessage() {
+      var _a;
+      (_a = messageListRef.value) == null ? void 0 : _a.mergeForwardMessage();
+    }
+    function oneByOneForwardMessage() {
+      var _a;
+      (_a = messageListRef.value) == null ? void 0 : _a.oneByOneForwardMessage();
+    }
+    function onCurrentConversationUpdate(conversation) {
+      if ((conversation == null ? void 0 : conversation.operationType) > 0) {
+        headerExtensionList.value = [];
+        isNotInGroup.value = true;
+        notInGroupReason.value = conversation == null ? void 0 : conversation.operationType;
+      } else {
+        isNotInGroup.value = false;
+        notInGroupReason.value = void 0;
+      }
+    }
+    function onCurrentConversationIDUpdate(conversationID) {
+      if (currentConversationID.value === conversationID) {
+        return;
+      }
+      isGroup.value = false;
+      let conversationType = TUIChatEngine.TYPES.CONV_C2C;
+      if (conversationID.startsWith(TUIChatEngine.TYPES.CONV_GROUP)) {
+        conversationType = TUIChatEngine.TYPES.CONV_GROUP;
+        isGroup.value = true;
+        groupID.value = conversationID.replace(TUIChatEngine.TYPES.CONV_GROUP, "");
+      }
+      headerExtensionList.value = [];
+      currentConversationID.value = conversationID;
+      isMultipleSelectMode.value = false;
+      ChatConfig.setChatType(conversationType);
+      TUICore.notifyEvent(TUIConstants.TUIChat.EVENT.CHAT_STATE_CHANGED, TUIConstants.TUIChat.EVENT_SUB_KEY.CHAT_OPENED, { groupID: groupID.value });
+      TUICore.callService({
+        serviceName: TUIConstants.TUICustomerServicePlugin.SERVICE.NAME,
+        method: TUIConstants.TUICustomerServicePlugin.SERVICE.METHOD.ACTIVE_CONVERSATION,
+        params: { conversationID }
+      });
+      if (ChatConfig.getChatType() === TUIConstants.TUIChat.TYPE.GROUP) {
+        headerExtensionList.value = TUICore.getExtensionList(TUIConstants.TUIChat.EXTENSION.CHAT_HEADER.EXT_ID);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["tui-chat", !unref(isPC) && "tui-chat-h5"])
+        }, [
+          !unref(currentConversationID) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["tui-chat-default", !unref(isPC) && "tui-chat-h5-default"])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 2)) : createCommentVNode("", true),
+          unref(currentConversationID) ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(["tui-chat", !unref(isPC) && "tui-chat-h5"])
+          }, [
+            createVNode(ChatHeader, {
+              class: normalizeClass([
+                "tui-chat-header",
+                !unref(isPC) && "tui-chat-H5-header",
+                unref(isUniFrameWork) && "tui-chat-uniapp-header"
+              ]),
+              headerExtensionList: unref(headerExtensionList),
+              onCloseChat: closeChat
+            }, null, 8, ["class", "headerExtensionList"]),
+            createVNode(_sfc_main$1, { onToggleMultipleSelectMode: toggleMultipleSelectMode }),
+            createVNode(MessageList, {
+              ref_key: "messageListRef",
+              ref: messageListRef,
+              class: normalizeClass(["tui-chat-message-list", !unref(isPC) && "tui-chat-h5-message-list"]),
+              isGroup: unref(isGroup),
+              groupID: unref(groupID),
+              isNotInGroup: unref(isNotInGroup),
+              isMultipleSelectMode: unref(isMultipleSelectMode),
+              onHandleEditor: handleEditor,
+              onCloseInputToolBar: _cache[0] || (_cache[0] = () => changeToolbarDisplayType("none")),
+              onToggleMultipleSelectMode: toggleMultipleSelectMode
+            }, null, 8, ["class", "isGroup", "groupID", "isNotInGroup", "isMultipleSelectMode"]),
+            unref(isNotInGroup) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass({
+                "tui-chat-leave-group": true,
+                "tui-chat-leave-group-mobile": unref(isMobile)
+              })
+            }, toDisplayString(unref(leaveGroupReasonText)), 3)) : unref(isMultipleSelectMode) ? (openBlock(), createBlock(MultipleSelectPanel, {
+              key: 1,
+              onOneByOneForwardMessage: oneByOneForwardMessage,
+              onMergeForwardMessage: mergeForwardMessage,
+              onToggleMultipleSelectMode: toggleMultipleSelectMode
+            })) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              unref(isInputToolbarShow) ? (openBlock(), createBlock(MessageInputToolbar, {
+                key: 0,
+                class: normalizeClass([
+                  "tui-chat-message-input-toolbar",
+                  !unref(isPC) && "tui-chat-h5-message-input-toolbar",
+                  unref(isUniFrameWork) && "tui-chat-uni-message-input-toolbar"
+                ]),
+                displayType: unref(inputToolbarDisplayType),
+                onInsertEmoji: insertEmoji,
+                onChangeToolbarDisplayType: changeToolbarDisplayType,
+                onScrollToLatestMessage: scrollToLatestMessage
+              }, null, 8, ["class", "displayType"])) : createCommentVNode("", true),
+              createVNode(MessageInput, {
+                ref_key: "messageInputRef",
+                ref: messageInputRef,
+                class: normalizeClass([
+                  "tui-chat-message-input",
+                  !unref(isPC) && "tui-chat-h5-message-input",
+                  unref(isUniFrameWork) && "tui-chat-uni-message-input",
+                  unref(isWeChat) && "tui-chat-wx-message-input"
+                ]),
+                enableAt: unref(featureConfig).InputMention,
+                isMuted: false,
+                muteText: unref(TUITranslateService).t("TUIChat.您已被管理员禁言"),
+                placeholder: unref(TUITranslateService).t("TUIChat.请输入消息"),
+                inputToolbarDisplayType: unref(inputToolbarDisplayType),
+                onChangeToolbarDisplayType: changeToolbarDisplayType
+              }, null, 8, ["class", "enableAt", "muteText", "placeholder", "inputToolbarDisplayType"])
+            ], 64))
+          ], 2)) : createCommentVNode("", true),
+          !unref(isNotInGroup) && unref(isUniFrameWork) && unref(isGroup) && unref(headerExtensionList).length > 0 ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: "group-profile",
+            onClick: handleGroup
+          }, toDisplayString(unref(headerExtensionList)[0].text), 1)) : createCommentVNode("", true)
+        ], 2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input/index.d.ts

@@ -0,0 +1,3 @@
+import { default as MessageInput } from './index.vue';
+
+export default MessageInput;

package/es/components/Chat/ChatKit/components/TUIChat/message-input/index.vue.d.ts

@@ -0,0 +1,79 @@
+declare const _default: import('vue').DefineComponent<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    isMuted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    muteText: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableAt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableDragUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableTyping: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    insertEmoji: (emoji: any) => void;
+    reEdit: (content: any) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sendMessage: (...args: any[]) => void;
+    onTyping: (...args: any[]) => void;
+    resetReplyOrReference: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    isMuted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    muteText: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableAt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableDragUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableTyping: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onSendMessage?: ((...args: any[]) => any) | undefined;
+    onOnTyping?: ((...args: any[]) => any) | undefined;
+    onResetReplyOrReference?: ((...args: any[]) => any) | undefined;
+}, {
+    placeholder: string;
+    isMuted: boolean;
+    muteText: string;
+    enableInput: boolean;
+    enableAt: boolean;
+    enableDragUpload: boolean;
+    enableTyping: boolean;
+}, {}>;
+export default _default;

package/es/components/Chat/ChatKit/components/TUIChat/message-input/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./index.vue2.mjs";
+/* empty css            */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const MessageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bf6a3af8"]]);
+export {
+  MessageInput as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input/index.vue2.mjs

@@ -0,0 +1,141 @@
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createVNode, createBlock, createCommentVNode } from "vue";
+import { TUIStore, StoreName } from "@tencentcloud/chat-uikit-engine";
+import "../../../adapter-vue.mjs";
+import MessageInputEditor from "./message-input-editor.vue.mjs";
+import MessageInputAt from "./message-input-at/index.vue.mjs";
+import MessageInputButton from "./message-input-button.vue.mjs";
+import MessageInputQuote from "./message-input-quote/index.vue.mjs";
+import { sendTyping, sendMessages } from "../utils/sendMessage.mjs";
+import { transformTextWithEmojiNamesToKeys } from "../emoji-config/index.mjs";
+import { isPC, isH5 } from "../../../utils/env.mjs";
+const _hoisted_1 = { class: "message-input-wrapper" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    placeholder: {
+      type: String,
+      default: "this is placeholder"
+    },
+    isMuted: {
+      type: Boolean,
+      default: true
+    },
+    muteText: {
+      type: String,
+      default: ""
+    },
+    enableInput: {
+      type: Boolean,
+      default: true
+    },
+    enableAt: {
+      type: Boolean,
+      default: true
+    },
+    enableDragUpload: {
+      type: Boolean,
+      default: true
+    },
+    enableTyping: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["sendMessage", "resetReplyOrReference", "onTyping"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const editor = ref();
+    const messageInputAtRef = ref();
+    const currentConversation = ref();
+    TUIStore.watch(StoreName.CONV, {
+      currentConversation: (conversation) => {
+        currentConversation.value = conversation;
+      }
+    });
+    const onTyping = (inputContentEmpty, inputBlur) => {
+      sendTyping(inputContentEmpty, inputBlur);
+    };
+    const onAt = (show) => {
+      var _a;
+      (_a = messageInputAtRef.value) == null ? void 0 : _a.toggleAtList(show);
+    };
+    const sendMessage = async () => {
+      var _a, _b;
+      const _editorContentList = (_a = editor.value) == null ? void 0 : _a.getEditorContent();
+      if (!_editorContentList || !currentConversation.value) return;
+      const editorContentList = _editorContentList.map((editor2) => {
+        if (editor2.type === "text") {
+          editor2.payload.text = transformTextWithEmojiNamesToKeys(editor2.payload.text);
+        }
+        return editor2;
+      });
+      await sendMessages(
+        editorContentList,
+        currentConversation.value
+      );
+      emit("sendMessage");
+      (_b = editor.value) == null ? void 0 : _b.resetEditor();
+    };
+    const insertEmoji = (emoji) => {
+      var _a;
+      (_a = editor.value) == null ? void 0 : _a.addEmoji(emoji);
+    };
+    const onAtListOpen = () => {
+      var _a;
+      if (isH5) {
+        (_a = editor.value) == null ? void 0 : _a.blur();
+      }
+    };
+    const insertAt = (atInfo) => {
+      var _a, _b;
+      ((_a = editor == null ? void 0 : editor.value) == null ? void 0 : _a.insertAt) && ((_b = editor == null ? void 0 : editor.value) == null ? void 0 : _b.insertAt(atInfo));
+    };
+    const reEdit = (content) => {
+      var _a, _b;
+      (_a = editor.value) == null ? void 0 : _a.resetEditor();
+      (_b = editor.value) == null ? void 0 : _b.setEditorContent(content);
+    };
+    __expose({
+      insertEmoji,
+      reEdit
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["message-input-container", !unref(isPC) && "message-input-container-h5"])
+        }, [
+          createVNode(MessageInputEditor, {
+            ref_key: "editor",
+            ref: editor,
+            placeholder: props.placeholder,
+            isMuted: props.isMuted,
+            muteText: props.muteText,
+            enableInput: props.enableInput,
+            enableAt: props.enableAt,
+            enableTyping: props.enableTyping,
+            enableDragUpload: props.enableDragUpload,
+            onSendMessage: sendMessage,
+            onOnTyping: onTyping,
+            onOnAt: onAt
+          }, null, 8, ["placeholder", "isMuted", "muteText", "enableInput", "enableAt", "enableTyping", "enableDragUpload"]),
+          !props.isMuted ? (openBlock(), createBlock(MessageInputButton, {
+            key: 0,
+            onSendMessage: sendMessage
+          })) : createCommentVNode("", true),
+          props.enableAt ? (openBlock(), createBlock(MessageInputAt, {
+            key: 1,
+            ref_key: "messageInputAtRef",
+            ref: messageInputAtRef,
+            onInsertAt: insertAt,
+            onOnAtListOpen: onAtListOpen
+          }, null, 512)) : createCommentVNode("", true)
+        ], 2),
+        createVNode(MessageInputQuote)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input/message-input-at/index.d.ts

@@ -0,0 +1,19 @@
+import { SuggestionProps, SuggestionKeyDownProps } from '@tiptap/suggestion';
+
+declare const MessageInputAtSuggestion: () => {
+    allowedPrefixes: null;
+    items: (props: {
+        query: string;
+    }) => any[] | undefined;
+    render: () => {
+        onStart: (props: SuggestionProps<{
+            id?: string;
+            userID?: string;
+            isAll?: boolean;
+        }>) => void;
+        onUpdate(props: SuggestionProps<any>): void;
+        onKeyDown(props: SuggestionKeyDownProps): boolean | undefined;
+        onExit(): void;
+    };
+};
+export default MessageInputAtSuggestion;

package/es/components/Chat/ChatKit/components/TUIChat/message-input/message-input-at/index.mjs

@@ -0,0 +1,161 @@
+import TUIChatEngine, { TUIStore, StoreName } from "@tencentcloud/chat-uikit-engine";
+import { TUIGlobal } from "@tencentcloud/universal-api";
+import { isH5 } from "../../../../utils/env.mjs";
+let currentConversationID = "";
+let memberList = [];
+let allMemberList = [];
+let showMemberList = [];
+let selectedIndex = 0;
+let isGroup = false;
+let command;
+const all = {
+  userID: TUIChatEngine.TYPES.MSG_AT_ALL,
+  nick: "所有人",
+  isAll: true,
+  avatar: "https://web.sdk.qcloud.com/im/assets/images/at.svg"
+};
+TUIStore.watch(StoreName.CONV, {
+  currentConversationID: (id) => {
+    if (id !== currentConversationID) {
+      currentConversationID = id;
+      if (currentConversationID == null ? void 0 : currentConversationID.startsWith("GROUP")) {
+        isGroup = true;
+      } else {
+        isGroup = false;
+        memberList = [];
+        allMemberList = [];
+        showMemberList = [];
+      }
+    }
+  }
+});
+TUIStore.watch(StoreName.CUSTOM, {
+  memberList: (list) => {
+    if (isGroup && Array.isArray(list)) {
+      memberList = list;
+      allMemberList = [all, ...memberList];
+      showMemberList = allMemberList;
+    }
+  }
+});
+const MessageInputAtSuggestion = () => {
+  return {
+    allowedPrefixes: null,
+    items: (props) => {
+      if (!isGroup) {
+        return;
+      }
+      const queryResult = allMemberList == null ? void 0 : allMemberList.filter(
+        (item) => {
+          var _a, _b, _c, _d, _e, _f;
+          return ((_c = (_a = item == null ? void 0 : item.nick) == null ? void 0 : _a.toLowerCase()) == null ? void 0 : _c.startsWith((_b = props == null ? void 0 : props.query) == null ? void 0 : _b.toLowerCase())) || ((_f = (_d = item == null ? void 0 : item.userID) == null ? void 0 : _d.toLowerCase()) == null ? void 0 : _f.startsWith((_e = props == null ? void 0 : props.query) == null ? void 0 : _e.toLowerCase()));
+        }
+      );
+      showMemberList = (queryResult == null ? void 0 : queryResult.length) ? queryResult : allMemberList;
+      TUIGlobal.setShowMemberList(showMemberList);
+      return showMemberList;
+    },
+    render: () => {
+      return {
+        onStart: (props) => {
+          if (!isGroup) {
+            return;
+          }
+          TUIGlobal.toggleAtList(true);
+          if (!(props == null ? void 0 : props.clientRect)) {
+            return;
+          }
+          const rect = props == null ? void 0 : props.clientRect();
+          if ((rect == null ? void 0 : rect.left) && (rect == null ? void 0 : rect.top) && !isH5) {
+            TUIGlobal.handleAtListPosition({
+              left: rect == null ? void 0 : rect.left,
+              top: rect == null ? void 0 : rect.top
+            });
+          }
+          command = props.command;
+        },
+        onUpdate(props) {
+          if (!isGroup) {
+            return;
+          }
+          if (!(props == null ? void 0 : props.clientRect)) {
+            return;
+          }
+          const rect = props == null ? void 0 : props.clientRect();
+          if ((rect == null ? void 0 : rect.left) && (rect == null ? void 0 : rect.top) && !isH5) {
+            TUIGlobal.handleAtListPosition({
+              left: rect == null ? void 0 : rect.left,
+              top: rect == null ? void 0 : rect.top
+            });
+          }
+        },
+        onKeyDown(props) {
+          var _a, _b;
+          if (!isGroup) {
+            return;
+          }
+          if (props.event.key === "Enter") {
+            (_a = props.event) == null ? void 0 : _a.stopPropagation();
+            (_b = props.event) == null ? void 0 : _b.preventDefault();
+          }
+          if (props.event.key === "Escape") {
+            TUIGlobal.toggleAtList(false);
+            showMemberList = allMemberList;
+            return true;
+          }
+          if ((props == null ? void 0 : props.event.key) === "ArrowUp") {
+            upHandler();
+            return true;
+          }
+          if ((props == null ? void 0 : props.event.key) === "ArrowDown") {
+            downHandler();
+            return true;
+          }
+          if ((props == null ? void 0 : props.event.key) === "Enter") {
+            enterHandler();
+            return true;
+          }
+          return false;
+        },
+        onExit() {
+          if (!isGroup) {
+            return;
+          }
+          TUIGlobal.toggleAtList(false);
+          showMemberList = allMemberList;
+          TUIGlobal.handleAtListPosition({
+            left: 0,
+            top: 0
+          });
+        }
+      };
+    }
+  };
+};
+const upHandler = () => {
+  if (!(showMemberList == null ? void 0 : showMemberList.length)) return;
+  selectedIndex = (selectedIndex + (showMemberList == null ? void 0 : showMemberList.length) - 1) % (showMemberList == null ? void 0 : showMemberList.length);
+  TUIGlobal.setCurrentSelectIndex(selectedIndex);
+};
+const downHandler = () => {
+  if (!(showMemberList == null ? void 0 : showMemberList.length)) return;
+  selectedIndex = (selectedIndex + 1) % (showMemberList == null ? void 0 : showMemberList.length);
+  TUIGlobal.setCurrentSelectIndex(selectedIndex);
+};
+const enterHandler = () => {
+  selectItem(selectedIndex);
+};
+const selectItem = (index) => {
+  if (!(showMemberList == null ? void 0 : showMemberList.length)) return;
+  const item = showMemberList[index];
+  if (item) {
+    command && command({
+      id: item == null ? void 0 : item.userID,
+      label: (item == null ? void 0 : item.nick) || (item == null ? void 0 : item.userID)
+    });
+  }
+};
+TUIGlobal.selectItem = selectItem;
+export {
+  MessageInputAtSuggestion as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input/message-input-at/index.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    toggleAtList: (show: boolean) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    insertAt: (...args: any[]) => void;
+    onAtListOpen: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onInsertAt?: ((...args: any[]) => any) | undefined;
+    onOnAtListOpen?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/Chat/ChatKit/components/TUIChat/message-input/message-input-at/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./index.vue2.mjs";
+/* empty css            */
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const MessageInputAt = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-15902586"]]);
+export {
+  MessageInputAt as default
+};