cnhis-design-vue 3.4.0-beta.1 → 3.4.0-beta.10

package/es/components/iho-chat/src/components/ChatFooter.vue2.js

@@ -1,4 +1,5 @@
-import { createElementVNode, defineComponent, ref, computed, onMounted, onBeforeUnmount, watch, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, createVNode, withCtx, Fragment, toDisplayString, createCommentVNode, renderList, createBlock, createTextVNode, mergeProps, renderSlot, vShow } from 'vue';
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
+import { defineComponent, ref, computed, watch, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createVNode, withCtx, Fragment, toDisplayString, createCommentVNode, renderList, createBlock, createTextVNode, mergeProps, renderSlot, vShow } from 'vue';
 import { NButton, NIcon, NTooltip, NPopover, NUpload, NUploadTrigger } from 'naive-ui';
 import ChatAdd from './ChatAdd.vue.js';
 import { useData } from '../hooks/useData.js';
@@ -22,66 +23,38 @@ const _hoisted_1 = {
 const _hoisted_2 = {
   class: "select-item"
 };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("i", {
-  class: "chat--iconfont chat--icon-forward"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", null, "\u9010\u6761\u8F6C\u53D1", -1);
-const _hoisted_5 = {
+const _hoisted_3 = {
   class: "select-item"
 };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("i", {
-  class: "chat--iconfont chat--icon-forward-more"
-}, null, -1);
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", null, "\u5408\u5E76\u8F6C\u53D1", -1);
-const _hoisted_8 = {
+const _hoisted_4 = {
   key: 0,
   class: "reference-content-box"
 };
-const _hoisted_9 = {
+const _hoisted_5 = {
   class: "reference-content"
 };
-const _hoisted_10 = ["innerHTML"];
-const _hoisted_11 = {
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = {
   class: "tool-box"
 };
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, function() {
-  var _a, _b, _c;
-  try {
-    return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.51")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.51")) || "\u6700\u8FD1\u4F7F\u7528";
-  } catch (e) {
-    return "\u6700\u8FD1\u4F7F\u7528";
-  }
-}(), -1);
-const _hoisted_13 = {
+const _hoisted_8 = {
   class: "list-box",
   style: {
     "margin-bottom": "8px"
   }
 };
-const _hoisted_14 = ["src"];
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", null, function() {
-  var _a, _b, _c;
-  try {
-    return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.52")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.52")) || "\u9ED8\u8BA4\u8868\u60C5";
-  } catch (e) {
-    return "\u9ED8\u8BA4\u8868\u60C5";
-  }
-}(), -1);
-const _hoisted_16 = {
+const _hoisted_9 = ["src"];
+const _hoisted_10 = {
   class: "list-box"
 };
-const _hoisted_17 = ["src"];
-const _hoisted_18 = ["contenteditable"];
-const _hoisted_19 = {
+const _hoisted_11 = ["src"];
+const _hoisted_12 = ["contenteditable"];
+const _hoisted_13 = {
   class: "btn-box"
 };
-const _hoisted_20 = /* @__PURE__ */ createElementVNode("span", {
-  class: "tip"
-}, "Enter \u53D1\u9001, Ctrl + Enter \u6362\u884C", -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChatFooter",
   setup(__props) {
-    const SPACE_PLACEHOLDER = '<span style="display: inline-block;width: 1px;user-select: none;" data-space="true"></span>';
     const inputRef = ref();
     const {
       state,
@@ -131,7 +104,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (["Enter"].includes(event.key)) {
         if (event.ctrlKey) {
           event.preventDefault();
-          document.execCommand("InsertLineBreak");
+          insertHTMLAtCursor("<br>");
         }
         if (!isWrap(event)) {
           event.preventDefault();
@@ -149,6 +122,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       content.value = ((_a = inputRef.value) == null ? void 0 : _a.innerHTML) || "";
       insertSpace();
     }
+    function insertHTMLAtCursor(html) {
+      if (!inputRef.value)
+        return;
+      const selection = window.getSelection();
+      if (selection && selection.rangeCount > 0) {
+        const range = selection.getRangeAt(0);
+        const fragment = range.createContextualFragment(html);
+        range.deleteContents();
+        range.insertNode(fragment);
+        range.collapse(false);
+        selection.removeAllRanges();
+        selection.addRange(range);
+      } else {
+        const fragment = document.createRange().createContextualFragment(html);
+        inputRef.value.appendChild(fragment);
+      }
+    }
     function selectEmoji(name) {
       var _a;
       commonEmoticons.value.unshift(name);
@@ -156,15 +146,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (!inputRef.value)
         return;
       (_a = inputRef.value) == null ? void 0 : _a.focus();
-      insertSpace();
-      document.execCommand("insertHTML", false, `<img data-msg=${name} data-type=${MESSAGE_TYPE.EMOJI} class="emoji--min" src=${emojis.findEmoji(name)} />`);
+      insertHTMLAtCursor(`<img data-msg=${name} data-type=${MESSAGE_TYPE.EMOJI} class="emoji--min" src=${emojis.findEmoji(name)} />`);
     }
     function insertSpace() {
       if (!inputRef.value)
         return;
-      if (!inputRef.value.innerHTML || inputRef.value.innerHTML === "<br>") {
-        Array.from(inputRef.value.childNodes).forEach((child) => child.remove());
-        document.execCommand("insertHTML", false, SPACE_PLACEHOLDER);
+      const innerHTML = inputRef.value.innerHTML;
+      const spaceRegex = /<span[^>]*data-space="true"[^>]*>[\s\S]*?<\/span>$/;
+      if (!spaceRegex.test(innerHTML)) {
+        const existingSpaces = inputRef.value.querySelectorAll('[data-space="true"]');
+        existingSpaces.forEach((space) => space.remove());
+        const spaceSpan = document.createElement("span");
+        spaceSpan.style.display = "inline-block";
+        spaceSpan.style.width = "1px";
+        spaceSpan.style.userSelect = "none";
+        spaceSpan.setAttribute("data-space", "true");
+        inputRef.value.appendChild(spaceSpan);
       }
     }
     async function doUpdateFile(file) {
@@ -188,14 +185,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } = options.file;
       const data = await doUpdateFile(file);
       if (!data)
-        return console.log(function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.641")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.641")) || "\u4E0A\u4F20\u5931\u8D25";
-          } catch (e) {
-            return "\u4E0A\u4F20\u5931\u8D25";
-          }
-        }());
+        return console.log(i18n("10010.1.641", "\u4E0A\u4F20\u5931\u8D25"));
       doSendMessage({
         chatMessageType,
         msg: isObject(data) ? JSON.stringify(data) : chatMessageType === MESSAGE_TYPE.FILE ? name : data,
@@ -272,7 +262,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       msg = removeImgBySrc(msg, srcMatch[1]);
                       continue;
                     }
-                    const newImgTag = msgList[i].replace(srcMatch[1], data.fileUrl).replace(/<img/, `<img data-clicked='1' data-msg='${JSON.stringify(data)}'`);
+                    const newImgTag = msgList[i].replace(srcMatch[1], data.fileUrl).replace(/<img/, `<img data-clicked="1" data-msg="${JSON.stringify(data)}" data-filename="${data.fileName}" data-filesize="${data.fileSize}" data-fileurl="${data.fileUrl}"`);
                     msg = msg.replace(msgList[i], newImgTag);
                   }
                 }
@@ -325,9 +315,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     function clearInput() {
-      if (inputRef.value) {
-        inputRef.value.innerHTML = SPACE_PLACEHOLDER;
-      }
       content.value = "";
     }
     function handleRelay({
@@ -361,22 +348,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       state.isForward = false;
     }
+    function insertImageFromFile(file) {
+      const reader = new FileReader();
+      reader.onload = function(e) {
+        var _a, _b;
+        if (!((_a = e.target) == null ? void 0 : _a.result))
+          return;
+        (_b = inputRef.value) == null ? void 0 : _b.focus();
+        insertHTMLAtCursor(`<img src="${e.target.result}" />`);
+      };
+      reader.readAsDataURL(file);
+    }
     function handleFilePaste(event) {
       var _a;
       const files = ((_a = event.clipboardData) == null ? void 0 : _a.files) ? Array.from(event.clipboardData.files) : [];
-      if (files.length === 1 && files[0].type.startsWith("image/")) {
-        const file = files[0];
-        if (file.type.startsWith("image/")) {
-          const reader = new FileReader();
-          reader.onload = function(e) {
-            var _a2;
-            if (!((_a2 = e.target) == null ? void 0 : _a2.result))
-              return;
-            document.execCommand("insertHTML", false, `<img src=${e.target.result} />`);
-          };
-          reader.readAsDataURL(file);
-        }
-      } else {
+      const allIsImageFile = files.length > 0 && files.every((file) => file.type.startsWith("image/"));
+      if (allIsImageFile) {
+        event.preventDefault();
+        files.forEach((file) => {
+          insertImageFromFile(file);
+        });
+      } else if (files.length > 0) {
         for (let i = 0, len = files.length; i < len; i++) {
           const file = files[i];
           const type = file.type.startsWith("image/") ? MESSAGE_TYPE.IMAGE : MESSAGE_TYPE.FILE;
@@ -389,17 +381,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     }
-    onMounted(() => {
-      if (inputRef.value) {
-        inputRef.value.innerHTML = SPACE_PLACEHOLDER;
-        document.addEventListener("paste", handleFilePaste);
-      }
-    });
-    onBeforeUnmount(() => {
-      if (inputRef.value) {
-        document.removeEventListener("paste", handleFilePaste);
-      }
-    });
     watch(() => [state.currentReferenceMsg, state.currentReEditMsg], ([currentReferenceMsg, currentReEditMsg]) => {
       var _a;
       if (currentReferenceMsg || currentReEditMsg) {
@@ -411,7 +392,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           msg
         } = currentReEditMsg.content || {};
         const html = chatMessageType === MESSAGE_TYPE.TEXT ? msg : `<img data-msg=${msg} data-type=${MESSAGE_TYPE.EMOJI} class="emoji--min" src=${emojis.findEmoji(msg)} />`;
-        document.execCommand("insertHTML", false, html);
+        insertHTMLAtCursor(html);
         state.currentReEditMsg = null;
       }
     });
@@ -428,14 +409,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           cursor: unref(state).id ? "default" : "not-allowed"
         })
       }, [unref(state).isForward ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(ChatAdd, {
-        title: function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.44")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.44")) || "\u8F6C\u53D1\u6D88\u606F";
-          } catch (e) {
-            return "\u8F6C\u53D1\u6D88\u606F";
-          }
-        }(),
+        title: i18n("10010.1.44", "\u8F6C\u53D1\u6D88\u606F"),
         mode: "relay",
         onComfirm: _cache[0] || (_cache[0] = (params) => handleRelay(params))
       }, {
@@ -443,21 +417,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           quaternary: "",
           circle: "",
           size: "large",
-          disabled: unref(isForwardDisabled)
+          disabled: isForwardDisabled.value
         }, {
-          icon: withCtx(() => [_hoisted_3]),
+          icon: withCtx(() => [..._cache[11] || (_cache[11] = [createElementVNode("i", {
+            class: "chat--iconfont chat--icon-forward"
+          }, null, -1)])]),
           _: 1
         }, 8, ["disabled"])]),
         _: 1
