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

package/es/components/iho-chat/src/components/ChatMain.vue.js

@@ -1 +1,6 @@
-import e from"./ChatMain.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var a=r(e,[["__file","ChatMain.vue"]]);export{a as default};
+import _sfc_main from './ChatMain.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var ChatMain = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ChatMain.vue"]]);
+
+export { ChatMain as default };

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

@@ -1 +1,635 @@
-import{defineComponent as e,ref as n,reactive as t,computed as s,watch as o,openBlock as i,createElementBlock as a,normalizeClass as l,unref as r,normalizeStyle as c,createVNode as u,withCtx as d,Fragment as m,renderList as p,toDisplayString as g,createCommentVNode as y,createBlock as v,createElementVNode as f,createTextVNode as h,withModifiers as k,nextTick as w}from"vue";import{NImageGroup as T,NButton as M,NCheckbox as C,NAvatar as _,NImage as x,NIcon as L,NSpace as I,NButtonGroup as b,NTooltip as j}from"naive-ui";import{format as E}from"date-fns";import{getHistoryRecordApi as S,readMessageApi as z}from"../api/index.js";import{useData as A}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{MESSAGE_TYPE as D}from"../constants/index.js";import{isAudioOrVideoMessage as R,simplifyMessage as H,getForwardTitle as N,getAVTime as O,downloadFile as B}from"../utils/index.js";import{first as F,last as U,isArray as q,toString as W}from"lodash-es";import"trtc-sdk-v5";import P from"./MessageTemplate.vue.js";import J from"./MessageEvent.vue.js";import X from"./MessageMergeForward.vue.js";import G from"./SelectLabel.vue.js";import{emojis as K}from"../utils/emoji.js";import Y from"./ContextMenu.js";import V from"./ChatAdd.vue.js";import"../../../../shared/utils/index.js";import"@vueuse/core";import"@vue/shared";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import{CallOutline as $,VideocamOutline as Q,DocumentSharp as Z,HappyOutline as ee,ChatbubbleEllipsesOutline as ne,EllipsisHorizontal as te,ArrowDownSharp as se}from"@vicons/ionicons5";import{useScrollLoading as oe}from"../../../../shared/hooks/useScrollLoading.js";const ie={key:0,class:"tip-text"},ae={key:1,class:"tip-text"},le=["onClick"],re={class:"message-box"},ce={key:0,class:"content-box"},ue={class:"name-box"},de=["data-time"],me=["onContextmenu"],pe={key:0,class:"reference-content"},ge=["innerHTML"],ye=["src"],ve=["innerHTML"],fe=["innerHTML"],he=["onClick"],ke={class:"merge-msg-contents"},we={style:{"margin-left":"8px"}},Te={class:"size"},Me=["src"],Ce={key:0};var _e=e({__name:"ChatMain",setup(e){const _e=n(),{state:xe,setMsgList:Le,relayMessage:Ie,setCurrentSessionItem:be,setMessageLabel:je,setUserDetail:Ee,isGroupChat:Se}=A(),ze=n(),Ae=n(!1),De=n({left:0,top:0}),Re=n(),He=n(),Ne=n(!1),Oe=t({x:0,y:0}),Be=n(!1),Fe={page:0,hasMore:!0,lastSendTime:E(new Date,"yyyy-MM-dd HH:mm:ss")},Ue=s((()=>({"--c-tip-top":Se.value?"1px":"-20px","--c-tip-gap":Se.value?"10px":"0px"})));function qe({nodes:e}){var n,t;const{_ctx:s}=null==(n=e.download)?void 0:n.children,o=s?null==(t=null==s?void 0:s.proxy)?void 0:t.previewSrc:"";return[e.prev,e.next,e.rotateCounterclockwise,e.rotateClockwise,e.resizeToOriginalSize,e.zoomOut,e.zoomIn,u(j,null,{trigger:()=>u(L,{style:"cursor: pointer",color:"rgba(255, 255, 255, 0.75",size:24,component:se,onClick:()=>o&&B(o,"img")},null),default:()=>{var e;return(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.102"))||"下载"}}),e.close]}async function We(){try{if(!Fe.hasMore)return;Fe.page++;const e=await S({sessionKey:xe.currentSessionItem.sessionKey,page:Fe.page,lastSendTime:Fe.lastSendTime});if(!Array.isArray(e)||0===e.length)return Fe.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了");const n=F(e).id;Fe.lastSendTime=U(e).sendTime,Le(Fe.page>1?[...xe.msgList,...e]:e),1===Fe.page&&xe.currentSessionItem.unreadNum&&(await z({chatType:xe.currentSessionItem.chatType,messageIdSet:[n],receiver:xe.userInfo.id,sender:xe.currentSessionItem.receiver}),be({unreadNum:0}))}catch(e){console.log(e)}}async function Pe(e,n){Re.value=n,async function(e){var n,t,s,o,i,a;Ae.value=!0,await w();const{clientX:l,clientY:r}=e,{width:c=0,height:u=0,left:d=0,top:m=0}=(null==(n=_e.value)?void 0:n.getBoundingClientRect())||{},p=null!=(o=null==(s=null==(t=ze.value)?void 0:t.$el)?void 0:s.getBoundingClientRect().height)?o:220,g=null!=(a=null==(i=_e.value)?void 0:i.scrollTop)?a:0,y=5,v={};l<=d+c/2?v.left=l-d+y+"px":v.right=d+c-l-y+"px";r-m<p/2?v.top=g+y+"px":m+u-r<=p/2?v.bottom=Math.abs(g)+y+"px":v.top=g+r-m-p/2+"px";De.value=v}(e)}function Je(e){const{chatMessageType:n,messageTemplate:t}=e.content;return n!==D.TEMPLATE||!!t}function Xe(e){const{chatMessageType:n}=e.content;return e.sender===xe.userInfo.id&&Date.now()-new Date(e.sendTime).getTime()<864e5&&[D.TEXT,D.EMOJI].includes(n)}function Ge(e){const{chatMessageType:n,msg:t=""}=e.content;if(n===D.BLEND){const e=W(t).match(/<img[^>]*>/gi);return!e||!e.length}return n&&[D.TEXT,D.EMOJI].includes(n)}function Ke(e){const{chatMessageType:n,msg:t=""}=e.content,s=W(t).match(/<img[^>]*>/gi);return n===D.BLEND&&s&&s.length}function Ye(e,n){var t,s;const{chatMessageType:o,messageTemplate:i}=e.content;if(o===D.TEMPLATE)return"system"===n?2==(null==(t=null==i?void 0:i.setting)?void 0:t.style.id):2!=(null==(s=null==i?void 0:i.setting)?void 0:s.style.id)}function Ve(e){var n,t;const{chatMessageType:s,messageTemplate:o}=e;return s===D.TEMPLATE&&3==(null==(t=null==(n=null==o?void 0:o.setting)?void 0:n.style)?void 0:t.id)}function $e(e,n){var t;const s=new Date(e.sendTime).getTime(),o=null==(t=xe.msgList[n+1])?void 0:t.sendTime;if(o){return s-new Date(o).getTime()>3e5}return!0}function Qe(e){xe.currentReferenceMsg=e,xe.currentReferenceMsg.content.referenceContent=null,Object.assign(xe.currentReferenceMsg,{chatType:xe.currentSessionItem.chatType,receiver:xe.currentSessionItem.receiver,receiverAvatar:xe.currentSessionItem.avatar,receiverName:xe.currentSessionItem.name})}function Ze(e,n){var t;"reply"!==e?"relay"===e&&(null==(t=He.value)||t.click()):Qe(n)}function en({checkedIds:e,remark:n}){const t=xe.msgList.find((e=>e.id===Re.value));Ie({checkedIds:e,remark:n,contents:[t.content]})}return oe(_e,(()=>{We()}),"top",(()=>{Ne.value=Ae.value=!1})),o((()=>xe.id),(e=>{e&&(xe.currentReferenceMsg=null,Object.assign(Fe,{page:0,hasMore:!0,lastSendTime:E(new Date,"yyyy-MM-dd HH:mm:ss")}),We())}),{immediate:!0}),o((()=>xe.isAppendMsg),(e=>{e&&(Le([xe.currentMsg,...xe.msgList]),async function(){var e;null==(e=_e.value)||e.scrollTo({top:0,behavior:"auto"})}(),xe.isAppendMsg=!1)}),{immediate:!0}),(e,n)=>{var t;return i(),a("div",{class:l(["chat-main",{"home-bg":!r(xe).id,"chat-main--check":r(xe).isForward}]),ref_key:"chatMainRef",ref:_e,style:c(r(Ue))},[u(r(T),{"show-toolbar-tooltip":"","render-toolbar":qe},{default:d((()=>[(i(!0),a(m,null,p(r(xe).msgList,((e,t)=>{var s,o,c;return i(),a(m,{key:e.id},[Je(e)?(i(),a("div",{key:0,class:l(["message-item",{"message-item--mine":e.sender==r(xe).userInfo.id}])},[$e(e,t)?(i(),a("p",ie,g(e.__sendTime),1)):y("v-if",!0),Ye(e,"system")||"WITHDRAWN"===e.status||(null==(s=e.content)?void 0:s.chatMessageType)===r(D).EVENT?(i(),a(m,{key:1},[Ye(e,"system")?(i(),v(P,{key:0,data:e},null,8,["data"])):y("v-if",!0),"WITHDRAWN"===e.status?(i(),a("p",ae,[f("span",null,g(e.sender==r(xe).userInfo.id?(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.67"))||"你":e.senderName)+((null==(c=window.getLanguageByCode)?void 0:c.call(window,"10010.1.68"))||"撤回了一条消息"),1),Xe(e)?(i(),v(r(M),{key:0,size:"tiny",style:{color:"var(--c-primary-color)","margin-left":"5px"},text:"",onClick:()=>function(e){xe.currentReEditMsg=e}(e)},{default:d((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.69"))||"重新编辑")]})),_:2},1032,["onClick"])):y("v-if",!0)])):(i(),v(J,{key:2,data:e},null,8,["data"]))],64)):(i(),a("div",{key:2,class:l(["message-wrapper",{checked:e.checked}]),onClick:()=>e.checked=!e.checked},[u(r(C),{checked:e.checked,"onUpdate:checked":n=>e.checked=n,size:"large"},null,8,["checked","onUpdate:checked"]),f("div",re,[u(r(_),{round:"",size:38,src:e.senderAvatar,onClick:k((n=>r(Ee)(n,{show:!0,userId:e.sender})),["stop"])},null,8,["src","onClick"]),e.content?(i(),a("div",ce,[f("div",ue,[f("span",{class:"name","data-time":e.__time},g(r(Se)?e.senderName:""),9,de)]),f("div",{class:l(["content",{emoji:e.content.chatMessageType===r(D).EMOJI&&!e.content.referenceContent,template:e.content.chatMessageType===r(D).TEMPLATE,"template--3":Ve(e.content),"audio-video":r(R)(e.content),file:e.content.chatMessageType===r(D).FILE,"merge-msg":e.content.chatMessageType===r(D).FORWARD&&r(q)(e.content.forwardMessageList)}]),onContextmenu:k((n=>!r(xe).isForward&&Pe(n,e.id)),["prevent"])},[Ge(e)?(i(),a(m,{key:0},[e.content.referenceContent?(i(),a("div",pe,[f("span",null,g(e.content.referenceContent.senderName)+"：",1),f("pre",{innerHTML:r(H)(e.content.referenceContent.content)},null,8,ge)])):y("v-if",!0),e.content.chatMessageType===r(D).EMOJI?(i(),a("img",{key:1,class:l([e.content.referenceContent?"emoji--min":"emoji--big"]),src:r(K).findEmoji(e.__content)},null,10,ye)):(i(),a("pre",{key:2,innerHTML:e.__content},null,8,ve))],64)):y("v-if",!0),Ke(e)?(i(),a("pre",{key:1,innerHTML:e.__content},null,8,fe)):y("v-if",!0),Ye(e,"template")?(i(),v(P,{key:2,data:e},null,8,["data"])):y("v-if",!0),e.content.chatMessageType===r(D).FORWARD&&r(q)(e.content.forwardMessageList)?(i(),a("div",{key:3,class:"merge-msg-box",onClick:()=>function(e){xe.isForward||(Re.value=e.id,Be.value=!0)}(e)},[f("h4",null,g(r(N)(e.content)),1),f("div",ke,[(i(!0),a(m,null,p(e.content.forwardMessageList,(e=>(i(),a("div",{key:e.id},g(e.senderName)+"："+g(r(H)(e.content)),1)))),128))])],8,he)):y("v-if",!0),e.content.chatMessageType===r(D).IMAGE?(i(),v(r(x),{key:4,width:"240",src:e.__content,onClick:n[0]||(n[0]=e=>e.stopPropagation())},null,8,["src"])):y("v-if",!0),r(R)(e.content)?(i(),a(m,{key:5},[u(r(L),{class:l({"is-audio":e.content.chatMessageType===r(D).AUDIO}),component:e.content.chatMessageType===r(D).AUDIO?r($):r(Q)},null,8,["class","component"]),f("span",we,g(r(O)(e.__content)),1)],64)):y("v-if",!0),e.content.chatMessageType===r(D).FILE?(i(),v(r(I),{key:6,"wrap-item":!1},{default:d((()=>[u(r(L),{class:"icon-file",size:"40",component:r(Z)},null,8,["component"]),u(r(I),{"wrap-item":!1,vertical:"",justify:"space-between",style:{"row-gap":"0"}},{default:d((()=>[f("span",null,g(e.__content),1),f("span",Te,g(e.__size),1)])),_:2},1024)])),_:2},1024)):y("v-if",!0),!r(R)(e.content)&&e.content.labelList?(i(),v(r(I),{key:7,"wrap-item":!1},{default:d((()=>[(i(!0),a(m,null,p(e.content.labelList,((n,t)=>(i(),a("div",{key:t,class:"label-item"},["text"===n.type?(i(),v(r(M),{key:0,type:n.label.type,secondary:"",size:"tiny",onClick:()=>r(je)({type:n.type,labelItem:n.label,msgId:e.id})},{default:d((()=>[h(g(n.label.label),1)])),_:2},1032,["type","onClick"])):(i(),v(r(M),{key:1,quaternary:"",size:"tiny",onClick:()=>r(je)({type:n.type,labelItem:n.label,msgId:e.id})},{icon:d((()=>[f("img",{class:"emoji--min",src:r(K).findEmoji(n.label)},null,8,Me)])),_:2},1032,["onClick"])),(i(!0),a(m,null,p(n.userList,((e,t)=>(i(),a(m,{key:e.id},[u(r(M),{quaternary:"",type:"tertiary",size:"tiny",onClick:n=>r(Ee)(n,{show:!0,info:e})},{default:d((()=>[h(g(e.name),1)])),_:2},1032,["onClick"]),t<n.userList.length-1?(i(),a("span",Ce,"，")):y("v-if",!0)],64)))),128))])))),128))])),_:2},1024)):y("v-if",!0),u(r(b),{class:"quick-menu"},{default:d((()=>[r(R)(e.content)?y("v-if",!0):(i(),a(m,{key:0},[u(r(M),{quaternary:"",size:"tiny",onClick:n=>function(e,n){Ne.value=!0,Oe.x=e.clientX,Oe.y=e.clientY,Re.value=n}(n,e.id)},{icon:d((()=>[u(r(L),{size:"17",component:r(ee)},null,8,["component"])])),_:2},1032,["onClick"]),u(r(M),{quaternary:"",size:"tiny",onClick:()=>Qe(e)},{icon:d((()=>[u(r(L),{size:"17",component:r(ne)},null,8,["component"])])),_:2},1032,["onClick"])],64)),u(r(M),{quaternary:"",size:"tiny",onClick:n=>Pe(n,e.id)},{icon:d((()=>[u(r(L),{size:"14",component:r(te)},null,8,["component"])])),_:2},1032,["onClick"])])),_:2},1024)],42,me)])):y("v-if",!0)])],10,le))],2)):y("v-if",!0)],64)})),128))])),_:1}),u(r(Y),{ref_key:"contextmenuRef",ref:ze,show:Ae.value,"onUpdate:show":n[1]||(n[1]=e=>Ae.value=e),position:De.value,id:Re.value,onSelect:Ze},null,8,["show","position","id"]),u(V,{title:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.44"))||"转发消息",mode:"relay",onComfirm:en},{trigger:d((()=>{var e;return[f("span",{style:{display:"none"},ref_key:"relayTriggerRef",ref:He},(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.45"))||"转发",512)]})),_:1}),Re.value?(i(),v(G,{key:0,show:Ne.value,"onUpdate:show":n[2]||(n[2]=e=>Ne.value=e),x:Oe.x,y:Oe.y,id:Re.value},null,8,["show","x","y","id"])):y("v-if",!0),u(X,{show:Be.value,"onUpdate:show":n[3]||(n[3]=e=>Be.value=e),id:Re.value},null,8,["show","id"])],6)}}});export{_e as default};
+import { defineComponent, ref, reactive, computed, watch, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, withCtx, Fragment, renderList, toDisplayString, createCommentVNode, createBlock, createElementVNode, createTextVNode, withModifiers, nextTick } from 'vue';
+import { NImageGroup, NButton, NCheckbox, NAvatar, NImage, NIcon, NSpace, NButtonGroup, NTooltip } from 'naive-ui';
+import { format } from 'date-fns';
+import { getHistoryRecordApi, readMessageApi } from '../api/index.js';
+import { useData } from '../hooks/useData.js';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { MESSAGE_TYPE } from '../constants/index.js';
+import { isAudioOrVideoMessage, simplifyMessage, getForwardTitle, getAVTime, downloadFile } from '../utils/index.js';
+import { first, last, isArray, toString } from 'lodash-es';
+import 'trtc-sdk-v5';
+import MessageTemplate from './MessageTemplate.vue.js';
+import MessageEvent from './MessageEvent.vue.js';
+import MessageMergeForward from './MessageMergeForward.vue.js';
+import SelectLabel from './SelectLabel.vue.js';
+import { emojis } from '../utils/emoji.js';
+import ContextMenu from './ContextMenu.js';
+import ChatAdd from './ChatAdd.vue.js';
+import '../../../../shared/utils/index.js';
+import '@vueuse/core';
+import '@vue/shared';
+import '@vueuse/shared';
+import '../../../../shared/hooks/selectHooks/useSearchContent.js';
+import { CallOutline, VideocamOutline, DocumentSharp, HappyOutline, ChatbubbleEllipsesOutline, EllipsisHorizontal, ArrowDownSharp } from '@vicons/ionicons5';
+import { useScrollLoading } from '../../../../shared/hooks/useScrollLoading.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "tip-text"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "tip-text"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+  class: "message-box"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "content-box"
+};
+const _hoisted_6 = {
+  class: "name-box"
+};
+const _hoisted_7 = ["data-time"];
+const _hoisted_8 = ["onContextmenu"];
+const _hoisted_9 = {
+  key: 0,
+  class: "reference-content"
+};
+const _hoisted_10 = ["innerHTML"];
+const _hoisted_11 = ["src"];
+const _hoisted_12 = ["innerHTML"];
+const _hoisted_13 = ["innerHTML"];
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = {
+  class: "merge-msg-contents"
+};
+const _hoisted_16 = {
+  class: "label-name"
+};
+const _hoisted_17 = ["innerHTML"];
+const _hoisted_18 = {
+  style: {
+    "margin-left": "8px"
+  }
+};
+const _hoisted_19 = {
+  class: "size"
+};
+const _hoisted_20 = ["src"];
+const _hoisted_21 = {
+  key: 0
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatMain",
+  setup(__props) {
+    const chatMainRef = ref();
+    const {
+      state,
+      setMsgList,
+      relayMessage,
+      setCurrentSessionItem,
+      setMessageLabel,
+      setUserDetail,
+      isGroupChat
+    } = useData();
+    const contextmenuRef = ref();
+    const showMenu = ref(false);
+    const menuPosition = ref({
+      left: 0,
+      top: 0
+    });
+    const menuMsgId = ref();
+    const relayTriggerRef = ref();
+    const showLabel = ref(false);
+    const labelPosition = reactive({
+      x: 0,
+      y: 0
+    });
+    const showForwardDetail = ref(false);
+    const pageInfo = {
+      page: 0,
+      hasMore: true,
+      lastSendTime: format(new Date(), "yyyy-MM-dd HH:mm:ss")
+    };
+    const styleProps = computed(() => {
+      return {
+        "--c-tip-top": isGroupChat.value ? "1px" : "-20px",
+        "--c-tip-gap": isGroupChat.value ? "10px" : "0px"
+      };
+    });
+    useScrollLoading(chatMainRef, () => {
+      getHistoryRecord();
+    }, "top", () => {
+      showLabel.value = showMenu.value = false;
+    });
+    function renderToolbar({
+      nodes
+    }) {
+      var _a, _b;
+      const {
+        _ctx
+      } = (_a = nodes.download) == null ? void 0 : _a.children;
+      const src = _ctx ? (_b = _ctx == null ? void 0 : _ctx.proxy) == null ? void 0 : _b.previewSrc : "";
+      return [nodes.prev, nodes.next, nodes.rotateCounterclockwise, nodes.rotateClockwise, nodes.resizeToOriginalSize, nodes.zoomOut, nodes.zoomIn, createVNode(NTooltip, null, {
+        trigger: () => createVNode(NIcon, {
+          "style": "cursor: pointer",
+          "color": "rgba(255, 255, 255, 0.75",
+          "size": 24,
+          "component": ArrowDownSharp,
+          "onClick": () => src && downloadFile(src, "img")
+        }, null),
+        default: () => {
+          var _a2;
+          return ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.102")) || "\u4E0B\u8F7D";
+        }
+      }), nodes.close];
+    }
+    function formatImage(obj, type) {
+      try {
+        if (typeof obj === "string") {
+          const objParse = JSON.parse(obj);
+          return objParse[type];
+        }
+        return obj[type];
+      } catch (error) {
+        return obj;
+      }
+    }
+    async function getHistoryRecord() {
+      try {
+        if (!pageInfo.hasMore)
+          return;
+        pageInfo.page++;
+        const data = await getHistoryRecordApi({
+          sessionKey: state.currentSessionItem.sessionKey,
+          page: pageInfo.page,
+          lastSendTime: pageInfo.lastSendTime
+        });
+        if (!Array.isArray(data) || data.length === 0) {
+          pageInfo.hasMore = false;
+          return console.log("\u63A5\u53E3\u8FD4\u56DE\u4E0D\u662F\u4E00\u4E2A\u6570\u7EC4\uFF0C\u6216\u8005\u6CA1\u6709\u66F4\u591A\u6D88\u606F\u4E86");
+        }
+        const firstMsgId = first(data).id;
+        pageInfo.lastSendTime = last(data).sendTime;
+        setMsgList(pageInfo.page > 1 ? [...state.msgList, ...data] : data);
+        if (pageInfo.page === 1 && state.currentSessionItem.unreadNum) {
+          await readMessageApi({
+            chatType: state.currentSessionItem.chatType,
+            messageIdSet: [firstMsgId],
+            receiver: state.userInfo.id,
+            sender: state.currentSessionItem.receiver
+          });
+          setCurrentSessionItem({
+            unreadNum: 0
+          });
+        }
+      } catch (error) {
+        console.log(error);
+      } finally {
+      }
+    }
+    function handleSelectLabel(event, msgId) {
+      showLabel.value = true;
+      labelPosition.x = event.clientX;
+      labelPosition.y = event.clientY;
+      menuMsgId.value = msgId;
+    }
+    async function handleContextmenu(event, msgId) {
+      menuMsgId.value = msgId;
+      setMenuPosition(event);
+    }
+    async function setMenuPosition(event) {
+      var _a, _b, _c, _d, _e, _f;
+      showMenu.value = true;
+      await nextTick();
+      const {
+        clientX,
+        clientY
+      } = event;
+      const {
+        width = 0,
+        height = 0,
+        left = 0,
+        top = 0
+      } = ((_a = chatMainRef.value) == null ? void 0 : _a.getBoundingClientRect()) || {};
+      const contextmenuHeight = (_d = (_c = (_b = contextmenuRef.value) == null ? void 0 : _b.$el) == null ? void 0 : _c.getBoundingClientRect().height) != null ? _d : 220;
+      const scrollTop = (_f = (_e = chatMainRef.value) == null ? void 0 : _e.scrollTop) != null ? _f : 0;
+      const offset = 5;
+      const style = {};
+      if (clientX <= left + width / 2) {
+        style.left = clientX - left + offset + "px";
+      } else {
+        style.right = left + width - clientX - offset + "px";
+      }
+      if (clientY - top < contextmenuHeight / 2) {
+        style.top = scrollTop + offset + "px";
+      } else if (top + height - clientY <= contextmenuHeight / 2) {
+        style.bottom = Math.abs(scrollTop) + offset + "px";
+      } else {
+        style.top = scrollTop + clientY - top - contextmenuHeight / 2 + "px";
+      }
+      menuPosition.value = style;
+    }
+    function showMessage(item) {
+      const {
+        chatMessageType,
+        messageTemplate
+      } = item.content;
+      return chatMessageType !== MESSAGE_TYPE.TEMPLATE || !!messageTemplate;
+    }
+    function showReEdit(item) {
+      const {
+        chatMessageType
+      } = item.content;
+      return item.sender === state.userInfo.id && Date.now() - new Date(item.sendTime).getTime() < 24 * 60 * 60 * 1e3 && [MESSAGE_TYPE.TEXT, MESSAGE_TYPE.EMOJI].includes(chatMessageType);
+    }
+    function showReferenceMsg(item) {
+      const {
+        chatMessageType,
+        msg = ""
+      } = item.content;
+      if (chatMessageType === MESSAGE_TYPE.BLEND) {
+        const imgList = toString(msg).match(/<img[^>]*>/gi);
+        return !imgList || !imgList.length;
+      }
+      return chatMessageType && [MESSAGE_TYPE.TEXT, MESSAGE_TYPE.EMOJI].includes(chatMessageType);
+    }
+    function showBlendMsg(item) {
+      const {
+        chatMessageType,
+        msg = ""
+      } = item.content;
+      const imgList = toString(msg).match(/<img[^>]*>/gi);
+      return chatMessageType === MESSAGE_TYPE.BLEND && imgList && imgList.length;
+    }
+    function showTemplateMsg(item, type) {
+      var _a, _b;
+      const {
+        chatMessageType,
+        messageTemplate
+      } = item.content;
+      if (chatMessageType !== MESSAGE_TYPE.TEMPLATE)
+        return;
+      if (type === "system") {
+        return ((_a = messageTemplate == null ? void 0 : messageTemplate.setting) == null ? void 0 : _a.style.id) == 2;
+      }
+      return ((_b = messageTemplate == null ? void 0 : messageTemplate.setting) == null ? void 0 : _b.style.id) != 2;
+    }
+    function isTemplate3(content) {
+      var _a, _b;
+      const {
+        chatMessageType,
+        messageTemplate
+      } = content;
+      return chatMessageType === MESSAGE_TYPE.TEMPLATE && ((_b = (_a = messageTemplate == null ? void 0 : messageTemplate.setting) == null ? void 0 : _a.style) == null ? void 0 : _b.id) == 3;
+    }
+    function needShowTime(item, index) {
+      var _a;
+      const currentTimeStamp = new Date(item.sendTime).getTime();
+      const duration = 60 * 1e3 * 5;
+      const prevTime = (_a = state.msgList[index + 1]) == null ? void 0 : _a.sendTime;
+      if (prevTime) {
+        const prevTimeStamp = new Date(prevTime).getTime();
+        return currentTimeStamp - prevTimeStamp > duration;
+      }
+      return true;
+    }
+    async function setScrollToButtom() {
+      var _a;
+      (_a = chatMainRef.value) == null ? void 0 : _a.scrollTo({
+        top: 0,
+        behavior: "auto"
+      });
+    }
+    function resetInfo() {
+      Object.assign(pageInfo, {
+        page: 0,
+        hasMore: true,
+        lastSendTime: format(new Date(), "yyyy-MM-dd HH:mm:ss")
+      });
+    }
+    function setReferenceMsg(msgItem) {
+      state.currentReferenceMsg = msgItem;
+      state.currentReferenceMsg.content.referenceContent = null;
+      Object.assign(state.currentReferenceMsg, {
+        chatType: state.currentSessionItem.chatType,
+        receiver: state.currentSessionItem.receiver,
+        receiverAvatar: state.currentSessionItem.avatar,
+        receiverName: state.currentSessionItem.name
+      });
+    }
+    function handleSelect(key, msgItem) {
+      var _a;
+      if (key === "reply") {
+        setReferenceMsg(msgItem);
+        return;
+      }
+      if (key === "relay") {
+        (_a = relayTriggerRef.value) == null ? void 0 : _a.click();
+      }
+    }
+    function handleRelay({
+      checkedIds,
+      remark
+    }) {
+      const messageItem = state.msgList.find((msgItem) => msgItem.id === menuMsgId.value);
+      relayMessage({
+        checkedIds,
+        remark,
+        contents: [messageItem.content]
+      });
+    }
+    function reEdit(item) {
+      state.currentReEditMsg = item;
+    }
+    function clickMergeMsg(item) {
+      if (state.isForward)
+        return;
+      menuMsgId.value = item.id;
+      showForwardDetail.value = true;
+    }
+    watch(() => state.id, (id) => {
+      if (id) {
+        state.currentReferenceMsg = null;
+        resetInfo();
+        getHistoryRecord();
+      }
+    }, {
+      immediate: true
+    });
+    watch(() => state.isAppendMsg, (isAppendMsg) => {
+      if (isAppendMsg) {
+        setMsgList([state.currentMsg, ...state.msgList]);
+        setScrollToButtom();
+        state.isAppendMsg = false;
+      }
+    }, {
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["chat-main", {
+          "home-bg": !unref(state).id,
+          "chat-main--check": unref(state).isForward
+        }]),
+        ref_key: "chatMainRef",
+        ref: chatMainRef,
+        style: normalizeStyle(unref(styleProps))
+      }, [createVNode(unref(NImageGroup), {
+        "show-toolbar-tooltip": "",
+        "render-toolbar": renderToolbar
+      }, {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).msgList, (item, index) => {
+          var _a2, _b, _c;
+          return openBlock(), createElementBlock(Fragment, {
+            key: item.id
+          }, [showMessage(item) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["message-item", {
+              "message-item--mine": item.sender == unref(state).userInfo.id
+            }])
+          }, [needShowTime(item, index) ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(item.__sendTime), 1)) : createCommentVNode("v-if", true), showTemplateMsg(item, "system") || item.status === "WITHDRAWN" || ((_a2 = item.content) == null ? void 0 : _a2.chatMessageType) === unref(MESSAGE_TYPE).EVENT ? (openBlock(), createElementBlock(Fragment, {
+            key: 1
+          }, [showTemplateMsg(item, "system") ? (openBlock(), createBlock(MessageTemplate, {
+            key: 0,
+            data: item
+          }, null, 8, ["data"])) : createCommentVNode("v-if", true), item.status === "WITHDRAWN" ? (openBlock(), createElementBlock("p", _hoisted_2, [createElementVNode("span", null, toDisplayString(item.sender == unref(state).userInfo.id ? ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.67")) || "\u4F60" : item.senderName) + (((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.68")) || "\u64A4\u56DE\u4E86\u4E00\u6761\u6D88\u606F"), 1), showReEdit(item) ? (openBlock(), createBlock(unref(NButton), {
+            key: 0,
+            size: "tiny",
+            style: {
+              "color": "var(--c-primary-color)",
+              "margin-left": "5px"
+            },
+            text: "",
+            onClick: () => reEdit(item)
+          }, {
+            default: withCtx(() => {
+              var _a3;
+              return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.69")) || "\u91CD\u65B0\u7F16\u8F91")];
+            }),
+            _: 2
+          }, 1032, ["onClick"])) : createCommentVNode("v-if", true)])) : (openBlock(), createBlock(MessageEvent, {
+            key: 2,
+            data: item
+          }, null, 8, ["data"]))], 64)) : (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass(["message-wrapper", {
+              checked: item.checked
+            }]),
+            onClick: () => item.checked = !item.checked
+          }, [createVNode(unref(NCheckbox), {
+            checked: item.checked,
+            "onUpdate:checked": ($event) => item.checked = $event,
+            size: "large"
+          }, null, 8, ["checked", "onUpdate:checked"]), createElementVNode("div", _hoisted_4, [createVNode(unref(NAvatar), {
+            round: "",
+            size: 38,
+            src: item.senderAvatar,
+            onClick: withModifiers((event) => unref(setUserDetail)(event, {
+              show: true,
+              userId: item.sender
+            }), ["stop"])
+          }, null, 8, ["src", "onClick"]), item.content ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("span", {
+            class: "name",
+            "data-time": item.__time
+          }, toDisplayString(unref(isGroupChat) ? item.senderName : ""), 9, _hoisted_7)]), createElementVNode("div", {
+            class: normalizeClass(["content", {
+              emoji: item.content.chatMessageType === unref(MESSAGE_TYPE).EMOJI && !item.content.referenceContent,
+              template: item.content.chatMessageType === unref(MESSAGE_TYPE).TEMPLATE,
+              "template--3": isTemplate3(item.content),
+              "audio-video": unref(isAudioOrVideoMessage)(item.content),
+              file: item.content.chatMessageType === unref(MESSAGE_TYPE).FILE,
+              "merge-msg": item.content.chatMessageType === unref(MESSAGE_TYPE).FORWARD && unref(isArray)(item.content.forwardMessageList),
+              "reference-info": showReferenceMsg(item)
+            }]),
+            onContextmenu: withModifiers((event) => !unref(state).isForward && handleContextmenu(event, item.id), ["prevent"])
+          }, [showReferenceMsg(item) ? (openBlock(), createElementBlock(Fragment, {
+            key: 0
+          }, [item.content.referenceContent ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("span", null, toDisplayString(item.content.referenceContent.senderName) + "\uFF1A", 1), createElementVNode("pre", {
+            innerHTML: unref(simplifyMessage)(item.content.referenceContent.content)
+          }, null, 8, _hoisted_10)])) : createCommentVNode("v-if", true), item.content.chatMessageType === unref(MESSAGE_TYPE).EMOJI ? (openBlock(), createElementBlock("img", {
+            key: 1,
+            class: normalizeClass([item.content.referenceContent ? "emoji--min" : "emoji--big"]),
+            src: unref(emojis).findEmoji(item.__content)
+          }, null, 10, _hoisted_11)) : (openBlock(), createElementBlock("pre", {
+            key: 2,
+            innerHTML: item.__content
+          }, null, 8, _hoisted_12))], 64)) : createCommentVNode("v-if", true), showBlendMsg(item) ? (openBlock(), createElementBlock("pre", {
+            key: 1,
+            innerHTML: item.__content
+          }, null, 8, _hoisted_13)) : createCommentVNode("v-if", true), showTemplateMsg(item, "template") ? (openBlock(), createBlock(MessageTemplate, {
+            key: 2,
+            data: item
+          }, null, 8, ["data"])) : createCommentVNode("v-if", true), item.content.chatMessageType === unref(MESSAGE_TYPE).FORWARD && unref(isArray)(item.content.forwardMessageList) ? (openBlock(), createElementBlock("div", {
+            key: 3,
+            class: "merge-msg-box",
+            onClick: () => clickMergeMsg(item)
+          }, [createElementVNode("h4", null, toDisplayString(unref(getForwardTitle)(item.content)), 1), createElementVNode("div", _hoisted_15, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.content.forwardMessageList, (msg) => {
+            return openBlock(), createElementBlock("div", {
+              key: msg.id,
+              class: "merge-msg-contents-item"
+            }, [createElementVNode("span", _hoisted_16, toDisplayString(msg.senderName) + "\uFF1A", 1), createElementVNode("pre", {
+              innerHTML: unref(simplifyMessage)(msg.content)
+            }, null, 8, _hoisted_17)]);
+          }), 128))])], 8, _hoisted_14)) : createCommentVNode("v-if", true), item.content.chatMessageType === unref(MESSAGE_TYPE).IMAGE ? (openBlock(), createBlock(unref(NImage), {
+            key: 4,
+            width: "240",
+            src: formatImage(item.__content, "fileUrl"),
+            onClick: _cache[0] || (_cache[0] = (event) => event.stopPropagation())
+          }, null, 8, ["src"])) : createCommentVNode("v-if", true), unref(isAudioOrVideoMessage)(item.content) ? (openBlock(), createElementBlock(Fragment, {
+            key: 5
+          }, [createVNode(unref(NIcon), {
+            class: normalizeClass({
+              "is-audio": item.content.chatMessageType === unref(MESSAGE_TYPE).AUDIO
+            }),
+            component: item.content.chatMessageType === unref(MESSAGE_TYPE).AUDIO ? unref(CallOutline) : unref(VideocamOutline)
+          }, null, 8, ["class", "component"]), createElementVNode("span", _hoisted_18, toDisplayString(unref(getAVTime)(item.__content)), 1)], 64)) : createCommentVNode("v-if", true), item.content.chatMessageType === unref(MESSAGE_TYPE).FILE ? (openBlock(), createBlock(unref(NSpace), {
+            key: 6,
+            "wrap-item": false
+          }, {
+            default: withCtx(() => [createVNode(unref(NIcon), {
+              class: "icon-file",
+              size: "40",
+              component: unref(DocumentSharp)
+            }, null, 8, ["component"]), createVNode(unref(NSpace), {
+              "wrap-item": false,
+              vertical: "",
+              justify: "space-between",
+              style: {
+                "row-gap": "0"
+              }
+            }, {
+              default: withCtx(() => [createElementVNode("span", null, toDisplayString(formatImage(item.__content, "fileName")), 1), createElementVNode("span", _hoisted_19, toDisplayString(item.__size), 1)]),
+              _: 2
+            }, 1024)]),
+            _: 2
+          }, 1024)) : createCommentVNode("v-if", true), !unref(isAudioOrVideoMessage)(item.content) && item.content.labelList ? (openBlock(), createBlock(unref(NSpace), {
+            key: 7,
+            "wrap-item": false
+          }, {
+            default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(item.content.labelList, (labelItem, i) => {
+              return openBlock(), createElementBlock("div", {
+                key: i,
+                class: "label-item"
+              }, [labelItem.type === "text" ? (openBlock(), createBlock(unref(NButton), {
+                key: 0,
+                type: labelItem.label.type,
+                secondary: "",
+                size: "tiny",
+                onClick: () => unref(setMessageLabel)({
+                  type: labelItem.type,
+                  labelItem: labelItem.label,
+                  msgId: item.id
+                })
+              }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(labelItem.label.label), 1)]),
+                _: 2
+              }, 1032, ["type", "onClick"])) : (openBlock(), createBlock(unref(NButton), {
+                key: 1,
+                quaternary: "",
+                size: "tiny",
+                onClick: () => unref(setMessageLabel)({
+                  type: labelItem.type,
+                  labelItem: labelItem.label,
+                  msgId: item.id
+                })
+              }, {
+                icon: withCtx(() => [createElementVNode("img", {
+                  class: "emoji--min",
+                  src: unref(emojis).findEmoji(labelItem.label)
+                }, null, 8, _hoisted_20)]),
+                _: 2
+              }, 1032, ["onClick"])), (openBlock(true), createElementBlock(Fragment, null, renderList(labelItem.userList, (user, i2) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: user.id
+                }, [createVNode(unref(NButton), {
+                  quaternary: "",
+                  type: "tertiary",
+                  size: "tiny",
+                  onClick: (event) => unref(setUserDetail)(event, {
+                    show: true,
+                    info: user
+                  })
+                }, {
+                  default: withCtx(() => [createTextVNode(toDisplayString(user.name), 1)]),
+                  _: 2
+                }, 1032, ["onClick"]), i2 < labelItem.userList.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_21, "\uFF0C")) : createCommentVNode("v-if", true)], 64);
+              }), 128))]);
+            }), 128))]),
+            _: 2
+          }, 1024)) : createCommentVNode("v-if", true), createVNode(unref(NButtonGroup), {
+            class: "quick-menu"
+          }, {
+            default: withCtx(() => [!unref(isAudioOrVideoMessage)(item.content) ? (openBlock(), createElementBlock(Fragment, {
+              key: 0
+            }, [createVNode(unref(NButton), {
+              quaternary: "",
+              size: "tiny",
+              onClick: (event) => handleSelectLabel(event, item.id)
+            }, {
+              icon: withCtx(() => [createVNode(unref(NIcon), {
+                size: "17",
+                component: unref(HappyOutline)
+              }, null, 8, ["component"])]),
+              _: 2
+            }, 1032, ["onClick"]), createVNode(unref(NButton), {
+              quaternary: "",
+              size: "tiny",
+              onClick: () => setReferenceMsg(item)
+            }, {
+              icon: withCtx(() => [createVNode(unref(NIcon), {
+                size: "17",
+                component: unref(ChatbubbleEllipsesOutline)
+              }, null, 8, ["component"])]),
+              _: 2
+            }, 1032, ["onClick"])], 64)) : createCommentVNode("v-if", true), createVNode(unref(NButton), {
+              quaternary: "",
+              size: "tiny",
+              onClick: (event) => handleContextmenu(event, item.id)
+            }, {
+              icon: withCtx(() => [createVNode(unref(NIcon), {
+                size: "14",
+                component: unref(EllipsisHorizontal)
+              }, null, 8, ["component"])]),
+              _: 2
+            }, 1032, ["onClick"])]),
+            _: 2
+          }, 1024)], 42, _hoisted_8)])) : createCommentVNode("v-if", true)])], 10, _hoisted_3))], 2)) : createCommentVNode("v-if", true)], 64);
+        }), 128))]),
+        _: 1
+      }), createVNode(unref(ContextMenu), {
+        ref_key: "contextmenuRef",
+        ref: contextmenuRef,
+        show: showMenu.value,
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => showMenu.value = $event),
+        position: menuPosition.value,
+        id: menuMsgId.value,
+        onSelect: handleSelect
+      }, null, 8, ["show", "position", "id"]), createVNode(ChatAdd, {
+        title: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.44")) || "\u8F6C\u53D1\u6D88\u606F",
+        mode: "relay",
+        onComfirm: handleRelay
+      }, {
+        trigger: withCtx(() => {
+          var _a2;
+          return [createElementVNode("span", {
+            style: {
+              "display": "none"
+            },
+            ref_key: "relayTriggerRef",
+            ref: relayTriggerRef
+          }, ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.45")) || "\u8F6C\u53D1", 512)];
+        }),
+        _: 1
+      }), menuMsgId.value ? (openBlock(), createBlock(SelectLabel, {
+        key: 0,
+        show: showLabel.value,
+        "onUpdate:show": _cache[2] || (_cache[2] = ($event) => showLabel.value = $event),
+        x: labelPosition.x,
+        y: labelPosition.y,
+        id: menuMsgId.value
+      }, null, 8, ["show", "x", "y", "id"])) : createCommentVNode("v-if", true), createVNode(MessageMergeForward, {
+        show: showForwardDetail.value,
+        "onUpdate:show": _cache[3] || (_cache[3] = ($event) => showForwardDetail.value = $event),
+        id: menuMsgId.value
+      }, null, 8, ["show", "id"])], 6);
+    };
+  }
+});
+
+export { _sfc_main as default };