cnhis-design-vue 3.2.16-beta.8 → 3.2.17-beta.10

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

@@ -23,6 +23,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         currentAVMsg: AnyObject;
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: AnyObject | null;
+        };
     };
     setMsgList: (list?: AnyObject[]) => void;
     relayMessage: (param: {
@@ -31,12 +40,23 @@ declare const _default: import("vue").DefineComponent<{}, {
         content: AnyObject;
     }) => Promise<void>;
     setCurrentSessionItem: (item: AnyObject) => void;
+    setMessageLabel: (params: {
+        type: "text" | "emoji";
+        labelItem: string | AnyObject;
+        msgId: string;
+    }) => void;
+    setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
     isGroupChat: import("vue").ComputedRef<boolean>;
     contextmenuRef: import("vue").Ref<any>;
     showMenu: import("vue").Ref<boolean>;
     menuPosition: any;
     menuMsgId: import("vue").Ref<any>;
     relayTriggerRef: import("vue").Ref<any>;
+    showLabel: import("vue").Ref<boolean>;
+    labelPosition: {
+        x: number;
+        y: number;
+    };
     pageInfo: {
         page: number;
         hasMore: boolean;
@@ -50,6 +70,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         [key: string]: any;
     }>[];
     getHistoryRecord: () => Promise<void>;
+    handleSelectLabel: (event: MouseEvent, msgId: string) => void;
     handleContextmenu: (event: MouseEvent, msgId: string) => Promise<void>;
     setMenuPosition: (event: MouseEvent) => Promise<void>;
     showMessage: (item: AnyObject) => boolean;
@@ -75,97 +96,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     NButtonGroup: any;
     NButton: any;
     NSpace: any;
-    PersonProfile: import("vue").DefineComponent<{
-        userId: {
-            type: (NumberConstructor | StringConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        userInfo: {
-            type: import("vue").PropType<AnyObject>;
-        };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<AnyObject>;
-            };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }>>;
-        emit: (event: "close", ...args: any[]) => void;
-        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: (session: string | AnyObject) => Promise<void>;
-        showUserDetail: import("vue").Ref<boolean>;
-        showLargeAvatar: import("vue").Ref<boolean>;
-        showPhone: import("vue").Ref<boolean>;
-        userDetail: AnyObject;
-        info: {
-            label: string;
-            value: string;
-            key: string;
-        }[];
-        personInfo: import("vue").ComputedRef<{
-            label: string;
-            value: string;
-            key: string;
-        }[]>;
-        toOpenSession: () => Promise<void>;
-        updateShow: (value: boolean) => Promise<void>;
-        getContent: (info: AnyObject) => any;
-        onChange: (options: {
-            file: import("naive-ui").UploadFileInfo;
-        }) => Promise<void>;
-        NAvatar: any;
-        NPopover: any;
-        NButton: any;
-        NIcon: any;
-        ChatbubbleEllipses: 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<{}>>, {}>;
-        Close: 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<{}>>, {}>;
-        EyeOutline: 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<{}>>, {}>;
-        EyeOffOutline: 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<{}>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        userId: {
-            type: (NumberConstructor | StringConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        userInfo: {
-            type: import("vue").PropType<AnyObject>;
-        };
-    }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
-    }, {
-        disabled: boolean;
-    }>;
     MessageTemplate: import("vue").DefineComponent<{
         data: {
             type: import("vue").PropType<AnyObject>;
@@ -274,110 +204,82 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
+        setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
         inviter: import("vue").Ref<any>;
         invitee: import("vue").Ref<any[]>;
         isValidJSON: (str: string) => boolean;
         getTask: (_id: string | number, arrRes: AnyObject[]) => () => Promise<unknown>;
         getEventContent: (data: AnyObject) => Promise<void>;
         NButton: any;
-        PersonProfile: import("vue").DefineComponent<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<AnyObject>;
-            };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: import("vue").PropType<AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }>>;
-            emit: (event: "close", ...args: any[]) => void;
-            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: (session: string | AnyObject) => Promise<void>;
-            showUserDetail: import("vue").Ref<boolean>;
-            showLargeAvatar: import("vue").Ref<boolean>;
-            showPhone: import("vue").Ref<boolean>;
-            userDetail: AnyObject;
-            info: {
-                label: string;
-                value: string;
-                key: string;
-            }[];
-            personInfo: import("vue").ComputedRef<{
-                label: string;
-                value: string;
-                key: string;
-            }[]>;
-            toOpenSession: () => Promise<void>;
-            updateShow: (value: boolean) => Promise<void>;
-            getContent: (info: AnyObject) => any;
-            onChange: (options: {
-                file: import("naive-ui").UploadFileInfo;
-            }) => Promise<void>;
-            NAvatar: any;
-            NPopover: any;
-            NButton: any;
-            NIcon: any;
-            ChatbubbleEllipses: 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<{}>>, {}>;
-            Close: 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<{}>>, {}>;
-            EyeOutline: 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<{}>>, {}>;
-            EyeOffOutline: 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<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<AnyObject>;
-            };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            disabled: boolean;
-        }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<AnyObject>;
             required: true;
         };
     }>>, {}>;