-      }), _hoisted_4]), createElementVNode("div", _hoisted_5, [createVNode(ChatAdd, {
-        title: function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.44")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.44")) || "\u8F6C\u53D1\u6D88\u606F";
-          } catch (e) {
-            return "\u8F6C\u53D1\u6D88\u606F";
-          }
-        }(),
+      }), _cache[12] || (_cache[12] = createElementVNode("span", null, "\u9010\u6761\u8F6C\u53D1", -1))]), createElementVNode("div", _hoisted_3, [createVNode(ChatAdd, {
+        title: i18n("10010.1.44", "\u8F6C\u53D1\u6D88\u606F"),
         mode: "relay",
         onComfirm: _cache[1] || (_cache[1] = (params) => handleRelay(params, "\u5408\u5E76\u8F6C\u53D1"))
       }, {
@@ -465,13 +434,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           quaternary: "",
           circle: "",
           size: "large",
-          disabled: unref(isForwardDisabled)
+          disabled: isForwardDisabled.value
         }, {
-          icon: withCtx(() => [_hoisted_6]),
+          icon: withCtx(() => [..._cache[13] || (_cache[13] = [createElementVNode("i", {
+            class: "chat--iconfont chat--icon-forward-more"
+          }, null, -1)])]),
           _: 1
         }, 8, ["disabled"])]),
         _: 1
