cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

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

@@ -1 +1,640 @@
-import{createElementVNode as e,defineComponent as n,ref as t,computed as o,watch as i,withDirectives as a,openBlock as r,createElementBlock as s,normalizeStyle as l,unref as c,createVNode as u,withCtx as d,Fragment as g,toDisplayString as m,createCommentVNode as f,renderList as w,createBlock as p,createTextVNode as h,mergeProps as y,renderSlot as v,vShow as k}from"vue";import{NButton as C,NIcon as M,NTooltip as _,NPopover as E,NUpload as L,NUploadTrigger as I}from"naive-ui";import b from"./ChatAdd.vue.js";import{useData as T}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{MESSAGE_TYPE as x,AV_STATUS as j}from"../constants/index.js";import{uploadFileApi as z}from"../api/index.js";import{simplifyMessage as B,base64ToFile as R}from"../utils/index.js";import{xor as q,uniq as O,trim as D,cloneDeep as F}from"lodash-es";import"trtc-sdk-v5";import{emojis as A}from"../utils/emoji.js";import{CloseOutline as $,CloseCircleOutline as H,CallOutline as J,VideocamOutline as V}from"@vicons/ionicons5";import{uuidGenerator as K}from"../../../../shared/utils/index.js";import{useStorage as U}from"@vueuse/core";var G,N;const X={key:0,class:"multi-select-box"},S={class:"select-item"},W=e("i",{class:"chat--iconfont chat--icon-forward"},null,-1),P=e("span",null,"逐条转发",-1),Q={class:"select-item"},Y=e("i",{class:"chat--iconfont chat--icon-forward-more"},null,-1),Z=e("span",null,"合并转发",-1),ee={key:0,class:"reference-content-box"},ne={class:"reference-content"},te=["innerHTML"],oe={class:"tool-box"},ie=e("i",{class:"chat--iconfont chat--icon-face"},null,-1),ae=e("span",null,(null==(G=window.getLanguageByCode)?void 0:G.call(window,"10010.1.51"))||"最近使用",-1),re={class:"list-box",style:{"margin-bottom":"8px"}},se=["src"],le=e("span",null,(null==(N=window.getLanguageByCode)?void 0:N.call(window,"10010.1.52"))||"默认表情",-1),ce={class:"list-box"},ue=["src"],de=e("i",{class:"chat--iconfont chat--icon-good"},null,-1),ge=e("i",{class:"chat--iconfont chat--icon-image"},null,-1),me=e("i",{class:"chat--iconfont chat--icon-folder"},null,-1),fe=["contenteditable"],we={class:"btn-box"},pe=e("span",{class:"tip"},"Enter 发送, Ctrl + Enter 换行",-1);var he=n({__name:"ChatFooter",setup(n){const G=t(),{state:N,sendMessage:he,isGroupChat:ye,isEnded:ve,relayMessage:ke}=T(),Ce=t(!1),Me=t(""),_e=U("commonEmoticons",[]),Ee=o((()=>({options:N.currentGroupUser,defaultValue:[N.userInfo]}))),Le=o((()=>!Me.value.replace(/(&nbsp;|\s|<br>)+/g,""))),Ie=o((()=>!N.msgList.some((e=>e.checked))));function be(e,n=[]){const t=K(),o=[],i=n.length>0;N.showVideo||N.showMultipleVideo||(i?(o.push(...q(n,[N.userInfo.id])),Object.assign(N.currentAVMsg,{callMode:"call",checkedIds:o,strRoomId:t,chatMessageType:e}),N.showMultipleVideo=!0):he({content:{chatMessageType:e,msg:"",avStatus:j.IN_CALL}}))}function Te(e){["Enter"].includes(e.key)&&(e.ctrlKey&&(e.preventDefault(),document.execCommand("InsertLineBreak")),function(e){return e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}(e)||(e.preventDefault(),Re()))}function xe(){var e;Me.value=(null==(e=G.value)?void 0:e.innerHTML)||""}function je(e){var n;_e.value.unshift(e),_e.value=O(_e.value).slice(0,26),null==(n=G.value)||n.focus(),document.execCommand("insertHTML",!1,`<img data-msg=${e} data-type=${x.EMOJI} class="emoji--min" src=${A.findEmoji(e)} />`)}async function ze(e){const n=new FormData;return n.append("sender",N.userInfo.id),n.append("file",e),await z(n)}async function Be(e,n){const{file:t,name:o}=e.file,i=await ze(t);if(!i)return console.log("上传失败");qe({chatMessageType:n,msg:n===x.FILE?o:i,url:i})}async function Re(){const{innerHTML:e="",innerText:n="",outerText:t=""}=G.value||{};if(Le.value)return console.log("请输入内容");let o=x.TEXT,i="";if(e){const t=e.match(/<img[^>]*>/gi),a=(t||[]).length;if(n&&0===a)i=n;else if(n||1!==a){if(o=x.BLEND,i=e,null==t?void 0:t.length)for(let e=0;e<a;e++)if(t[e].includes(`data-type="${x.EMOJI}"`)){const n=t[e].match(/data-msg="(.*?)"/);n&&n.length>1&&(i=i.replace(t[e],`[${n[1]}]`))}else{const n=t[e].match(/src\s*=\s*"([^"]*)"/);if(n&&n.length>1){const e=await R(n[1]);if(e){const t=await ze(e);i=i.replace(n[1],t||"")}}}}else if(e.includes(x.EMOJI)){o=x.EMOJI;const n=e.match(/data-msg\s*=\s*"([^"]*)"/);n&&(i=n[1])}else{o=x.IMAGE;const n=e.match(/src\s*=\s*"([^"]*)"/);if(n){const e=await R(n[1]);if(e){const n=await ze(e);n&&(i=n)}}}}else i=D(n);i&&qe({msg:i,chatMessageType:o,origin:"btn"})}async function qe(e){const{chatMessageType:n=x.TEXT,msg:t,url:o,origin:i=""}=e,a={msg:t,chatMessageType:n};n===x.FILE&&(a.fileUrl=o),"btn"===i&&Oe(),N.currentReferenceMsg&&([x.TEXT,x.EMOJI,x.BLEND].includes(n)&&(a.referenceContent=F(N.currentReferenceMsg)),N.currentReferenceMsg=null),he({content:a})}function Oe(){G.value&&(G.value.innerHTML=""),Me.value=""}function De({checkedIds:e,remark:n},t="逐条转发"){const o=[],i=[];N.msgList.forEach((e=>{e.checked&&(o.unshift(e.content),i.unshift(e))})),ke({checkedIds:e,remark:n,contents:"逐条转发"===t?o:[{forwardMessageList:i,chatMessageType:x.FORWARD}]}),N.msgList.forEach((e=>{e.checked=!1})),N.isForward=!1}function Fe(){N.msgList.forEach((e=>{e.checked=!1})),N.isForward=!1}return i((()=>[N.currentReferenceMsg,N.currentReEditMsg]),(([e,n])=>{var t;if((e||n)&&(null==(t=G.value)||t.focus()),n){const{chatMessageType:e,msg:t}=n.content||{},o=e===x.TEXT?t:`<img data-msg=${t} data-type=${x.EMOJI} class="emoji--min" src=${A.findEmoji(t)} />`;document.execCommand("insertHTML",!1,o),N.currentReEditMsg=null}})),i((()=>N.id),(e=>{e&&(N.isForward=!1,Oe())})),(n,t)=>{var o,i;return a((r(),s("section",{class:"chat-footer",style:l({cursor:c(N).id?"default":"not-allowed"})},[c(N).isForward?(r(),s("div",X,[e("div",S,[u(b,{title:(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.44"))||"转发消息",mode:"relay",onComfirm:t[0]||(t[0]=e=>De(e))},{trigger:d((()=>[u(c(C),{quaternary:"",circle:"",size:"large",disabled:c(Ie)},{icon:d((()=>[W])),_:1},8,["disabled"])])),_:1}),P]),e("div",Q,[u(b,{title:(null==(i=window.getLanguageByCode)?void 0:i.call(window,"10010.1.44"))||"转发消息",mode:"relay",onComfirm:t[1]||(t[1]=e=>De(e,"合并转发"))},{trigger:d((()=>[u(c(C),{quaternary:"",circle:"",size:"large",disabled:c(Ie)},{icon:d((()=>[Y])),_:1},8,["disabled"])])),_:1}),Z]),u(c(C),{quaternary:"",circle:""},{icon:d((()=>[u(c(M),{component:c($),onClick:Fe},null,8,["component"])])),_:1})])):(r(),s(g,{key:1},[c(N).currentReferenceMsg?(r(),s("div",ee,[e("div",ne,[e("span",null,m(c(N).currentReferenceMsg.senderName)+"：",1),e("pre",{innerHTML:c(B)(c(N).currentReferenceMsg.content)},null,8,te)]),u(c(M),{component:c(H),onClick:t[2]||(t[2]=()=>c(N).currentReferenceMsg=null)},null,8,["component"])])):f("v-if",!0),e("div",oe,[u(c(_),{"show-arrow":!1},{trigger:d((()=>[u(c(E),{"content-class":"emoji-content",class:"emoji-wrapper",show:Ce.value,"onUpdate:show":t[3]||(t[3]=e=>Ce.value=e),placement:"top",trigger:"click","show-arrow":!1,"display-directive":"show",delay:0},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny"},{icon:d((()=>[ie])),_:1})])),default:d((()=>[c(_e).length>0?(r(),s(g,{key:0},[ae,e("div",re,[(r(!0),s(g,null,w(c(_e),(n=>(r(),p(c(_),{key:n,"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny",onClick:()=>je(n)},{icon:d((()=>[e("img",{src:c(A).findEmoji(n)},null,8,se)])),_:2},1032,["onClick"])])),default:d((()=>[h(" "+m(n),1)])),_:2},1024)))),128))])],64)):f("v-if",!0),le,e("div",ce,[(r(!0),s(g,null,w(c(A).default,(([n,t])=>(r(),p(c(_),{key:n,"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny",onClick:()=>je(n)},{icon:d((()=>[e("img",{src:t},null,8,ue)])),_:2},1032,["onClick"])])),default:d((()=>[h(" "+m(n),1)])),_:2},1024)))),128))])])),_:1},8,["show"])])),default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.53"))||"表情")]})),_:1}),u(c(_),{"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny",onClick:t[4]||(t[4]=()=>qe({chatMessageType:c(x).EMOJI,msg:0}))},{icon:d((()=>[de])),_:1})])),default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.54"))||"点赞")]})),_:1}),u(c(L),{abstract:"",multiple:"",accept:"image/*",onChange:t[5]||(t[5]=e=>Be(e,c(x).IMAGE))},{default:d((()=>[u(c(I),{abstract:""},{default:d((({handleClick:e})=>[u(c(_),{"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny",onClick:e},{icon:d((()=>[ge])),_:2},1032,["onClick"])])),default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.55"))||"上传图片")]})),_:2},1024)])),_:1})])),_:1}),u(c(L),{abstract:"",multiple:"",accept:"video/*,.pdf,.doc.docx,,.zip,.xlsx,.txt",onChange:t[6]||(t[6]=e=>Be(e,c(x).FILE))},{default:d((()=>[u(c(I),{abstract:""},{default:d((({handleClick:e})=>[u(c(_),{"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny",onClick:e},{icon:d((()=>[me])),_:2},1032,["onClick"])])),default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.56"))||"上传文件")]})),_:2},1024)])),_:1})])),_:1}),c(N).userInfo.sdkAppID?(r(),s(g,{key:0},[c(ye)?(r(),s(g,{key:0},[u(b,y(c(Ee),{onComfirm:t[7]||(t[7]=e=>be(c(x).AUDIO,e.checkedIds))}),{trigger:d((()=>[u(c(_),{"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny"},{icon:d((()=>[u(c(M),{size:"18",component:c(J)},null,8,["component"])])),_:1})])),default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.57"))||"语音通话")]})),_:1})])),_:1},16),u(b,y(c(Ee),{onComfirm:t[8]||(t[8]=e=>be(c(x).VIDEO,e.checkedIds))}),{trigger:d((()=>[u(c(_),{"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny"},{icon:d((()=>[u(c(M),{size:"20",component:c(V)},null,8,["component"])])),_:1})])),default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.58"))||"视频会议")]})),_:1})])),_:1},16)],64)):(r(),s(g,{key:1},[u(c(_),{"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny",onClick:t[9]||(t[9]=()=>be(c(x).AUDIO))},{icon:d((()=>[u(c(M),{size:"18",component:c(J)},null,8,["component"])])),_:1})])),default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.57"))||"语音通话")]})),_:1}),u(c(_),{"show-arrow":!1},{trigger:d((()=>[u(c(C),{quaternary:"",size:"tiny",onClick:t[10]||(t[10]=()=>be(c(x).VIDEO))},{icon:d((()=>[u(c(M),{size:"20",component:c(V)},null,8,["component"])])),_:1})])),default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.59"))||"视频通话")]})),_:1})],64))],64)):f("v-if",!0),v(n.$slots,"footer")]),a(e("div",{ref_key:"inputRef",ref:G,class:"input-box",contenteditable:!c(ve),onKeydown:Te,onInput:xe},null,40,fe),[[k,c(N).id]]),e("div",we,[pe,u(c(C),{type:"primary",round:"",disabled:c(Le),onClick:Re},{default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.60"))||"发送")]})),_:1},8,["disabled"])])],64))],4)),[[k,c(N).id]])}}});export{he as default};
+import { createElementVNode, defineComponent, ref, computed, watch, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, 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';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { MESSAGE_TYPE, AV_STATUS } from '../constants/index.js';
+import { uploadFileApi } from '../api/index.js';
+import { simplifyMessage, base64ToFile } from '../utils/index.js';
+import { xor, uniq, isObject, trim, cloneDeep } from 'lodash-es';
+import 'trtc-sdk-v5';
+import { emojis } from '../utils/emoji.js';
+import { CloseOutline, CloseCircleOutline, CallOutline, VideocamOutline } from '@vicons/ionicons5';
+import { uuidGenerator } from '../../../../shared/utils/index.js';
+import { useStorage } from '@vueuse/core';
+
+var _a, _b;
+const _hoisted_1 = {
+  key: 0,
+  class: "multi-select-box"
+};
+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 = {
+  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 = {
+  key: 0,
+  class: "reference-content-box"
+};
+const _hoisted_9 = {
+  class: "reference-content"
+};
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = {
+  class: "tool-box"
+};
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("i", {
+  class: "chat--iconfont chat--icon-face"
+}, null, -1);
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", null, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.51")) || "\u6700\u8FD1\u4F7F\u7528", -1);
+const _hoisted_14 = {
+  class: "list-box",
+  style: {
+    "margin-bottom": "8px"
+  }
+};
+const _hoisted_15 = ["src"];
+const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", null, ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.52")) || "\u9ED8\u8BA4\u8868\u60C5", -1);
+const _hoisted_17 = {
+  class: "list-box"
+};
+const _hoisted_18 = ["src"];
+const _hoisted_19 = /* @__PURE__ */ createElementVNode("i", {
+  class: "chat--iconfont chat--icon-good"
+}, null, -1);
+const _hoisted_20 = /* @__PURE__ */ createElementVNode("i", {
+  class: "chat--iconfont chat--icon-image"
+}, null, -1);
+const _hoisted_21 = /* @__PURE__ */ createElementVNode("i", {
+  class: "chat--iconfont chat--icon-folder"
+}, null, -1);
+const _hoisted_22 = ["contenteditable"];
+const _hoisted_23 = {
+  class: "btn-box"
+};
+const _hoisted_24 = /* @__PURE__ */ createElementVNode("span", {
+  class: "tip"
+}, "Enter \u53D1\u9001, Ctrl + Enter \u6362\u884C", -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatFooter",
+  setup(__props) {
+    const inputRef = ref();
+    const {
+      state,
+      sendMessage,
+      isGroupChat,
+      isEnded,
+      relayMessage
+    } = useData();
+    const showEmoji = ref(false);
+    const content = ref("");
+    const commonEmoticons = useStorage("commonEmoticons", []);
+    const chatAddProps = computed(() => {
+      return {
+        options: state.currentGroupUser,
+        defaultValue: [state.userInfo]
+      };
+    });
+    const btnDisabled = computed(() => !content.value.replace(/(&nbsp;|\s|<br>)+/g, ""));
+    const isForwardDisabled = computed(() => !state.msgList.some((msgItem) => msgItem.checked));
+    function handleCall(chatMessageType, checkedIds = []) {
+      const uuid = uuidGenerator();
+      const _checkedIds = [];
+      const multiple = checkedIds.length > 0;
+      if (state.showVideo || state.showMultipleVideo)
+        return;
+      if (multiple) {
+        _checkedIds.push(...xor(checkedIds, [state.userInfo.id]));
+        Object.assign(state.currentAVMsg, {
+          callMode: "call",
+          checkedIds: _checkedIds,
+          strRoomId: uuid,
+          chatMessageType
+        });
+        state.showMultipleVideo = true;
+      } else {
+        sendMessage({
+          content: {
+            chatMessageType,
+            msg: "",
+            avStatus: AV_STATUS.IN_CALL
+          }
+        });
+      }
+    }
+    function handleKeyDown(event) {
+      if (["Enter"].includes(event.key)) {
+        if (event.ctrlKey) {
+          event.preventDefault();
+          document.execCommand("InsertLineBreak");
+        }
+        if (!isWrap(event)) {
+          event.preventDefault();
+          handleMsgSend();
+        }
+      }
+    }
+    function isWrap(event) {
+      return event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
+    }
+    function handleInput() {
+      var _a2;
+      content.value = ((_a2 = inputRef.value) == null ? void 0 : _a2.innerHTML) || "";
+    }
+    function selectEmoji(name) {
+      var _a2;
+      commonEmoticons.value.unshift(name);
+      commonEmoticons.value = uniq(commonEmoticons.value).slice(0, 26);
+      (_a2 = inputRef.value) == null ? void 0 : _a2.focus();
+      document.execCommand("insertHTML", false, `<img data-msg=${name} data-type=${MESSAGE_TYPE.EMOJI} class="emoji--min" src=${emojis.findEmoji(name)} />`);
+    }
+    async function doUpdateFile(file) {
+      const formData = new FormData();
+      formData.append("sender", state.userInfo.id);
+      formData.append("file", file);
+      return await uploadFileApi(formData);
+    }
+    async function fileChange(options, chatMessageType) {
+      const {
+        file,
+        name
+      } = options.file;
+      const data = await doUpdateFile(file);
+      if (!data)
+        return console.log("\u4E0A\u4F20\u5931\u8D25");
+      doSendMessage({
+        chatMessageType,
+        msg: isObject(data) ? JSON.stringify(data) : chatMessageType === MESSAGE_TYPE.FILE ? name : data,
+        url: isObject(data) ? (data == null ? void 0 : data.fileUrl) || "" : data
+      });
+    }
+    async function handleMsgSend() {
+      const {
+        innerHTML = "",
+        innerText = "",
+        outerText = ""
+      } = inputRef.value || {};
+      if (btnDisabled.value)
+        return console.log("\u8BF7\u8F93\u5165\u5185\u5BB9");
+      let chatMessageType = MESSAGE_TYPE.TEXT;
+      let msg = "";
+      if (innerHTML) {
+        const msgList = innerHTML.match(/<img[^>]*>/gi);
+        const imgLen = (msgList || []).length;
+        if (innerText && imgLen === 0) {
+          msg = innerText;
+        } else if (!innerText && imgLen === 1) {
+          if (innerHTML.includes(MESSAGE_TYPE.EMOJI)) {
+            chatMessageType = MESSAGE_TYPE.EMOJI;
+            const match = innerHTML.match(/data-msg\s*=\s*"([^"]*)"/);
+            if (match) {
+              msg = match[1];
+            }
+          } else {
+            chatMessageType = MESSAGE_TYPE.IMAGE;
+            const match = innerHTML.match(/src\s*=\s*"([^"]*)"/);
+            if (match) {
+              const file = await base64ToFile(match[1]);
+              if (file) {
+                const data = await doUpdateFile(file);
+                if (data) {
+                  msg = isObject(data) ? JSON.stringify(data) : data;
+                }
+              }
+            }
+          }
+        } else {
+          chatMessageType = MESSAGE_TYPE.BLEND;
+          msg = innerHTML;
+          if (msgList == null ? void 0 : msgList.length) {
+            for (let i = 0; i < imgLen; i++) {
+              if (msgList[i].includes(`data-type="${MESSAGE_TYPE.EMOJI}"`) || msgList[i].includes(`data-type="${MESSAGE_TYPE.BLEND}"`)) {
+                const match = msgList[i].match(/data-msg="(.*?)"/);
+                if (match && match.length > 1) {
+                  msg = msg.replace(msgList[i], `[${match[1]}]`);
+                }
+              } else {
+                const srcMatch = msgList[i].match(/src\s*=\s*"([^"]*)"/);
+                if (srcMatch && srcMatch.length > 1) {
+                  const file = await base64ToFile(srcMatch[1]);
+                  if (file) {
+                    const data = await doUpdateFile(file);
+                    msg = msg.replace(srcMatch[1], data || "");
+                  }
+                }
+              }
+            }
+          }
+        }
+      } else {
+        msg = trim(innerText);
+      }
+      if (!msg)
+        return;
+      doSendMessage({
+        msg,
+        chatMessageType,
+        origin: "btn"
+      });
+    }
+    async function doSendMessage(contentInfo) {
+      const {
+        chatMessageType = MESSAGE_TYPE.TEXT,
+        msg,
+        url = "",
+        origin = ""
+      } = contentInfo;
+      const _content = {
+        msg,
+        chatMessageType
+      };
+      if (chatMessageType === MESSAGE_TYPE.FILE) {
+        _content.fileUrl = url;
+      }
+      if (origin === "btn") {
+        clearInput();
+      }
+      if (state.currentReferenceMsg) {
+        if ([MESSAGE_TYPE.TEXT, MESSAGE_TYPE.EMOJI, MESSAGE_TYPE.BLEND].includes(chatMessageType)) {
+          _content.referenceContent = cloneDeep(state.currentReferenceMsg);
+        }
+        state.currentReferenceMsg = null;
+      }
+      sendMessage({
+        content: _content
+      });
+    }
+    function clearInput() {
+      if (inputRef.value) {
+        inputRef.value.innerHTML = "";
+      }
+      content.value = "";
+    }
+    function handleRelay({
+      checkedIds,
+      remark
+    }, type = "\u9010\u6761\u8F6C\u53D1") {
+      const contents = [];
+      const msgList = [];
+      state.msgList.forEach((msgItem) => {
+        if (msgItem.checked) {
+          contents.unshift(msgItem.content);
+          msgList.unshift(msgItem);
+        }
+      });
+      relayMessage({
+        checkedIds,
+        remark,
+        contents: type === "\u9010\u6761\u8F6C\u53D1" ? contents : [{
+          forwardMessageList: msgList,
+          chatMessageType: MESSAGE_TYPE.FORWARD
+        }]
+      });
+      state.msgList.forEach((msgItem) => {
+        msgItem.checked = false;
+      });
+      state.isForward = false;
+    }
+    function handlecancelForward() {
+      state.msgList.forEach((msgItem) => {
+        msgItem.checked = false;
+      });
+      state.isForward = false;
+    }
+    watch(() => [state.currentReferenceMsg, state.currentReEditMsg], ([currentReferenceMsg, currentReEditMsg]) => {
+      var _a2;
+      if (currentReferenceMsg || currentReEditMsg) {
+        (_a2 = inputRef.value) == null ? void 0 : _a2.focus();
+      }
+      if (currentReEditMsg) {
+        const {
+          chatMessageType,
+          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);
+        state.currentReEditMsg = null;
+      }
+    });
+    watch(() => state.id, (id) => {
+      if (id) {
+        state.isForward = false;
+        clearInput();
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a2, _b2;
+      return withDirectives((openBlock(), createElementBlock("section", {
+        class: "chat-footer",
+        style: normalizeStyle({
+          cursor: unref(state).id ? "default" : "not-allowed"
+        })
+      }, [unref(state).isForward ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(ChatAdd, {
+        title: ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.44")) || "\u8F6C\u53D1\u6D88\u606F",
+        mode: "relay",
+        onComfirm: _cache[0] || (_cache[0] = (params) => handleRelay(params))
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          quaternary: "",
+          circle: "",
+          size: "large",
+          disabled: unref(isForwardDisabled)
+        }, {
+          icon: withCtx(() => [_hoisted_3]),
+          _: 1
+        }, 8, ["disabled"])]),
+        _: 1
+      }), _hoisted_4]), createElementVNode("div", _hoisted_5, [createVNode(ChatAdd, {
+        title: ((_b2 = window.getLanguageByCode) == null ? void 0 : _b2.call(window, "10010.1.44")) || "\u8F6C\u53D1\u6D88\u606F",
+        mode: "relay",
+        onComfirm: _cache[1] || (_cache[1] = (params) => handleRelay(params, "\u5408\u5E76\u8F6C\u53D1"))
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          quaternary: "",
+          circle: "",
+          size: "large",
+          disabled: unref(isForwardDisabled)
+        }, {
+          icon: withCtx(() => [_hoisted_6]),
+          _: 1
+        }, 8, ["disabled"])]),
+        _: 1
+      }), _hoisted_7]), createVNode(unref(NButton), {
+        quaternary: "",
+        circle: ""
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          component: unref(CloseOutline),
+          onClick: handlecancelForward
+        }, null, 8, ["component"])]),
+        _: 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", {
+        innerHTML: unref(simplifyMessage)(unref(state).currentReferenceMsg.content)
+      }, null, 8, _hoisted_10)]), 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), {
+        "show-arrow": false
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NPopover), {
+          "content-class": "emoji-content",
+          class: "emoji-wrapper",
+          show: showEmoji.value,
+          "onUpdate:show": _cache[3] || (_cache[3] = ($event) => showEmoji.value = $event),
+          placement: "top",
+          trigger: "click",
+          "show-arrow": false,
+          "display-directive": "show",
+          delay: 0
+        }, {
+          trigger: withCtx(() => [createVNode(unref(NButton), {
+            quaternary: "",
+            size: "tiny"
+          }, {
+            icon: withCtx(() => [_hoisted_12]),
+            _: 1
+          })]),
+          default: withCtx(() => [unref(commonEmoticons).length > 0 ? (openBlock(), createElementBlock(Fragment, {
+            key: 0
+          }, [_hoisted_13, createElementVNode("div", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(commonEmoticons), (name) => {
+            return openBlock(), createBlock(unref(NTooltip), {
+              key: name,
+              "show-arrow": false
+            }, {
+              trigger: withCtx(() => [createVNode(unref(NButton), {
+                quaternary: "",
+                size: "tiny",
+                onClick: () => selectEmoji(name)
+              }, {
+                icon: withCtx(() => [createElementVNode("img", {
+                  src: unref(emojis).findEmoji(name)
+                }, null, 8, _hoisted_15)]),
+                _: 2
+              }, 1032, ["onClick"])]),
+              default: withCtx(() => [createTextVNode(" " + toDisplayString(name), 1)]),
+              _: 2
+            }, 1024);
+          }), 128))])], 64)) : createCommentVNode("v-if", true), _hoisted_16, createElementVNode("div", _hoisted_17, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(emojis).default, ([name, emoji]) => {
+            return openBlock(), createBlock(unref(NTooltip), {
+              key: name,
+              "show-arrow": false
+            }, {
+              trigger: withCtx(() => [createVNode(unref(NButton), {
+                quaternary: "",
+                size: "tiny",
+                onClick: () => selectEmoji(name)
+              }, {
+                icon: withCtx(() => [createElementVNode("img", {
+                  src: emoji
+                }, null, 8, _hoisted_18)]),
+                _: 2
+              }, 1032, ["onClick"])]),
+              default: withCtx(() => [createTextVNode(" " + toDisplayString(name), 1)]),
+              _: 2
+            }, 1024);
+          }), 128))])]),
+          _: 1
+        }, 8, ["show"])]),
+        default: withCtx(() => {
+          var _a3;
+          return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.53")) || "\u8868\u60C5")];
+        }),
+        _: 1
+      }), createVNode(unref(NTooltip), {
+        "show-arrow": false
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          quaternary: "",
+          size: "tiny",
+          onClick: _cache[4] || (_cache[4] = () => doSendMessage({
+            chatMessageType: unref(MESSAGE_TYPE).EMOJI,
+            msg: 0
+          }))
+        }, {
+          icon: withCtx(() => [_hoisted_19]),
+          _: 1
+        })]),
+        default: withCtx(() => {
+          var _a3;
+          return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.54")) || "\u70B9\u8D5E")];
+        }),
+        _: 1
+      }), createVNode(unref(NUpload), {
+        abstract: "",
+        multiple: "",
+        accept: "image/*",
+        onChange: _cache[5] || (_cache[5] = (options) => fileChange(options, unref(MESSAGE_TYPE).IMAGE))
+      }, {
+        default: withCtx(() => [createVNode(unref(NUploadTrigger), {
+          abstract: ""
+        }, {
+          default: withCtx(({
+            handleClick
+          }) => [createVNode(unref(NTooltip), {
+            "show-arrow": false
+          }, {
+            trigger: withCtx(() => [createVNode(unref(NButton), {
+              quaternary: "",
+              size: "tiny",
+              onClick: handleClick
+            }, {
+              icon: withCtx(() => [_hoisted_20]),
+              _: 2
+            }, 1032, ["onClick"])]),
+            default: withCtx(() => {
+              var _a3;
+              return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.55")) || "\u4E0A\u4F20\u56FE\u7247")];
+            }),
+            _: 2
+          }, 1024)]),
+          _: 1
+        })]),
+        _: 1
+      }), createVNode(unref(NUpload), {
+        abstract: "",
+        multiple: "",
+        accept: "video/*,.pdf,.doc.docx,,.zip,.xlsx,.txt",
+        onChange: _cache[6] || (_cache[6] = (options) => fileChange(options, unref(MESSAGE_TYPE).FILE))
+      }, {
+        default: withCtx(() => [createVNode(unref(NUploadTrigger), {
+          abstract: ""
+        }, {
+          default: withCtx(({
+            handleClick
+          }) => [createVNode(unref(NTooltip), {
+            "show-arrow": false
+          }, {
+            trigger: withCtx(() => [createVNode(unref(NButton), {
+              quaternary: "",
+              size: "tiny",
+              onClick: handleClick
+            }, {
+              icon: withCtx(() => [_hoisted_21]),
+              _: 2
+            }, 1032, ["onClick"])]),
+            default: withCtx(() => {
+              var _a3;
+              return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.56")) || "\u4E0A\u4F20\u6587\u4EF6")];
+            }),
+            _: 2
+          }, 1024)]),
+          _: 1
+        })]),
+        _: 1
+      }), unref(state).userInfo.sdkAppID ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [unref(isGroupChat) ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createVNode(ChatAdd, mergeProps(unref(chatAddProps), {
+        onComfirm: _cache[7] || (_cache[7] = (params) => handleCall(unref(MESSAGE_TYPE).AUDIO, params.checkedIds))
+      }), {
+        trigger: withCtx(() => [createVNode(unref(NTooltip), {
+          "show-arrow": false
+        }, {
+          trigger: withCtx(() => [createVNode(unref(NButton), {
+            quaternary: "",
+            size: "tiny"
+          }, {
+            icon: withCtx(() => [createVNode(unref(NIcon), {
+              size: "18",
+              component: unref(CallOutline)
+            }, null, 8, ["component"])]),
+            _: 1
+          })]),
+          default: withCtx(() => {
+            var _a3;
+            return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.57")) || "\u8BED\u97F3\u901A\u8BDD")];
+          }),
+          _: 1
+        })]),
+        _: 1
+      }, 16), createVNode(ChatAdd, mergeProps(unref(chatAddProps), {
+        onComfirm: _cache[8] || (_cache[8] = (params) => handleCall(unref(MESSAGE_TYPE).VIDEO, params.checkedIds))
+      }), {
+        trigger: withCtx(() => [createVNode(unref(NTooltip), {
+          "show-arrow": false
+        }, {
+          trigger: withCtx(() => [createVNode(unref(NButton), {
+            quaternary: "",
+            size: "tiny"
+          }, {
+            icon: withCtx(() => [createVNode(unref(NIcon), {
+              size: "20",
+              component: unref(VideocamOutline)
+            }, null, 8, ["component"])]),
+            _: 1
+          })]),
+          default: withCtx(() => {
+            var _a3;
+            return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.58")) || "\u89C6\u9891\u4F1A\u8BAE")];
+          }),
+          _: 1
+        })]),
+        _: 1
+      }, 16)], 64)) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [createVNode(unref(NTooltip), {
+        "show-arrow": false
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          quaternary: "",
+          size: "tiny",
+          onClick: _cache[9] || (_cache[9] = () => handleCall(unref(MESSAGE_TYPE).AUDIO))
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            size: "18",
+            component: unref(CallOutline)
+          }, null, 8, ["component"])]),
+          _: 1
+        })]),
+        default: withCtx(() => {
+          var _a3;
+          return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.57")) || "\u8BED\u97F3\u901A\u8BDD")];
+        }),
+        _: 1
+      }), createVNode(unref(NTooltip), {
+        "show-arrow": false
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          quaternary: "",
+          size: "tiny",
+          onClick: _cache[10] || (_cache[10] = () => handleCall(unref(MESSAGE_TYPE).VIDEO))
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            size: "20",
+            component: unref(VideocamOutline)
+          }, null, 8, ["component"])]),
+          _: 1
+        })]),
+        default: withCtx(() => {
+          var _a3;
+          return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.59")) || "\u89C6\u9891\u901A\u8BDD")];
+        }),
+        _: 1
+      })], 64))], 64)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "footer")]), withDirectives(createElementVNode("div", {
+        ref_key: "inputRef",
+        ref: inputRef,
+        class: "input-box",
+        contenteditable: !unref(isEnded),
+        onKeydown: handleKeyDown,
+        onInput: handleInput
+      }, null, 40, _hoisted_22), [[vShow, unref(state).id]]), createElementVNode("div", _hoisted_23, [_hoisted_24, createVNode(unref(NButton), {
+        type: "primary",
+        round: "",
+        disabled: unref(btnDisabled),
+        onClick: handleMsgSend
+      }, {
+        default: withCtx(() => {
+          var _a3;
+          return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.60")) || "\u53D1\u9001")];
+        }),
+        _: 1
+      }, 8, ["disabled"])])], 64))], 4)), [[vShow, unref(state).id]]);
+    };
+  }
+});
+
+export { _sfc_main as default };