cnhis-design-vue 3.2.5 → 3.2.6-beta.1

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

@@ -0,0 +1 @@
+import{defineComponent as e,ref as s,reactive as o,provide as t,onBeforeUnmount as r,openBlock as n,createElementBlock as i,normalizeStyle as a,unref as c,createVNode as u,withCtx as d,createBlock as m,Fragment as p,createElementVNode as l,renderSlot as h}from"vue";import{NConfigProvider as f,NSpin as v,NLayout as S,NLayoutContent as g}from"naive-ui";import b from"./components/SiderList.vue.js";import I from"./components/ChatHeader.vue.js";import y from"./components/ChatMain.vue.js";import k from"./components/ChatFooter.vue.js";import j from"./components/ChatSearch.vue.js";import{ChatSock as _}from"./utils/chatSock.js";import{instanceAxios as C,readMessageApi as L}from"./api/index.js";import{useTheme as N}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as x}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{SUBSCRIBE_MESSAGE_TYPE as M}from"./constants/index.js";import{InjectionIChatState as U,InjectionIChatStompClient as T,InjectionIChatEmits as w}from"./types/index.js";import{isAudioOrVideo as A}from"./utils/index.js";import{useSession as E}from"./hooks/useSession.js";const O={class:"iho-chat__header"},R={class:"toolbar"};var V=e({__name:"Index",props:{token:{type:String,required:!0},orgId:{type:[String,Number],required:!0},userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"}},emits:["template-click","unread-message-update"],setup(e,{expose:V,emit:q}){const J=e;C.defaults.baseURL=J.baseURL,C.defaults.headers.Authorization="bearer "+J.token;const F=N(),G=s(!1),H=s(),$=s(!1),z=o({orgId:J.orgId,currentSessionItem:{},id:"",userInfo:{id:J.userId,sdkAppId:1600034888},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1,currentReferenceMsg:null});t(U,z),t(T,H),t(w,q);const{openSession:D,closeSession:W,getCurrentSession:B,setSessionList:K,setUpdateSessionItem:P}=E(z);function Q(){const e={headers:{AccessToken:J.token,UserId:J.userId},heartbeatFn(){try{H.value.send("test")}catch(e){H.value.disconnect(),Q()}},connectCb(){console.log("连接成功"),H.value.subscribe("/user/topic/single",(async({body:e})=>{try{console.log(JSON.parse(e),"订阅新增消息");const s=JSON.parse(e),{messageVo:o,sessionVo:t}=s;switch(s.event){case M.MESSAGE:{if(s.messageVo.sender===z.userInfo.id)return;const e={receiver:o.sender,lastMessageSendTime:o.sendTime,sortTime:o.sendTime,lastMessage:o.content};o.sender===z.currentSessionItem.receiver&&(z.currentMsg=o,A(o.content)||(z.isAppendMsg=!0,await L({chatType:"SINGLE",messageIdSet:o.id,receiver:z.userInfo.id,sender:o.sender})),e.unreadNum=0),P(e),A(o.content)&&($.value=!0);break}case M.NEW_SESSION:P(t)}}catch(e){console.log(e)}})),H.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:o,sessionVos:t}=s;if(console.log("body",s),Object.assign(z.userInfo,o),!(null==t?void 0:t.length))return;K(t)}catch(e){console.log(e)}}))},errorCb(e,s){console.log("断线了,正在重连...")}};H.value=new _("/fdp-chat/websocket",e)}return async function(){Q()}(),r((()=>{var e;null==(e=H.value)||e.disconnect()})),V({getUnreadData:function(){return z.sessionList.filter((e=>x(e.unreadNum)&&e.unreadNum>0))},openSession:D,closeSession:W,getCurrentSession:B}),(e,s)=>(n(),i("div",{class:"iho-chat",style:a(c(F))},[u(c(f),{abstract:"",namespace:"iho-chat__popover"},{default:d((()=>[G.value?(n(),m(c(v),{key:0,stroke:"#5585f5"})):(n(),i(p,{key:1},[l("div",O,[u(j),l("div",R,[h(e.$slots,"toolbar")])]),u(c(S),{class:"iho-chat__body","has-sider":""},{default:d((()=>[u(b),u(c(g),{class:"chat-content"},{default:d((()=>[u(I),u(y),u(k,{"show-av":$.value},null,8,["show-av"])])),_:1}),h(e.$slots,"external")])),_:3})],64))])),_:3})],4))}});export{V as default};

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

@@ -0,0 +1,64 @@
+import { AnyObject } from '../../../../shared/types';
+import { downloadFile } from '../utils';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+}, {
+    cssVars: import("vue").ComputedRef<AnyObject>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        visible: {
+            type: BooleanConstructor;
+        };
+    }>> & {}>>;
+    state: import("../types").IState;
+    imageList: import("vue").Ref<AnyObject[]>;
+    fileList: import("vue").Ref<AnyObject[]>;
+    imageRef: import("vue").Ref<any>;
+    fileRef: import("vue").Ref<any>;
+    keyword: import("vue").Ref<any>;
+    handleInput: () => void;
+    currentInfo: {
+        page: number;
+        hasMore: boolean;
+        lastSendTime: string;
+    };
+    handleSearch: () => Promise<void>;
+    formatImageList: (data: AnyObject[]) => {
+        label: string;
+        list: unknown;
+    }[];
+    resetAndSearch: () => void;
+    title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
+    getDetail: (item: AnyObject) => string;
+    getFileType: (item: AnyObject) => any;
+    NModal: any;
+    NImageGroup: any;
+    NImage: any;
+    NInput: any;
+    NIcon: any;
+    SearchOutline: 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<{}>>, {}>;
+    OpenOutline: 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<{}>>, {}>;
+    DownloadOutline: 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<{}>>, {}>;
+    downloadFile: typeof downloadFile;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+    };
+}>>, {
+    type: string;
+    visible: boolean;
+}>;
+export default _default;