-      }), _hoisted_7]), createVNode(unref(NButton), {
+      }), _cache[14] || (_cache[14] = createElementVNode("span", null, "\u5408\u5E76\u8F6C\u53D1", -1))]), createVNode(unref(NButton), {
         quaternary: "",
         circle: ""
       }, {
@@ -482,12 +453,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         _: 1
       })])) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [unref(state).currentReferenceMsg ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [createElementVNode("span", null, toDisplayString(unref(state).currentReferenceMsg.senderName) + "\uFF1A", 1), createElementVNode("pre", {
+      }, [unref(state).currentReferenceMsg ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("span", null, toDisplayString(unref(state).currentReferenceMsg.senderName) + "\uFF1A", 1), createElementVNode("pre", {
         innerHTML: unref(simplifyMessage)(unref(state).currentReferenceMsg.content)
-      }, null, 8, _hoisted_10)]), createVNode(unref(NIcon), {
+      }, null, 8, _hoisted_6)]), createVNode(unref(NIcon), {
         component: unref(CloseCircleOutline),
         onClick: _cache[2] || (_cache[2] = () => unref(state).currentReferenceMsg = null)
-      }, null, 8, ["component"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_11, [createVNode(unref(NTooltip), {
+      }, null, 8, ["component"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_7, [createVNode(unref(NTooltip), {
         "show-arrow": false
       }, {
         trigger: withCtx(() => [createVNode(unref(NPopover), {
@@ -513,7 +484,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           })]),
           default: withCtx(() => [unref(commonEmoticons).length > 0 ? (openBlock(), createElementBlock(Fragment, {
             key: 0
-          }, [_hoisted_12, createElementVNode("div", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(commonEmoticons), (name) => {
+          }, [_cache[15] || (_cache[15] = createElementVNode("span", null, i18n("10010.1.51", "\u6700\u8FD1\u4F7F\u7528"), -1)), createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(commonEmoticons), (name) => {
             return openBlock(), createBlock(unref(NTooltip), {
               key: name,
               "show-arrow": false
@@ -525,13 +496,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 icon: withCtx(() => [createElementVNode("img", {
                   src: unref(emojis).findEmoji(name)
-                }, null, 8, _hoisted_14)]),
+                }, null, 8, _hoisted_9)]),
                 _: 2
               }, 1032, ["onClick"])]),
               default: withCtx(() => [createTextVNode(" " + toDisplayString(name), 1)]),
               _: 2
             }, 1024);
-          }), 128))])], 64)) : createCommentVNode("v-if", true), _hoisted_15, createElementVNode("div", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(emojis).default, ([name, emoji]) => {
+          }), 128))])], 64)) : createCommentVNode("v-if", true), _cache[16] || (_cache[16] = createElementVNode("span", null, i18n("10010.1.52", "\u9ED8\u8BA4\u8868\u60C5"), -1)), createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(emojis).default, ([name, emoji]) => {
             return openBlock(), createBlock(unref(NTooltip), {
               key: name,
               "show-arrow": false
@@ -543,7 +514,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 icon: withCtx(() => [createElementVNode("img", {
                   src: emoji
-                }, null, 8, _hoisted_17)]),
+                }, null, 8, _hoisted_11)]),
                 _: 2
               }, 1032, ["onClick"])]),
               default: withCtx(() => [createTextVNode(" " + toDisplayString(name), 1)]),
