cnhis-design-vue 3.2.15-beta.9 → 3.2.16-beta.7

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,provide as o,openBlock as s,createElementBlock as r,normalizeStyle as a,unref as n,createVNode as i,withCtx as l,createBlock as u,Fragment as d,createElementVNode as m,renderSlot as p,createCommentVNode as c}from"vue";import{NConfigProvider as f,NSpin as h,NLayout as v,NLayoutContent as y}from"naive-ui";import S from"./components/SiderList.vue.js";import g from"./components/ChatHeader.vue.js";import k from"./components/ChatMain.vue.js";import j from"./components/ChatFooter.vue.js";import _ from"./components/ChatSearch.vue.js";import b from"./components/ChatAdd.vue.js";import w from"./components/Video.vue.js";import C from"./components/MultipleVideo.vue.js";import{instanceAxios as x}from"./api/index.js";import{isNumber as I}from"lodash-es";import{initData as L,InjectionIChatData as V}from"./hooks/useData.js";import{useWebSocket as B}from"./hooks/useWebSocket.js";import"trtc-sdk-v5";import"./utils/index.js";const H={key:0,class:"iho-chat__header"},U={class:"toolbar"};var $=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"},showHeader:{type:Boolean,default:!0},defaultSessionId:{type:String},show:{type:Boolean,default:!0},extraParams:{type:Object,default:()=>({})},filterable:{type:Boolean,default:!1}},emits:["template-click","unread-message-update","session-change","session-close"],setup(e,{expose:$,emit:q}){const M=e;x.defaults.baseURL=M.baseURL,x.defaults.headers.Authorization="bearer "+M.token;const N=t(!1),R=L(M,q);o(V,R),B(M,R);const{cssVars:A,state:D,openSession:F,closeSession:z,getCurrentSession:E,isEnded:O}=R;return $({getUnreadData:function(){return D.sessionList.filter((e=>I(e.unreadNum)&&e.unreadNum>0))},openSession:F,closeSession:z,getCurrentSession:E}),(t,o)=>e.show?(s(),r("div",{key:0,class:"iho-chat",style:a(n(A))},[i(n(f),{abstract:"",namespace:"iho-chat__popover"},{default:l((()=>{var o;return[N.value?(s(),u(n(h),{key:0,stroke:"#5585f5"})):(s(),r(d,{key:1},[e.showHeader?(s(),r("div",H,[i(_),i(b,{title:(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.31"))||"发起群聊",mode:"create","default-value":[n(D).userInfo]},null,8,["default-value"]),m("div",U,[p(t.$slots,"toolbar")])])):c("v-if",!0),i(n(v),{class:"iho-chat__body","has-sider":""},{default:l((()=>[i(S),i(n(y),{class:"chat-content",style:a({"--c-pointer-events":n(O)?"none":"unset","--c-cursor":n(O)?"not-allowed":"unset"})},{default:l((()=>[i(g,null,{header:l((()=>[p(t.$slots,"chatHeader",{session:n(D).currentSessionItem})])),_:3}),i(k),i(j,null,{footer:l((()=>[p(t.$slots,"chatFooter",{session:n(D).currentSessionItem})])),_:3})])),_:3},8,["style"]),p(t.$slots,"external")])),_:3}),n(D).showVideo?(s(),u(w,{key:1})):c("v-if",!0),n(D).showMultipleVideo?(s(),u(C,{key:2})):c("v-if",!0)],64))]})),_:3})],4)):c("v-if",!0)}});export{$ as default};
+import{defineComponent as e,ref as t,provide as o,openBlock as s,createElementBlock as r,normalizeStyle as a,unref as n,createVNode as i,withCtx as l,createBlock as u,Fragment as d,createElementVNode as m,renderSlot as p,createCommentVNode as c}from"vue";import{NConfigProvider as f,NSpin as h,NLayout as v,NLayoutContent as y}from"naive-ui";import S from"./components/SiderList.vue.js";import g from"./components/ChatHeader.vue.js";import j from"./components/ChatMain.vue.js";import k from"./components/ChatFooter.vue.js";import b from"./components/ChatSearch.vue.js";import _ from"./components/ChatAdd.vue.js";import w from"./components/Video.vue.js";import x from"./components/MultipleVideo.vue.js";import{instanceAxios as C}from"./api/index.js";import{isNumber as I}from"lodash-es";import{initData as L,InjectionIChatData as V}from"./hooks/useData.js";import{useWebSocket as B}from"./hooks/useWebSocket.js";import"trtc-sdk-v5";import"./utils/index.js";const H={key:0,class:"iho-chat__header"},U={class:"toolbar"};var $=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"},showHeader:{type:Boolean,default:!0},defaultSessionId:{type:String},show:{type:Boolean,default:!0},extraParams:{type:Object,default:()=>({})},filterable:{type:Boolean,default:!1},trtcProxy:{type:[String,Object]}},emits:["template-click","unread-message-update","session-change","session-close"],setup(e,{expose:$,emit:q}){const M=e;C.defaults.baseURL=M.baseURL,C.defaults.headers.Authorization="bearer "+M.token;const N=t(!1),R=L(M,q);o(V,R),B(M,R);const{cssVars:A,state:D,openSession:F,closeSession:O,getCurrentSession:P,isEnded:z}=R;return $({getUnreadData:function(){return D.sessionList.filter((e=>I(e.unreadNum)&&e.unreadNum>0))},openSession:F,closeSession:O,getCurrentSession:P}),(t,o)=>e.show?(s(),r("div",{key:0,class:"iho-chat",style:a(n(A))},[i(n(f),{abstract:"",namespace:"iho-chat__popover"},{default:l((()=>{var o;return[N.value?(s(),u(n(h),{key:0,stroke:"#5585f5"})):(s(),r(d,{key:1},[e.showHeader?(s(),r("div",H,[i(b),i(_,{title:(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.31"))||"发起群聊",mode:"create","default-value":[n(D).userInfo]},null,8,["default-value"]),m("div",U,[p(t.$slots,"toolbar")])])):c("v-if",!0),i(n(v),{class:"iho-chat__body","has-sider":""},{default:l((()=>[i(S),i(n(y),{class:"chat-content",style:a({"--c-pointer-events":n(z)?"none":"unset","--c-cursor":n(z)?"not-allowed":"unset"})},{default:l((()=>[i(g,null,{header:l((()=>[p(t.$slots,"chatHeader",{session:n(D).currentSessionItem})])),_:3}),i(j),i(k,null,{footer:l((()=>[p(t.$slots,"chatFooter",{session:n(D).currentSessionItem})])),_:3})])),_:3},8,["style"]),p(t.$slots,"external")])),_:3}),n(D).showVideo?(s(),u(w,{key:1})):c("v-if",!0),n(D).showMultipleVideo?(s(),u(x,{key:2})):c("v-if",!0)],64))]})),_:3})],4)):c("v-if",!0)}});export{$ as default};

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

