cnhis-design-vue 3.2.14-beta.2 → 3.2.14-beta.24

package/es/components/iho-chat/src/components/ChatHeader.vue.d.ts

@@ -1,7 +1,29 @@
 import { AnyObject } from '../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{}, {
-    state: import("../types").IState;
+    state: {
+        orgId: string | number;
+        currentSessionItem: AnyObject;
+        id: string;
+        userInfo: AnyObject;
+        msgList: AnyObject[];
+        currentMsg: AnyObject;
+        isAppendMsg: boolean;
+        sessionList: AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: AnyObject;
+        isUpdateSession: boolean;
+        currentReferenceMsg: AnyObject | null;
+        currentReEditMsg: AnyObject | null;
+        showVideo: boolean;
+        currentAVMsg: AnyObject;
+        currentGroupUser: AnyObject[];
+        showMultipleVideo: boolean;
+    };
     isGroupChat: import("vue").ComputedRef<boolean>;
+    isGroupLeader: import("vue").ComputedRef<boolean>;
+    isEnded: import("vue").ComputedRef<boolean>;
+    setCurrentSessionItem: (item: AnyObject) => void;
+    emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
     showChatSet: import("vue").Ref<boolean>;
     showChatFile: import("vue").Ref<boolean>;
     chatFileType: import("vue").Ref<string>;