+    SelectLabel: import("vue").DefineComponent<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        show: {
+            type: BooleanConstructor;
+        };
+    }, {
+        labelList: {
+            type: string;
+            label: string;
+        }[];
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            show: {
+                type: BooleanConstructor;
+            };
+        }>> & {
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:show", ...args: any[]) => void;
+        setMessageLabel: (params: {
+            type: "text" | "emoji";
+            labelItem: string | AnyObject;
+            msgId: string;
+        }) => void;
+        handleMessageLabel: (type: "text" | "emoji", item: any) => void;
+        NButton: any;
+        NPopover: any;
+        NTabs: any;
+        NTabPane: any;
+        NTooltip: any;
+        emojis: {
+            default: string[][];
+            findEmoji(name: string): any;
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        show: {
+            type: BooleanConstructor;
+        };
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }, {
+        show: boolean;
+    }>;
     emojis: {
         default: string[][];
         findEmoji(name: string): any;
@@ -495,6 +397,15 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         setCurrentSessionItem: (item: AnyObject) => void;
         listRef: import("vue").Ref<any>;
@@ -597,5 +508,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     CallOutline: 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<{}>>, {}>;
     VideocamOutline: 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<{}>>, {}>;
     DocumentSharp: 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<{}>>, {}>;
+    HappyOutline: 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/ChatMain.vue2.js

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

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

@@ -34,6 +34,15 @@ declare const _default: import("vue").DefineComponent<{
         currentAVMsg: AnyObject;
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: AnyObject | null;
+        };
     };
     recordRef: import("vue").Ref<any>;
     recordList: import("vue").Ref<AnyObject[]>;

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

@@ -1,35 +1,52 @@
+import { AnyObject } from '../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{}, {
     listRef: import("vue").Ref<any>;
     inputRef: import("vue").Ref<any>;
     showSearch: import("vue").Ref<boolean>;
     keyword: import("vue").Ref<string>;
-    cssVars: import("vue").ComputedRef<import("../../../../shared/types").AnyObject>;
+    cssVars: import("vue").ComputedRef<AnyObject>;
     state: {
         orgId: string | number;
-        currentSessionItem: import("../../../../shared/types").AnyObject;
+        currentSessionItem: AnyObject;
         id: string;
-        userInfo: import("../../../../shared/types").AnyObject;
-        msgList: import("../../../../shared/types").AnyObject[];
-        currentMsg: import("../../../../shared/types").AnyObject;
+        userInfo: AnyObject;
+        msgList: AnyObject[];
+        currentMsg: AnyObject;
         isAppendMsg: boolean;
-        sessionList: import("../../../../shared/types").AnyObject[];
+        sessionList: AnyObject[];
         isChangeSession: boolean;
-        updateSessionItem: import("../../../../shared/types").AnyObject;
+        updateSessionItem: AnyObject;
         isUpdateSession: boolean;
-        currentReferenceMsg: import("../../../../shared/types").AnyObject | null;
-        currentReEditMsg: import("../../../../shared/types").AnyObject | null;
+        currentReferenceMsg: AnyObject | null;
+        currentReEditMsg: AnyObject | null;
         showVideo: boolean;
-        currentAVMsg: import("../../../../shared/types").AnyObject;
-        currentGroupUser: import("../../../../shared/types").AnyObject[];
+        currentAVMsg: AnyObject;
+        currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: AnyObject | null;
+        };
     };