package/es/components/{biunique-chat → iho-chat}/src/components/ChatFile.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as t,computed as s,watch as a,openBlock as o,createBlock as n,unref as i,withCtx as l,withDirectives as r,createElementVNode as c,createVNode as m,createElementBlock as p,Fragment as d,renderList as u,toDisplayString as y,vShow as f,normalizeStyle as g}from"vue";import{NModal as v,NImageGroup as h,NImage as w,NInput as b,NIcon as M}from"naive-ui";import{SearchOutline as k,OpenOutline as T,DownloadOutline as I}from"@vicons/ionicons5";import{searchChatRecordApi as S}from"../api/index.js";import{useScrollLoading as _}from"../hooks/useScrollLoading.js";import{format as x,isSameWeek as j,isSameMonth as A}from"date-fns";import{useState as H}from"../hooks/useState.js";import{getFileSize as D,downloadFile as C}from"../utils/index.js";import{last as z}from"lodash-es";import{useDebounceFn as L}from"@vueuse/core";import{useTheme as U}from"../../../../shared/hooks/useTheme.js";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";const E={class:"label"},O={class:"image-box"},$={class:"file-type"},F={class:"text"},K={class:"name"},P={class:"detail"},R={class:"opt-box"};var B=e({__name:"ChatFile",props:{type:{type:String,default:"image"},visible:{type:Boolean}},setup(e){const B=e,G=U(),{state:N}=H(),q=t([]),J=t([]),Q=t(),V=t(),W=t(),X=L(ee,500),Y={page:0,hasMore:!0,lastSendTime:x(new Date,"yyyy-MM-dd HH:mm:ss")};async function Z(){var e;try{if(!Y.hasMore)return;Y.page++;const t=await S({orgId:N.orgId,keyword:W.value,endTime:"",startTime:"",lastSendTime:Y.lastSendTime,memberIdSet:[],page:Y.page,recordType:"image"===B.type?"IMAGE":"FILE",sessionKey:N.currentSessionItem.sessionKey,userId:N.userInfo.id});Array.isArray(t)&&0!==t.length&&Array.isArray(t[0].recordList)||(Y.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了"));let s=t||[];if(Array.isArray(t)&&t.length>0&&(s=t[0].recordList),Y.lastSendTime=null==(e=z(s))?void 0:e.sendTime,"image"===B.type){const e=function(e){const t={};e.forEach((e=>{const s=new Date(e.sendTime);let a=x(s,"yyyy年MM月");j(s,new Date)?a="本周":A(s,new Date)&&(a="本月"),t[a]||(t[a]=[]),t[a].push(e.content.msg)}));return Object.entries(t).map((([e,t])=>({label:e,list:t})))}(s);q.value=Y.page>1?q.value.concat(e):e}else{const e=s.map((e=>new Promise((async t=>{const s=await D(e.content.fileUrl);t({...e,size:s})})))),t=await Promise.all(e);J.value=Y.page>1?J.value.concat(t):t}}catch(e){console.log(e)}}function ee(){Object.assign(Y,{page:0,hasMore:!0,lastSendTime:x(new Date,"yyyy-MM-dd HH:mm:ss")}),Z()}_(Q,(()=>{Z()})),_(V,(()=>{Z()}));const te=s((()=>"image"===B.type?"聊天图片":"聊天文件"));function se(e){const{size:t,sendTime:s,senderName:a}=e;return`${t} · ${x(new Date(s),"yyyy/MM/dd HH:mm")} ${a}`}function ae(e){var t;const s=(null==(t=e.content)?void 0:t.msg)||"",a=s.lastIndexOf(".");if(-1!==a){return s.charAt(a+1).toUpperCase()}return"?"}return a((()=>B.visible),(e=>{e?ee():W.value=""})),(t,s)=>(o(),n(i(v),{preset:"dialog",title:i(te),"show-icon":!1,"auto-focus":!1,class:"c-chat-dialog"},{default:l((()=>[r(c("div",{class:"c-chat-dialog__content c-chat-image-wrapper",ref_key:"imageRef",ref:Q},[m(i(h),{"show-toolbar-tooltip":""},{default:l((()=>[(o(!0),p(d,null,u(q.value,(e=>(o(),p("div",{class:"image-item",key:e.label},[c("span",E,y(e.label),1),c("div",O,[(o(!0),p(d,null,u(e.list,(e=>(o(),n(i(w),{key:e,width:"80",height:"80",src:e},null,8,["src"])))),128))])])))),128))])),_:1})],512),[[f,"image"===e.type]]),r(c("div",{class:"c-chat-dialog__content c-chat-file-wrapper",style:g(i(G))},[m(i(b),{clearable:"",placeholder:"搜索文件",value:W.value,"onUpdate:value":s[0]||(s[0]=e=>W.value=e),valueModifiers:{trim:!0},onInput:i(X)},{prefix:l((()=>[m(i(M),{component:i(k)},null,8,["component"])])),_:1},8,["value","onInput"]),c("div",{class:"file-list-box",ref_key:"fileRef",ref:V},[(o(!0),p(d,null,u(J.value,((e,t)=>(o(),p("div",{class:"file-item",key:t},[c("span",$,y(ae(e)),1),c("div",F,[c("span",K,y(e.content.msg),1),c("span",P,y(se(e)),1)]),c("div",R,[m(i(M),{size:16,component:i(T)},null,8,["component"]),m(i(M),{size:16,component:i(I),onClick:()=>i(C)(e.content.fileUr,e.content.msg)},null,8,["component","onClick"])])])))),128))],512)],4),[[f,"image"!==e.type]])])),_:1},8,["title"]))}});export{B as default};
+import{defineComponent as e,ref as t,computed as s,watch as o,openBlock as a,createBlock as i,unref as n,withCtx as l,withDirectives as r,createElementVNode as c,createVNode as m,createElementBlock as p,Fragment as d,renderList as u,toDisplayString as y,vShow as f,normalizeStyle as h}from"vue";import{NModal as g,NImageGroup as v,NImage as w,NInput as b,NIcon as M}from"naive-ui";import{SearchOutline as k,OpenOutline as T,DownloadOutline as I}from"@vicons/ionicons5";import{searchChatRecordApi as S}from"../api/index.js";import{useScrollLoading as _}from"../hooks/useScrollLoading.js";import{format as x,isSameWeek as j,isSameMonth as A}from"date-fns";import{useState as H}from"../hooks/useState.js";import{getFileSize as D,downloadFile as C}from"../utils/index.js";import{last as z}from"lodash-es";import{useDebounceFn as L}from"@vueuse/core";import{useTheme as U}from"../../../../shared/hooks/useTheme.js";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";const E={class:"label"},O={class:"image-box"},$={class:"file-type"},F={class:"text"},K={class:"name"},P={class:"detail"},R={class:"opt-box"};var B=e({__name:"ChatFile",props:{type:{type:String,default:"image"},visible:{type:Boolean}},setup(e){const B=e,G=U(),{state:N}=H(),q=t([]),J=t([]),Q=t(),V=t(),W=t(),X=L(ee,500),Y={page:0,hasMore:!0,lastSendTime:x(new Date,"yyyy-MM-dd HH:mm:ss")};async function Z(){var e;try{if(!Y.hasMore)return;Y.page++;const t=await S({orgId:N.orgId,keyword:W.value,endTime:"",startTime:"",lastSendTime:Y.lastSendTime,memberIdSet:[],page:Y.page,recordType:"image"===B.type?"IMAGE":"FILE",sessionKey:N.currentSessionItem.sessionKey,userId:N.userInfo.id});Array.isArray(t)&&0!==t.length&&Array.isArray(t[0].recordList)||(Y.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了"));let s=t||[];if(Array.isArray(t)&&t.length>0&&(s=t[0].recordList),Y.lastSendTime=null==(e=z(s))?void 0:e.sendTime,"image"===B.type){const e=function(e){const t={};e.forEach((e=>{const s=new Date(e.sendTime);let o=x(s,"yyyy年MM月");j(s,new Date)?o="本周":A(s,new Date)&&(o="本月"),t[o]||(t[o]=[]),t[o].push(e.content.msg)}));return Object.entries(t).map((([e,t])=>({label:e,list:t})))}(s);q.value=Y.page>1?q.value.concat(e):e}else{const e=s.map((e=>new Promise((async t=>{const s=await D(e.content.fileUrl);t({...e,size:s})})))),t=await Promise.all(e);J.value=Y.page>1?J.value.concat(t):t}}catch(e){console.log(e)}}function ee(){Object.assign(Y,{page:0,hasMore:!0,lastSendTime:x(new Date,"yyyy-MM-dd HH:mm:ss")}),Z()}_(Q,(()=>{Z()})),_(V,(()=>{Z()}));const te=s((()=>"image"===B.type?"聊天图片":"聊天文件"));function se(e){const{size:t,sendTime:s,senderName:o}=e;return`${t} · ${x(new Date(s),"yyyy/MM/dd HH:mm")} ${o}`}function oe(e){var t;const s=(null==(t=e.content)?void 0:t.msg)||"",o=s.lastIndexOf(".");if(-1!==o){return s.charAt(o+1).toUpperCase()}return"?"}return o((()=>B.visible),(e=>{e?ee():W.value=""})),(t,s)=>(a(),i(n(g),{preset:"dialog",title:n(te),"show-icon":!1,"auto-focus":!1,class:"iho-chat-dialog"},{default:l((()=>[r(c("div",{class:"iho-chat-dialog__content iho-chat-image-wrapper",ref_key:"imageRef",ref:Q},[m(n(v),{"show-toolbar-tooltip":""},{default:l((()=>[(a(!0),p(d,null,u(q.value,(e=>(a(),p("div",{class:"image-item",key:e.label},[c("span",E,y(e.label),1),c("div",O,[(a(!0),p(d,null,u(e.list,(e=>(a(),i(n(w),{key:e,width:"80",height:"80",src:e},null,8,["src"])))),128))])])))),128))])),_:1})],512),[[f,"image"===e.type]]),r(c("div",{class:"iho-chat-dialog__content iho-chat-file-wrapper",style:h(n(G))},[m(n(b),{clearable:"",placeholder:"搜索文件",value:W.value,"onUpdate:value":s[0]||(s[0]=e=>W.value=e),valueModifiers:{trim:!0},onInput:n(X)},{prefix:l((()=>[m(n(M),{component:n(k)},null,8,["component"])])),_:1},8,["value","onInput"]),c("div",{class:"file-list-box",ref_key:"fileRef",ref:V},[(a(!0),p(d,null,u(J.value,((e,t)=>(a(),p("div",{class:"file-item",key:t},[c("span",$,y(oe(e)),1),c("div",F,[c("span",K,y(e.content.msg),1),c("span",P,y(se(e)),1)]),c("div",R,[m(n(M),{size:16,component:n(T)},null,8,["component"]),m(n(M),{size:16,component:n(I),onClick:()=>n(C)(e.content.fileUr,e.content.msg)},null,8,["component","onClick"])])])))),128))],512)],4),[[f,"image"!==e.type]])])),_:1},8,["title"]))}});export{B as default};

