@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.3

package/lib/components/Chat/ChatKit/components/TUIChat/message-input/index.vue2.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+require("../../../adapter-vue.js");
+const messageInputEditor = require("./message-input-editor.vue.js");
+const index = require("./message-input-at/index.vue.js");
+const messageInputButton = require("./message-input-button.vue.js");
+const index$1 = require("./message-input-quote/index.vue.js");
+const sendMessage = require("../utils/sendMessage.js");
+const index$2 = require("../emoji-config/index.js");
+const env = require("../../../utils/env.js");
+const _hoisted_1 = { class: "message-input-wrapper" };
+const _sfc_main = /* @__PURE__ */ Vue.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 = Vue.ref();
+    const messageInputAtRef = Vue.ref();
+    const currentConversation = Vue.ref();
+    TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
+      currentConversation: (conversation) => {
+        currentConversation.value = conversation;
+      }
+    });
+    const onTyping = (inputContentEmpty, inputBlur) => {
+      sendMessage.sendTyping(inputContentEmpty, inputBlur);
+    };
+    const onAt = (show) => {
+      var _a;
+      (_a = messageInputAtRef.value) == null ? void 0 : _a.toggleAtList(show);
+    };
+    const sendMessage$1 = 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 = index$2.transformTextWithEmojiNamesToKeys(editor2.payload.text);
+        }
+        return editor2;
+      });
+      await sendMessage.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 (env.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 Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass(["message-input-container", !Vue.unref(env.isPC) && "message-input-container-h5"])
+        }, [
+          Vue.createVNode(messageInputEditor.default, {
+            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$1,
+            onOnTyping: onTyping,
+            onOnAt: onAt
+          }, null, 8, ["placeholder", "isMuted", "muteText", "enableInput", "enableAt", "enableTyping", "enableDragUpload"]),
+          !props.isMuted ? (Vue.openBlock(), Vue.createBlock(messageInputButton.default, {
+            key: 0,
+            onSendMessage: sendMessage$1
+          })) : Vue.createCommentVNode("", true),
+          props.enableAt ? (Vue.openBlock(), Vue.createBlock(index.default, {
+            key: 1,
+            ref_key: "messageInputAtRef",
+            ref: messageInputAtRef,
+            onInsertAt: insertAt,
+            onOnAtListOpen: onAtListOpen
+          }, null, 512)) : Vue.createCommentVNode("", true)
+        ], 2),
+        Vue.createVNode(index$1.default)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/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/lib/components/Chat/ChatKit/components/TUIChat/message-input/message-input-at/index.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const universalApi = require("@tencentcloud/universal-api");
+const env = require("../../../../utils/env.js");
+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"
+};
+TUIChatEngine.TUIStore.watch(TUIChatEngine.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 = [];
+      }
+    }
+  }
+});
+TUIChatEngine.TUIStore.watch(TUIChatEngine.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;
+      universalApi.TUIGlobal.setShowMemberList(showMemberList);
+      return showMemberList;
+    },
+    render: () => {
+      return {
+        onStart: (props) => {
+          if (!isGroup) {
+            return;
+          }
+          universalApi.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) && !env.isH5) {
+            universalApi.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) && !env.isH5) {
+            universalApi.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") {
+            universalApi.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;
+          }
+          universalApi.TUIGlobal.toggleAtList(false);
+          showMemberList = allMemberList;
+          universalApi.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);
+  universalApi.TUIGlobal.setCurrentSelectIndex(selectedIndex);
+};
+const downHandler = () => {
+  if (!(showMemberList == null ? void 0 : showMemberList.length)) return;
+  selectedIndex = (selectedIndex + 1) % (showMemberList == null ? void 0 : showMemberList.length);
+  universalApi.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)
+    });
+  }
+};
+universalApi.TUIGlobal.selectItem = selectItem;
+exports.default = MessageInputAtSuggestion;

package/lib/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/lib/components/Chat/ChatKit/components/TUIChat/message-input/message-input-at/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.js");
+const MessageInputAt = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-15902586"]]);
+exports.default = MessageInputAt;