-    userList: import("vue").Ref<import("../../../../shared/types").AnyObject[]>;
+    openSession: (session: string | AnyObject) => Promise<void>;
+    userList: import("vue").Ref<AnyObject[]>;
     handleInput: () => void;
     currentTabValue: import("vue").Ref<string>;
-    groupList: import("vue").ComputedRef<import("../../../../shared/types").AnyObject[]>;
+    currentIndex: import("vue").Ref<number>;
+    groupList: import("vue").ComputedRef<AnyObject[]>;
     showNoData: import("vue").ComputedRef<boolean>;
     showAllNoData: import("vue").ComputedRef<boolean>;
     showGroupNoData: import("vue").ComputedRef<boolean>;
+    groupStartIndex: import("vue").ComputedRef<number>;
+    currentList: import("vue").ComputedRef<AnyObject[]>;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    addSession: (id: string) => Promise<void>;
+    handleTabChange: () => void;
     handleClose: () => void;
     NPopover: any;
     NButton: any;
@@ -45,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: string;
         };
         config: {
-            type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+            type: import("vue").PropType<AnyObject>;
             default: () => {
                 title: string;
                 content: string;
@@ -58,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 default: string;
             };
             config: {
-                type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+                type: import("vue").PropType<AnyObject>;
                 default: () => {
                     title: string;
                     content: string;
@@ -82,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: string;
         };
         config: {
-            type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+            type: import("vue").PropType<AnyObject>;
             default: () => {
                 title: string;
                 content: string;
@@ -92,22 +109,22 @@ declare const _default: import("vue").DefineComponent<{}, {
         onReloadPage?: ((...args: any[]) => any) | undefined;
     }, {
         type: string;
-        config: import("../../../../shared/types").AnyObject;
+        config: AnyObject;
     }>>;
     userItemRender: import("vue").DefineComponent<{
         item: {
-            type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+            type: import("vue").PropType<AnyObject>;
             default: () => {};
         };
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
-            type: import("vue").PropType<import("../../../../shared/types").AnyObject>;
+            type: import("vue").PropType<AnyObject>;
             default: () => {};
         };
     }>> & {
         "onItem-click"?: ((...args: any[]) => any) | undefined;
     }, {
-        item: import("../../../../shared/types").AnyObject;
+        item: AnyObject;
     }>;
 }, {}, {}, {}, 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/ChatSearch.vue2.js

@@ -1 +1 @@
-import{createElementVNode as e,defineComponent as l,ref as t,computed as n,watch as a,nextTick as o,openBlock as i,createBlock as u,unref as r,normalizeStyle as s,withCtx as d,createVNode as c,createTextVNode as v,createElementBlock as p,Fragment as g,renderList as f,normalizeClass as w,createCommentVNode as m,withDirectives as y,vShow as h}from"vue";import{NPopover as k,NButton as C,NIcon as L,NInput as _,NTabs as B,NTabPane as j,NDivider as x}from"naive-ui";import{SearchOutline as I}from"@vicons/ionicons5";import{useData as b}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import"../api/index.js";import{isGroup as R}from"../utils/index.js";import{trim as U}from"lodash-es";import"trtc-sdk-v5";import{useSearchUserList as z}from"../hooks/useSearchUserList.js";import D from"../../../default-page/index.js";import S from"./userItemRender.js";var V,$;const q=e("div",{class:"title"},(null==(V=window.getLanguageByCode)?void 0:V.call(window,"10010.1.510"))||"联系人",-1),A=e("div",{class:"title"},(null==($=window.getLanguageByCode)?void 0:$.call(window,"10010.1.575"))||"我的群组",-1),E={class:"user-list-wrapper"};var F=l({__name:"ChatSearch",setup(l){const V=t(),$=t(),F=t(!1),G=t(""),{cssVars:H,state:J}=b(),{userList:K,handleInput:M}=z({wrapperRef:V,keywordRef:G}),N=t("all"),O=n((()=>(G.value||"").replace(/^\s+|\s+$/g,"")?J.sessionList.filter((e=>R(e)&&(null==e?void 0:e.name.includes(G.value)))):[])),P=n((()=>!K.value.length&&!!U(G.value||""))),Q=n((()=>!K.value.length&&!O.value.length&&!!U(G.value||""))),T=n((()=>!O.value.length&&!!U(G.value||"")));function W(){F.value=!1}return a((()=>F.value),(async e=>{var l;e&&(await o(),null==(l=$.value)||l.focus())})),(l,t)=>(i(),u(r(k),{raw:"","content-class":"search-content",class:"search-wrapper",style:s(r(H)),show:F.value,"onUpdate:show":t[4]||(t[4]=e=>F.value=e),placement:"top",trigger:"click","display-directive":"show","show-arrow":!1,delay:0,overlap:""},{trigger:d((()=>[c(r(C),{color:"#ffffff4D",class:"search-trigger-btn"},{icon:d((()=>[c(r(L),{component:r(I),color:"#ffffff80"},null,8,["component"])])),default:d((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.80"))||"搜索联系人")]})),_:1})])),default:d((()=>[c(r(_),{ref_key:"inputRef",ref:$,size:"small",clearable:"",autofocus:"",value:G.value,"onUpdate:value":[t[0]||(t[0]=e=>G.value=e),r(M)]},{prefix:d((()=>[c(r(L),{color:"#ffffff80",component:r(I)},null,8,["component"])])),_:1},8,["value","onUpdate:value"]),c(r(B),{type:"line",animated:"",value:N.value,"onUpdate:value":t[3]||(t[3]=e=>N.value=e)},{default:d((()=>{var l,n,a;return[c(r(j),{name:"all",tab:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.571"))||"综合","display-directive":"show",style:{padding:"0 10px 10px"}},{default:d((()=>{var e;return[r(K).length>0?(i(),p(g,{key:0},[q,(i(!0),p(g,null,f(r(K),((e,l)=>(i(),p(g,{key:e.id},[l<3?(i(),u(r(S),{key:0,item:e,class:w({last:r(K).length<4?l===r(K).length-1:2===l}),onItemClick:W},null,8,["item","class"])):m("v-if",!0)],64)))),128)),r(K).length>3?(i(),u(r(C),{key:0,text:"",type:"primary",onClick:t[1]||(t[1]=()=>N.value="user")},{icon:d((()=>[c(r(L),{component:r(I),size:"16"},null,8,["component"])])),default:d((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.573"))||"查看更多联系人")]})),_:1})):m("v-if",!0)],64)):m("v-if",!0),r(K).length&&r(O).length?(i(),u(r(x),{key:1})):m("v-if",!0),r(O).length>0?(i(),p(g,{key:2},[A,(i(!0),p(g,null,f(r(O),((e,l)=>(i(),p(g,{key:e.id},[l<3?(i(),u(r(S),{key:0,item:e,class:w({last:r(O).length<4?l===r(O).length-1:2===l}),onItemClick:W},null,8,["item","class"])):m("v-if",!0)],64)))),128)),r(O).length>3?(i(),u(r(C),{key:0,text:"",type:"primary",onClick:t[2]||(t[2]=()=>N.value="group")},{icon:d((()=>[c(r(L),{component:r(I),size:"16"},null,8,["component"])])),default:d((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.574"))||"查看更多群组")]})),_:1})):m("v-if",!0)],64)):m("v-if",!0),y(c(r(D),{config:{title:" ",content:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[h,r(Q)]])]})),_:1}),c(r(j),{name:"user",tab:(null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.510"))||"联系人","display-directive":"show"},{default:d((()=>{var l;return[e("div",{class:"user-list-wrapper",ref_key:"listRef",ref:V},[(i(!0),p(g,null,f(r(K),(e=>(i(),u(r(S),{key:e.id,item:e,onItemClick:W},null,8,["item"])))),128)),y(c(r(D),{config:{title:" ",content:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[h,r(P)]])],512)]})),_:1}),c(r(j),{name:"group",tab:(null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.572"))||"群组","display-directive":"show"},{default:d((()=>{var l;return[e("div",E,[(i(!0),p(g,null,f(r(O),(e=>(i(),u(r(S),{key:e.id,item:e,onItemClick:W},null,8,["item"])))),128)),y(c(r(D),{config:{title:" ",content:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[h,r(T)]])])]})),_:1})]})),_:1},8,["value"])])),_:1},8,["style","show"]))}});export{F as default};
+import{createElementVNode as e,defineComponent as l,ref as o,computed as n,watch as t,nextTick as a,openBlock as u,createBlock as s,unref as i,normalizeStyle as r,withCtx as v,createVNode as c,createTextVNode as d,withModifiers as p,createElementBlock as f,Fragment as g,renderList as w,normalizeClass as m,createCommentVNode as y,withDirectives as h,vShow as k}from"vue";import{NPopover as C,NButton as L,NIcon as _,NInput as B,NTabs as j,NTabPane as M,NDivider as x}from"naive-ui";import{SearchOutline as I}from"@vicons/ionicons5";import{useData as U}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{openSessionApi as D}from"../api/index.js";import{isGroup as b}from"../utils/index.js";import{trim as R}from"lodash-es";import"trtc-sdk-v5";import{useSearchUserList as A}from"../hooks/useSearchUserList.js";import S from"../../../default-page/index.js";import z from"./userItemRender.js";var E,K;const G=e("div",{class:"title"},(null==(E=window.getLanguageByCode)?void 0:E.call(window,"10010.1.510"))||"联系人",-1),N=e("div",{class:"title"},(null==(K=window.getLanguageByCode)?void 0:K.call(window,"10010.1.575"))||"我的群组",-1),T={class:"user-list-wrapper"};var V=l({__name:"ChatSearch",setup(l){const E=o(),K=o(),V=o(!1),$=o(""),{cssVars:q,state:F,openSession:H}=U(),{userList:J,handleInput:O}=A({wrapperRef:E,keywordRef:$}),P=o("all"),Q=o(0),W=n((()=>($.value||"").replace(/^\s+|\s+$/g,"")?F.sessionList.filter((e=>b(e)&&(null==e?void 0:e.name.includes($.value)))):[])),X=n((()=>!J.value.length&&!!R($.value||""))),Y=n((()=>!J.value.length&&!W.value.length&&!!R($.value||""))),Z=n((()=>!W.value.length&&!!R($.value||""))),ee=n((()=>J.value.length>3?4:J.value.length)),le=n((()=>{switch(P.value){case"user":return J.value;case"group":return W.value;default:{const e=[],l=J.value.length,o=W.value.length;return l>0&&(l>3?e.push(...J.value.slice(0,3),{id:"user"}):e.push(...J.value)),o>0&&(o>3?e.push(...W.value.slice(0,3),{id:"group"}):e.push(...W.value)),e}}}));function oe(e){if(["ArrowUp","ArrowDown"].includes(e.key)){e.preventDefault();const l=i(Q);if("ArrowUp"===e.key){const e=l>0?l-1:le.value.length-1;Q.value=e}else if("ArrowDown"===e.key){const e=l<le.value.length-1?l+1:0;Q.value=e}}else if(["Enter"].includes(e.key)){e.preventDefault();const l=le.value.find(((e,l)=>Q.value===l)).id;["user","group"].includes(l)?P.value=l:async function(e){V.value=!1;const l=F.sessionList.find((l=>e&&[l.receiver,l.id].includes(e)));let o=l;if(!l){o=await D({chatType:"SINGLE",receiver:e,sender:F.userInfo.id})}H(o)}(l)}}function ne(){K.value.focus(),Q.value=0}function te(){V.value=!1}return t((()=>V.value),(async e=>{var l;e&&(await a(),null==(l=K.value)||l.focus())})),(l,o)=>(u(),s(i(C),{raw:"","content-class":"search-content",class:"search-wrapper",style:r(i(q)),show:V.value,"onUpdate:show":o[6]||(o[6]=e=>V.value=e),placement:"top",trigger:"click","display-directive":"show","show-arrow":!1,delay:0,overlap:""},{trigger:v((()=>[c(i(L),{color:"#ffffff4D",class:"search-trigger-btn"},{icon:v((()=>[c(i(_),{component:i(I),color:"#ffffff80"},null,8,["component"])])),default:v((()=>{var e;return[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.80"))||"搜索联系人")]})),_:1})])),default:v((()=>[c(i(B),{ref_key:"inputRef",ref:K,size:"small",clearable:"",autofocus:"",value:$.value,"onUpdate:value":[o[0]||(o[0]=e=>$.value=e),i(O)],onKeydown:p(oe,["stop"])},{prefix:v((()=>[c(i(_),{color:"#ffffff80",component:i(I)},null,8,["component"])])),_:1},8,["value","onUpdate:value","onKeydown"]),c(i(j),{type:"line",animated:"",value:P.value,"onUpdate:value":[o[5]||(o[5]=e=>P.value=e),ne]},{default:v((()=>{var l,n,t;return[c(i(M),{name:"all",tab:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.571"))||"综合","display-directive":"show",style:{padding:"0 10px 10px"}},{default:v((()=>{var e;return[i(J).length>0?(u(),f(g,{key:0},[G,(u(!0),f(g,null,w(i(J),((e,l)=>(u(),f(g,{key:e.id},[l<3?(u(),s(i(z),{key:0,item:e,class:m({last:i(J).length<4?l===i(J).length-1:2===l,selected:Q.value===l}),onItemClick:te,onMouseover:p((()=>Q.value=l),["stop"])},null,8,["item","class","onMouseover"])):y("v-if",!0)],64)))),128)),i(J).length>3?(u(),f("div",{key:0,onClick:o[1]||(o[1]=()=>P.value="user"),class:m(["user-item",3===Q.value?"selected":""]),onMouseover:o[2]||(o[2]=p((()=>Q.value=3),["stop"]))},[c(i(L),{text:"",type:"primary"},{icon:v((()=>[c(i(_),{component:i(I),size:"16"},null,8,["component"])])),default:v((()=>{var e;return[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.573"))||"查看更多联系人")]})),_:1})],34)):y("v-if",!0)],64)):y("v-if",!0),i(J).length&&i(W).length?(u(),s(i(x),{key:1})):y("v-if",!0),i(W).length>0?(u(),f(g,{key:2},[N,(u(!0),f(g,null,w(i(W),((e,l)=>(u(),f(g,{key:e.id},[l<3?(u(),s(i(z),{key:0,item:e,class:m({last:i(W).length<4?l===i(W).length-1:2===l,selected:Q.value===i(ee)+l}),onItemClick:te,onMouseover:p((()=>Q.value=i(ee)+l),["stop"])},null,8,["item","class","onMouseover"])):y("v-if",!0)],64)))),128)),i(W).length>3?(u(),f("div",{key:0,onClick:o[3]||(o[3]=()=>P.value="group"),class:m(["user-item",Q.value===i(ee)+3?"selected":""]),onMouseover:o[4]||(o[4]=p((()=>Q.value=i(ee)+3),["stop"]))},[c(i(L),{text:"",type:"primary"},{icon:v((()=>[c(i(_),{component:i(I),size:"16"},null,8,["component"])])),default:v((()=>{var e;return[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.574"))||"查看更多群组")]})),_:1})],34)):y("v-if",!0)],64)):y("v-if",!0),h(c(i(S),{config:{title:" ",content:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[k,i(Y)]])]})),_:1}),c(i(M),{name:"user",tab:(null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.510"))||"联系人","display-directive":"show"},{default:v((()=>{var l;return[e("div",{class:"user-list-wrapper",ref_key:"listRef",ref:E},[(u(!0),f(g,null,w(i(J),((e,l)=>(u(),s(i(z),{key:e.id,item:e,onItemClick:te,class:m({selected:Q.value===l}),onMouseover:p((()=>Q.value=l),["stop"])},null,8,["item","class","onMouseover"])))),128)),h(c(i(S),{config:{title:" ",content:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[k,i(X)]])],512)]})),_:1}),c(i(M),{name:"group",tab:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.572"))||"群组","display-directive":"show"},{default:v((()=>{var l;return[e("div",T,[(u(!0),f(g,null,w(i(W),((e,l)=>(u(),s(i(z),{key:e.id,item:e,onItemClick:te,class:m({selected:Q.value===l}),onMouseover:p((()=>Q.value=l),["stop"])},null,8,["item","class","onMouseover"])))),128)),h(c(i(S),{config:{title:" ",content:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[k,i(Z)]])])]})),_:1})]})),_:1},8,["value"])])),_:1},8,["style","show"]))}});export{V as default};