cnhis-design-vue 3.2.2-beta.24 → 3.2.2-beta.29

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

@@ -1,9 +1,5 @@
 import { SFCWithInstall } from '../../shared/types';
 declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
-    token: {
-        type: StringConstructor;
-        required: true;
-    };
     userId: {
         type: StringConstructor;
         required: true;
@@ -14,10 +10,6 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        token: {
-            type: StringConstructor;
-            required: true;
-        };
         userId: {
             type: StringConstructor;
             required: true;
@@ -28,15 +20,15 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         };
     }>> & {
         "onTemplate-click"?: ((...args: any[]) => any) | undefined;
-        "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+        "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "template-click" | "message-subscribe", ...args: any[]) => void;
+    emit: (event: "template-click" | "unread-message-update", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     loading: import("vue").Ref<boolean>;
     stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock | undefined>;
     state: {
         currentSessionItem: import("../../shared/types").AnyObject;
-        sessionKey: string;
+        id: string;
         userInfo: import("../../shared/types").AnyObject;
         msgList: import("../../shared/types").AnyObject[];
         currentMsg: import("../../shared/types").AnyObject;
@@ -50,7 +42,6 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     init: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
-    subscribeSession: () => void;
     subscribeMessage: () => void;
     getUnreadData: () => import("../../shared/types").AnyObject[];
     NLayout: any;
@@ -457,24 +448,29 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     NSpin: any;
     NConfigProvider: any;
     SiderList: import("vue").DefineComponent<{}, {
+        filterKey: {
+            all: string;
+            unread: string;
+        };
         flexWidth: import("vue").Ref<number>;
         listBoxRef: import("vue").Ref<HTMLElement | undefined>;
         keyword: import("vue").Ref<string>;
-        sessionList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         loading: import("vue").Ref<boolean>;
         filterList: import("vue").Ref<{
             label: string;
             key: string;
-            number: number;
         }[]>;
         currentFilterKey: import("vue").Ref<string>;
         state: import("./src/types").IState;
+        emit: (event: string, ...args: any[]) => void;
         entrySession: (item: import("../../shared/types").AnyObject) => void;
+        unreadTotal: import("vue").ComputedRef<number>;
         currentWidth: import("vue").ComputedRef<number>;
-        handleSearch: () => void;
+        sessionList: import("vue").ComputedRef<import("../../shared/types").AnyObject[]>;
         sessionChange: (sessionItem: import("../../shared/types").AnyObject) => void;
         changeWidth: ({ distance }: import("../../shared/types").AnyObject) => void;
         handleFilter: (key: string) => void;
+        showSession: (item: import("../../shared/types").AnyObject, currentKey?: string) => boolean | undefined;
         NSpin: any;
         NBadge: any;
         NAvatar: any;
@@ -1270,7 +1266,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 required: true;
             };
         }>>, {}>;
-        images: any[];
+        images: import("vue").Ref<any[]>;
         MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
@@ -1287,15 +1283,11 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         NButton: any;
         NPopover: any;
         NTooltip: any;
-        images: any[];
+        images: import("vue").Ref<any[]>;
         alt: string[];
         MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "message-subscribe")[], "template-click" | "message-subscribe", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    token: {
-        type: StringConstructor;
-        required: true;
-    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "unread-message-update")[], "template-click" | "unread-message-update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     userId: {
         type: StringConstructor;
         required: true;
@@ -1306,7 +1298,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     };
 }>> & {
     "onTemplate-click"?: ((...args: any[]) => any) | undefined;
-    "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+    "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
 }, {
     baseURL: string;
 }>>;

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