@@ -25,6 +25,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
+    initialOptions: AnyObject[];
+    tabList: {
+        key: string;
+        label: string;
+    }[];
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: StringConstructor;
@@ -54,7 +59,6 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "comfirm", ...args: any[]) => void;
     state: {
-        filterable: boolean;
         orgId: string | number;
         currentSessionItem: AnyObject;
         id: string;
@@ -78,27 +82,41 @@ declare const _default: import("vue").DefineComponent<{
     keyword: import("vue").Ref<string>;
     showModal: import("vue").Ref<boolean>;
     checkedOptions: import("vue").Ref<AnyObject[]>;
-    options: import("vue").Ref<AnyObject[]>;
     groupName: import("vue").Ref<string>;
-    checkedSourceIds: import("vue").Ref<(string | number)[]>;
     remark: import("vue").Ref<string>;
+    currentTab: import("vue").Ref<AnyObject[]>;
+    breadcrumbList: import("vue").Ref<AnyObject[]>;
     userList: import("vue").Ref<AnyObject[]>;
     handleInput: () => void;
     _disabledIds: import("vue").ComputedRef<any[]>;
-    defaultOptions: import("vue").ComputedRef<{
+    sessionList: import("vue").ComputedRef<{
         id: any;
         name: any;
         avatar: any;
+        chatType: any;
+    }[]>;
+    friends: import("vue").ComputedRef<{
+        id: any;
+        name: any;
+        avatar: any;
+        chatType: any;
+    }[]>;
+    groups: import("vue").ComputedRef<{
+        id: any;
+        name: any;
+        avatar: any;
+        chatType: any;
     }[]>;
     checkedIds: import("vue").ComputedRef<any[]>;
     btnDisabled: import("vue").ComputedRef<boolean>;
     allChecked: import("vue").WritableComputedRef<boolean>;
+    checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+    currentTabKey: import("vue").ComputedRef<any>;
+    getDisabled: (id: string | number) => boolean;
+    handleClickCheckbox: (option: AnyObject) => Promise<void>;
+    toggleTab: (item: AnyObject) => void;
+    handleTabBack: () => void;
     handlePositiveClick: () => Promise<void>;
-    updateCheckedSourceIds: () => void;
-    handleSourceIdsUpdate: (value: (string | number)[], meta: {
-        actionType: 'check' | 'uncheck';
-        value: string | number;
-    }) => void;
     closeTag: (id: string) => void;
     NModal: any;
     NButton: any;
@@ -110,8 +128,14 @@ declare const _default: import("vue").DefineComponent<{
     NCheckbox: any;
     NCheckboxGroup: any;
     NTooltip: any;
+    NBreadcrumb: any;
+    NBreadcrumbItem: 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<{}>>, {}>;
     AddOutline: 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<{}>>, {}>;
+    PersonOutline: 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<{}>>, {}>;
+    PeopleOutline: 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<{}>>, {}>;
+    ChevronBackOutline: 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<{}>>, {}>;
+    last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;

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

@@ -1 +1 @@
-import{createElementVNode as e,defineComponent as a,ref as l,computed as o,watch as t,openBlock as i,createElementBlock as n,Fragment as u,createVNode as d,unref as r,withCtx as s,createCommentVNode as v,isRef as c,renderList as p,createBlock as m,toDisplayString as f,createTextVNode as g,normalizeClass as w,renderSlot as h}from"vue";import{NModal as b,NInput as y,NIcon as k,NCheckbox as I,NCheckboxGroup as C,NSpace as _,NAvatar as x,NTag as L,NTooltip as S,NButton as j}from"naive-ui";import{SearchOutline as B,AddOutline as U}from"@vicons/ionicons5";import{useData as R}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{CHAT_TYPE as V}from"../constants/index.js";import{groupLeaveApi as A,groupJoinApi as E,groupCreateApi as G}from"../api/index.js";import{listSort as N}from"../utils/index.js";import{union as $,intersection as z,unionBy as D,remove as M,isArray as T,uniqBy as P,cloneDeep as q,trim as F}from"lodash-es";import"trtc-sdk-v5";import{useSearchUserList as H}from"../hooks/useSearchUserList.js";var J,K;const O={class:"iho-chat-dialog__content iho-chat-add-wrapper"},Q={key:0,class:"input-box"},W=e("span",null,(null==(J=window.getLanguageByCode)?void 0:J.call(window,"10010.1.34"))||"群名称：",-1),X={class:"transfer-box"},Y={class:"transfer-box__left"},Z={class:"user-list-box"},ee={key:1,class:"no-data"},ae={class:"transfer-box__right"},le={class:"checked-tag-box"},oe={key:0,class:"input-wrapper"};var te=a({__name:"ChatAdd",props:{title:{type:String,default:(null==(K=window.getLanguageByCode)?void 0:K.call(window,"10010.1.42"))||"添加新成员"},mode:{type:String,default:"select"},options:{type:Array},disabledIds:{type:Array,default:()=>[]},defaultValue:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1}},emits:["comfirm"],setup(a,{emit:J}){const K=a,{state:te,setCurrentSessionItem:ie}=R(),ne=l(),ue=l(""),de=l(!1),re=l([]),se=l([]),ve=l(""),ce=l([]),pe=l(""),{userList:me,handleInput:fe}=H({wrapperRef:ne,keywordRef:ue,before:()=>{me.value=q(se.value),Ie()},after:()=>{ge.value.length&&me.value.forEach((e=>{var a;e.disabled=null==(a=ge.value)?void 0:a.includes(e.id)})),Ie()}}),ge=o((()=>"relay"===K.mode?[]:$(K.disabledIds,[te.userInfo.id]))),we=o((()=>{var e,a;if(!(null==(e=te.sessionList)?void 0:e.length))return[];const l=N(te.sessionList);return null==(a="relay"===K.mode?l:l.filter((e=>e.chatType===V.SINGLE)))?void 0:a.map((e=>({id:e.receiver,name:e.name,avatar:e.avatar})))})),he=o((()=>re.value.length?re.value.map((e=>e.id)):[])),be=o((()=>"create"===K.mode?he.value.length<3:he.value.length<1)),ye=o({get:()=>ce.value.filter((e=>!ge.value.includes(e))).length===me.value.filter((e=>!e.disabled)).length,set(e){const a=K.defaultValue.map((e=>e.id)),l=z(a,ge.value,me.value.map((e=>e.id))),o=me.value.filter((e=>!e.disabled));ce.value=l.concat(e?o.map((e=>e.id)):[]),e?re.value=D(re.value,o,"id"):M(re.value,(e=>o.map((e=>e.id)).includes(e.id)))}});async function ke(){switch(K.mode){case"create":await G({creator:te.userInfo.id,memberIdSet:he.value,name:F(ve.value),orgId:te.orgId});break;case"join":if(await E({groupId:te.currentSessionItem.receiver,operator:te.userInfo.id,memberIdSet:he.value}),!te.currentSessionItem.defaultName){const e=re.value.map((e=>e.name)).join(",");ie({name:`${te.currentSessionItem.name},${e}`})}te.currentGroupUser.push(...me.value.filter((e=>he.value.includes(e.id))));break;case"remove":if(await A({dissolution:!1,groupId:te.currentSessionItem.receiver,operator:te.userInfo.id,memberIdSet:he.value}),!te.currentSessionItem.defaultName){const e=re.value.map((e=>e.name)).join(","),a=new RegExp(e,"g");ie({name:te.currentSessionItem.name.replace(a,"")})}M(te.currentGroupUser,(e=>he.value.includes(e.id)));break;default:J("comfirm",he.value,pe.value)}de.value=!1}function Ie(){var e,a;ce.value=null!=(a=null==(e=me.value.filter((e=>he.value.includes(e.id))))?void 0:e.map((e=>e.id)))?a:[]}function Ce(e,a){if("check"===a.actionType){const e=me.value.find((e=>e.id===a.value));re.value.push(e)}else M(re.value,(e=>e.id===a.value))}return t((()=>de.value),(e=>{if(!e)return;ue.value="",ve.value="";const a=T(K.options)&&K.options.length?K.options:we.value;se.value=P(a,"id").map((e=>{var a;return{...e,disabled:null==(a=ge.value)?void 0:a.includes(e.id)}})),me.value=q(se.value),T(K.defaultValue)&&K.defaultValue.length?(re.value=q(K.defaultValue),Ie()):(re.value=[],ce.value=[])})),(l,o)=>{var t,R;return i(),n(u,null,[d(r(b),{preset:"dialog",title:a.title,"show-icon":!1,"auto-focus":!1,"trap-focus":!1,class:"iho-chat-dialog",show:de.value,"onUpdate:show":o[5]||(o[5]=e=>de.value=e),"negative-text":(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.28"))||"取消","positive-text":(null==(R=window.getLanguageByCode)?void 0:R.call(window,"10010.1.27"))||"确定","display-directive":"show","positive-button-props":{disabled:r(be)},onPositiveClick:ke},{default:s((()=>{var l,t,w,h,b,S,j;return[e("div",O,["create"===a.mode?(i(),n("div",Q,[W,d(r(y),{clearable:"",placeholder:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.35"))||"取个群名称方便后续搜索",value:ve.value,"onUpdate:value":o[0]||(o[0]=e=>ve.value=e),valueModifiers:{trim:!0}},null,8,["value"])])):v("v-if",!0),e("div",X,[e("div",Y,[d(r(y),{placeholder:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.36"))||"搜索",clearable:"",value:ue.value,"onUpdate:value":[o[1]||(o[1]=e=>ue.value=e),r(fe)],valueModifiers:{trim:!0}},{prefix:s((()=>[d(r(k),{component:r(B)},null,8,["component"])])),_:1},8,["value","onUpdate:value"]),e("div",Z,[r(me).length>0?(i(),n(u,{key:0},[d(r(I),{label:(null==(w=window.getLanguageByCode)?void 0:w.call(window,"10010.1.37"))||"全选",checked:r(ye),"onUpdate:checked":o[2]||(o[2]=e=>c(ye)?ye.value=e:null)},null,8,["checked"]),d(r(C),{ref_key:"listRef",ref:ne,value:ce.value,"onUpdate:value":[o[3]||(o[3]=e=>ce.value=e),Ce]},{default:s((()=>[(i(!0),n(u,null,p(r(me),(a=>(i(),m(r(I),{key:a.id,value:a.id,disabled:a.disabled},{default:s((()=>[d(r(_),{align:"center","wrap-item":!1},{default:s((()=>[d(r(x),{src:a.avatar,round:"",size:32},null,8,["src"]),e("span",null,f(a.name),1)])),_:2},1024)])),_:2},1032,["value","disabled"])))),128))])),_:1},8,["value"])],64)):(i(),n("div",ee,(null==(h=window.getLanguageByCode)?void 0:h.call(window,"10010.1.38"))||"找不到相关结果"))])]),e("div",ae,[e("span",null,((null==(b=window.getLanguageByCode)?void 0:b.call(window,"10010.1.39"))||"已选择")+f(r(he).length)+((null==(S=window.getLanguageByCode)?void 0:S.call(window,"10010.1.40"))||"人"),1),e("div",le,[(i(!0),n(u,null,p(re.value,(e=>(i(),m(r(L),{key:e.id,bordered:!1,closable:"relay"===a.mode||e.id!==r(te).userInfo.id,disabled:r(ge).includes(e.id),onClose:()=>{return a=e.id,M(re.value,(e=>e.id===a)),void M(ce.value,(e=>e===a));var a}},{avatar:s((()=>[d(r(x),{round:"",src:e.avatar},null,8,["src"])])),default:s((()=>[g(" "+f(e.name),1)])),_:2},1032,["closable","disabled","onClose"])))),128))]),"relay"===a.mode?(i(),n("div",oe,[d(r(y),{clearable:"",value:pe.value,"onUpdate:value":o[4]||(o[4]=e=>pe.value=e),type:"textarea",placeholder:(null==(j=window.getLanguageByCode)?void 0:j.call(window,"10010.1.41"))||"留言",autosize:{minRows:2,maxRows:2}},null,8,["value"])])):v("v-if",!0)])])])]})),_:1},8,["title","show","positive-button-props"]),e("span",{class:w(["btn-wrapper",{disabled:a.disabled}]),onClick:o[6]||(o[6]=e=>de.value=!0)},[h(l.$slots,"trigger",{},(()=>[d(r(S),{"show-arrow":!1,placement:"bottom"},{trigger:s((()=>[d(r(j),{color:"#ffffff4D",class:"add-btn"},{icon:s((()=>[d(r(k),{component:r(U),color:"#fff"},null,8,["component"])])),_:1})])),default:s((()=>[g(" "+f(a.title),1)])),_:1})]))],2)],64)}}});export{te as default};
+import{createElementVNode as e,defineComponent as l,ref as a,computed as o,watch as t,openBlock as n,createElementBlock as i,Fragment as u,createVNode as r,unref as d,withCtx as s,createCommentVNode as v,createBlock as c,renderList as p,toDisplayString as m,createTextVNode as f,withDirectives as g,isRef as w,vShow as y,normalizeClass as h,renderSlot as k}from"vue";import{NModal as b,NInput as I,NIcon as _,NSpace as C,NButton as x,NBreadcrumb as L,NBreadcrumbItem as S,NCheckbox as j,NCheckboxGroup as B,NAvatar as U,NTag as R,NTooltip as A}from"naive-ui";import{SearchOutline as G,PersonOutline as T,PeopleOutline as V,ChevronBackOutline as z,AddOutline as E}from"@vicons/ionicons5";import{useData as N}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{CHAT_TYPE as $}from"../constants/index.js";import{groupUserApi as D,groupLeaveApi as M,groupJoinApi as O,groupCreateApi as P}from"../api/index.js";import{listSort as q}from"../utils/index.js";import{union as F,unionBy as H,remove as J,last as K,isArray as Q,uniqBy as W,cloneDeep as X,trim as Y}from"lodash-es";import"trtc-sdk-v5";import{useSearchUserList as Z}from"../hooks/useSearchUserList.js";var ee,le;const ae={class:"iho-chat-dialog__content iho-chat-add-wrapper"},oe={key:0,class:"input-box"},te=e("span",null,(null==(ee=window.getLanguageByCode)?void 0:ee.call(window,"10010.1.34"))||"群名称：",-1),ne={class:"transfer-box"},ie={class:"transfer-box__left"},ue={key:0,class:"nav-wrapper"},re={key:0,class:"chat--iconfont chat--icon-map-site"},de={style:{"font-size":"12px"}},se={key:1,class:"header"},ve={class:"user-list-box"},ce={key:1,class:"no-data"},pe={class:"transfer-box__right"},me={class:"checked-tag-box"},fe={key:0,class:"input-wrapper"};var ge=l({__name:"ChatAdd",props:{title:{type:String,default:(null==(le=window.getLanguageByCode)?void 0:le.call(window,"10010.1.42"))||"添加新成员"},mode:{type:String,default:"select"},options:{type:Array},disabledIds:{type:Array,default:()=>[]},defaultValue:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1}},emits:["comfirm"],setup(l,{emit:ee}){const le=l;let ge=[];const we=[{key:"single",label:"按好友选"},{key:"group",label:"按群聊选"},{key:"framework",label:"按架构选"}],{state:ye,setCurrentSessionItem:he}=N(),ke=a(),be=a(""),Ie=a(!1),_e=a([]),Ce=a(""),xe=a(""),Le=a([]),Se=a([]),{userList:je,handleInput:Be}=Z({wrapperRef:ke,keywordRef:be,before:()=>{Le.value.length>0||(je.value=ge)}}),Ue=o((()=>"relay"===le.mode?[]:F(le.disabledIds,[ye.userInfo.id]))),Re=o((()=>{var e;return(null==(e=ye.sessionList)?void 0:e.length)?q(ye.sessionList).map((e=>({id:e.receiver,name:e.name,avatar:e.avatar,chatType:e.chatType}))):[]})),Ae=o((()=>Re.value.filter((e=>e.chatType===$.SINGLE)))),Ge=o((()=>Re.value.filter((e=>e.chatType===$.GROUP)))),Te=o((()=>_e.value.length?_e.value.map((e=>e.id)):[])),Ve=o((()=>"create"===le.mode?Te.value.length<3:Te.value.length<1)),ze=o({get:()=>Ee.value.filter((e=>!Ue.value.includes(e))).length===je.value.filter((e=>!$e(e.id))).length,set(e){const l=je.value.filter((e=>!$e(e.id)));e?_e.value=H(_e.value,l,"id"):J(_e.value,(e=>l.map((e=>e.id)).includes(e.id)))}}),Ee=o({get(){var e,l,a;return null!=(a=null==(l=null==(e=je.value)?void 0:e.filter((e=>Te.value.includes(e.id))))?void 0:l.map((e=>e.id)))?a:[]},set(e){je.value.forEach((l=>{e.includes(l.id)?_e.value=H(_e.value,[l],"id"):J(_e.value,(e=>e.id==l.id))}))}}),Ne=o((()=>{var e;return Le.value.length>0?null==(e=K(Le.value))?void 0:e.key:""}));function $e(e){var l,a;return"group"===Ne.value?"relay"!==le.mode&&(1===Le.value.length||(null==(l=Ue.value)?void 0:l.includes(e))):null==(a=Ue.value)?void 0:a.includes(e)}function De(){if(Le.value.length>1&&"group"===Ne.value)return je.value=Ge.value,void Le.value.pop();Le.value.pop(),je.value=ge}async function Me(){const e=d(Te);switch(le.mode){case"create":await P({creator:ye.userInfo.id,memberIdSet:e,name:Y(Ce.value),orgId:ye.orgId});break;case"join":if(await O({groupId:ye.currentSessionItem.receiver,operator:ye.userInfo.id,memberIdSet:e}),!ye.currentSessionItem.defaultName){const e=_e.value.map((e=>e.name)).join(",");he({name:`${ye.currentSessionItem.name},${e}`})}ye.currentGroupUser.push(...je.value.filter((l=>e.includes(l.id))));break;case"remove":if(await M({dissolution:!1,groupId:ye.currentSessionItem.receiver,operator:ye.userInfo.id,memberIdSet:e}),!ye.currentSessionItem.defaultName){const e=_e.value.map((e=>e.name)).join(","),l=new RegExp(e,"g");he({name:ye.currentSessionItem.name.replace(l,"")})}J(ye.currentGroupUser,(l=>e.includes(l.id)));break;default:ee("comfirm",{checkedIds:e,checkedOptions:_e.value,remark:xe.value})}Ie.value=!1}return t((()=>Ie.value),(e=>{if(!e)return;be.value="",Ce.value="",Le.value=[];const l="relay"===le.mode?Re.value:Ae.value,a=Q(le.options)&&le.options.length?le.options:l;ge=W(a,"id"),je.value=ge,_e.value=Q(le.defaultValue)&&le.defaultValue.length?X(le.defaultValue):[]})),(a,o)=>{var t,N;return n(),i(u,null,[r(d(b),{preset:"dialog",title:l.title,"show-icon":!1,"auto-focus":!1,"trap-focus":!1,class:"iho-chat-dialog",show:Ie.value,"onUpdate:show":o[5]||(o[5]=e=>Ie.value=e),"negative-text":(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.28"))||"取消","positive-text":(null==(N=window.getLanguageByCode)?void 0:N.call(window,"10010.1.27"))||"确定","display-directive":"show","positive-button-props":{disabled:d(Ve)},onPositiveClick:Me},{default:s((()=>{var a,t,h,k,b,A,E,N,$;return[e("div",ae,["create"===l.mode?(n(),i("div",oe,[te,r(d(I),{clearable:"",placeholder:(null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.35"))||"取个群名称方便后续搜索",value:Ce.value,"onUpdate:value":o[0]||(o[0]=e=>Ce.value=e),valueModifiers:{trim:!0}},null,8,["value"])])):v("v-if",!0),e("div",ne,[e("div",ie,[r(d(I),{placeholder:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.36"))||"搜索",clearable:"",value:be.value,"onUpdate:value":[o[1]||(o[1]=e=>be.value=e),d(Be)],valueModifiers:{trim:!0}},{prefix:s((()=>[r(d(_),{component:d(G)},null,8,["component"])])),_:1},8,["value","onUpdate:value"]),be.value||"remove"===l.mode?v("v-if",!0):(n(),i("div",ue,[0===Le.value.length?(n(),c(d(C),{key:0,justify:"space-around","wrap-item":!1},{default:s((()=>[(n(),i(u,null,p(we,(l=>r(d(C),{vertical:"",align:"center","wrap-item":!1,key:l.key,onClick:()=>function(e){switch(be.value="",Le.value=[e],e.key){case"single":je.value=Ae.value;break;case"group":je.value=Ge.value;break;case"framework":je.value=[]}}(l)},{default:s((()=>[r(d(x),{tertiary:""},{icon:s((()=>["framework"===l.key?(n(),i("i",re)):(n(),c(d(_),{key:1,component:"single"===l.key?d(T):d(V)},null,8,["component"]))])),_:2},1024),e("span",de,m(l.label),1)])),_:2},1032,["onClick"]))),64))])),_:1})):v("v-if",!0),Le.value.length>0?(n(),i("div",se,[r(d(x),{text:"",onClick:De},{icon:s((()=>[r(d(_),{component:d(z)},null,8,["component"])])),_:1}),e("h4",null,m(null==(h=d(K)(Le.value))?void 0:h.label),1)])):v("v-if",!0),Le.value.length>0&&"framework"===(null==(k=d(K)(Le.value))?void 0:k.key)&&Se.value.length>0?(n(),c(d(L),{key:2,separator:">"},{default:s((()=>[(n(!0),i(u,null,p(Se.value,(e=>(n(),c(d(S),{key:e.id},{default:s((()=>[f(m(e.name),1)])),_:2},1024)))),128))])),_:1})):v("v-if",!0)])),e("div",ve,[d(je).length>0?(n(),i(u,{key:0},[g(r(d(j),{label:(null==(b=window.getLanguageByCode)?void 0:b.call(window,"10010.1.37"))||"全选",checked:d(ze),"onUpdate:checked":o[2]||(o[2]=e=>w(ze)?ze.value=e:null)},null,8,["checked"]),[[y,!("relay"!==l.mode&&"group"===d(Ne)&&1===Le.value.length)]]),r(d(B),{ref_key:"listRef",ref:ke,value:d(Ee),"onUpdate:value":o[3]||(o[3]=e=>w(Ee)?Ee.value=e:null)},{default:s((()=>[(n(!0),i(u,null,p(d(je),(l=>(n(),c(d(j),{key:l.id,value:l.id,disabled:$e(l.id),onClick:()=>async function(e){const l=d(Ne);if(l&&"relay"!==le.mode&&"group"===l&&1===Le.value.length)try{Le.value.push({key:l,label:e.name});const a=await D({id:e.id});je.value=Q(a)?a:[]}catch(e){console.log("error ==>",e)}}(l)},{default:s((()=>[r(d(C),{align:"center","wrap-item":!1},{default:s((()=>[r(d(U),{src:l.avatar,round:"",size:32},null,8,["src"]),e("span",null,m(l.name),1)])),_:2},1024)])),_:2},1032,["value","disabled","onClick"])))),128))])),_:1},8,["value"])],64)):(n(),i("div",ce,(null==(A=window.getLanguageByCode)?void 0:A.call(window,"10010.1.38"))||"找不到相关结果"))])]),e("div",pe,[e("span",null,((null==(E=window.getLanguageByCode)?void 0:E.call(window,"10010.1.39"))||"已选择")+m(d(Te).length)+((null==(N=window.getLanguageByCode)?void 0:N.call(window,"10010.1.40"))||"人"),1),e("div",me,[(n(!0),i(u,null,p(_e.value,(e=>(n(),c(d(R),{key:e.id,bordered:!1,closable:"relay"===l.mode||e.id!==d(ye).userInfo.id,disabled:d(Ue).includes(e.id),onClose:()=>{return l=e.id,void J(_e.value,(e=>e.id===l));var l}},{avatar:s((()=>[r(d(U),{round:"",src:e.avatar},null,8,["src"])])),default:s((()=>[f(" "+m(e.name),1)])),_:2},1032,["closable","disabled","onClose"])))),128))]),"relay"===l.mode?(n(),i("div",fe,[r(d(I),{clearable:"",value:xe.value,"onUpdate:value":o[4]||(o[4]=e=>xe.value=e),type:"textarea",placeholder:(null==($=window.getLanguageByCode)?void 0:$.call(window,"10010.1.41"))||"留言",autosize:{minRows:2,maxRows:2}},null,8,["value"])])):v("v-if",!0)])])])]})),_:1},8,["title","show","positive-button-props"]),e("span",{class:h(["btn-wrapper",{disabled:l.disabled}]),onClick:o[6]||(o[6]=e=>Ie.value=!0)},[k(a.$slots,"trigger",{},(()=>[r(d(A),{"show-arrow":!1,placement:"bottom"},{trigger:s((()=>[r(d(x),{color:"#ffffff4D",class:"add-btn"},{icon:s((()=>[r(d(_),{component:d(E),color:"#fff"},null,8,["component"])])),_:1})])),default:s((()=>[f(" "+m(l.title),1)])),_:1})]))],2)],64)}}});export{ge as default};

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

@@ -21,7 +21,6 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {}>>;
     cssVars: import("vue").ComputedRef<AnyObject>;
     state: {
-        filterable: boolean;
         orgId: string | number;
         currentSessionItem: AnyObject;
         id: string;
@@ -100,6 +99,11 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
     }, {
+        initialOptions: AnyObject[];
+        tabList: {
+            key: string;
+            label: string;
+        }[];
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
@@ -129,7 +133,6 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         emit: (event: "comfirm", ...args: any[]) => void;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: AnyObject;
             id: string;
@@ -153,27 +156,41 @@ declare const _default: import("vue").DefineComponent<{
         keyword: import("vue").Ref<string>;
         showModal: import("vue").Ref<boolean>;
         checkedOptions: import("vue").Ref<AnyObject[]>;
-        options: import("vue").Ref<AnyObject[]>;
         groupName: import("vue").Ref<string>;
-        checkedSourceIds: import("vue").Ref<(string | number)[]>;
         remark: import("vue").Ref<string>;
+        currentTab: import("vue").Ref<AnyObject[]>;
+        breadcrumbList: import("vue").Ref<AnyObject[]>;
         userList: import("vue").Ref<AnyObject[]>;
         handleInput: () => void;
         _disabledIds: import("vue").ComputedRef<any[]>;
-        defaultOptions: import("vue").ComputedRef<{
+        sessionList: import("vue").ComputedRef<{
             id: any;
             name: any;
             avatar: any;
+            chatType: any;
+        }[]>;
+        friends: import("vue").ComputedRef<{
+            id: any;
+            name: any;
+            avatar: any;
+            chatType: any;
+        }[]>;
+        groups: import("vue").ComputedRef<{
+            id: any;
+            name: any;
+            avatar: any;
+            chatType: any;
         }[]>;
         checkedIds: import("vue").ComputedRef<any[]>;
         btnDisabled: import("vue").ComputedRef<boolean>;
         allChecked: import("vue").WritableComputedRef<boolean>;
+        checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+        currentTabKey: import("vue").ComputedRef<any>;
+        getDisabled: (id: string | number) => boolean;
+        handleClickCheckbox: (option: AnyObject) => Promise<void>;
+        toggleTab: (item: AnyObject) => void;
+        handleTabBack: () => void;
         handlePositiveClick: () => Promise<void>;
-        updateCheckedSourceIds: () => void;
-        handleSourceIdsUpdate: (value: (string | number)[], meta: {
-            actionType: "check" | "uncheck";
-            value: string | number;
-        }) => void;
         closeTag: (id: string) => void;
         NModal: any;
         NButton: any;
@@ -185,8 +202,14 @@ declare const _default: import("vue").DefineComponent<{
         NCheckbox: any;
         NCheckboxGroup: any;
         NTooltip: any;
+        NBreadcrumb: any;
+        NBreadcrumbItem: 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<{}>>, {}>;
         AddOutline: 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<{}>>, {}>;
+        PersonOutline: 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<{}>>, {}>;
+        PeopleOutline: 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<{}>>, {}>;
+        ChevronBackOutline: 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<{}>>, {}>;
+        last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: StringConstructor;

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

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

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

@@ -6,7 +6,6 @@ import { FileOptions } from '../types';
 declare const _default: import("vue").DefineComponent<{}, {
     inputRef: Ref<HTMLDivElement | undefined>;
     state: {
-        filterable: boolean;
         orgId: string | number;
         currentSessionItem: AnyObject;
         id: string;
@@ -81,6 +80,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: boolean;
         };
     }, {
+        initialOptions: AnyObject[];
+        tabList: {
+            key: string;
+            label: string;
+        }[];
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
@@ -110,7 +114,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>;
         emit: (event: "comfirm", ...args: any[]) => void;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: AnyObject;
             id: string;
@@ -134,27 +137,41 @@ declare const _default: import("vue").DefineComponent<{}, {
         keyword: Ref<string>;
         showModal: Ref<boolean>;
         checkedOptions: Ref<AnyObject[]>;
-        options: Ref<AnyObject[]>;
         groupName: Ref<string>;
-        checkedSourceIds: Ref<(string | number)[]>;
         remark: Ref<string>;
+        currentTab: Ref<AnyObject[]>;
+        breadcrumbList: Ref<AnyObject[]>;
         userList: Ref<AnyObject[]>;
         handleInput: () => void;
         _disabledIds: import("vue").ComputedRef<any[]>;
-        defaultOptions: import("vue").ComputedRef<{
+        sessionList: import("vue").ComputedRef<{
             id: any;
             name: any;
             avatar: any;
+            chatType: any;
+        }[]>;
+        friends: import("vue").ComputedRef<{
+            id: any;
+            name: any;
+            avatar: any;
+            chatType: any;
+        }[]>;
+        groups: import("vue").ComputedRef<{
+            id: any;
+            name: any;
+            avatar: any;
+            chatType: any;
         }[]>;
         checkedIds: import("vue").ComputedRef<any[]>;
         btnDisabled: import("vue").ComputedRef<boolean>;
         allChecked: import("vue").WritableComputedRef<boolean>;
+        checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+        currentTabKey: import("vue").ComputedRef<any>;
+        getDisabled: (id: string | number) => boolean;
+        handleClickCheckbox: (option: AnyObject) => Promise<void>;
+        toggleTab: (item: AnyObject) => void;
+        handleTabBack: () => void;
         handlePositiveClick: () => Promise<void>;
-        updateCheckedSourceIds: () => void;
-        handleSourceIdsUpdate: (value: (string | number)[], meta: {
-            actionType: "check" | "uncheck";
-            value: string | number;
-        }) => void;
         closeTag: (id: string) => void;
         NModal: any;
         NButton: any;
@@ -166,8 +183,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         NCheckbox: any;
         NCheckboxGroup: any;
         NTooltip: any;
+        NBreadcrumb: any;
+        NBreadcrumbItem: 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<{}>>, {}>;
         AddOutline: 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<{}>>, {}>;
+        PersonOutline: 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<{}>>, {}>;
+        PeopleOutline: 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<{}>>, {}>;
+        ChevronBackOutline: 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<{}>>, {}>;
+        last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: StringConstructor;

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

@@ -1 +1 @@
-import{createElementVNode as e,defineComponent as n,ref as t,computed as o,watch as i,withDirectives as a,openBlock as r,createElementBlock as l,normalizeStyle as s,unref as c,toDisplayString as u,createVNode as d,createCommentVNode as g,withCtx as f,Fragment as m,renderList as w,createBlock as p,createTextVNode as y,mergeProps as v,renderSlot as h,vShow as C}from"vue";import{NIcon as M,NTooltip as k,NPopover as _,NButton as E,NUpload as I,NUploadTrigger as L}from"naive-ui";import T from"./ChatAdd.vue.js";import{useData as b}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{MESSAGE_TYPE as x,AV_STATUS as j}from"../constants/index.js";import{uploadFileApi as z}from"../api/index.js";import{simplifyMessage as B,base64ToFile as O}from"../utils/index.js";import{xor as R,uniq as D,trim as q,cloneDeep as $}from"lodash-es";import"trtc-sdk-v5";import{emojis as A}from"../utils/emoji.js";import{CloseCircleOutline as H,CallOutline as J,VideocamOutline as V}from"@vicons/ionicons5";import{uuidGenerator as K}from"../../../../shared/utils/index.js";import{useStorage as F}from"@vueuse/core";var U,G;const N={key:0,class:"reference-content-box"},X={class:"reference-content"},S=["innerHTML"],P={class:"tool-box"},Q=e("i",{class:"chat--iconfont chat--icon-face"},null,-1),W=e("span",null,(null==(U=window.getLanguageByCode)?void 0:U.call(window,"10010.1.51"))||"最近使用",-1),Y={class:"list-box",style:{"margin-bottom":"8px"}},Z=["src"],ee=e("span",null,(null==(G=window.getLanguageByCode)?void 0:G.call(window,"10010.1.52"))||"默认表情",-1),ne={class:"list-box"},te=["src"],oe=e("i",{class:"chat--iconfont chat--icon-good"},null,-1),ie=e("i",{class:"chat--iconfont chat--icon-image"},null,-1),ae=e("i",{class:"chat--iconfont chat--icon-folder"},null,-1),re=["contenteditable"],le={class:"btn-box"},se=e("span",{class:"tip"},"Enter 发送, Ctrl + Enter 换行",-1);var ce=n({__name:"ChatFooter",setup(n){const U=t(),{state:G,sendMessage:ce,isGroupChat:ue,isEnded:de}=b(),ge=t(!1),fe=t(""),me=F("commonEmoticons",[]),we=o((()=>({options:G.currentGroupUser,defaultValue:[G.userInfo]}))),pe=o((()=>!fe.value.replace(/(&nbsp;|\s|<br>)+/g,"")));function ye(e,n=[]){const t=K(),o=[],i=n.length>0;G.showVideo||G.showMultipleVideo||(i?(o.push(...R(n,[G.userInfo.id])),Object.assign(G.currentAVMsg,{callMode:"call",checkedIds:o,strRoomId:t,chatMessageType:e}),G.showMultipleVideo=!0):ce({content:{chatMessageType:e,msg:"",avStatus:j.IN_CALL}}))}function ve(e){["Enter"].includes(e.key)&&(e.ctrlKey&&(e.preventDefault(),document.execCommand("InsertLineBreak")),function(e){return e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}(e)||(e.preventDefault(),_e()))}function he(){var e;fe.value=(null==(e=U.value)?void 0:e.innerHTML)||""}function Ce(e){var n;me.value.unshift(e),me.value=D(me.value).slice(0,26),null==(n=U.value)||n.focus(),document.execCommand("insertHTML",!1,`<img data-msg=${e} data-type=${x.EMOJI} class="emoji--min" src=${A.findEmoji(e)} />`)}async function Me(e){const n=new FormData;return n.append("sender",G.userInfo.id),n.append("file",e),await z(n)}async function ke(e,n){const{file:t,name:o}=e.file,i=await Me(t);if(!i)return console.log("上传失败");Ee({chatMessageType:n,msg:n===x.FILE?o:i,url:i})}async function _e(){const{innerHTML:e="",innerText:n="",outerText:t=""}=U.value||{};if(pe.value)return console.log("请输入内容");let o=x.TEXT,i="";if(e){const t=e.match(/<img[^>]*>/gi),a=(t||[]).length;if(n&&0===a)i=n;else if(n||1!==a){if(o=x.BLEND,i=e,null==t?void 0:t.length)for(let e=0;e<a;e++)if(t[e].includes(`data-type="${x.EMOJI}"`)){const n=t[e].match(/data-msg="(.*?)"/);n&&n.length>1&&(i=i.replace(t[e],`[${n[1]}]`))}else{const n=t[e].match(/src\s*=\s*"([^"]*)"/);if(n&&n.length>1){const e=await O(n[1]);if(e){const t=await Me(e);i=i.replace(n[1],t||"")}}}}else if(e.includes(x.EMOJI)){o=x.EMOJI;const n=e.match(/data-msg\s*=\s*"([^"]*)"/);n&&(i=n[1])}else{o=x.IMAGE;const n=e.match(/src\s*=\s*"([^"]*)"/);if(n){const e=await O(n[1]);if(e){const n=await Me(e);n&&(i=n)}}}}else i=q(n);i&&Ee({msg:i,chatMessageType:o,origin:"btn"})}async function Ee(e){const{chatMessageType:n=x.TEXT,msg:t,url:o,origin:i=""}=e,a={msg:t,chatMessageType:n};n===x.FILE&&(a.fileUrl=o),"btn"===i&&Ie(),G.currentReferenceMsg&&([x.TEXT,x.EMOJI,x.BLEND].includes(n)&&(a.referenceContent=$(G.currentReferenceMsg)),G.currentReferenceMsg=null),ce({content:a})}function Ie(){U.value.innerHTML="",fe.value=""}return i((()=>[G.currentReferenceMsg,G.currentReEditMsg]),(([e,n])=>{var t;if((e||n)&&(null==(t=U.value)||t.focus()),n){const{chatMessageType:e,msg:t}=n.content||{},o=e===x.TEXT?t:`<img data-msg=${t} data-type=${x.EMOJI} class="emoji--min" src=${A.findEmoji(t)} />`;document.execCommand("insertHTML",!1,o),G.currentReEditMsg=null}})),i((()=>G.id),(e=>{e&&Ie()})),(n,t)=>a((r(),l("section",{class:"chat-footer",style:s({cursor:c(G).id?"default":"not-allowed"})},[c(G).currentReferenceMsg?(r(),l("div",N,[e("div",X,[e("span",null,u(c(G).currentReferenceMsg.senderName)+"：",1),e("pre",{innerHTML:c(B)(c(G).currentReferenceMsg.content)},null,8,S)]),d(c(M),{component:c(H),onClick:t[0]||(t[0]=()=>c(G).currentReferenceMsg=null)},null,8,["component"])])):g("v-if",!0),e("div",P,[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(_),{"content-class":"emoji-content",class:"emoji-wrapper",show:ge.value,"onUpdate:show":t[1]||(t[1]=e=>ge.value=e),placement:"top",trigger:"click","show-arrow":!1,"display-directive":"show",delay:0},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny"},{icon:f((()=>[Q])),_:1})])),default:f((()=>[c(me).length>0?(r(),l(m,{key:0},[W,e("div",Y,[(r(!0),l(m,null,w(c(me),(n=>(r(),p(c(k),{key:n,"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:()=>Ce(n)},{icon:f((()=>[e("img",{src:c(A).findEmoji(n)},null,8,Z)])),_:2},1032,["onClick"])])),default:f((()=>[y(" "+u(n),1)])),_:2},1024)))),128))])],64)):g("v-if",!0),ee,e("div",ne,[(r(!0),l(m,null,w(c(A).default,(([n,t])=>(r(),p(c(k),{key:n,"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:()=>Ce(n)},{icon:f((()=>[e("img",{src:t},null,8,te)])),_:2},1032,["onClick"])])),default:f((()=>[y(" "+u(n),1)])),_:2},1024)))),128))])])),_:1},8,["show"])])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.53"))||"表情")]})),_:1}),d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:t[2]||(t[2]=()=>Ee({chatMessageType:c(x).EMOJI,msg:0}))},{icon:f((()=>[oe])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.54"))||"点赞")]})),_:1}),d(c(I),{abstract:"",multiple:"",accept:"image/*",onChange:t[3]||(t[3]=e=>ke(e,c(x).IMAGE))},{default:f((()=>[d(c(L),{abstract:""},{default:f((({handleClick:e})=>[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:e},{icon:f((()=>[ie])),_:2},1032,["onClick"])])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.55"))||"上传图片")]})),_:2},1024)])),_:1})])),_:1}),d(c(I),{abstract:"",multiple:"",accept:"video/*,.pdf,.doc.docx,,.zip,.xlsx,.txt",onChange:t[4]||(t[4]=e=>ke(e,c(x).FILE))},{default:f((()=>[d(c(L),{abstract:""},{default:f((({handleClick:e})=>[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:e},{icon:f((()=>[ae])),_:2},1032,["onClick"])])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.56"))||"上传文件")]})),_:2},1024)])),_:1})])),_:1}),c(G).userInfo.sdkAppID?(r(),l(m,{key:0},[c(ue)?(r(),l(m,{key:0},[d(T,v(c(we),{onComfirm:t[5]||(t[5]=e=>ye(c(x).AUDIO,e))}),{trigger:f((()=>[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny"},{icon:f((()=>[d(c(M),{size:"18",component:c(J)},null,8,["component"])])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.57"))||"语音通话")]})),_:1})])),_:1},16),d(T,v(c(we),{onComfirm:t[6]||(t[6]=e=>ye(c(x).VIDEO,e))}),{trigger:f((()=>[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny"},{icon:f((()=>[d(c(M),{size:"20",component:c(V)},null,8,["component"])])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.58"))||"视频会议")]})),_:1})])),_:1},16)],64)):(r(),l(m,{key:1},[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:t[7]||(t[7]=()=>ye(c(x).AUDIO))},{icon:f((()=>[d(c(M),{size:"18",component:c(J)},null,8,["component"])])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.57"))||"语音通话")]})),_:1}),d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:t[8]||(t[8]=()=>ye(c(x).VIDEO))},{icon:f((()=>[d(c(M),{size:"20",component:c(V)},null,8,["component"])])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.59"))||"视频通话")]})),_:1})],64))],64)):g("v-if",!0),h(n.$slots,"footer")]),a(e("div",{ref_key:"inputRef",ref:U,class:"input-box",contenteditable:!c(de),onKeydown:ve,onInput:he},null,40,re),[[C,c(G).id]]),e("div",le,[se,d(c(E),{type:"primary",round:"",disabled:c(pe),onClick:_e},{default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.60"))||"发送")]})),_:1},8,["disabled"])])],4)),[[C,c(G).id]])}});export{ce as default};
+import{createElementVNode as e,defineComponent as n,ref as t,computed as o,watch as i,withDirectives as a,openBlock as r,createElementBlock as l,normalizeStyle as s,unref as c,toDisplayString as u,createVNode as d,createCommentVNode as g,withCtx as f,Fragment as m,renderList as w,createBlock as p,createTextVNode as y,mergeProps as h,renderSlot as v,vShow as C}from"vue";import{NIcon as M,NTooltip as k,NPopover as _,NButton as E,NUpload as I,NUploadTrigger as L}from"naive-ui";import T from"./ChatAdd.vue.js";import{useData as b}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{MESSAGE_TYPE as x,AV_STATUS as j}from"../constants/index.js";import{uploadFileApi as z}from"../api/index.js";import{simplifyMessage as B,base64ToFile as O}from"../utils/index.js";import{xor as R,uniq as D,trim as q,cloneDeep as $}from"lodash-es";import"trtc-sdk-v5";import{emojis as A}from"../utils/emoji.js";import{CloseCircleOutline as H,CallOutline as J,VideocamOutline as V}from"@vicons/ionicons5";import{uuidGenerator as K}from"../../../../shared/utils/index.js";import{useStorage as F}from"@vueuse/core";var U,G;const N={key:0,class:"reference-content-box"},X={class:"reference-content"},S=["innerHTML"],P={class:"tool-box"},Q=e("i",{class:"chat--iconfont chat--icon-face"},null,-1),W=e("span",null,(null==(U=window.getLanguageByCode)?void 0:U.call(window,"10010.1.51"))||"最近使用",-1),Y={class:"list-box",style:{"margin-bottom":"8px"}},Z=["src"],ee=e("span",null,(null==(G=window.getLanguageByCode)?void 0:G.call(window,"10010.1.52"))||"默认表情",-1),ne={class:"list-box"},te=["src"],oe=e("i",{class:"chat--iconfont chat--icon-good"},null,-1),ie=e("i",{class:"chat--iconfont chat--icon-image"},null,-1),ae=e("i",{class:"chat--iconfont chat--icon-folder"},null,-1),re=["contenteditable"],le={class:"btn-box"},se=e("span",{class:"tip"},"Enter 发送, Ctrl + Enter 换行",-1);var ce=n({__name:"ChatFooter",setup(n){const U=t(),{state:G,sendMessage:ce,isGroupChat:ue,isEnded:de}=b(),ge=t(!1),fe=t(""),me=F("commonEmoticons",[]),we=o((()=>({options:G.currentGroupUser,defaultValue:[G.userInfo]}))),pe=o((()=>!fe.value.replace(/(&nbsp;|\s|<br>)+/g,"")));function ye(e,n=[]){const t=K(),o=[],i=n.length>0;G.showVideo||G.showMultipleVideo||(i?(o.push(...R(n,[G.userInfo.id])),Object.assign(G.currentAVMsg,{callMode:"call",checkedIds:o,strRoomId:t,chatMessageType:e}),G.showMultipleVideo=!0):ce({content:{chatMessageType:e,msg:"",avStatus:j.IN_CALL}}))}function he(e){["Enter"].includes(e.key)&&(e.ctrlKey&&(e.preventDefault(),document.execCommand("InsertLineBreak")),function(e){return e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}(e)||(e.preventDefault(),_e()))}function ve(){var e;fe.value=(null==(e=U.value)?void 0:e.innerHTML)||""}function Ce(e){var n;me.value.unshift(e),me.value=D(me.value).slice(0,26),null==(n=U.value)||n.focus(),document.execCommand("insertHTML",!1,`<img data-msg=${e} data-type=${x.EMOJI} class="emoji--min" src=${A.findEmoji(e)} />`)}async function Me(e){const n=new FormData;return n.append("sender",G.userInfo.id),n.append("file",e),await z(n)}async function ke(e,n){const{file:t,name:o}=e.file,i=await Me(t);if(!i)return console.log("上传失败");Ee({chatMessageType:n,msg:n===x.FILE?o:i,url:i})}async function _e(){const{innerHTML:e="",innerText:n="",outerText:t=""}=U.value||{};if(pe.value)return console.log("请输入内容");let o=x.TEXT,i="";if(e){const t=e.match(/<img[^>]*>/gi),a=(t||[]).length;if(n&&0===a)i=n;else if(n||1!==a){if(o=x.BLEND,i=e,null==t?void 0:t.length)for(let e=0;e<a;e++)if(t[e].includes(`data-type="${x.EMOJI}"`)){const n=t[e].match(/data-msg="(.*?)"/);n&&n.length>1&&(i=i.replace(t[e],`[${n[1]}]`))}else{const n=t[e].match(/src\s*=\s*"([^"]*)"/);if(n&&n.length>1){const e=await O(n[1]);if(e){const t=await Me(e);i=i.replace(n[1],t||"")}}}}else if(e.includes(x.EMOJI)){o=x.EMOJI;const n=e.match(/data-msg\s*=\s*"([^"]*)"/);n&&(i=n[1])}else{o=x.IMAGE;const n=e.match(/src\s*=\s*"([^"]*)"/);if(n){const e=await O(n[1]);if(e){const n=await Me(e);n&&(i=n)}}}}else i=q(n);i&&Ee({msg:i,chatMessageType:o,origin:"btn"})}async function Ee(e){const{chatMessageType:n=x.TEXT,msg:t,url:o,origin:i=""}=e,a={msg:t,chatMessageType:n};n===x.FILE&&(a.fileUrl=o),"btn"===i&&Ie(),G.currentReferenceMsg&&([x.TEXT,x.EMOJI,x.BLEND].includes(n)&&(a.referenceContent=$(G.currentReferenceMsg)),G.currentReferenceMsg=null),ce({content:a})}function Ie(){U.value.innerHTML="",fe.value=""}return i((()=>[G.currentReferenceMsg,G.currentReEditMsg]),(([e,n])=>{var t;if((e||n)&&(null==(t=U.value)||t.focus()),n){const{chatMessageType:e,msg:t}=n.content||{},o=e===x.TEXT?t:`<img data-msg=${t} data-type=${x.EMOJI} class="emoji--min" src=${A.findEmoji(t)} />`;document.execCommand("insertHTML",!1,o),G.currentReEditMsg=null}})),i((()=>G.id),(e=>{e&&Ie()})),(n,t)=>a((r(),l("section",{class:"chat-footer",style:s({cursor:c(G).id?"default":"not-allowed"})},[c(G).currentReferenceMsg?(r(),l("div",N,[e("div",X,[e("span",null,u(c(G).currentReferenceMsg.senderName)+"：",1),e("pre",{innerHTML:c(B)(c(G).currentReferenceMsg.content)},null,8,S)]),d(c(M),{component:c(H),onClick:t[0]||(t[0]=()=>c(G).currentReferenceMsg=null)},null,8,["component"])])):g("v-if",!0),e("div",P,[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(_),{"content-class":"emoji-content",class:"emoji-wrapper",show:ge.value,"onUpdate:show":t[1]||(t[1]=e=>ge.value=e),placement:"top",trigger:"click","show-arrow":!1,"display-directive":"show",delay:0},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny"},{icon:f((()=>[Q])),_:1})])),default:f((()=>[c(me).length>0?(r(),l(m,{key:0},[W,e("div",Y,[(r(!0),l(m,null,w(c(me),(n=>(r(),p(c(k),{key:n,"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:()=>Ce(n)},{icon:f((()=>[e("img",{src:c(A).findEmoji(n)},null,8,Z)])),_:2},1032,["onClick"])])),default:f((()=>[y(" "+u(n),1)])),_:2},1024)))),128))])],64)):g("v-if",!0),ee,e("div",ne,[(r(!0),l(m,null,w(c(A).default,(([n,t])=>(r(),p(c(k),{key:n,"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:()=>Ce(n)},{icon:f((()=>[e("img",{src:t},null,8,te)])),_:2},1032,["onClick"])])),default:f((()=>[y(" "+u(n),1)])),_:2},1024)))),128))])])),_:1},8,["show"])])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.53"))||"表情")]})),_:1}),d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:t[2]||(t[2]=()=>Ee({chatMessageType:c(x).EMOJI,msg:0}))},{icon:f((()=>[oe])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.54"))||"点赞")]})),_:1}),d(c(I),{abstract:"",multiple:"",accept:"image/*",onChange:t[3]||(t[3]=e=>ke(e,c(x).IMAGE))},{default:f((()=>[d(c(L),{abstract:""},{default:f((({handleClick:e})=>[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:e},{icon:f((()=>[ie])),_:2},1032,["onClick"])])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.55"))||"上传图片")]})),_:2},1024)])),_:1})])),_:1}),d(c(I),{abstract:"",multiple:"",accept:"video/*,.pdf,.doc.docx,,.zip,.xlsx,.txt",onChange:t[4]||(t[4]=e=>ke(e,c(x).FILE))},{default:f((()=>[d(c(L),{abstract:""},{default:f((({handleClick:e})=>[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:e},{icon:f((()=>[ae])),_:2},1032,["onClick"])])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.56"))||"上传文件")]})),_:2},1024)])),_:1})])),_:1}),c(G).userInfo.sdkAppID?(r(),l(m,{key:0},[c(ue)?(r(),l(m,{key:0},[d(T,h(c(we),{onComfirm:t[5]||(t[5]=e=>ye(c(x).AUDIO,e.checkedIds))}),{trigger:f((()=>[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny"},{icon:f((()=>[d(c(M),{size:"18",component:c(J)},null,8,["component"])])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.57"))||"语音通话")]})),_:1})])),_:1},16),d(T,h(c(we),{onComfirm:t[6]||(t[6]=e=>ye(c(x).VIDEO,e.checkedIds))}),{trigger:f((()=>[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny"},{icon:f((()=>[d(c(M),{size:"20",component:c(V)},null,8,["component"])])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.58"))||"视频会议")]})),_:1})])),_:1},16)],64)):(r(),l(m,{key:1},[d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:t[7]||(t[7]=()=>ye(c(x).AUDIO))},{icon:f((()=>[d(c(M),{size:"18",component:c(J)},null,8,["component"])])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.57"))||"语音通话")]})),_:1}),d(c(k),{"show-arrow":!1},{trigger:f((()=>[d(c(E),{quaternary:"",size:"tiny",onClick:t[8]||(t[8]=()=>ye(c(x).VIDEO))},{icon:f((()=>[d(c(M),{size:"20",component:c(V)},null,8,["component"])])),_:1})])),default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.59"))||"视频通话")]})),_:1})],64))],64)):g("v-if",!0),v(n.$slots,"footer")]),a(e("div",{ref_key:"inputRef",ref:U,class:"input-box",contenteditable:!c(de),onKeydown:he,onInput:ve},null,40,re),[[C,c(G).id]]),e("div",le,[se,d(c(E),{type:"primary",round:"",disabled:c(pe),onClick:_e},{default:f((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.60"))||"发送")]})),_:1},8,["disabled"])])],4)),[[C,c(G).id]])}});export{ce as default};