@@ -9,17 +31,21 @@ declare const _default: import("vue").DefineComponent<{}, {
     chatAddProps: import("vue").ComputedRef<{
         mode: string;
         disabledIds: any[];
+        disabled: boolean;
         defaultValue?: undefined;
     } | {
         mode: string;
         defaultValue: AnyObject[];
         disabledIds?: undefined;
+        disabled?: undefined;
     }>;
     handleOpenChatFile: (type: string) => void;
+    handleClose: () => Promise<void>;
     NAvatar: any;
     NIcon: any;
     NButton: any;
     NTooltip: any;
+    NPopconfirm: any;
     PersonProfile: import("vue").DefineComponent<{
         userId: {
             type: StringConstructor;
@@ -43,7 +69,25 @@ declare const _default: import("vue").DefineComponent<{}, {
             onClose?: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: "close", ...args: any[]) => void;
-        state: import("../types").IState;
+        state: {
+            orgId: string | number;
+            currentSessionItem: AnyObject;
+            id: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: AnyObject | null;
+            currentReEditMsg: AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: AnyObject;
+            currentGroupUser: AnyObject[];
+            showMultipleVideo: boolean;
+        };
         openSession: (item: AnyObject) => Promise<void>;
         showUserDetail: import("vue").Ref<boolean>;
         showLargeAvatar: import("vue").Ref<boolean>;
@@ -91,14 +135,32 @@ declare const _default: import("vue").DefineComponent<{}, {
         attrs: {
             [x: string]: unknown;
         };
-        state: import("../types").IState;
+        state: {
+            orgId: string | number;
+            currentSessionItem: AnyObject;
+            id: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: AnyObject | null;
+            currentReEditMsg: AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: AnyObject;
+            currentGroupUser: AnyObject[];
+            showMultipleVideo: boolean;
+        };
         setCurrentSessionItem: (item: AnyObject) => void;
         isGroupChat: import("vue").ComputedRef<boolean>;
+        isGroupLeader: import("vue").ComputedRef<boolean>;
         inputRef: import("vue").Ref<any>;
         groupNameEditing: import("vue").Ref<boolean>;
         groupName: import("vue").Ref<string>;
         showGroupDetail: import("vue").Ref<boolean>;
-        isGroupLeader: import("vue").ComputedRef<boolean>;
         currentGroupUserIds: import("vue").ComputedRef<any[]>;
         currentGroupUser: import("vue").ComputedRef<AnyObject[]>;
         handleTopping: (value: boolean) => Promise<void>;
@@ -147,7 +209,25 @@ declare const _default: import("vue").DefineComponent<{}, {
                 onClose?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "close", ...args: any[]) => void;
-            state: import("../types").IState;
+            state: {
+                orgId: string | number;
+                currentSessionItem: AnyObject;
+                id: string;
+                userInfo: AnyObject;
+                msgList: AnyObject[];
+                currentMsg: AnyObject;
+                isAppendMsg: boolean;
+                sessionList: AnyObject[];
+                isChangeSession: boolean;
+                updateSessionItem: AnyObject;
+                isUpdateSession: boolean;
+                currentReferenceMsg: AnyObject | null;
+                currentReEditMsg: AnyObject | null;
+                showVideo: boolean;
+                currentAVMsg: AnyObject;
+                currentGroupUser: AnyObject[];
+                showMultipleVideo: boolean;
+            };
             openSession: (item: AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
@@ -211,6 +291,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -232,11 +316,33 @@ declare const _default: import("vue").DefineComponent<{}, {
                     type: import("vue").PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
-            state: import("../types").IState;
+            state: {
+                orgId: string | number;
+                currentSessionItem: AnyObject;
+                id: string;
+                userInfo: AnyObject;
+                msgList: AnyObject[];
+                currentMsg: AnyObject;
+                isAppendMsg: boolean;
+                sessionList: AnyObject[];
+                isChangeSession: boolean;
+                updateSessionItem: AnyObject;
+                isUpdateSession: boolean;
+                currentReferenceMsg: AnyObject | null;
+                currentReEditMsg: AnyObject | null;
+                showVideo: boolean;
+                currentAVMsg: AnyObject;
+                currentGroupUser: AnyObject[];
+                showMultipleVideo: boolean;
+            };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
             keyword: import("vue").Ref<string>;
@@ -296,11 +402,16 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             title: string;
             defaultValue: AnyObject[];
+            disabled: boolean;
             mode: string;
             disabledIds: string[];
         }>;
@@ -314,7 +425,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: BooleanConstructor;
         };
     }, {
-        cssVars: import("vue").ComputedRef<AnyObject>;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: StringConstructor;
@@ -324,7 +434,26 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
         }>> & {}>>;
-        state: import("../types").IState;
+        cssVars: import("vue").ComputedRef<AnyObject>;
+        state: {
+            orgId: string | number;
+            currentSessionItem: AnyObject;
+            id: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: AnyObject | null;
+            currentReEditMsg: AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: AnyObject;
+            currentGroupUser: AnyObject[];
+            showMultipleVideo: boolean;
+        };
         relayMessage: (param: {
             checkedIds: string[];
             remark: string;
@@ -380,6 +509,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -401,11 +534,33 @@ declare const _default: import("vue").DefineComponent<{}, {
                     type: import("vue").PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
-            state: import("../types").IState;
+            state: {
+                orgId: string | number;
+                currentSessionItem: AnyObject;
+                id: string;
+                userInfo: AnyObject;
+                msgList: AnyObject[];
+                currentMsg: AnyObject;
+                isAppendMsg: boolean;
+                sessionList: AnyObject[];
+                isChangeSession: boolean;
+                updateSessionItem: AnyObject;
+                isUpdateSession: boolean;
+                currentReferenceMsg: AnyObject | null;
+                currentReEditMsg: AnyObject | null;
+                showVideo: boolean;
+                currentAVMsg: AnyObject;
+                currentGroupUser: AnyObject[];
+                showMultipleVideo: boolean;
+            };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
             keyword: import("vue").Ref<string>;
@@ -465,11 +620,16 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             title: string;
             defaultValue: AnyObject[];
+            disabled: boolean;
             mode: string;
             disabledIds: string[];
         }>;
@@ -499,7 +659,25 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: BooleanConstructor;
             };
         }>> & {}>>;
-        state: import("../types").IState;
+        state: {
+            orgId: string | number;
+            currentSessionItem: AnyObject;
+            id: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: AnyObject | null;
+            currentReEditMsg: AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: AnyObject;
+            currentGroupUser: AnyObject[];
+            showMultipleVideo: boolean;
+        };
         recordRef: import("vue").Ref<any>;
         recordList: import("vue").Ref<AnyObject[]>;
         keyword: import("vue").Ref<any>;
@@ -680,6 +858,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<AnyObject[]>;
             default: () => never[];
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -701,11 +883,33 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: "comfirm", ...args: any[]) => void;
-        state: import("../types").IState;
+        state: {
+            orgId: string | number;
+            currentSessionItem: AnyObject;
+            id: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: AnyObject | null;
+            currentReEditMsg: AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: AnyObject;
+            currentGroupUser: AnyObject[];
+            showMultipleVideo: boolean;
+        };
         setCurrentSessionItem: (item: AnyObject) => void;
         listRef: import("vue").Ref<any>;
         keyword: import("vue").Ref<string>;
@@ -765,14 +969,20 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<AnyObject[]>;
             default: () => never[];
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onComfirm?: ((...args: any[]) => any) | undefined;
     }, {
         title: string;
         defaultValue: AnyObject[];
+        disabled: boolean;
         mode: string;
         disabledIds: string[];
     }>;
     PersonAddOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    CloseOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,computed as o,openBlock as r,createElementBlock as a,Fragment as i,unref as s,createElementVNode as n,createVNode as l,withCtx as c,toDisplayString as u,createTextVNode as m,normalizeProps as h,guardReactiveProps as d,createCommentVNode as p}from"vue";import{NAvatar as v,NTooltip as f,NButton as w,NIcon as g}from"naive-ui";import{useState as _}from"../hooks/useState.js";import{useSession as b}from"../hooks/useSession.js";import"trtc-sdk-v5";import"date-fns";import"lodash-es";import"../utils/emoji.js";import"../../../../shared/utils/index.js";import y from"./PersonProfile.vue.js";import j from"./ChatSet.vue.js";import C from"./ChatFile.vue.js";import k from"./ChatRecord.vue.js";import z from"./ChatAdd.vue.js";import{PersonAddOutline as S}from"@vicons/ionicons5";const q={key:0,class:"chat-header box-shadow"},U={class:"chat-header__left"},I={class:"name"},x={class:"chat-header__right"},G=n("i",{class:"chat--iconfont chat--icon-image"},null,-1),P=n("i",{class:"chat--iconfont chat--icon-folder"},null,-1),A=n("i",{class:"chat--iconfont chat--icon-list-search"},null,-1),F=n("i",{class:"chat--iconfont chat--icon-set"},null,-1);var H=e({__name:"ChatHeader",setup(e){const{state:H}=_(),{isGroupChat:R}=b(H),V=t(!1),B=t(!1),D=t("image"),E=t(!1),J=o((()=>{const e=H.currentGroupUser.map((e=>e.id));return R.value?{mode:"join",disabledIds:e}:{mode:"create",defaultValue:H.currentGroupUser}}));function K(e){D.value=e,B.value=!0}return(e,t)=>(r(),a(i,null,[s(H).id?(r(),a("section",q,[n("div",U,[l(y,{"user-id":s(H).currentSessionItem.receiver,disabled:s(R),placement:"bottom"},{trigger:c((()=>[l(s(v),{round:"",size:30,src:s(H).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-id","disabled"]),n("span",I,u(s(H).currentSessionItem.name),1)]),n("div",x,[l(s(f),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(s(w),{quaternary:"",size:"tiny",onClick:t[0]||(t[0]=()=>K("image"))},{icon:c((()=>[G])),_:1})])),default:c((()=>[m(" 图片 ")])),_:1}),l(s(f),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(s(w),{quaternary:"",size:"tiny",onClick:t[1]||(t[1]=()=>K("file"))},{icon:c((()=>[P])),_:1})])),default:c((()=>[m(" 文件 ")])),_:1}),l(z,h(d(s(J))),{trigger:c((()=>[l(s(f),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(s(w),{quaternary:"",size:"tiny"},{icon:c((()=>[l(s(g),{size:"18",component:s(S)},null,8,["component"])])),_:1})])),default:c((()=>[m(" 添加成员 ")])),_:1})])),_:1},16),l(s(f),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(s(w),{quaternary:"",size:"tiny",onClick:t[2]||(t[2]=()=>E.value=!0)},{icon:c((()=>[A])),_:1})])),default:c((()=>[m(" 聊天记录 ")])),_:1}),l(s(f),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(s(w),{quaternary:"",size:"tiny",onClick:t[3]||(t[3]=()=>V.value=!0)},{icon:c((()=>[F])),_:1})])),default:c((()=>[m(" 聊天设置 ")])),_:1})])])):p("v-if",!0),l(j,{show:V.value,"onUpdate:show":t[4]||(t[4]=e=>V.value=e)},null,8,["show"]),l(C,{show:B.value,"onUpdate:show":t[5]||(t[5]=e=>B.value=e),type:D.value,visible:B.value},null,8,["show","type","visible"]),l(k,{show:E.value,"onUpdate:show":t[6]||(t[6]=e=>E.value=e),visible:E.value},null,8,["show","visible"])],64))}});export{H as default};
+import{defineComponent as e,ref as t,computed as o,openBlock as s,createElementBlock as i,Fragment as r,unref as a,createElementVNode as n,createVNode as l,withCtx as c,toDisplayString as u,renderSlot as m,createTextVNode as d,normalizeProps as h,guardReactiveProps as p,createBlock as v,createCommentVNode as f}from"vue";import{NAvatar as g,NTooltip as w,NButton as _,NIcon as y,NPopconfirm as b}from"naive-ui";import{useData as j}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{STATUS as C}from"../constants/index.js";import{updateStatusApi as k}from"../api/index.js";import{$message as z}from"../utils/index.js";import"lodash-es";import"trtc-sdk-v5";import I from"./PersonProfile.vue.js";import S from"./ChatSet.vue.js";import q from"./ChatFile.vue.js";import x from"./ChatRecord.vue.js";import D from"./ChatAdd.vue.js";import{PersonAddOutline as E,CloseOutline as U}from"@vicons/ionicons5";const G={key:0,class:"chat-header box-shadow"},P={class:"chat-header__left"},N={class:"name"},A={class:"chat-header__right"},F=n("i",{class:"chat--iconfont chat--icon-image"},null,-1),H=n("i",{class:"chat--iconfont chat--icon-folder"},null,-1),L=n("i",{class:"chat--iconfont chat--icon-list-search"},null,-1),R=n("i",{class:"chat--iconfont chat--icon-set"},null,-1);var V=e({__name:"ChatHeader",setup(e){const{state:V,isGroupChat:$,isGroupLeader:B,isEnded:J,setCurrentSessionItem:K,emit:M}=j(),O=t(!1),Q=t(!1),T=t("image"),W=t(!1),X=o((()=>{const e=V.currentGroupUser.map((e=>e.id));return $.value?{mode:"join",disabledIds:e,disabled:J.value}:{mode:"create",defaultValue:V.currentGroupUser}}));function Y(e){T.value=e,Q.value=!0}async function Z(){try{await k({id:V.currentSessionItem.id,status:C.ENDED}),K({status:C.ENDED}),M("session-close",V.currentSessionItem),z.success("当前会话已结束")}catch(e){console.log(e)}}return(e,t)=>(s(),i(r,null,[a(V).id?(s(),i("section",G,[n("div",P,[l(I,{"user-id":a(V).currentSessionItem.receiver,disabled:a($),placement:"bottom"},{trigger:c((()=>[l(a(g),{round:"",size:30,src:a(V).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-id","disabled"]),n("span",N,u(a(V).currentSessionItem.name),1)]),n("div",A,[m(e.$slots,"header"),l(a(w),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(a(_),{quaternary:"",size:"tiny",onClick:t[0]||(t[0]=()=>Y("image"))},{icon:c((()=>[F])),_:1})])),default:c((()=>[d(" 图片 ")])),_:1}),l(a(w),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(a(_),{quaternary:"",size:"tiny",onClick:t[1]||(t[1]=()=>Y("file"))},{icon:c((()=>[H])),_:1})])),default:c((()=>[d(" 文件 ")])),_:1}),l(D,h(p(a(X))),{trigger:c((()=>[l(a(w),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(a(_),{quaternary:"",size:"tiny"},{icon:c((()=>[l(a(y),{size:"18",component:a(E)},null,8,["component"])])),_:1})])),default:c((()=>[d(" 添加成员 ")])),_:1})])),_:1},16),l(a(w),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(a(_),{quaternary:"",size:"tiny",onClick:t[2]||(t[2]=()=>W.value=!0)},{icon:c((()=>[L])),_:1})])),default:c((()=>[d(" 聊天记录 ")])),_:1}),l(a(w),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(a(_),{quaternary:"",size:"tiny",onClick:t[3]||(t[3]=()=>O.value=!0)},{icon:c((()=>[R])),_:1})])),default:c((()=>[d(" 聊天设置 ")])),_:1}),a($)&&a(B)?(s(),v(a(b),{key:0,onPositiveClick:Z},{trigger:c((()=>[l(a(w),{"show-arrow":!1,placement:"bottom"},{trigger:c((()=>[l(a(_),{quaternary:"",size:"tiny"},{icon:c((()=>[l(a(y),{size:"18",component:a(U)},null,8,["component"])])),_:1})])),default:c((()=>[d(" 结束聊天 ")])),_:1})])),default:c((()=>[d(" 是否确认结束群聊？ ")])),_:1})):f("v-if",!0)])])):f("v-if",!0),l(S,{show:O.value,"onUpdate:show":t[4]||(t[4]=e=>O.value=e)},null,8,["show"]),l(q,{show:Q.value,"onUpdate:show":t[5]||(t[5]=e=>Q.value=e),type:T.value,visible:Q.value},null,8,["show","type","visible"]),l(x,{show:W.value,"onUpdate:show":t[6]||(t[6]=e=>W.value=e),visible:W.value},null,8,["show","visible"])],64))}});export{V as default};

package/es/components/iho-chat/src/components/ChatMain.vue.d.ts

@@ -5,7 +5,25 @@ import { simplifyMessage, isAudioOrVideoMessage, getAVTime } from '../utils';
 import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
     chatMainRef: import("vue").Ref<HTMLElement | undefined>;
-    state: import("../types").IState;
+    state: {
+        orgId: string | number;
+        currentSessionItem: AnyObject;
+        id: string;
+        userInfo: AnyObject;
+        msgList: AnyObject[];
+        currentMsg: AnyObject;
+        isAppendMsg: boolean;
+        sessionList: AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: AnyObject;
+        isUpdateSession: boolean;
+        currentReferenceMsg: AnyObject | null;
+        currentReEditMsg: AnyObject | null;
+        showVideo: boolean;
+        currentAVMsg: AnyObject;
+        currentGroupUser: AnyObject[];
+        showMultipleVideo: boolean;
+    };
     setMsgList: (list?: AnyObject[]) => void;
     relayMessage: (param: {
         checkedIds: string[];
@@ -77,7 +95,25 @@ declare const _default: import("vue").DefineComponent<{}, {
             onClose?: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: "close", ...args: any[]) => void;
-        state: import("../types").IState;
+        state: {
+            orgId: string | number;
+            currentSessionItem: AnyObject;
+            id: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: AnyObject | null;
+            currentReEditMsg: AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: AnyObject;
+            currentGroupUser: AnyObject[];
+            showMultipleVideo: boolean;
+        };
         openSession: (item: AnyObject) => Promise<void>;
         showUserDetail: import("vue").Ref<boolean>;
         showLargeAvatar: import("vue").Ref<boolean>;
@@ -135,7 +171,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>> & {}>>;
         describeBodyRef: import("vue").Ref<any>;
         showMore: import("vue").Ref<boolean>;
-        emit: (event: string, ...args: any[]) => void;
+        emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
         isOverflow: import("vue").ComputedRef<boolean>;
         setting: import("vue").ComputedRef<any>;
         serverSetting: import("vue").ComputedRef<any>;
@@ -204,6 +240,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         findEmoji(name: string): any;
     };
     ContextMenu: import("vue").DefineComponent<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
         show: {
             type: BooleanConstructor;
             default: boolean;
@@ -211,10 +251,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         position: {
             type: import("vue").PropType<CSSProperties>;
         };
-        msgId: {
+        id: {
             type: StringConstructor;
         };
     }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
         show: {
             type: BooleanConstructor;
             default: boolean;
@@ -222,13 +266,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         position: {
             type: import("vue").PropType<CSSProperties>;
         };
-        msgId: {
+        id: {
             type: StringConstructor;
         };
     }>> & {
         onSelect?: ((...args: any[]) => any) | undefined;
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     }, {
+        type: string;
         show: boolean;
     }>;
     ChatAdd: import("vue").DefineComponent<{
@@ -251,6 +296,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<AnyObject[]>;
             default: () => never[];
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -272,11 +321,33 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: "comfirm", ...args: any[]) => void;
-        state: import("../types").IState;
+        state: {
+            orgId: string | number;
+            currentSessionItem: AnyObject;
+            id: string;
+            userInfo: AnyObject;
+            msgList: AnyObject[];
+            currentMsg: AnyObject;
+            isAppendMsg: boolean;
+            sessionList: AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: AnyObject | null;
+            currentReEditMsg: AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: AnyObject;
+            currentGroupUser: AnyObject[];
+            showMultipleVideo: boolean;
+        };
         setCurrentSessionItem: (item: AnyObject) => void;
         listRef: import("vue").Ref<any>;
         keyword: import("vue").Ref<string>;
@@ -336,11 +407,16 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<AnyObject[]>;
             default: () => never[];
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onComfirm?: ((...args: any[]) => any) | undefined;
     }, {
         title: string;
         defaultValue: AnyObject[];
+        disabled: boolean;
         mode: string;
         disabledIds: string[];
     }>;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,computed as n,watch as s,openBlock as o,createElementBlock as i,normalizeClass as r,unref as a,normalizeStyle as c,createVNode as l,withCtx as u,Fragment as m,renderList as p,toDisplayString as d,createCommentVNode as f,createBlock as g,createElementVNode as v,createTextVNode as y,withModifiers as h,nextTick as T}from"vue";import{NImageGroup as M,NButton as k,NAvatar as _,NImage as x,NIcon as I,NSpace as C,NButtonGroup as w,NTooltip as S}from"naive-ui";import{format as j}from"date-fns";import{getHistoryRecordApi as E,readMessageApi as L}from"../api/index.js";import{useState as b}from"../hooks/useState.js";import{useSession as A}from"../hooks/useSession.js";import{MESSAGE_TYPE as z}from"../constants/index.js";import"trtc-sdk-v5";import{isAudioOrVideoMessage as H,simplifyMessage as D,getAVTime as R,downloadFile as N}from"../utils/index.js";import{first as O,last as P,toString as q}from"lodash-es";import B from"./PersonProfile.vue.js";import J from"./MessageTemplate.vue.js";import{emojis as W}from"../utils/emoji.js";import U from"./ContextMenu.js";import X 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 F,VideocamOutline as G,DocumentSharp as K,ChatbubbleEllipsesOutline as Y,EllipsisHorizontal as $,ArrowDownSharp as Q}from"@vicons/ionicons5";import{useScrollLoading as V}from"../../../../shared/hooks/useScrollLoading.js";const Z={key:0,class:"tip-text"},ee={key:1,class:"tip-text"},te={key:2,class:"message-box"},ne={key:0,class:"content-box"},se={class:"name-box"},oe=["data-time"],ie=["onContextmenu"],re={key:0,class:"reference-content"},ae=["innerHTML"],ce=["src"],le=["innerHTML"],ue=["innerHTML"],me={style:{"margin-left":"8px"}},pe={class:"size"};var de=e({__name:"ChatMain",setup(e){const de=t(),{state:fe,setMsgList:ge,relayMessage:ve}=b(),{setCurrentSessionItem:ye,isGroupChat:he}=A(fe),Te=t(),Me=t(!1),ke=t({left:0,top:0}),_e=t(),xe=t(),Ie={page:0,hasMore:!0,lastSendTime:j(new Date,"yyyy-MM-dd HH:mm:ss")},Ce=n((()=>({"--c-tip-top":he.value?"1px":"-20px","--c-tip-gap":he.value?"10px":"0px"})));function we({nodes:e}){var t,n;const{_ctx:s}=null==(t=e.download)?void 0:t.children,o=s?null==(n=null==s?void 0:s.proxy)?void 0:n.previewSrc:"";return[e.prev,e.next,e.rotateCounterclockwise,e.rotateClockwise,e.resizeToOriginalSize,e.zoomOut,e.zoomIn,l(S,null,{trigger:()=>l(I,{style:"cursor: pointer",color:"rgba(255, 255, 255, 0.75",size:24,component:Q,onClick:()=>o&&N(o,"img")},null),default:()=>"下载"}),e.close]}async function Se(){try{if(!Ie.hasMore)return;Ie.page++;const e=await E({sessionKey:fe.currentSessionItem.sessionKey,page:Ie.page,lastSendTime:Ie.lastSendTime});if(!Array.isArray(e)||0===e.length)return Ie.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了");const t=O(e).id;Ie.lastSendTime=P(e).sendTime,ge(Ie.page>1?[...fe.msgList,...e]:e),1===Ie.page&&fe.currentSessionItem.unreadNum&&(await L({chatType:fe.currentSessionItem.chatType,messageIdSet:[t],receiver:fe.userInfo.id,sender:fe.currentSessionItem.receiver}),ye({unreadNum:0}))}catch(e){console.log(e)}}async function je(e,t){_e.value=t,async function(e){var t,n,s,o,i,r;Me.value=!0,await T();const{clientX:a,clientY:c}=e,{width:l=0,height:u=0,left:m=0,top:p=0}=(null==(t=de.value)?void 0:t.getBoundingClientRect())||{},d=null!=(o=null==(s=null==(n=Te.value)?void 0:n.$el)?void 0:s.getBoundingClientRect().height)?o:220,f=null!=(r=null==(i=de.value)?void 0:i.scrollTop)?r:0,g=5,v={};a<=m+l/2?v.left=a-m+g+"px":v.right=m+l-a-g+"px";c-p<d/2?v.top=f+g+"px":p+u-c<=d/2?v.bottom=Math.abs(f)+g+"px":v.top=f+c-p-d/2+"px";ke.value=v}(e)}function Ee(e){const{chatMessageType:t,messageTemplate:n}=e.content;return t!==z.TEMPLATE||!!n}function Le(e){const{chatMessageType:t}=e.content;return e.sender===fe.userInfo.id&&Date.now()-new Date(e.sendTime).getTime()<864e5&&[z.TEXT,z.EMOJI].includes(t)}function be(e){const{chatMessageType:t,msg:n=""}=e.content;if(t===z.BLEND){const e=q(n).match(/<img[^>]*>/gi);return!e||!e.length}return t&&[z.TEXT,z.EMOJI].includes(t)}function Ae(e){const{chatMessageType:t,msg:n=""}=e.content,s=q(n).match(/<img[^>]*>/gi);return t===z.BLEND&&s&&s.length}function ze(e,t){var n,s;const{chatMessageType:o,messageTemplate:i}=e.content;if(o===z.TEMPLATE)return"system"===t?2==(null==(n=null==i?void 0:i.setting)?void 0:n.style.id):2!=(null==(s=null==i?void 0:i.setting)?void 0:s.style.id)}function He(e){var t,n;const{chatMessageType:s,messageTemplate:o}=e;return s===z.TEMPLATE&&3==(null==(n=null==(t=null==o?void 0:o.setting)?void 0:t.style)?void 0:n.id)}function De(e,t){var n;const s=new Date(e.sendTime).getTime(),o=null==(n=fe.msgList[t+1])?void 0:n.sendTime;if(o){return s-new Date(o).getTime()>3e5}return!0}function Re(e){fe.currentReferenceMsg=e,fe.currentReferenceMsg.content.referenceContent=null,Object.assign(fe.currentReferenceMsg,{chatType:fe.currentSessionItem.chatType,receiver:fe.currentSessionItem.receiver,receiverAvatar:fe.currentSessionItem.avatar,receiverName:fe.currentSessionItem.name})}function Ne(e,t){var n;"reply"!==e?"relay"===e&&(null==(n=xe.value)||n.click()):Re(t)}function Oe(e,t){const n=fe.msgList.find((e=>e.id===_e.value));ve({checkedIds:e,remark:t,content:n.content})}return V(de,(()=>{Se()}),"top",(()=>{Me.value=!1})),s((()=>fe.id),(e=>{e&&(fe.currentReferenceMsg=null,Object.assign(Ie,{page:0,hasMore:!0,lastSendTime:j(new Date,"yyyy-MM-dd HH:mm:ss")}),Se())}),{immediate:!0}),s((()=>fe.isAppendMsg),(e=>{e&&(ge([fe.currentMsg,...fe.msgList]),async function(){var e;null==(e=de.value)||e.scrollTo({top:0,behavior:"auto"})}(),fe.isAppendMsg=!1)}),{immediate:!0}),(e,t)=>(o(),i("div",{class:r(["chat-main",{"home-bg":!a(fe).id}]),ref_key:"chatMainRef",ref:de,style:c(a(Ce))},[l(a(M),{"show-toolbar-tooltip":"","render-toolbar":we},{default:u((()=>[(o(!0),i(m,null,p(a(fe).msgList,((e,t)=>(o(),i(m,{key:e.id},[Ee(e)?(o(),i("div",{key:0,class:r(["message-item",{"message-item--mine":e.sender==a(fe).userInfo.id}])},[De(e,t)?(o(),i("p",Z,d(e.__sendTime),1)):f("v-if",!0),ze(e,"system")||"WITHDRAWN"===e.status?(o(),i(m,{key:1},[ze(e,"system")?(o(),g(J,{key:0,data:e},null,8,["data"])):f("v-if",!0),"WITHDRAWN"===e.status?(o(),i("p",ee,[v("span",null,d(e.sender==a(fe).userInfo.id?"你":e.senderName)+"撤回了一条消息",1),Le(e)?(o(),g(a(k),{key:0,size:"tiny",style:{color:"var(--c-primary-color)","margin-left":"5px"},text:"",onClick:()=>function(e){fe.currentReEditMsg=e}(e)},{default:u((()=>[y(" 重新编辑 ")])),_:2},1032,["onClick"])):f("v-if",!0)])):f("v-if",!0)],64)):(o(),i("div",te,[l(B,{"user-id":e.sender,placement:e.sender==a(fe).userInfo.id?"left":"right"},{trigger:u((()=>[l(a(_),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-id","placement"]),e.content?(o(),i("div",ne,[v("div",se,[v("span",{class:"name","data-time":e.__time},d(a(he)?e.senderName:""),9,oe)]),v("div",{class:r(["content",{emoji:e.content.chatMessageType===a(z).EMOJI&&!e.content.referenceContent,template:e.content.chatMessageType===a(z).TEMPLATE,"template--3":He(e.content),"audio-video":a(H)(e.content),file:e.content.chatMessageType===a(z).FILE}]),onContextmenu:h((t=>je(t,e.id)),["prevent"])},[be(e)?(o(),i(m,{key:0},[e.content.referenceContent?(o(),i("div",re,[v("span",null,d(e.content.referenceContent.senderName)+"：",1),v("pre",{innerHTML:a(D)(e.content.referenceContent.content)},null,8,ae)])):f("v-if",!0),e.content.chatMessageType===a(z).EMOJI?(o(),i("img",{key:1,class:r([e.content.referenceContent?"emoji--min":"emoji--big"]),src:a(W).findEmoji(e.__content)},null,10,ce)):(o(),i("pre",{key:2,innerHTML:e.__content},null,8,le))],64)):f("v-if",!0),Ae(e)?(o(),i("pre",{key:1,innerHTML:e.__content},null,8,ue)):f("v-if",!0),ze(e,"template")?(o(),g(J,{key:2,data:e},null,8,["data"])):f("v-if",!0),e.content.chatMessageType===a(z).IMAGE?(o(),g(a(x),{key:3,width:"240",src:e.__content},null,8,["src"])):f("v-if",!0),a(H)(e.content)?(o(),i(m,{key:4},[l(a(I),{class:r({"is-audio":e.content.chatMessageType===a(z).AUDIO}),component:e.content.chatMessageType===a(z).AUDIO?a(F):a(G)},null,8,["class","component"]),v("span",me,d(a(R)(e.__content)),1)],64)):f("v-if",!0),e.content.chatMessageType===a(z).FILE?(o(),g(a(C),{key:5,"wrap-item":!1},{default:u((()=>[l(a(I),{class:"icon-file",size:"40",component:a(K)},null,8,["component"]),l(a(C),{"wrap-item":!1,vertical:"",justify:"space-between",style:{"row-gap":"0"}},{default:u((()=>[v("span",null,d(e.__content),1),v("span",pe,d(e.__size),1)])),_:2},1024)])),_:2},1024)):f("v-if",!0),l(a(w),{class:"quick-menu"},{default:u((()=>[a(H)(e.content)?f("v-if",!0):(o(),i(m,{key:0},[f(' <n-button quaternary size="tiny">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<template #icon>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="chat--iconfont chat--icon-face" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t\t\t\t\t</n-button> '),l(a(k),{quaternary:"",size:"tiny",onClick:()=>Re(e)},{icon:u((()=>[l(a(I),{size:"17",component:a(Y)},null,8,["component"])])),_:2},1032,["onClick"])],64)),l(a(k),{quaternary:"",size:"tiny",onClick:t=>je(t,e.id)},{icon:u((()=>[l(a(I),{size:"14",component:a($)},null,8,["component"])])),_:2},1032,["onClick"])])),_:2},1024)],42,ie)])):f("v-if",!0)]))],2)):f("v-if",!0)],64)))),128))])),_:1}),l(a(U),{ref_key:"contextmenuRef",ref:Te,show:Me.value,"onUpdate:show":t[0]||(t[0]=e=>Me.value=e),position:ke.value,"msg-id":_e.value,onSelect:Ne},null,8,["show","position","msg-id"]),l(X,{title:"转发消息",mode:"relay",onComfirm:Oe},{trigger:u((()=>[v("span",{style:{display:"none"},ref_key:"relayTriggerRef",ref:xe},"转发",512)])),_:1})],6))}});export{de as default};
+import{defineComponent as e,ref as t,computed as n,watch as o,openBlock as s,createElementBlock as i,normalizeClass as r,unref as a,normalizeStyle as l,createVNode as c,withCtx as u,Fragment as m,renderList as d,toDisplayString as p,createCommentVNode as g,createBlock as f,createElementVNode as v,createTextVNode as y,withModifiers as h,nextTick as T}from"vue";import{NImageGroup as M,NButton as w,NAvatar as k,NImage as _,NIcon as C,NSpace as x,NButtonGroup as I,NTooltip as L}from"naive-ui";import{format as j}from"date-fns";import{getHistoryRecordApi as E,readMessageApi as S}from"../api/index.js";import{useData as b}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{MESSAGE_TYPE as A}from"../constants/index.js";import{isAudioOrVideoMessage as z,simplifyMessage as D,getAVTime as H,downloadFile as R}from"../utils/index.js";import{first as N,last as O,toString as B}from"lodash-es";import"trtc-sdk-v5";import P from"./PersonProfile.vue.js";import q from"./MessageTemplate.vue.js";import{emojis as J}from"../utils/emoji.js";import W from"./ContextMenu.js";import U 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 X,VideocamOutline as F,DocumentSharp as G,ChatbubbleEllipsesOutline as K,EllipsisHorizontal as Y,ArrowDownSharp as $}from"@vicons/ionicons5";import{useScrollLoading as Q}from"../../../../shared/hooks/useScrollLoading.js";const V={key:0,class:"tip-text"},Z={key:1,class:"tip-text"},ee={key:2,class:"message-box"},te={key:0,class:"content-box"},ne={class:"name-box"},oe=["data-time"],se=["onContextmenu"],ie={key:0,class:"reference-content"},re=["innerHTML"],ae=["src"],le=["innerHTML"],ce=["innerHTML"],ue={style:{"margin-left":"8px"}},me={class:"size"};var de=e({__name:"ChatMain",setup(e){const de=t(),{state:pe,setMsgList:ge,relayMessage:fe,setCurrentSessionItem:ve,isGroupChat:ye}=b(),he=t(),Te=t(!1),Me=t({left:0,top:0}),we=t(),ke=t(),_e={page:0,hasMore:!0,lastSendTime:j(new Date,"yyyy-MM-dd HH:mm:ss")},Ce=n((()=>({"--c-tip-top":ye.value?"1px":"-20px","--c-tip-gap":ye.value?"10px":"0px"})));function xe({nodes:e}){var t,n;const{_ctx:o}=null==(t=e.download)?void 0:t.children,s=o?null==(n=null==o?void 0:o.proxy)?void 0:n.previewSrc:"";return[e.prev,e.next,e.rotateCounterclockwise,e.rotateClockwise,e.resizeToOriginalSize,e.zoomOut,e.zoomIn,c(L,null,{trigger:()=>c(C,{style:"cursor: pointer",color:"rgba(255, 255, 255, 0.75",size:24,component:$,onClick:()=>s&&R(s,"img")},null),default:()=>{var e;return(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.46"))||"下载"}}),e.close]}async function Ie(){try{if(!_e.hasMore)return;_e.page++;const e=await E({sessionKey:pe.currentSessionItem.sessionKey,page:_e.page,lastSendTime:_e.lastSendTime});if(!Array.isArray(e)||0===e.length)return _e.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了");const t=N(e).id;_e.lastSendTime=O(e).sendTime,ge(_e.page>1?[...pe.msgList,...e]:e),1===_e.page&&pe.currentSessionItem.unreadNum&&(await S({chatType:pe.currentSessionItem.chatType,messageIdSet:[t],receiver:pe.userInfo.id,sender:pe.currentSessionItem.receiver}),ve({unreadNum:0}))}catch(e){console.log(e)}}async function Le(e,t){we.value=t,async function(e){var t,n,o,s,i,r;Te.value=!0,await T();const{clientX:a,clientY:l}=e,{width:c=0,height:u=0,left:m=0,top:d=0}=(null==(t=de.value)?void 0:t.getBoundingClientRect())||{},p=null!=(s=null==(o=null==(n=he.value)?void 0:n.$el)?void 0:o.getBoundingClientRect().height)?s:220,g=null!=(r=null==(i=de.value)?void 0:i.scrollTop)?r:0,f=5,v={};a<=m+c/2?v.left=a-m+f+"px":v.right=m+c-a-f+"px";l-d<p/2?v.top=g+f+"px":d+u-l<=p/2?v.bottom=Math.abs(g)+f+"px":v.top=g+l-d-p/2+"px";Me.value=v}(e)}function je(e){const{chatMessageType:t,messageTemplate:n}=e.content;return t!==A.TEMPLATE||!!n}function Ee(e){const{chatMessageType:t}=e.content;return e.sender===pe.userInfo.id&&Date.now()-new Date(e.sendTime).getTime()<864e5&&[A.TEXT,A.EMOJI].includes(t)}function Se(e){const{chatMessageType:t,msg:n=""}=e.content;if(t===A.BLEND){const e=B(n).match(/<img[^>]*>/gi);return!e||!e.length}return t&&[A.TEXT,A.EMOJI].includes(t)}function be(e){const{chatMessageType:t,msg:n=""}=e.content,o=B(n).match(/<img[^>]*>/gi);return t===A.BLEND&&o&&o.length}function Ae(e,t){var n,o;const{chatMessageType:s,messageTemplate:i}=e.content;if(s===A.TEMPLATE)return"system"===t?2==(null==(n=null==i?void 0:i.setting)?void 0:n.style.id):2!=(null==(o=null==i?void 0:i.setting)?void 0:o.style.id)}function ze(e){var t,n;const{chatMessageType:o,messageTemplate:s}=e;return o===A.TEMPLATE&&3==(null==(n=null==(t=null==s?void 0:s.setting)?void 0:t.style)?void 0:n.id)}function De(e,t){var n;const o=new Date(e.sendTime).getTime(),s=null==(n=pe.msgList[t+1])?void 0:n.sendTime;if(s){return o-new Date(s).getTime()>3e5}return!0}function He(e){pe.currentReferenceMsg=e,pe.currentReferenceMsg.content.referenceContent=null,Object.assign(pe.currentReferenceMsg,{chatType:pe.currentSessionItem.chatType,receiver:pe.currentSessionItem.receiver,receiverAvatar:pe.currentSessionItem.avatar,receiverName:pe.currentSessionItem.name})}function Re(e,t){var n;"reply"!==e?"relay"===e&&(null==(n=ke.value)||n.click()):He(t)}function Ne(e,t){const n=pe.msgList.find((e=>e.id===we.value));fe({checkedIds:e,remark:t,content:n.content})}return Q(de,(()=>{Ie()}),"top",(()=>{Te.value=!1})),o((()=>pe.id),(e=>{e&&(pe.currentReferenceMsg=null,Object.assign(_e,{page:0,hasMore:!0,lastSendTime:j(new Date,"yyyy-MM-dd HH:mm:ss")}),Ie())}),{immediate:!0}),o((()=>pe.isAppendMsg),(e=>{e&&(ge([pe.currentMsg,...pe.msgList]),async function(){var e;null==(e=de.value)||e.scrollTo({top:0,behavior:"auto"})}(),pe.isAppendMsg=!1)}),{immediate:!0}),(e,t)=>{var n;return s(),i("div",{class:r(["chat-main",{"home-bg":!a(pe).id}]),ref_key:"chatMainRef",ref:de,style:l(a(Ce))},[c(a(M),{"show-toolbar-tooltip":"","render-toolbar":xe},{default:u((()=>[(s(!0),i(m,null,d(a(pe).msgList,((e,t)=>{var n,o;return s(),i(m,{key:e.id},[je(e)?(s(),i("div",{key:0,class:r(["message-item",{"message-item--mine":e.sender==a(pe).userInfo.id}])},[De(e,t)?(s(),i("p",V,p(e.__sendTime),1)):g("v-if",!0),Ae(e,"system")||"WITHDRAWN"===e.status?(s(),i(m,{key:1},[Ae(e,"system")?(s(),f(q,{key:0,data:e},null,8,["data"])):g("v-if",!0),"WITHDRAWN"===e.status?(s(),i("p",Z,[v("span",null,p(e.sender==a(pe).userInfo.id?(null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.67"))||"你":e.senderName)+((null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.68"))||"撤回了一条消息"),1),Ee(e)?(s(),f(a(w),{key:0,size:"tiny",style:{color:"var(--c-primary-color)","margin-left":"5px"},text:"",onClick:()=>function(e){pe.currentReEditMsg=e}(e)},{default:u((()=>[y(" 重新编辑 ")])),_:2},1032,["onClick"])):g("v-if",!0)])):g("v-if",!0)],64)):(s(),i("div",ee,[c(P,{"user-id":e.sender,placement:e.sender==a(pe).userInfo.id?"left":"right"},{trigger:u((()=>[c(a(k),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-id","placement"]),e.content?(s(),i("div",te,[v("div",ne,[v("span",{class:"name","data-time":e.__time},p(a(ye)?e.senderName:""),9,oe)]),v("div",{class:r(["content",{emoji:e.content.chatMessageType===a(A).EMOJI&&!e.content.referenceContent,template:e.content.chatMessageType===a(A).TEMPLATE,"template--3":ze(e.content),"audio-video":a(z)(e.content),file:e.content.chatMessageType===a(A).FILE}]),onContextmenu:h((t=>Le(t,e.id)),["prevent"])},[Se(e)?(s(),i(m,{key:0},[e.content.referenceContent?(s(),i("div",ie,[v("span",null,p(e.content.referenceContent.senderName)+"：",1),v("pre",{innerHTML:a(D)(e.content.referenceContent.content)},null,8,re)])):g("v-if",!0),e.content.chatMessageType===a(A).EMOJI?(s(),i("img",{key:1,class:r([e.content.referenceContent?"emoji--min":"emoji--big"]),src:a(J).findEmoji(e.__content)},null,10,ae)):(s(),i("pre",{key:2,innerHTML:e.__content},null,8,le))],64)):g("v-if",!0),be(e)?(s(),i("pre",{key:1,innerHTML:e.__content},null,8,ce)):g("v-if",!0),Ae(e,"template")?(s(),f(q,{key:2,data:e},null,8,["data"])):g("v-if",!0),e.content.chatMessageType===a(A).IMAGE?(s(),f(a(_),{key:3,width:"240",src:e.__content},null,8,["src"])):g("v-if",!0),a(z)(e.content)?(s(),i(m,{key:4},[c(a(C),{class:r({"is-audio":e.content.chatMessageType===a(A).AUDIO}),component:e.content.chatMessageType===a(A).AUDIO?a(X):a(F)},null,8,["class","component"]),v("span",ue,p(a(H)(e.__content)),1)],64)):g("v-if",!0),e.content.chatMessageType===a(A).FILE?(s(),f(a(x),{key:5,"wrap-item":!1},{default:u((()=>[c(a(C),{class:"icon-file",size:"40",component:a(G)},null,8,["component"]),c(a(x),{"wrap-item":!1,vertical:"",justify:"space-between",style:{"row-gap":"0"}},{default:u((()=>[v("span",null,p(e.__content),1),v("span",me,p(e.__size),1)])),_:2},1024)])),_:2},1024)):g("v-if",!0),c(a(I),{class:"quick-menu"},{default:u((()=>[a(z)(e.content)?g("v-if",!0):(s(),i(m,{key:0},[g(' <n-button quaternary size="tiny">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<template #icon>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<i class="chat--iconfont chat--icon-face" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t\t\t\t\t\t</n-button> '),c(a(w),{quaternary:"",size:"tiny",onClick:()=>He(e)},{icon:u((()=>[c(a(C),{size:"17",component:a(K)},null,8,["component"])])),_:2},1032,["onClick"])],64)),c(a(w),{quaternary:"",size:"tiny",onClick:t=>Le(t,e.id)},{icon:u((()=>[c(a(C),{size:"14",component:a(Y)},null,8,["component"])])),_:2},1032,["onClick"])])),_:2},1024)],42,se)])):g("v-if",!0)]))],2)):g("v-if",!0)],64)})),128))])),_:1}),c(a(W),{ref_key:"contextmenuRef",ref:he,show:Te.value,"onUpdate:show":t[0]||(t[0]=e=>Te.value=e),position:Me.value,id:we.value,onSelect:Re},null,8,["show","position","id"]),c(U,{title:(null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.44"))||"转发消息",mode:"relay",onComfirm:Ne},{trigger:u((()=>{var e;return[v("span",{style:{display:"none"},ref_key:"relayTriggerRef",ref:ke},(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.45"))||"转发",512)]})),_:1})],6)}}});export{de as default};