@@ -3,10 +3,6 @@ import { ChatSock } from './utils/chatSock';
 import { AnyObject } from '../../../shared/types';
 import { IState } from './types';
 declare const _default: import("vue").DefineComponent<{
-    token: {
-        type: StringConstructor;
-        required: true;
-    };
     userId: {
         type: StringConstructor;
         required: true;
@@ -17,10 +13,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        token: {
-            type: StringConstructor;
-            required: true;
-        };
         userId: {
             type: StringConstructor;
             required: true;
@@ -31,15 +23,15 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         "onTemplate-click"?: ((...args: any[]) => any) | undefined;
-        "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+        "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "template-click" | "message-subscribe", ...args: any[]) => void;
+    emit: (event: "template-click" | "unread-message-update", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     loading: import("vue").Ref<boolean>;
     stompClient: import("vue").Ref<ChatSock | undefined>;
     state: {
         currentSessionItem: AnyObject;
-        sessionKey: string;
+        id: string;
         userInfo: AnyObject;
         msgList: AnyObject[];
         currentMsg: AnyObject;
@@ -53,7 +45,6 @@ declare const _default: import("vue").DefineComponent<{
     init: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
-    subscribeSession: () => void;
     subscribeMessage: () => void;
     getUnreadData: () => AnyObject[];
     NLayout: any;
@@ -460,24 +451,29 @@ declare const _default: import("vue").DefineComponent<{
     NSpin: any;
     NConfigProvider: any;
     SiderList: import("vue").DefineComponent<{}, {
+        filterKey: {
+            all: string;
+            unread: string;
+        };
         flexWidth: import("vue").Ref<number>;
         listBoxRef: import("vue").Ref<HTMLElement | undefined>;
         keyword: import("vue").Ref<string>;
-        sessionList: import("vue").Ref<AnyObject[]>;
         loading: import("vue").Ref<boolean>;
         filterList: import("vue").Ref<{
             label: string;
             key: string;
-            number: number;
         }[]>;
         currentFilterKey: import("vue").Ref<string>;
         state: IState;
+        emit: (event: string, ...args: any[]) => void;
         entrySession: (item: AnyObject) => void;
+        unreadTotal: import("vue").ComputedRef<number>;
         currentWidth: import("vue").ComputedRef<number>;
-        handleSearch: () => void;
+        sessionList: import("vue").ComputedRef<AnyObject[]>;
         sessionChange: (sessionItem: AnyObject) => void;
         changeWidth: ({ distance }: AnyObject) => void;
         handleFilter: (key: string) => void;
+        showSession: (item: AnyObject, currentKey?: string) => boolean | undefined;
         NSpin: any;
         NBadge: any;
         NAvatar: any;
@@ -1273,7 +1269,7 @@ declare const _default: import("vue").DefineComponent<{
                 required: true;
             };
         }>>, {}>;
-        images: any[];
+        images: import("vue").Ref<any[]>;
         MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
@@ -1290,15 +1286,11 @@ declare const _default: import("vue").DefineComponent<{
         NButton: any;
         NPopover: any;
         NTooltip: any;
-        images: any[];
+        images: import("vue").Ref<any[]>;
         alt: string[];
         MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "message-subscribe")[], "template-click" | "message-subscribe", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    token: {
-        type: StringConstructor;
-        required: true;
-    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "unread-message-update")[], "template-click" | "unread-message-update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     userId: {
         type: StringConstructor;
         required: true;
@@ -1309,7 +1301,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onTemplate-click"?: ((...args: any[]) => any) | undefined;
-    "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+    "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
 }, {
     baseURL: string;
 }>;

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

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

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     NButton: any;
     NPopover: any;
     NTooltip: any;
-    images: any[];
+    images: import("vue").Ref<any[]>;
     alt: string[];
     MESSAGE_TYPE: typeof MESSAGE_TYPE;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

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

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

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

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

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

@@ -141,7 +141,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             required: true;
         };
     }>>, {}>;
-    images: any[];
+    images: import("vue").Ref<any[]>;
     MESSAGE_TYPE: typeof MESSAGE_TYPE;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,nextTick as s,watch as n,openBlock as i,createElementBlock as o,Fragment as r,renderList as a,unref as m,normalizeClass as c,toDisplayString as l,createCommentVNode as u,createBlock as d,createElementVNode as f,createVNode as p,withCtx as g}from"vue";import{NAvatar as y}from"naive-ui";import{useInfiniteScroll as v}from"@vueuse/core";import{isToday as T,format as M,isYesterday as h}from"date-fns";import{getHistoryRecordApi as H}from"../api/index.js";import{useState as L}from"../hooks/useState.js";import{isNumber as _}from"lodash-es";import k from"./PersonProfile.vue.js";import E from"./MessageTemplate.vue.js";import{images as j}from"../utils/emoji.js";import{MESSAGE_TYPE as A}from"../constants/index.js";const w={key:0,class:"time"},D={class:"message-box"},I=["data-time"],P=["innerHTML"],x=["src"];var K=e({__name:"ChatMain",setup(e){const K=t(),{state:F,setMsgList:J}=L();let O=1;async function R(){try{const e=await H({sessionKey:F.sessionKey,page:O});if(console.log("getHistoryRecord",e),!Array.isArray(e))return;if(0===e.length)return console.log("没有更多消息了");J(O>1?[...e,...F.msgList]:e),1===O&&z()}catch(e){console.log(e)}}function Y(e){var t;const{chatMessageType:s,msgTemplate:n}=e.content;return s===A.TEMPLATE&&2==(null==(t=null==n?void 0:n.setting)?void 0:t.style.id)}function b(e,t){var s;const n=_(e.sendTime)?e.sendTime:Date.parse(e.sendTime),i=null==(s=F.msgList[t-1])?void 0:s.sendTime;return n-(0===t?0:_(i)?i:Date.parse(i))>3e5}async function z(){var e,t,n;await s();const i=null!=(t=null==(e=K.value)?void 0:e.scrollHeight)?t:0;null==(n=K.value)||n.scrollTo({top:i})}function C(e){const t=new Date(e),s=Date.now()-t.getTime();if(s<6e4)return"刚刚";if(s<36e5)return Math.ceil(s/1e4/60)+"分钟前";if(T(t))return"今天 "+M(t,"HH:mm");if(h(t))return"昨天 "+M(t,"HH:mm");{const e=t.getFullYear(),s=(new Date).getFullYear();return M(t,e<s?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return v(K,(()=>{O++,R()}),{distance:20,direction:"top"}),n((()=>F.sessionKey),(e=>{e&&(O=1,R())}),{immediate:!0}),n((()=>F.isAppendMsg),(e=>{e&&(J([...F.msgList,F.currentMsg]),F.isAppendMsg=!1,z())}),{immediate:!0}),(e,t)=>(i(),o("div",{class:"chat-main",ref_key:"chatMainRef",ref:K},[(i(!0),o(r,null,a(m(F).msgList,((e,t)=>(i(),o("div",{class:c(["message-item",{"message-item--mine":e.sender==m(F).userInfo.id}]),key:t},[b(e,t)?(i(),o("p",w,l(C(e.sendTime)),1)):u("v-if",!0),Y(e)?(i(),d(E,{key:1,data:e},null,8,["data"])):u("v-if",!0),f("div",D,[p(k,{"user-info":e.sender==m(F).userInfo.id?m(F).userInfo:e},{trigger:g((()=>[p(m(y),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"]),e.content?(i(),o("div",{key:0,class:c(["content",{emoji:e.content.chatMessageType===m(A).EMOJI},{template:e.content.chatMessageType===m(A).TEMPLATE}]),"data-time":e.__time},[e.content.chatMessageType===m(A).TEXT?(i(),o("pre",{key:0,innerHTML:e.__content},null,8,P)):u("v-if",!0),e.content.chatMessageType===m(A).EMOJI?(i(),o("img",{key:1,src:m(j)[e.__content]},null,8,x)):u("v-if",!0),e.content.chatMessageType===m(A).TEMPLATE?(i(),d(E,{key:2,data:e},null,8,["data"])):u("v-if",!0)],10,I)):u("v-if",!0)])],2)))),128))],512))}});export{K as default};
+import{defineComponent as e,ref as t,watch as s,openBlock as n,createElementBlock as i,Fragment as r,renderList as o,unref as a,normalizeClass as m,toDisplayString as c,createCommentVNode as l,createBlock as u,createElementVNode as d,createVNode as f,withCtx as g}from"vue";import{NAvatar as p}from"naive-ui";import{useInfiniteScroll as y,promiseTimeout as v}from"@vueuse/core";import{isToday as T,format as M,isYesterday as h}from"date-fns";import{getHistoryRecordApi as H}from"../api/index.js";import{useState as L}from"../hooks/useState.js";import{isNumber as k}from"lodash-es";import E from"./PersonProfile.vue.js";import j from"./MessageTemplate.vue.js";import{images as A}from"../utils/emoji.js";import{MESSAGE_TYPE as _}from"../constants/index.js";const I={key:0,class:"time"},w={class:"message-box"},D=["data-time"],P=["innerHTML"],x=["src"];var F=e({__name:"ChatMain",setup(e){const F=t(),{state:J,setMsgList:K}=L();let O=1;async function R(){try{const e=await H({sessionKey:J.currentSessionItem.sessionKey,page:O});if(console.log("getHistoryRecord",e,O),!Array.isArray(e))return;if(0===e.length)return console.log("没有更多消息了");K(O>1?[...e,...J.msgList]:e),1===O&&b()}catch(e){console.log(e)}}function S(e){var t;const{chatMessageType:s,msgTemplate:n}=e.content;return s===_.TEMPLATE&&2==(null==(t=null==n?void 0:n.setting)?void 0:t.style.id)}function Y(e,t){var s;const n=k(e.sendTime)?e.sendTime:Date.parse(e.sendTime),i=null==(s=J.msgList[t-1])?void 0:s.sendTime;return n-(0===t?0:k(i)?i:Date.parse(i))>3e5}async function b(){var e,t,s;await v(50);const n=null!=(t=null==(e=F.value)?void 0:e.scrollHeight)?t:0;null==(s=F.value)||s.scrollTo({top:n})}function z(e){const t=new Date(e),s=Date.now()-t.getTime();if(s<6e4)return"刚刚";if(s<36e5)return Math.ceil(s/1e4/60)+"分钟前";if(T(t))return"今天 "+M(t,"HH:mm");if(h(t))return"昨天 "+M(t,"HH:mm");{const e=t.getFullYear(),s=(new Date).getFullYear();return M(t,e<s?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return y(F,(()=>{O++,R()}),{distance:20,direction:"top"}),s((()=>J.id),(e=>{e&&(O=1,R())}),{immediate:!0}),s((()=>J.isAppendMsg),(e=>{e&&(K([...J.msgList,J.currentMsg]),J.isAppendMsg=!1,b())}),{immediate:!0}),(e,t)=>(n(),i("div",{class:"chat-main",ref_key:"chatMainRef",ref:F},[(n(!0),i(r,null,o(a(J).msgList,((e,t)=>(n(),i("div",{class:m(["message-item",{"message-item--mine":e.sender==a(J).userInfo.id}]),key:t},[Y(e,t)?(n(),i("p",I,c(z(e.sendTime)),1)):l("v-if",!0),S(e)?(n(),u(j,{key:1,data:e},null,8,["data"])):l("v-if",!0),d("div",w,[f(E,{"user-info":e.sender==a(J).userInfo.id?a(J).userInfo:e},{trigger:g((()=>[f(a(p),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"]),e.content?(n(),i("div",{key:0,class:m(["content",{emoji:e.content.chatMessageType===a(_).EMOJI},{template:e.content.chatMessageType===a(_).TEMPLATE}]),"data-time":e.__time},[e.content.chatMessageType===a(_).TEXT?(n(),i("pre",{key:0,innerHTML:e.__content},null,8,P)):l("v-if",!0),e.content.chatMessageType===a(_).EMOJI?(n(),i("img",{key:1,src:a(A)[e.content.msg]},null,8,x)):l("v-if",!0),e.content.chatMessageType===a(_).TEMPLATE?(n(),u(j,{key:2,data:e},null,8,["data"])):l("v-if",!0)],10,D)):l("v-if",!0)])],2)))),128))],512))}});export{F as default};

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

@@ -1,24 +1,29 @@
 import { AnyObject } from '../../../../shared/types';
 import { formatTime } from '../utils';
 declare const _default: import("vue").DefineComponent<{}, {
+    filterKey: {
+        all: string;
+        unread: string;
+    };
     flexWidth: import("vue").Ref<number>;
     listBoxRef: import("vue").Ref<HTMLElement | undefined>;
     keyword: import("vue").Ref<string>;
-    sessionList: import("vue").Ref<AnyObject[]>;
     loading: import("vue").Ref<boolean>;
     filterList: import("vue").Ref<{
         label: string;
         key: string;
-        number: number;
     }[]>;
     currentFilterKey: import("vue").Ref<string>;
     state: import("../types").IState;
+    emit: (event: string, ...args: any[]) => void;
     entrySession: (item: AnyObject) => void;
+    unreadTotal: import("vue").ComputedRef<number>;
     currentWidth: import("vue").ComputedRef<number>;
-    handleSearch: () => void;
+    sessionList: import("vue").ComputedRef<AnyObject[]>;
     sessionChange: (sessionItem: AnyObject) => void;
     changeWidth: ({ distance }: AnyObject) => void;
     handleFilter: (key: string) => void;
+    showSession: (item: AnyObject, currentKey?: string) => boolean | undefined;
     NSpin: any;
     NBadge: any;
     NAvatar: any;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as s,computed as i,watch as n,withDirectives as a,openBlock as l,createElementBlock as t,normalizeStyle as o,unref as r,createBlock as u,createCommentVNode as d,createElementVNode as v,Fragment as m,renderList as c,withCtx as p,createTextVNode as f,toDisplayString as y,normalizeClass as k,createVNode as h}from"vue";import{NSpin as _,NTag as g,NAvatar as S,NBadge as b}from"naive-ui";import{useState as L}from"../hooks/useState.js";import{useSession as x}from"../hooks/useSession.js";import{vFlexibleResize as M}from"../../../../shared/directive/flexibleResize.js";import{formatTime as T,listSort as C}from"../utils/index.js";const K={class:"sider-list__filter box-shadow"},w=["onClick"],j={class:"avatar-right"},I={class:"name"},N={class:"msg-tip"},R={class:"msg-tip__content"},z=["innerHTML"];var D=e({__name:"SiderList",setup(e){const D=s(300),H=s(),U=s(""),B=s([]),V=s(!1),q=s([{label:"全部",key:"all",number:0},{label:"未读",key:"unread",number:0}]),A=s("all"),{state:E}=L(),{entrySession:F}=x(E),G=i((()=>Math.min(Math.max(D.value,240),360)));function J(e){E.sessionList.map((e=>e.sessionKey)).includes(e.sessionKey)||E.sessionList.push(e);const s=E.sessionList.map((s=>(e.receiver!==E.currentSessionItem.receiver&&s.unreadNum++,e.receiver===s.receiver?{...s,...e}:s)));E.sessionList=s,P(A.value)}function O({distance:e}){D.value=D.value+e}function P(e){if(A.value=e,"unread"===e)B.value=E.sessionList.filter((e=>+e.unreadNum>0));else B.value=E.sessionList;B.value=C(B.value)}return n([()=>E.isChangeSession,()=>E.isUpdateSession],(([e,s])=>{e&&(J(E.currentSessionItem),E.isChangeSession=!1),s&&(J(E.updateSessionItem),E.isUpdateSession=!1)}),{immediate:!0}),n((()=>E.sessionList.length),(()=>{!function(){B.value=E.sessionList.sort(((e,s)=>new Date(s.updatedTime).getTime()-new Date(e.updatedTime).getTime())).filter((e=>e.name.includes(U.value)||!U.value)),q.value[0].number=B.value.length;const e=B.value.find((e=>e.sessionKey===E.sessionKey));e&&F(e),C(B.value)}()})),(e,s)=>a((l(),t("section",{class:"sider-list",style:o({width:r(G)+"px"})},[V.value?(l(),u(r(_),{key:0,stroke:"#5585f5"})):d("v-if",!0),d(' <n-input v-else placeholder="输入用户名模糊搜索" v-model:value="keyword" @keyup.enter="handleSearch"></n-input> '),v("div",K,[(l(!0),t(m,null,c(q.value,(e=>(l(),u(r(g),{type:A.value===e.key?"info":"default",round:"",bordered:!1,key:e.key,onClick:()=>P(e.key)},{default:p((()=>[f(y(e.label)+"("+y(e.number)+") ",1)])),_:2},1032,["type","onClick"])))),128))]),v("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:H},[(l(!0),t(m,null,c(B.value,((e,s)=>(l(),t("div",{key:s,onClick:()=>r(F)(e),class:k(["sider-list__box__item",{active:e.sessionKey===r(E).sessionKey}])},[h(r(S),{round:"",size:"large",src:e.avatar},null,8,["src"]),v("div",j,[v("div",I,[v("h4",null,y(e.name),1),v("span",null,y(r(T)(e.lastMessageSendTime).siderMsgTime),1)]),v("div",N,[v("div",R,[v("div",{innerHTML:e.lastMessage},null,8,z)]),h(r(b),{value:e.unreadNum},null,8,["value"])])])],10,w)))),128))],512)],4)),[[r(M),{mode:"VR",onMove:O}]])}});export{D as default};
+import{defineComponent as e,ref as s,computed as i,watch as a,withDirectives as n,openBlock as t,createElementBlock as l,normalizeStyle as r,unref as o,createBlock as u,createCommentVNode as d,createElementVNode as v,Fragment as c,renderList as m,withCtx as p,createTextVNode as f,toDisplayString as k,normalizeClass as h,createVNode as y,vShow as _}from"vue";import{NSpin as S,NTag as g,NAvatar as b,NBadge as x}from"naive-ui";import{useState as M}from"../hooks/useState.js";import{useSession as L}from"../hooks/useSession.js";import{vFlexibleResize as C}from"../../../../shared/directive/flexibleResize.js";import{listSort as j,formatTime as T}from"../utils/index.js";const w={class:"sider-list__filter box-shadow"},I=["onClick"],N={class:"avatar-right"},R={class:"name"},z={class:"msg-tip"},H={class:"msg-tip__content"},U=["innerHTML"];var B=e({__name:"SiderList",setup(e){const B="all",E="unread",O=s(300),V=s();s("");const q=s(!1),A=s([{label:"全部",key:B},{label:"未读",key:E}]),D=s("all"),{state:F,emit:G}=M(),{entrySession:J,unreadTotal:K}=L(F),P=i((()=>Math.min(Math.max(O.value,240),360))),Q=i((()=>j(F.sessionList)));function W(e){!e.id||F.sessionList.map((e=>e.id)).includes(e.id)?F.sessionList.forEach((s=>{s.receiver===e.receiver&&(Object.assign(s,e),e.receiver!==F.currentSessionItem.receiver&&s.unreadNum++)})):F.sessionList.push(e)}function X({distance:e}){O.value=O.value+e}function Y(e,s=o(D)){var i;return s===B||(s===E?(null!=(i=e.unreadNum)?i:0)>0:void 0)}return a([()=>F.isChangeSession,()=>F.isUpdateSession],(([e,s])=>{e&&(W(F.currentSessionItem),F.isChangeSession=!1),s&&(W(F.updateSessionItem),F.isUpdateSession=!1)}),{immediate:!0}),a((()=>K.value),(e=>{const s=Q.value.filter((e=>Y(e,E)));G("unread-message-update",e,s)})),(e,s)=>n((t(),l("section",{class:"sider-list",style:r({width:o(P)+"px"})},[q.value?(t(),u(o(S),{key:0,stroke:"#5585f5"})):d("v-if",!0),d(' <n-input v-else placeholder="输入用户名模糊搜索" v-model:value="keyword" @keyup.enter="handleSearch"></n-input> '),v("div",w,[(t(!0),l(c,null,m(A.value,(e=>(t(),u(o(g),{type:D.value===e.key?"info":"default",round:"",bordered:!1,key:e.key,onClick:()=>{return s=e.key,void(D.value=s);var s}},{default:p((()=>[f(k(e.label)+"("+k(o(K))+") ",1)])),_:2},1032,["type","onClick"])))),128))]),v("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:V},[(t(!0),l(c,null,m(o(Q),((e,s)=>n((t(),l("div",{key:s,onClick:()=>o(J)(e),class:h(["sider-list__box__item",{active:e.id===o(F).id}])},[y(o(b),{round:"",size:"large",src:e.avatar},null,8,["src"]),v("div",N,[v("div",R,[v("h4",null,k(e.name),1),v("span",null,k(o(T)(e.lastMessageSendTime).siderMsgTime),1)]),v("div",z,[v("div",H,[v("div",{innerHTML:e.lastMessage},null,8,U)]),y(o(x),{value:e.unreadNum},null,8,["value"])])])],10,I)),[[_,Y(e)]]))),128))],512)],4)),[[o(C),{mode:"VR",onMove:X}]])}});export{B as default};

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

@@ -3,4 +3,5 @@ import { IState } from '../types';
 export declare function useSession(state: IState): {
     entrySession: (item: AnyObject) => void;
     setCurrentSessionItem: (item: AnyObject) => void;
+    unreadTotal: import("vue").ComputedRef<number>;
 };

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

@@ -1 +1 @@
-import{transformLastMessage as s}from"../utils/index.js";function e(e){function n(n){Object.assign(e.currentSessionItem,n,n.lastMessage?{lastMessage:s(n)}:{}),e.sessionKey!==e.currentSessionItem.sessionKey&&(e.sessionKey=e.currentSessionItem.sessionKey,e.msgList=[])}return{entrySession:function(s){s.unreadNum=0,n(s),e.isChangeSession=!0},setCurrentSessionItem:n}}export{e as useSession};
+import{computed as e}from"vue";import{transformLastMessage as s}from"../utils/index.js";function n(n){function t(e){Object.assign(n.currentSessionItem,e,e.lastMessage?{lastMessage:s(e)}:{}),n.id!==n.currentSessionItem.id&&(n.id=n.currentSessionItem.id)}return{entrySession:function(e){e.unreadNum=0,t(e),n.isChangeSession=!0},setCurrentSessionItem:t,unreadTotal:e((()=>n.sessionList.reduce(((e,s)=>e+ +s.unreadNum),0)))}}export{n as useSession};

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

@@ -1 +1 @@
-import{inject as t}from"vue";import{formatTime as e,transformMessage as i}from"../utils/index.js";import{InjectionIChatState as n,InjectionIChatStompClient as m,InjectionIChatEmits as s}from"../types/index.js";function o(){const o=t(n),r=t(m),p=t(s);return{state:o,setMsgList:function(t=[]){o.msgList=t.map((t=>{var n;return{...t,__time:e(t.sendTime).msgTime,__content:i(null==(n=t.content)?void 0:n.msg)}}))},stompClient:r,emit:p}}export{o as useState};
+import{inject as t}from"vue";import{last as e}from"lodash-es";import{formatTime as n,transformMessage as s}from"../utils/index.js";import{InjectionIChatState as i,InjectionIChatStompClient as m,InjectionIChatEmits as o}from"../types/index.js";function r(){const r=t(i),g=t(m),c=t(o);return{state:r,setMsgList:function(t=[]){var i;r.msgList=t.sort(((t,e)=>{var i;return Object.assign(t,{__time:n(t.sendTime).msgTime,__content:s(null==(i=t.content)?void 0:i.msg)}),new Date(t.sendTime).getTime()-new Date(e.sendTime).getTime()}));const m=e(r.msgList);m.__time=n(m.sendTime).msgTime,m.__content=s(null==(i=m.content)?void 0:i.msg)},stompClient:g,emit:c}}export{r as useState};

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

@@ -3,7 +3,7 @@ import { AnyObject } from '../../../../shared/types';
 import { ChatSock } from '../utils/chatSock';
 export declare type IState = {
     currentSessionItem: AnyObject;
-    sessionKey: string;
+    id: string;
     userInfo: AnyObject;
     msgList: AnyObject[];
     currentMsg: AnyObject;

package/es/components/biunique-chat/src/utils/emoji.d.ts

@@ -1,2 +1,2 @@
-export declare const images: any[];
+export declare const images: import("vue").Ref<any[]>;
 export declare const alt: string[];