package/es/components/{biunique-chat → iho-chat}/src/components/ChatFooter.vue.d.ts

@@ -2,13 +2,27 @@ import { UploadFileInfo } from 'naive-ui';
 import { AnyObject } from '../../../../shared/types';
 import { MESSAGE_TYPE } from '../constants';
 import { simplifyMessage } from '../utils';
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: import("vue").DefineComponent<{
+    showAv: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        showAv: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {}>>;
     inputRef: import("vue").Ref<HTMLDivElement | undefined>;
     content: import("vue").Ref<string>;
     state: import("../types").IState;
     stompClient: import("vue").Ref<import("../utils/chatSock").ChatSock>;
     setCurrentSessionItem: (item: AnyObject) => void;
     showEmoji: import("vue").Ref<boolean>;
+    showVideo: import("vue").Ref<boolean>;
+    callMode: import("vue").Ref<string>;
+    handleCall: (chatMessageType: string) => void;
     handleKeyDown: (event: KeyboardEvent) => void;
     isWrap: (event: KeyboardEvent) => boolean;
     handleInput: () => void;
@@ -23,15 +37,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     NPopover: any;
     NTooltip: any;
     NUpload: any;
-    NUploadTrigger: import("vue").DefineComponent<{
-        abstract: BooleanConstructor;
-    }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        abstract: BooleanConstructor;
-    }>>, {
-        abstract: boolean;
-    }>;
+    NUploadTrigger: any;
     NIcon: any;
     emojis: {
         default: string[][];
@@ -40,5 +46,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     MESSAGE_TYPE: typeof MESSAGE_TYPE;
     CloseCircleOutline: 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<{}>>, {}>;
     simplifyMessage: typeof simplifyMessage;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showAv: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    showAv: boolean;
+}>;
 export default _default;

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