@@ -552,14 +523,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))])]),
           _: 1
         }, 8, ["show"])]),
-        default: withCtx(() => [createTextVNode(function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.53")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.53")) || "\u8868\u60C5";
-          } catch (e) {
-            return "\u8868\u60C5";
-          }
-        }())]),
+        default: withCtx(() => [_cache[17] || (_cache[17] = createTextVNode(i18n("10010.1.53", "\u8868\u60C5"), -1))]),
         _: 1
       }), createVNode(unref(NTooltip), {
         "show-arrow": false
@@ -578,14 +542,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["component"])]),
           _: 1
         })]),
-        default: withCtx(() => [createTextVNode(function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.54")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.54")) || "\u70B9\u8D5E";
-          } catch (e) {
-            return "\u70B9\u8D5E";
-          }
-        }())]),
+        default: withCtx(() => [_cache[18] || (_cache[18] = createTextVNode(i18n("10010.1.54", "\u70B9\u8D5E"), -1))]),
         _: 1
       }), createVNode(unref(NUpload), {
         abstract: "",
@@ -612,14 +569,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["component"])]),
               _: 2
             }, 1032, ["onClick"])]),
-            default: withCtx(() => [createTextVNode(function() {
-              var _a, _b, _c;
-              try {
-                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.55")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.55")) || "\u4E0A\u4F20\u56FE\u7247";
-              } catch (e) {
-                return "\u4E0A\u4F20\u56FE\u7247";
-              }
-            }())]),
+            default: withCtx(() => [_cache[19] || (_cache[19] = createTextVNode(i18n("10010.1.55", "\u4E0A\u4F20\u56FE\u7247"), -1))]),
             _: 2
           }, 1024)]),
           _: 1