package/lib/components/Chat/ChatKit/components/TUIChat/message-input/message-input-at/index.vue2.js

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const universalApi = require("@tencentcloud/universal-api");
+require("../../../../adapter-vue.js");
+const env = require("../../../../utils/env.js");
+const index = require("../../../common/BottomPopup/index.vue.js");
+const _hoisted_1 = {
+  ref: "dialog",
+  class: "member-list"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "member-list-title"
+};
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "member-list-box" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "member-list-box-body-name" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  emits: ["onAtListOpen", "insertAt"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const MessageInputAt = Vue.ref();
+    const memberListItems = Vue.ref();
+    const showAtList = Vue.ref(false);
+    const memberList = Vue.ref();
+    const allMemberList = Vue.ref();
+    const showMemberList = Vue.ref();
+    const isGroup = Vue.ref(false);
+    const position = Vue.ref({
+      left: 0,
+      top: 0
+    });
+    const selectedIndex = Vue.ref(0);
+    const currentConversationID = Vue.ref("");
+    const all = {
+      userID: TUIChatEngine.TYPES.MSG_AT_ALL,
+      nick: "所有人",
+      isAll: true,
+      avatar: "https://web.sdk.qcloud.com/im/assets/images/at.svg"
+    };
+    TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
+      currentConversationID: (id) => {
+        var _a, _b;
+        if (id !== currentConversationID.value) {
+          currentConversationID.value = id;
+          memberList.value = [];
+          allMemberList.value = [];
+          showMemberList.value = [];
+          isGroup.value = false;
+          TUIChatEngine.TUIStore.update(TUIChatEngine.StoreName.CUSTOM, "memberList", memberList.value);
+          if ((_a = currentConversationID == null ? void 0 : currentConversationID.value) == null ? void 0 : _a.startsWith("GROUP")) {
+            isGroup.value = true;
+            const groupID = (_b = currentConversationID == null ? void 0 : currentConversationID.value) == null ? void 0 : _b.substring(5);
+            TUIChatEngine.TUIGroupService.switchGroup(groupID);
+          } else {
+            TUIChatEngine.TUIGroupService.switchGroup("");
+          }
+        }
+      }
+    });
+    TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.GRP, {
+      currentGroupMemberList: (list) => {
+        memberList.value = list;
+        allMemberList.value = [all, ...memberList.value];
+        showMemberList.value = allMemberList.value;
+        TUIChatEngine.TUIStore.update(TUIChatEngine.StoreName.CUSTOM, "memberList", memberList.value);
+      }
+    });
+    const toggleAtList = (show) => {
+      if (!isGroup.value) {
+        return;
+      }
+      showAtList.value = show;
+      if (showAtList.value) {
+        emits("onAtListOpen");
+      }
+    };
+    const handleAtListPosition = (positionData) => {
+      position.value = positionData;
+    };
+    const setCurrentSelectIndex = (index2) => {
+      var _a, _b;
+      selectedIndex.value = index2;
+      (_b = (_a = memberListItems.value) == null ? void 0 : _a[selectedIndex.value]) == null ? void 0 : _b.scrollIntoView(false);
+    };
+    const setShowMemberList = (list) => {
+      showMemberList.value = list;
+    };
+    universalApi.TUIGlobal.toggleAtList = toggleAtList;
+    universalApi.TUIGlobal.handleAtListPosition = handleAtListPosition;
+    universalApi.TUIGlobal.setCurrentSelectIndex = setCurrentSelectIndex;
+    universalApi.TUIGlobal.setShowMemberList = setShowMemberList;
+    __expose({
+      toggleAtList
+    });
+    Vue.watch(
+      () => [position.value, MessageInputAt == null ? void 0 : MessageInputAt.value],
+      () => {
+        var _a;
+        if (env.isH5 || !(MessageInputAt == null ? void 0 : MessageInputAt.value) || !((_a = MessageInputAt == null ? void 0 : MessageInputAt.value) == null ? void 0 : _a.style)) {
+          return;
+        }
+        MessageInputAt.value.style.left = position.value.left + "px";
+        MessageInputAt.value.style.top = position.value.top - MessageInputAt.value.clientHeight + "px";
+      }
+    );
+    const closeAt = () => {
+      showAtList.value = false;
+      showMemberList.value = allMemberList.value;
+      position.value = {
+        left: 0,
+        top: 0
+      };
+    };
+    const selectItem = (index2) => {
+      var _a;
+      if (env.isPC && universalApi.TUIGlobal.selectItem) {
+        universalApi.TUIGlobal.selectItem(index2);
+      } else {
+        if ((_a = showMemberList == null ? void 0 : showMemberList.value) == null ? void 0 : _a.length) {
+          const item = showMemberList == null ? void 0 : showMemberList.value[index2];
+          emits("insertAt", {
+            id: item == null ? void 0 : item.userID,
+            label: (item == null ? void 0 : item.nick) || (item == null ? void 0 : item.userID)
+          });
+        }
+      }
+      closeAt();
+    };
+    const handleMemberAvatar = (item) => {
+      return (item == null ? void 0 : item.avatar) || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png";
+    };
+    const handleMemberName = (item) => {
+      return (item == null ? void 0 : item.nick) ? item == null ? void 0 : item.nick : item == null ? void 0 : item.userID;
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(index.default, {
+        show: Vue.unref(showAtList),
+        onOnClose: closeAt
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("div", {
+            ref_key: "MessageInputAt",
+            ref: MessageInputAt,
+            class: Vue.normalizeClass([Vue.unref(env.isPC) ? "message-input-at" : "message-input-at-h5"])
+          }, [
+            Vue.createElementVNode("div", _hoisted_1, [
+              !Vue.unref(env.isPC) ? (Vue.openBlock(), Vue.createElementBlock("header", _hoisted_2, [
+                Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(Vue.unref(TUIChatEngine.TUITranslateService).t("TUIChat.选择提醒的人")), 1)
+              ])) : Vue.createCommentVNode("", true),
+              Vue.createElementVNode("ul", _hoisted_4, [
+                (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(showMemberList), (item, index2) => {
+                  return Vue.openBlock(), Vue.createElementBlock("li", {
+                    key: index2,
+                    ref_for: true,
+                    ref_key: "memberListItems",
+                    ref: memberListItems,
+                    class: Vue.normalizeClass(["member-list-box-body", [index2 === Vue.unref(selectedIndex) && "selected"]]),
+                    onClick: ($event) => selectItem(index2)
+                  }, [
+                    Vue.createElementVNode("img", {
+                      class: "member-list-box-body-avatar",
+                      src: handleMemberAvatar(item)
+                    }, null, 8, _hoisted_6),
+                    Vue.createElementVNode("span", _hoisted_7, Vue.toDisplayString(handleMemberName(item)), 1)
+                  ], 10, _hoisted_5);
+                }), 128))
+              ])
+            ], 512)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["show"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/ChatKit/components/TUIChat/message-input/message-input-button.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    enableSend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sendMessage: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    enableSend: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onSendMessage?: ((...args: any[]) => any) | undefined;
+}, {
+    enableSend: boolean;
+}, {}>;
+export default _default;

package/lib/components/Chat/ChatKit/components/TUIChat/message-input/message-input-button.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const messageInputButton_vue_vue_type_script_setup_true_lang = require("./message-input-button.vue2.js");
+;/* empty css                           */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const MessageInputButton = /* @__PURE__ */ _pluginVue_exportHelper.default(messageInputButton_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-6684de24"]]);
+exports.default = MessageInputButton;

package/lib/components/Chat/ChatKit/components/TUIChat/message-input/message-input-button.vue2.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+require("../../../adapter-vue.js");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const TUICore = require("@tencentcloud/tui-core");
+const env = require("../../../utils/env.js");
+const config = require("../config.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "message-input-button-hover"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "message-input-button",
+  props: {
+    enableSend: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["sendMessage"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const displayHover = Vue.ref(config.default.getChatType() !== TUICore.TUIConstants.TUIChat.TYPE.ROOM);
+    const emits = __emit;
+    const sendMessage = () => {
+      emits("sendMessage");
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass(["message-input-button", !Vue.unref(env.isPC) && "message-input-button-h5"])
+      }, [
+        props.enableSend ? (Vue.openBlock(), Vue.createElementBlock("button", {
+          key: 0,
+          class: "message-input-button-cont",
+          "data-type": "text",
+          disabled: false,
+          onClick: sendMessage
+        }, [
+          Vue.unref(displayHover) ? (Vue.openBlock(), Vue.createElementBlock("p", _hoisted_1, Vue.toDisplayString(Vue.unref(TUIChatEngine.TUITranslateService).t("TUIChat.按Enter发送，Ctrl+Enter换行")), 1)) : Vue.createCommentVNode("", true),
+          Vue.createTextVNode(" " + Vue.toDisplayString(Vue.unref(TUIChatEngine.TUITranslateService).t("发送")), 1)
+        ])) : Vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;