@@ -0,0 +1 @@
+import{defineComponent as e,ref as t,watch as n,withDirectives as i,openBlock as o,createElementBlock as s,normalizeStyle as a,unref as r,createElementVNode as l,toDisplayString as c,createVNode as u,createCommentVNode as d,withCtx as f,Fragment as m,renderList as p,createBlock as g,createTextVNode as v,vShow as y}from"vue";import{NIcon as h,NPopover as M,NButton as k,NTooltip as E,NUpload as C,NUploadTrigger as b}from"naive-ui";import{format as T}from"date-fns";import{useState as x}from"../hooks/useState.js";import{useSession as I}from"../hooks/useSession.js";import{emojis as w}from"../utils/emoji.js";import{MESSAGE_TYPE as _}from"../constants/index.js";import{uploadFileApi as S}from"../api/index.js";import{CloseCircleOutline as z}from"@vicons/ionicons5";import{cloneDeep as A}from"lodash-es";import{simplifyMessage as O}from"../utils/index.js";const R={key:0,class:"reference-content-box"},j={class:"reference-content"},D=["innerHTML"],L={class:"tool-box"},q=l("i",{class:"chat--iconfont chat--icon-face"},null,-1),F={class:"emoji-box"},H=l("span",null,"默认表情",-1),K={class:"list-box"},N=["src"],V=l("i",{class:"chat--iconfont chat--icon-good"},null,-1),G=l("i",{class:"chat--iconfont chat--icon-image"},null,-1),U=l("i",{class:"chat--iconfont chat--icon-folder"},null,-1),J={class:"btn-box"},B=l("span",{class:"tip"},"Enter 发送, Shift + Enter 换行",-1);var P=e({__name:"ChatFooter",props:{showAv:{type:Boolean,default:!1}},setup(e){const P=e,X=t(),Y=t(""),{state:Q,stompClient:W}=x(),{setCurrentSessionItem:Z}=I(Q),$=t(!1),ee=t(!1);function te(e){["Enter"].includes(e.key)&&(function(e){return e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}(e)||(e.preventDefault(),oe()))}function ne(){var e,t;Y.value=(null==(t=null==(e=X.value)?void 0:e.innerText)?void 0:t.trim())||""}async function ie(e,t){const{file:n,name:i}=e.file,o=new FormData;o.append("sender",Q.userInfo.id),o.append("file",n);const s=await S(o);if(!s)return console.log("上传失败");se({chatMessageType:t,msg:t===_.FILE?i:s,url:s})}function oe(){if(!(Y.value.length>2e3))return Y.value?void se({msg:Y.value}):console.log("请输入内容");console.log("请控制在2000字以内")}async function se(e){const{chatMessageType:t=_.TEXT,msg:n,url:i}=e,o={msg:n,chatMessageType:t};t===_.FILE&&(o.fileUrl=i),[_.TEXT,_.BLEND].includes(t)&&(X.value.innerHTML="",Y.value=""),Q.currentReferenceMsg&&(o.referenceContent=A(Q.currentReferenceMsg),Q.currentReferenceMsg=null);const s=T(new Date,"yyyy-MM-dd HH:mm:ss");Q.currentMsg={content:o,sender:Q.userInfo.id,senderName:Q.userInfo.name,senderAvatar:Q.userInfo.avatar,id:"",sendTime:s,sending:!0,fail:!1},[_.AUDIO,_.VIDEO].includes(t)||(Q.isAppendMsg=!0),Z({lastMessageSendTime:s,lastMessage:o,sortTime:s});try{W.value.send("/app/chat/send",{},JSON.stringify({chatType:"SINGLE",content:o,receiver:Q.currentSessionItem.receiver})),Q.currentMsg={...Q.currentMsg,fail:!1}}catch(e){Q.currentMsg={...Q.currentMsg,fail:!0}}finally{Q.currentMsg={...Q.currentMsg,sending:!1}}}return t(""),n((()=>Q.currentReferenceMsg),(e=>{var t;e&&(null==(t=X.value)||t.focus())})),n((()=>P.showAv),(e=>{e&&(ee.value=!0)})),(e,t)=>i((o(),s("section",{class:"chat-footer",style:a({cursor:r(Q).id?"default":"not-allowed"})},[r(Q).currentReferenceMsg?(o(),s("div",R,[l("div",j,[l("span",null,c(r(Q).currentReferenceMsg.senderName)+"：",1),l("pre",{innerHTML:r(O)(r(Q).currentReferenceMsg.content)},null,8,D)]),u(r(h),{component:r(z),onClick:t[0]||(t[0]=()=>r(Q).currentReferenceMsg=null)},null,8,["component"])])):d("v-if",!0),l("div",L,[u(r(M),{show:$.value,"onUpdate:show":t[1]||(t[1]=e=>$.value=e),placement:"top",trigger:"click","show-arrow":!1,"display-directive":"show",delay:0},{trigger:f((()=>[u(r(k),{quaternary:"",size:"tiny"},{icon:f((()=>[q])),_:1})])),default:f((()=>[l("div",F,[d(' <span>最近使用</span>\n\t\t\t\t\t<div class="list-box">\n\t\t\t\t\t\t<template v-for="(img, index) in images" :key="index">\n\t\t\t\t\t\t\t<i>\n\t\t\t\t\t\t\t\t<img :src="img" />\n\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div> '),H,l("div",K,[(o(!0),s(m,null,p(r(w).default,(([e,t])=>(o(),g(r(E),{key:e,"show-arrow":!1,trigger:"hover"},{trigger:f((()=>[u(r(k),{quaternary:"",size:"tiny",onClick:()=>function(e){$.value=!1,se({chatMessageType:_.EMOJI,msg:e})}(e)},{icon:f((()=>[l("img",{src:t},null,8,N)])),_:2},1032,["onClick"])])),default:f((()=>[v(" "+c(e),1)])),_:2},1024)))),128))])])])),_:1},8,["show"]),u(r(k),{quaternary:"",size:"tiny",onClick:t[2]||(t[2]=()=>se({chatMessageType:r(_).EMOJI,msg:0}))},{icon:f((()=>[V])),_:1}),u(r(C),{abstract:"",multiple:"",accept:"image/*",onChange:t[3]||(t[3]=e=>ie(e,r(_).IMAGE))},{default:f((()=>[u(r(b),{abstract:""},{default:f((({handleClick:e})=>[u(r(k),{quaternary:"",size:"tiny",onClick:e},{icon:f((()=>[G])),_:2},1032,["onClick"])])),_:1})])),_:1}),u(r(C),{abstract:"",multiple:"",accept:"video/*,.pdf,.doc.docx,,.zip,.xlsx,.txt",onChange:t[4]||(t[4]=e=>ie(e,r(_).FILE))},{default:f((()=>[u(r(b),{abstract:""},{default:f((({handleClick:e})=>[u(r(k),{quaternary:"",size:"tiny",onClick:e},{icon:f((()=>[U])),_:2},1032,["onClick"])])),_:1})])),_:1}),d(' <n-button quaternary size="tiny" @click="() => handleCall(MESSAGE_TYPE.AUDIO)">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<n-icon size="18" :component="CallOutline" />\n\t\t\t\t</template>\n\t\t\t</n-button>\n\t\t\t<n-button quaternary size="tiny" @click="() => handleCall(MESSAGE_TYPE.VIDEO)">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<n-icon size="20" :component="VideocamOutline" />\n\t\t\t\t</template>\n\t\t\t</n-button> ')]),i(l("div",{ref_key:"inputRef",ref:X,class:"input-box",contenteditable:"",onKeydown:te,onInput:ne},null,544),[[y,r(Q).id]]),l("div",J,[B,u(r(k),{type:"primary",round:"",disabled:!Y.value,onClick:oe},{default:f((()=>[v("发送")])),_:1},8,["disabled"])]),d(' <Video v-model:show="showVideo" :call-mode="callMode" /> ')],4)),[[y,r(Q).id]])}});export{P as default};

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

