cnhis-design-vue 3.2.4-beta.20 → 3.2.4-beta.21

package/es/components/biunique-chat/index.d.ts

@@ -836,23 +836,37 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 type: {
                     type: StringConstructor;
                     default: string;
                 };
+                visible: {
+                    type: BooleanConstructor;
+                };
             }>> & {}>>;
-            imageList: {
+            state: import("./src/types").IState;
+            imageList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            fileList: import("vue").Ref<import("../../shared/types").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: import("../../shared/types").AnyObject[]) => {
                 label: string;
-                data: string[];
-            }[];
-            fileList: {
-                name: string;
-                size: string;
-                time: string;
-                sender: string;
+                list: unknown;
             }[];
+            resetAndSearch: () => void;
             title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
             getDetail: (item: import("../../shared/types").AnyObject) => string;
             NModal: any;
@@ -1066,8 +1080,12 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }>>, {
             type: string;
+            visible: boolean;
         }>;
         ChatRecord: import("vue").DefineComponent<{
             visible: {
@@ -1102,7 +1120,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             startDateDisabled: (ts: number) => boolean;
             endDateDisabled: (ts: number) => boolean;
             resetInfo: () => void;
-            handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
+            handleCloseTag: (type: "end" | "start" | "member") => void;
             getPrefixCondition: () => (JSX.Element | null)[];
             renderLabel: (option: import("../../shared/types").AnyObject) => JSX.Element;
             NModal: any;
@@ -1111,6 +1129,17 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             NSelect: any;
             NAvatar: any;
             NPopover: any;
+            NInputGroup: import("vue").DefineComponent<{
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            }, {
+                mergedClsPrefix: import("vue").ComputedRef<string>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            }>>, {}>;
             DatePicker: SFCWithInstall<import("vue").DefineComponent<{
                 updateUnchangedValue: {
                     type: BooleanConstructor;
@@ -1190,6 +1219,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             formatTime: typeof import("./src/utils").formatTime;
             MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
+            images: import("vue").Ref<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;

package/es/components/biunique-chat/src/Index.vue.d.ts

@@ -839,23 +839,37 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 type: {
                     type: StringConstructor;
                     default: string;
                 };
+                visible: {
+                    type: BooleanConstructor;
+                };
             }>> & {}>>;
-            imageList: {
+            state: 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;
-                data: string[];
-            }[];
-            fileList: {
-                name: string;
-                size: string;
-                time: string;
-                sender: string;
+                list: unknown;
             }[];
+            resetAndSearch: () => void;
             title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
             getDetail: (item: AnyObject) => string;
             NModal: any;
@@ -1069,8 +1083,12 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }>>, {
             type: string;
+            visible: boolean;
         }>;
         ChatRecord: import("vue").DefineComponent<{
             visible: {
@@ -1105,7 +1123,7 @@ declare const _default: import("vue").DefineComponent<{
             startDateDisabled: (ts: number) => boolean;
             endDateDisabled: (ts: number) => boolean;
             resetInfo: () => void;
-            handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
+            handleCloseTag: (type: "end" | "start" | "member") => void;
             getPrefixCondition: () => (JSX.Element | null)[];
             renderLabel: (option: AnyObject) => JSX.Element;
             NModal: any;
@@ -1114,6 +1132,17 @@ declare const _default: import("vue").DefineComponent<{
             NSelect: any;
             NAvatar: any;
             NPopover: any;
+            NInputGroup: import("vue").DefineComponent<{
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            }, {
+                mergedClsPrefix: import("vue").ComputedRef<string>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            }>>, {}>;
             DatePicker: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
                 updateUnchangedValue: {
                     type: BooleanConstructor;
@@ -1193,6 +1222,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             formatTime: typeof import("./utils").formatTime;
             MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
+            images: import("vue").Ref<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;

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

@@ -5,23 +5,37 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    visible: {
+        type: BooleanConstructor;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
             default: string;
         };
+        visible: {
+            type: BooleanConstructor;
+        };
     }>> & {}>>;
-    imageList: {
+    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;
-        data: string[];
-    }[];
-    fileList: {
-        name: string;
-        size: string;
-        time: string;
-        sender: string;
+        list: unknown;
     }[];
+    resetAndSearch: () => void;
     title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
     getDetail: (item: AnyObject) => string;
     NModal: any;
@@ -235,7 +249,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    visible: {
+        type: BooleanConstructor;
+    };
 }>>, {
     type: string;
+    visible: boolean;
 }>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as t,computed as i,openBlock as a,createBlock as e,unref as m,withCtx as c,createElementBlock as s,createVNode as p,Fragment as o,renderList as l,createElementVNode as n,toDisplayString as u}from"vue";import{NModal as d,NImageGroup as f,NImage as h,NInput as r,NIcon as g}from"naive-ui";import{SearchOutline as b,OpenOutline as y,DownloadOutline as w}from"@vicons/ionicons5";const G={key:0,class:"c-chat-dialog__content c-chat-image-wrapper"},v={class:"label"},E={class:"image-box"},P={key:1,class:"c-chat-dialog__content c-chat-file-wrapper"},_={class:"file-list-box"},x={class:"text"},J={class:"name"},k={class:"detail"},C={class:"opt-box"};var z=t({__name:"ChatFile",props:{type:{type:String,default:"image"}},setup(t){const z=t,j=[{label:"本周",data:["https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500"]},{label:"本月",data:["https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037"]},{label:"2024年01月",data:["https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037","https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037"]}],q=[{name:"问的那个1.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控部）"},{name:"问的那个21.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控2部）"}],L=i((()=>"image"===z.type?"聊天图片":"聊天文件"));function W(t){const{size:i,time:a,sender:e}=t;return`${i}.${a}.${e}`}return(i,z)=>(a(),e(m(d),{preset:"dialog",title:m(L),"show-icon":!1,class:"c-chat-dialog"},{default:c((()=>["image"===t.type?(a(),s("div",G,[p(m(f),null,{default:c((()=>[(a(),s(o,null,l(j,(t=>n("div",{class:"image-item",key:t.label},[n("span",v,u(t.label),1),n("div",E,[(a(!0),s(o,null,l(t.data,((t,i)=>(a(),e(m(h),{key:i,width:"80",height:"80",src:t},null,8,["src"])))),128))])]))),64))])),_:1})])):(a(),s("div",P,[p(m(r),{placeholder:"搜索文件"},{prefix:c((()=>[p(m(g),{component:m(b)},null,8,["component"])])),_:1}),n("div",_,[(a(),s(o,null,l(q,((t,i)=>n("div",{class:"file-item",key:i},[p(m(g),{component:m(b)},null,8,["component"]),n("div",x,[n("span",J,u(t.name),1),n("span",k,u(W(t)),1)]),n("div",C,[p(m(g),{size:16,component:m(y)},null,8,["component"]),p(m(g),{size:16,component:m(w)},null,8,["component"])])]))),64))])]))])),_:1},8,["title"]))}});export{z as default};
+import{defineComponent as e,ref as t,computed as a,watch as o,openBlock as s,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}from"vue";import{NModal as g,NImageGroup as v,NImage as h,NInput as b,NIcon as w}from"naive-ui";import{SearchOutline as M,OpenOutline as _,DownloadOutline as k}from"@vicons/ionicons5";import{searchChatRecordApi as I}from"../api/index.js";import{useScrollLoading as S}from"../hooks/useScrollLoading.js";import{format as T,isSameWeek as x,isSameMonth as j}from"date-fns";import{useState as A}from"../hooks/useState.js";import{last as z}from"lodash-es";import"../utils/emoji.js";import{useDebounceFn as D}from"@vueuse/core";const H={class:"label"},L={class:"image-box"},E={class:"c-chat-dialog__content c-chat-file-wrapper"},$={class:"text"},F={class:"name"},K={class:"detail"},O={class:"opt-box"};var R=e({__name:"ChatFile",props:{type:{type:String,default:"image"},visible:{type:Boolean}},setup(e){const R=e,{state:B}=A(),C=t([]),G=t([{name:"问的那个1.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控部）"},{name:"问的那个21.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控2部）"}]),U=t(),q=t(),J=t(),N=D(V,500),P={page:0,hasMore:!0,lastSendTime:T(new Date,"yyyy-MM-dd HH:mm:ss")};async function Q(){var e;try{if(!P.hasMore)return;P.page++;const t=await I({orgId:B.orgId,keyword:J.value,endTime:"",startTime:"",lastSendTime:P.lastSendTime,memberIdSet:[],page:P.page,recordType:"image"===R.type?"IMAGE":"FILE",sessionKey:B.currentSessionItem.sessionKey,userId:B.userInfo.id});Array.isArray(t)&&0!==t.length&&Array.isArray(t[0].recordList)||(P.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了"));let a=t||[];if(Array.isArray(t)&&t.length>0&&(a=t[0].recordList),P.lastSendTime=null==(e=z(a))?void 0:e.sendTime,"image"===R.type){const e=function(e){const t={};e.forEach((e=>{const a=new Date(e.sendTime);let o=T(a,"yyyy年MM月");x(a,new Date)?o="本周":j(a,new Date)&&(o="本月"),t[o]||(t[o]=[]),t[o].push(e.content.msg)}));return Object.entries(t).map((([e,t])=>({label:e,list:t})))}(a);C.value=P.page>1?C.value.concat(e):e}}catch(e){console.log(e)}}function V(){Object.assign(P,{page:0,hasMore:!0,lastSendTime:T(new Date,"yyyy-MM-dd HH:mm:ss")}),Q()}S(U,(()=>{Q()})),S(q,(()=>{Q()}));const W=a((()=>"image"===R.type?"聊天图片":"聊天文件"));function X(e){const{size:t,time:a,sender:o}=e;return`${t}.${a}.${o}`}return o((()=>R.visible),(e=>{e?V():J.value=""})),(t,a)=>(s(),i(n(g),{preset:"dialog",title:n(W),"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:U},[m(n(v),{"show-toolbar-tooltip":""},{default:l((()=>[(s(!0),p(d,null,u(C.value,(e=>(s(),p("div",{class:"image-item",key:e.label},[c("span",H,y(e.label),1),c("div",L,[(s(!0),p(d,null,u(e.list,(e=>(s(),i(n(h),{key:e,width:"80",height:"80",src:e},null,8,["src"])))),128))])])))),128))])),_:1})],512),[[f,"image"===e.type]]),r(c("div",E,[m(n(b),{placeholder:"搜索文件",value:J.value,"onUpdate:value":a[0]||(a[0]=e=>J.value=e),valueModifiers:{trim:!0},onInput:n(N)},{prefix:l((()=>[m(n(w),{component:n(M)},null,8,["component"])])),_:1},8,["value","onInput"]),c("div",{class:"file-list-box",ref_key:"fileRef",ref:q},[(s(!0),p(d,null,u(G.value,((e,t)=>(s(),p("div",{class:"file-item",key:t},[m(n(w),{component:n(M)},null,8,["component"]),c("div",$,[c("span",F,y(e.name),1),c("span",K,y(X(e)),1)]),c("div",O,[m(n(w),{size:16,component:n(_)},null,8,["component"]),m(n(w),{size:16,component:n(k)},null,8,["component"])])])))),128))],512)],512),[[f,"image"!==e.type]])])),_:1},8,["title"]))}});export{R as default};

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

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

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