@@ -650,14 +600,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["component"])]),
               _: 2
             }, 1032, ["onClick"])]),
-            default: withCtx(() => [createTextVNode(function() {
-              var _a, _b, _c;
-              try {
-                return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.56")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.56")) || "\u4E0A\u4F20\u6587\u4EF6";
-              } catch (e) {
-                return "\u4E0A\u4F20\u6587\u4EF6";
-              }
-            }())]),
+            default: withCtx(() => [_cache[20] || (_cache[20] = createTextVNode(i18n("10010.1.56", "\u4E0A\u4F20\u6587\u4EF6"), -1))]),
             _: 2
           }, 1024)]),
           _: 1
@@ -667,7 +610,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         key: 0
       }, [unref(isGroupChat) ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [createVNode(ChatAdd, mergeProps(unref(chatAddProps), {
+      }, [createVNode(ChatAdd, mergeProps(chatAddProps.value, {
         onComfirm: _cache[7] || (_cache[7] = (params) => handleCall(unref(MESSAGE_TYPE).AUDIO, params.checkedIds))
       }), {
         trigger: withCtx(() => [createVNode(unref(NTooltip), {
@@ -676,7 +619,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           trigger: withCtx(() => [createVNode(unref(NButton), {
             quaternary: "",
             size: "tiny",
-            disabled: unref(callBtnDisabled)
+            disabled: callBtnDisabled.value
           }, {
             icon: withCtx(() => [createVNode(unref(NIcon), {
               size: "18",
@@ -684,18 +627,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["component"])]),
             _: 1
           }, 8, ["disabled"])]),
-          default: withCtx(() => [createTextVNode(function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.57")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.57")) || "\u8BED\u97F3\u901A\u8BDD";
-            } catch (e) {
-              return "\u8BED\u97F3\u901A\u8BDD";
-            }
-          }())]),
+          default: withCtx(() => [_cache[21] || (_cache[21] = createTextVNode(i18n("10010.1.57", "\u8BED\u97F3\u901A\u8BDD"), -1))]),
           _: 1
         })]),
         _: 1
-      }, 16), createVNode(ChatAdd, mergeProps(unref(chatAddProps), {
+      }, 16), createVNode(ChatAdd, mergeProps(chatAddProps.value, {
         onComfirm: _cache[8] || (_cache[8] = (params) => handleCall(unref(MESSAGE_TYPE).VIDEO, params.checkedIds))
       }), {
         trigger: withCtx(() => [createVNode(unref(NTooltip), {
@@ -704,7 +640,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           trigger: withCtx(() => [createVNode(unref(NButton), {
             quaternary: "",
             size: "tiny",
-            disabled: unref(callBtnDisabled)
+            disabled: callBtnDisabled.value
           }, {
             icon: withCtx(() => [createVNode(unref(NIcon), {
               size: "20",
@@ -712,14 +648,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["component"])]),
             _: 1
           }, 8, ["disabled"])]),
-          default: withCtx(() => [createTextVNode(function() {
-            var _a, _b, _c;
-            try {
-              return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.58")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.58")) || "\u89C6\u9891\u4F1A\u8BAE";
-            } catch (e) {
-              return "\u89C6\u9891\u4F1A\u8BAE";
-            }
-          }())]),
+          default: withCtx(() => [_cache[22] || (_cache[22] = createTextVNode(i18n("10010.1.58", "\u89C6\u9891\u4F1A\u8BAE"), -1))]),
           _: 1
         })]),
         _: 1
@@ -731,7 +660,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: withCtx(() => [createVNode(unref(NButton), {
           quaternary: "",
           size: "tiny",
-          disabled: unref(callBtnDisabled),
+          disabled: callBtnDisabled.value,
           onClick: _cache[9] || (_cache[9] = () => handleCall(unref(MESSAGE_TYPE).AUDIO))
         }, {
           icon: withCtx(() => [createVNode(unref(NIcon), {
@@ -740,14 +669,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["component"])]),
           _: 1
         }, 8, ["disabled"])]),
-        default: withCtx(() => [createTextVNode(function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.57")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.57")) || "\u8BED\u97F3\u901A\u8BDD";
-          } catch (e) {
-            return "\u8BED\u97F3\u901A\u8BDD";
-          }
-        }())]),
+        default: withCtx(() => [_cache[23] || (_cache[23] = createTextVNode(i18n("10010.1.57", "\u8BED\u97F3\u901A\u8BDD"), -1))]),
         _: 1
       }), createVNode(unref(NTooltip), {
         "show-arrow": false
@@ -755,7 +677,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: withCtx(() => [createVNode(unref(NButton), {
           quaternary: "",
           size: "tiny",
-          disabled: unref(callBtnDisabled),
+          disabled: callBtnDisabled.value,
           onClick: _cache[10] || (_cache[10] = () => handleCall(unref(MESSAGE_TYPE).VIDEO))
         }, {
           icon: withCtx(() => [createVNode(unref(NIcon), {
@@ -764,14 +686,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["component"])]),
           _: 1
         }, 8, ["disabled"])]),
-        default: withCtx(() => [createTextVNode(function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.59")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.59")) || "\u89C6\u9891\u901A\u8BDD";
-          } catch (e) {
-            return "\u89C6\u9891\u901A\u8BDD";
-          }
-        }())]),
+        default: withCtx(() => [_cache[24] || (_cache[24] = createTextVNode(i18n("10010.1.59", "\u89C6\u9891\u901A\u8BDD"), -1))]),
         _: 1
       })], 64))], 64)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "footer")]), withDirectives(createElementVNode("div", {
         ref_key: "inputRef",
@@ -779,21 +694,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         class: "input-box",
         contenteditable: !unref(isEnded),
         onKeydown: handleKeyDown,
-        onInput: handleInput
-      }, null, 40, _hoisted_18), [[vShow, unref(state).id]]), createElementVNode("div", _hoisted_19, [_hoisted_20, createVNode(unref(NButton), {
+        onInput: handleInput,
+        onPaste: handleFilePaste
+      }, null, 40, _hoisted_12), [[vShow, unref(state).id]]), createElementVNode("div", _hoisted_13, [_cache[26] || (_cache[26] = createElementVNode("span", {
+        class: "tip"
+      }, "Enter \u53D1\u9001, Ctrl + Enter \u6362\u884C", -1)), createVNode(unref(NButton), {
         type: "primary",
         round: "",
-        disabled: unref(sendBtnDisabled),
+        disabled: sendBtnDisabled.value,
         onClick: handleMsgSend
       }, {
-        default: withCtx(() => [createTextVNode(function() {
-          var _a, _b, _c;
-          try {
-            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.60")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.60")) || "\u53D1\u9001";
-          } catch (e) {
-            return "\u53D1\u9001";
-          }
-        }())]),
+        default: withCtx(() => [..._cache[25] || (_cache[25] = [createTextVNode(i18n("10010.1.60", "\u53D1\u9001"), -1)])]),
         _: 1
       }, 8, ["disabled"])])], 64))], 4)), [[vShow, unref(state).id]]);
     };