@@ -0,0 +1,333 @@
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{}, {
+    state: import("../types").IState;
+    showChatSet: import("vue").Ref<boolean>;
+    showChatFile: import("vue").Ref<boolean>;
+    chatFileType: import("vue").Ref<string>;
+    showChatRecord: import("vue").Ref<boolean>;
+    handleOpenChatFile: (type: string) => void;
+    NAvatar: any;
+    NButton: any;
+    PersonProfile: import("vue").DefineComponent<{
+        userId: {
+            type: StringConstructor;
+            required: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            userId: {
+                type: StringConstructor;
+                required: true;
+            };
+        }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "close", ...args: any[]) => void;
+        state: import("../types").IState;
+        openSession: (item: 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;
+        NUpload: any;
+        NUploadTrigger: 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<{}>>, {}>;
+        Camera: 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: StringConstructor;
+            required: true;
+        };
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {}>;
+    ChatSet: import("vue").DefineComponent<{}, {
+        attrs: {
+            [x: string]: unknown;
+        };
+        state: import("../types").IState;
+        setCurrentSessionItem: (item: AnyObject) => void;
+        handleTopping: (value: boolean) => Promise<void>;
+        closeUserDetail: () => void;
+        NDrawer: any;
+        NDrawerContent: any;
+        NAvatar: any;
+        NIcon: any;
+        NSwitch: any;
+        ChevronForwardOutline: 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<{}>>, {}>;
+        PersonProfile: import("vue").DefineComponent<{
+            userId: {
+                type: StringConstructor;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                userId: {
+                    type: StringConstructor;
+                    required: true;
+                };
+            }>> & {
+                onClose?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "close", ...args: any[]) => void;
+            state: import("../types").IState;
+            openSession: (item: 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;
+            NUpload: any;
+            NUploadTrigger: 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<{}>>, {}>;
+            Camera: 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: StringConstructor;
+                required: true;
+            };
+        }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
+        }, {}>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ChatFile: import("vue").DefineComponent<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        visible: {
+            type: BooleanConstructor;
+        };
+    }, {
+        cssVars: import("vue").ComputedRef<AnyObject>;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            visible: {
+                type: BooleanConstructor;
+            };
+        }>> & {}>>;
+        state: import("../types").IState;
+        imageList: import("vue").Ref<AnyObject[]>;
+        fileList: import("vue").Ref<AnyObject[]>;
+        imageRef: import("vue").Ref<any>;
+        fileRef: import("vue").Ref<any>;
+        keyword: import("vue").Ref<any>;
+        handleInput: () => void;
+        currentInfo: {
+            page: number;
+            hasMore: boolean;
+            lastSendTime: string;
+        };
+        handleSearch: () => Promise<void>;
+        formatImageList: (data: AnyObject[]) => {
+            label: string;
+            list: unknown;
+        }[];
+        resetAndSearch: () => void;
+        title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
+        getDetail: (item: AnyObject) => string;
+        getFileType: (item: AnyObject) => any;
+        NModal: any;
+        NImageGroup: any;
+        NImage: any;
+        NInput: any;
+        NIcon: any;
+        SearchOutline: 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<{}>>, {}>;
+        OpenOutline: 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<{}>>, {}>;
+        DownloadOutline: 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<{}>>, {}>;
+        downloadFile: typeof import("../utils").downloadFile;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        visible: {
+            type: BooleanConstructor;
+        };
+    }>>, {
+        type: string;
+        visible: boolean;
+    }>;
+    ChatRecord: import("vue").DefineComponent<{
+        visible: {
+            type: BooleanConstructor;
+        };
+    }, {
+        tagColor: {
+            color: string;
+            textColor: string;
+        };
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            visible: {
+                type: BooleanConstructor;
+            };
+        }>> & {}>>;
+        state: import("../types").IState;
+        recordRef: import("vue").Ref<any>;
+        recordList: import("vue").Ref<AnyObject[]>;
+        keyword: import("vue").Ref<any>;
+        memberList: import("vue").Ref<never[]>;
+        startTime: import("vue").Ref<any>;
+        endTime: import("vue").Ref<any>;
+        handleInput: () => void;
+        currentInfo: {
+            page: number;
+            hasMore: boolean;
+            lastSendTime: string;
+        };
+        handleSearch: () => Promise<void>;
+        options: import("vue").ComputedRef<AnyObject[]>;
+        resetAndSearch: () => void;
+        startDateDisabled: (ts: number) => boolean;
+        endDateDisabled: (ts: number) => boolean;
+        resetInfo: () => void;
+        handleCloseTag: (type: "start" | "end" | "member") => void;
+        getPrefixCondition: () => (JSX.Element | null)[];
+        renderLabel: (option: AnyObject) => JSX.Element;
+        NModal: any;
+        NTag: any;
+        NInput: any;
+        NSelect: any;
+        NAvatar: any;
+        NPopover: any;
+        NInputGroup: any;
+        DatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }, {
+            attrs: {
+                [x: string]: unknown;
+            };
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                updateUnchangedValue: {
+                    type: BooleanConstructor;
+                };
+                onConfirm: {
+                    type: FunctionConstructor;
+                };
+                formattedValue: {
+                    type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
+            }>> & {
+                "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:formatted-value", ...args: any[]) => void;
+            datePickerRef: import("vue").Ref<AnyObject | null>;
+            panelInstRef: import("vue").Ref<null>;
+            placeholderRef: import("vue").Ref<any>;
+            oldValue: string;
+            currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
+            isDateTime: import("vue").ComputedRef<boolean>;
+            formatRef: import("vue").ComputedRef<string>;
+            panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
+            focus: () => any;
+            blur: () => any;
+            handleConfirm: (target: HTMLInputElement) => void;
+            onUpdateShow: (show: boolean) => Promise<void>;
+            onConfirm: (...args: any[]) => Promise<void>;
+            isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
+            setShortcutValue: (type: "month" | "week") => Promise<void>;
+            NDatePicker: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }, {
+            updateUnchangedValue: boolean;
+        }>>;
+        formatTime: typeof import("../utils").formatTime;
+        MESSAGE_TYPE: typeof import("../constants").MESSAGE_TYPE;
+        emojis: {
+            default: string[][];
+            findEmoji(name: string): any;
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        visible: {
+            type: BooleanConstructor;
+        };
+    }>>, {
+        visible: boolean;
+    }>;
+}, {}, {}, {}, 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