@@ -332,23 +332,37 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: StringConstructor;
             default: string;
         };
+        visible: {
+            type: BooleanConstructor;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: StringConstructor;
                 default: string;
             };
+            visible: {
+                type: BooleanConstructor;
+            };
         }>> & {}>>;
-        imageList: {
+        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;
-            data: string[];
-        }[];
-        fileList: {
-            name: string;
-            size: string;
-            time: string;
-            sender: string;
+            list: unknown;
         }[];
+        resetAndSearch: () => void;
         title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
         getDetail: (item: AnyObject) => string;
         NModal: any;
@@ -562,8 +576,12 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: StringConstructor;
             default: string;
         };
+        visible: {
+            type: BooleanConstructor;
+        };
     }>>, {
         type: string;
+        visible: boolean;
     }>;
     ChatRecord: import("vue").DefineComponent<{
         visible: {
@@ -598,7 +616,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         startDateDisabled: (ts: number) => boolean;
         endDateDisabled: (ts: number) => boolean;
         resetInfo: () => void;
-        handleCloseTag: (type: "end" | "start" | "member", e: Event) => void;
+        handleCloseTag: (type: "end" | "start" | "member") => void;
         getPrefixCondition: () => (JSX.Element | null)[];
         renderLabel: (option: AnyObject) => JSX.Element;
         NModal: any;
@@ -607,6 +625,17 @@ declare const _default: import("vue").DefineComponent<{}, {
         NSelect: any;
         NAvatar: any;
         NPopover: any;
+        NInputGroup: import("vue").DefineComponent<{
+            [x: string]: never;
+            [x: number]: never;
+            [x: symbol]: never;
+        }, {
+            mergedClsPrefix: import("vue").ComputedRef<string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            [x: string]: never;
+            [x: number]: never;
+            [x: symbol]: never;
+        }>>, {}>;
         DatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
             updateUnchangedValue: {
                 type: BooleanConstructor;
@@ -686,6 +715,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>;
         formatTime: typeof import("../utils").formatTime;
         MESSAGE_TYPE: typeof import("../constants").MESSAGE_TYPE;
+        images: import("vue").Ref<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;

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

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

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

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     startDateDisabled: (ts: number) => boolean;
     endDateDisabled: (ts: number) => boolean;
     resetInfo: () => void;
-    handleCloseTag: (type: 'member' | 'start' | 'end', e: Event) => void;
+    handleCloseTag: (type: 'member' | 'start' | 'end') => void;
     getPrefixCondition: () => (JSX.Element | null)[];
     renderLabel: (option: AnyObject) => JSX.Element;
     NModal: any;
@@ -44,6 +44,17 @@ declare const _default: import("vue").DefineComponent<{
     NSelect: any;
     NAvatar: any;
     NPopover: any;
+    NInputGroup: import("vue").DefineComponent<{
+        [x: string]: never;
+        [x: number]: never;
+        [x: symbol]: never;
+    }, {
+        mergedClsPrefix: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        [x: string]: never;
+        [x: number]: never;
+        [x: symbol]: never;
+    }>>, {}>;
     DatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
         updateUnchangedValue: {
             type: BooleanConstructor;
@@ -123,6 +134,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     formatTime: typeof formatTime;
     MESSAGE_TYPE: typeof MESSAGE_TYPE;
+    images: import("vue").Ref<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;

package/es/components/biunique-chat/src/components/ChatRecord.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as a,computed as l,watch as t,openBlock as s,createBlock as r,unref as n,withCtx as o,createElementVNode as i,createVNode as u,toDisplayString as c,resolveDynamicComponent as d,createElementBlock as v,Fragment as m,renderList as p,withDirectives as f,createTextVNode as g,vShow as y}from"vue";import{NModal as b,NAvatar as h,NInput as _,NSelect as T,NPopover as k,NTag as x,NIcon as M}from"naive-ui";import{SearchOutline as I}from"@vicons/ionicons5";import{useState as w}from"../hooks/useState.js";import{transformMessage as S,formatTime as A}from"../utils/index.js";import{last as j}from"lodash-es";import L from"../../../date-picker/index.js";import{searchChatRecordApi as C}from"../api/index.js";import{useDebounceFn as E}from"@vueuse/core";import{format as H}from"date-fns";import{useScrollLoading as D}from"../hooks/useScrollLoading.js";import{MESSAGE_TYPE as U}from"../constants/index.js";import{images as z}from"../utils/emoji.js";const O={class:"c-chat-dialog__header"},J=i("span",{class:"left"},"聊天记录",-1),K={class:"center"},P={class:"c-chat-dialog__content c-chat-record-wrapper"},R={class:"chat-record-box"},B={class:"msg-box"},G={class:"name-and-time"},N={class:"content"},X=["src"],$=["innerHTML"],q={key:1,class:"no-data"},F={class:"chat-record-box__filter"},Q=i("span",{class:"filter-title"},"添加筛选条件",-1),V={class:"filter-item"},W=i("span",{class:"label"},"成员：",-1),Y={class:"filter-item"},Z=i("span",{class:"label"},"日期：",-1),ee={class:"time-target"},ae={class:"time-target__item"},le=i("span",null,"开始：",-1),te={class:"no-data"},se={class:"time-target__item"},re=i("span",null,"结束：",-1),ne={class:"no-data"};var oe=e({__name:"ChatRecord",props:{visible:{type:Boolean}},setup(e){const oe=e,ie={color:"#fff",textColor:"#666"},{state:ue}=w(),ce=a(),de=a([]),ve=a(),me=a([]),pe=a(),fe=a(),ge=E(_e,500),ye={page:0,hasMore:!0,lastSendTime:H(new Date,"yyyy-MM-dd HH:mm:ss")};async function be(){var e;try{if(!ye.hasMore)return;ye.page++;const a=await C({orgId:ue.orgId,keyword:ve.value,endTime:fe.value?fe.value+" 23:59:59":"",startTime:pe.value?pe.value+" 00:00:00":"",lastSendTime:ye.lastSendTime,memberIdSet:me.value,page:ye.page,recordType:"ALL",sessionKey:ue.currentSessionItem.sessionKey,userId:ue.userInfo.id});Array.isArray(a)&&0!==a.length&&Array.isArray(a[0].recordList)||(ye.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了"));let l=a||[];Array.isArray(a)&&a.length>0&&(l=a[0].recordList),ye.lastSendTime=null==(e=j(l))?void 0:e.sendTime,l.forEach((e=>{var a,l,t,s,r,n;let o="";switch(e.content.chatMessageType){case U.TEXT:o=S(null==(a=e.content)?void 0:a.msg);break;case U.TEMPLATE:o=null==(s=null==(t=null==(l=e.content)?void 0:l.messageTemplate)?void 0:t.setting)?void 0:s.title;break;case U.EMOJI:o=z[null==(r=e.item.content)?void 0:r.msg];break;default:o=null==(n=e.content)?void 0:n.msg}e.__content=o})),de.value=ye.page>1?de.value.concat(l):l}catch(e){console.log(e)}}D(ce,(()=>{be()}));const he=l((()=>[ue.currentSessionItem]));function _e(){Object.assign(ye,{page:0,hasMore:!0,lastSendTime:H(new Date,"yyyy-MM-dd HH:mm:ss")}),be()}function Te(e){return!!fe.value&&e>Date.parse(`${fe.value} 23:59:59`)}function ke(e){return!!pe.value&&e<Date.parse(pe.value)}function xe(e,a){switch(a.stopPropagation(),e){case"member":me.value=[];break;case"start":pe.value=null;break;case"end":fe.value=null}}function Me(e){return u(m,null,[u("div",{style:"display: flex;align-items: center"},[u(h,{src:e.avatar,round:!0,size:"small"},null),u("span",{style:"margin-left: 10px"},[e.name])])])}return t([()=>me.value,()=>pe.value,()=>fe.value],(()=>{oe.visible&&_e()}),{deep:!0}),t((()=>oe.visible),(e=>{e?_e():(ve.value="",fe.value=null,pe.value=null,me.value=[],de.value=[])})),(e,a)=>(s(),r(n(b),{preset:"dialog",title:"","show-icon":!1,"auto-focus":!1,class:"c-chat-dialog"},{header:o((()=>[i("div",O,[J,i("div",K,[u(n(h),{round:"",size:30,src:n(ue).currentSessionItem.avatar},null,8,["src"]),i("span",null,c(n(ue).currentSessionItem.name),1)])])])),default:o((()=>[i("div",P,[u(n(_),{placeholder:"搜索",value:ve.value,"onUpdate:value":a[0]||(a[0]=e=>ve.value=e),valueModifiers:{trim:!0},onInput:n(ge)},{prefix:o((()=>[(s(),r(d((()=>[u(M,{component:I,color:"#6666"},null),me.value.length>0?u(x,{closable:!0,bordered:!1,color:ie,style:"margin-left: 10px",onClose:e=>xe("member",e)},{default:()=>{var e;return[g("成员:")," ",me.value.length>1?me.value.length+"人":null==(e=he.value.find((e=>e.receiver===me.value[0])))?void 0:e.name]}}):null,pe.value?u(x,{closable:!0,bordered:!1,color:ie,style:"margin-left: 10px",onClose:e=>xe("start",e)},{default:()=>[g("起始时间: "),pe.value]}):null,fe.value?u(x,{closable:!0,bordered:!1,color:ie,style:"margin-left: 10px",onClose:e=>xe("end",e)},{default:()=>[g("结束时间: "),fe.value]}):null]))))])),_:1},8,["value","onInput"]),i("div",R,[i("div",{class:"chat-record-box__content",ref_key:"recordRef",ref:ce},[de.value.length>0?(s(!0),v(m,{key:0},p(de.value,(e=>(s(),v("div",{class:"content-item",key:e.id},[u(n(h),{round:"",size:38,src:e.senderAvatar},null,8,["src"]),i("div",B,[i("div",G,[i("span",null,c(e.senderName),1),i("span",null,c(n(A)(e.sendTime).recordTime),1)]),i("div",N,[[n(U).EMOJI,n(U).IMAGE].includes(e.content.chatMessageType)?(s(),v("img",{key:0,src:e.__content},null,8,X)):(s(),v("p",{key:1,innerHTML:e.__content},null,8,$))])])])))),128)):(s(),v("div",q,"没有找到相关记录"))],512),i("div",F,[Q,i("div",V,[W,u(n(T),{value:me.value,"onUpdate:value":a[1]||(a[1]=e=>me.value=e),multiple:"","max-tag-count":1,"render-label":Me,options:n(he),"value-field":"receiver"},null,8,["value","options"])]),i("div",Y,[Z,i("div",ee,[u(n(k),{trigger:"click","show-arrow":!1},{trigger:o((()=>[i("div",ae,[le,f(u(n(x),{bordered:!1,color:ie,closable:"",onClose:a[2]||(a[2]=e=>xe("start",e))},{default:o((()=>[g(c(pe.value),1)])),_:1},512),[[y,pe.value]]),f(i("span",te,"点击选择",512),[[y,!pe.value]])])])),default:o((()=>[u(n(L),{"formatted-value":pe.value,"onUpdate:formatted-value":a[3]||(a[3]=e=>pe.value=e),type:"date",panel:"",clearable:"","is-date-disabled":Te},null,8,["formatted-value"])])),_:1}),u(n(k),{trigger:"click","show-arrow":!1},{trigger:o((()=>[i("div",se,[re,f(u(n(x),{bordered:!1,color:ie,closable:"",onClose:a[4]||(a[4]=e=>xe("end",e))},{default:o((()=>[g(c(fe.value),1)])),_:1},512),[[y,fe.value]]),f(i("span",ne,"点击选择",512),[[y,!fe.value]])])])),default:o((()=>[u(n(L),{"formatted-value":fe.value,"onUpdate:formatted-value":a[5]||(a[5]=e=>fe.value=e),type:"date",panel:"",clearable:"","is-date-disabled":ke},null,8,["formatted-value"])])),_:1})])])])])])])),_:1}))}});export{oe as default};
+import{defineComponent as e,ref as a,computed as l,watch as t,openBlock as s,createBlock as r,unref as n,withCtx as o,createElementVNode as i,createVNode as u,toDisplayString as c,resolveDynamicComponent as d,createElementBlock as v,Fragment as m,renderList as p,withDirectives as f,createTextVNode as g,vShow as y}from"vue";import{NModal as h,NAvatar as b,NInputGroup as _,NInput as T,NSelect as k,NPopover as M,NTag as x,NIcon as I}from"naive-ui";import{SearchOutline as w}from"@vicons/ionicons5";import{useState as S}from"../hooks/useState.js";import{transformMessage as j,formatTime as A}from"../utils/index.js";import{last as L}from"lodash-es";import C from"../../../date-picker/index.js";import{searchChatRecordApi as E}from"../api/index.js";import{useDebounceFn as H}from"@vueuse/core";import{format as z}from"date-fns";import{useScrollLoading as D}from"../hooks/useScrollLoading.js";import{MESSAGE_TYPE as U}from"../constants/index.js";import{images as K}from"../utils/emoji.js";const O={class:"c-chat-dialog__header"},R=i("span",{class:"left"},"聊天记录",-1),B={class:"center"},G={class:"c-chat-dialog__content c-chat-record-wrapper"},J={class:"chat-record-box"},N={class:"msg-box"},P={class:"name-and-time"},X={class:"content"},$=["src"],q=["src"],F=["innerHTML"],Q={key:1,class:"no-data"},V={class:"chat-record-box__filter"},W=i("span",{class:"filter-title"},"添加筛选条件",-1),Y={class:"filter-item"},Z=i("span",{class:"label"},"成员：",-1),ee={class:"filter-item"},ae=i("span",{class:"label"},"日期：",-1),le={class:"time-target"},te={class:"time-target__item"},se=i("span",null,"开始：",-1),re={class:"no-data"},ne={class:"time-target__item"},oe=i("span",null,"结束：",-1),ie={class:"no-data"};var ue=e({__name:"ChatRecord",props:{visible:{type:Boolean}},setup(e){const ue=e,ce={color:"#fff",textColor:"#666"},{state:de}=S(),ve=a(),me=a([]),pe=a(),fe=a([]),ge=a(),ye=a(),he=H(ke,500),be={page:0,hasMore:!0,lastSendTime:z(new Date,"yyyy-MM-dd HH:mm:ss")};async function _e(){var e;try{if(!be.hasMore)return;be.page++;const a=await E({orgId:de.orgId,keyword:pe.value,endTime:ye.value?ye.value+" 23:59:59":"",startTime:ge.value?ge.value+" 00:00:00":"",lastSendTime:be.lastSendTime,memberIdSet:fe.value,page:be.page,recordType:"ALL",sessionKey:de.currentSessionItem.sessionKey,userId:de.userInfo.id});Array.isArray(a)&&0!==a.length&&Array.isArray(a[0].recordList)||(be.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了"));let l=a||[];Array.isArray(a)&&a.length>0&&(l=a[0].recordList),be.lastSendTime=null==(e=L(l))?void 0:e.sendTime,l.forEach((e=>{var a,l,t,s,r;let n="";switch(e.content.chatMessageType){case U.TEXT:n=j(null==(a=e.content)?void 0:a.msg);break;case U.TEMPLATE:n=null==(s=null==(t=null==(l=e.content)?void 0:l.messageTemplate)?void 0:t.setting)?void 0:s.title;break;default:n=null==(r=e.content)?void 0:r.msg}e.__content=n})),me.value=be.page>1?me.value.concat(l):l}catch(e){console.log(e)}}D(ve,(()=>{_e()}));const Te=l((()=>[de.currentSessionItem]));function ke(){Object.assign(be,{page:0,hasMore:!0,lastSendTime:z(new Date,"yyyy-MM-dd HH:mm:ss")}),_e()}function Me(e){return!!ye.value&&e>Date.parse(`${ye.value} 23:59:59`)}function xe(e){return!!ge.value&&e<Date.parse(ge.value)}function Ie(e){switch(e){case"member":fe.value=[];break;case"start":ge.value=null;break;case"end":ye.value=null}}function we(e){return u(m,null,[u("div",{style:"display: flex;align-items: center"},[u(b,{src:e.avatar,round:!0,size:"small"},null),u("span",{style:"margin-left: 10px"},[e.name])])])}return t([()=>fe.value,()=>ge.value,()=>ye.value],(()=>{ue.visible&&ke()}),{deep:!0}),t((()=>ue.visible),(e=>{e?ke():(pe.value="",ye.value=null,ge.value=null,fe.value=[],me.value=[])})),(e,a)=>(s(),r(n(h),{preset:"dialog",title:"","show-icon":!1,"auto-focus":!1,class:"c-chat-dialog"},{header:o((()=>[i("div",O,[R,i("div",B,[u(n(b),{round:"",size:30,src:n(de).currentSessionItem.avatar},null,8,["src"]),i("span",null,c(n(de).currentSessionItem.name),1)])])])),default:o((()=>[i("div",G,[u(n(_),null,{default:o((()=>[(s(),r(d((()=>[u(I,{component:w,size:18,color:"#6666"},null),fe.value.length>0?u(x,{closable:!0,bordered:!1,color:ce,onClose:()=>Ie("member")},{default:()=>{var e;return[g("成员:")," ",fe.value.length>1?fe.value.length+"人":null==(e=Te.value.find((e=>e.receiver===fe.value[0])))?void 0:e.name]}}):null,ge.value?u(x,{closable:!0,bordered:!1,color:ce,onClose:()=>Ie("start")},{default:()=>[g("起始时间: "),ge.value]}):null,ye.value?u(x,{closable:!0,bordered:!1,color:ce,onClose:()=>Ie("end")},{default:()=>[g("结束时间: "),ye.value]}):null])))),u(n(T),{placeholder:"搜索",value:pe.value,"onUpdate:value":a[0]||(a[0]=e=>pe.value=e),valueModifiers:{trim:!0},onInput:n(he)},null,8,["value","onInput"])])),_:1}),i("div",J,[i("div",{class:"chat-record-box__content",ref_key:"recordRef",ref:ve},[me.value.length>0?(s(!0),v(m,{key:0},p(me.value,(e=>(s(),v("div",{class:"content-item",key:e.id},[u(n(b),{round:"",size:38,src:e.senderAvatar},null,8,["src"]),i("div",N,[i("div",P,[i("span",null,c(e.senderName),1),i("span",null,c(n(A)(e.sendTime).recordTime),1)]),i("div",X,[e.content.chatMessageType===n(U).IMAGE?(s(),v("img",{key:0,class:"img",src:e.__content},null,8,$)):e.content.chatMessageType===n(U).EMOJI?(s(),v("img",{key:1,class:"emoji",src:n(K)[e.__content]},null,8,q)):(s(),v("p",{key:2,innerHTML:e.__content},null,8,F))])])])))),128)):(s(),v("div",Q,"没有找到相关记录"))],512),i("div",V,[W,i("div",Y,[Z,u(n(k),{value:fe.value,"onUpdate:value":a[1]||(a[1]=e=>fe.value=e),multiple:"","max-tag-count":1,"render-label":we,options:n(Te),"value-field":"receiver"},null,8,["value","options"])]),i("div",ee,[ae,i("div",le,[u(n(M),{trigger:"click","show-arrow":!1},{trigger:o((()=>[i("div",te,[se,f(u(n(x),{bordered:!1,color:ce,closable:"",onClose:a[2]||(a[2]=()=>Ie("start"))},{default:o((()=>[g(c(ge.value),1)])),_:1},512),[[y,ge.value]]),f(i("span",re,"点击选择",512),[[y,!ge.value]])])])),default:o((()=>[u(n(C),{"formatted-value":ge.value,"onUpdate:formatted-value":a[3]||(a[3]=e=>ge.value=e),type:"date",panel:"",clearable:"","is-date-disabled":Me},null,8,["formatted-value"])])),_:1}),u(n(M),{trigger:"click","show-arrow":!1},{trigger:o((()=>[i("div",ne,[oe,f(u(n(x),{bordered:!1,color:ce,closable:"",onClose:a[4]||(a[4]=()=>Ie("end"))},{default:o((()=>[g(c(ye.value),1)])),_:1},512),[[y,ye.value]]),f(i("span",ie,"点击选择",512),[[y,!ye.value]])])])),default:o((()=>[u(n(C),{"formatted-value":ye.value,"onUpdate:formatted-value":a[5]||(a[5]=e=>ye.value=e),type:"date",panel:"",clearable:"","is-date-disabled":xe},null,8,["formatted-value"])])),_:1})])])])])])])),_:1}))}});export{ue as default};

package/es/components/biunique-chat/src/hooks/useScrollLoading.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'vue';
-export declare function useScrollLoading(el: Ref<HTMLElement | undefined | null>, callback: () => void, direction?: 'top' | 'bottom' | undefined): void;
+export declare function useScrollLoading(wrapperEl: Ref<HTMLElement | undefined | null>, callback: () => void, direction?: 'top' | 'bottom' | undefined): void;

package/es/components/biunique-chat/src/hooks/useScrollLoading.js

@@ -1 +1 @@
-import{onMounted as e}from"vue";import{useThrottleFn as t}from"@vueuse/core";const o=t((({target:e},t,o)=>{const{clientHeight:r,scrollTop:l,scrollHeight:i}=e;if("top"===o){if(0===l)return;r-l>=i-5&&t()}else r+l>=i-10&&t()}),500);function r(t,r,l="bottom"){e((()=>{t.value&&t.value.addEventListener("scroll",(e=>o(e,r,l)))}))}export{r as useScrollLoading};
+import{useThrottleFn as o,useEventListener as t}from"@vueuse/core";const e=o((({target:o},t,e)=>{const{clientHeight:r,scrollTop:c,scrollHeight:l}=o;if("top"===e){if(0===c)return;r-c>=l-5&&t()}else r+c>=l-10&&t()}),500);function r(o,r,c="bottom"){t(o,"scroll",(o=>e(o,r,c)),!0)}export{r as useScrollLoading};