@@ -0,0 +1 @@
+import{defineComponent as e,ref as t,openBlock as a,createElementBlock as i,Fragment as o,unref as s,createElementVNode as n,createVNode as c,withCtx as l,toDisplayString as r,createCommentVNode as u}from"vue";import{NAvatar as h,NButton as v}from"naive-ui";import{useState as f}from"../hooks/useState.js";import m from"./PersonProfile.vue.js";import d from"./ChatSet.vue.js";import p from"./ChatFile.vue.js";import w from"./ChatRecord.vue.js";const y={key:0,class:"chat-header box-shadow"},C={class:"chat-header__left"},_={class:"name"},k={class:"chat-header__right"},g=n("i",{class:"chat--iconfont chat--icon-image"},null,-1),S=n("i",{class:"chat--iconfont chat--icon-folder"},null,-1),b=n("i",{class:"chat--iconfont chat--icon-list-search"},null,-1),j=n("i",{class:"chat--iconfont chat--icon-set"},null,-1);var z=e({__name:"ChatHeader",setup(e){const{state:z}=f(),q=t(!1),I=t(!1),U=t("image"),x=t(!1);function F(e){U.value=e,I.value=!0}return(e,t)=>(a(),i(o,null,[s(z).id?(a(),i("section",y,[n("div",C,[c(m,{"user-id":s(z).currentSessionItem.receiver},{trigger:l((()=>[c(s(h),{round:"",size:30,src:s(z).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-id"]),n("span",_,r(s(z).currentSessionItem.name),1)]),n("div",k,[c(s(v),{quaternary:"",size:"tiny",onClick:t[0]||(t[0]=()=>F("image"))},{icon:l((()=>[g])),_:1}),c(s(v),{quaternary:"",size:"tiny",onClick:t[1]||(t[1]=()=>F("file"))},{icon:l((()=>[S])),_:1}),c(s(v),{quaternary:"",size:"tiny",onClick:t[2]||(t[2]=()=>x.value=!0)},{icon:l((()=>[b])),_:1}),c(s(v),{quaternary:"",size:"tiny",onClick:t[3]||(t[3]=()=>q.value=!0)},{icon:l((()=>[j])),_:1}),u(' <i class="chat--iconfont chat--icon-folder" @click="() => handleOpenChatFile(\'file\')" />\n\t\t\t<i class="chat--iconfont chat--icon-list-search" @click="showChatRecord = true" />\n\t\t\t<i class="chat--iconfont chat--icon-set" @click="showChatSet = true" /> ')])])):u("v-if",!0),c(d,{show:q.value,"onUpdate:show":t[4]||(t[4]=e=>q.value=e)},null,8,["show"]),c(p,{show:I.value,"onUpdate:show":t[5]||(t[5]=e=>I.value=e),type:U.value,visible:I.value},null,8,["show","type","visible"]),c(w,{show:x.value,"onUpdate:show":t[6]||(t[6]=e=>x.value=e),visible:x.value},null,8,["show","visible"])],64))}});export{z as default};