cnhis-design-vue 3.2.2-beta.22 → 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,19 +20,30 @@ 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: import("../../shared/types").AnyObject;
+    state: {
+        currentSessionItem: import("../../shared/types").AnyObject;
+        id: string;
+        userInfo: import("../../shared/types").AnyObject;
+        msgList: import("../../shared/types").AnyObject[];
+        currentMsg: import("../../shared/types").AnyObject;
+        isAppendMsg: boolean;
+        sessionList: import("../../shared/types").AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: import("../../shared/types").AnyObject;
+        isUpdateSession: boolean;
+    };
     reConnention: number;
     init: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
-    subscribeSession: () => void;
     subscribeMessage: () => void;
+    getUnreadData: () => import("../../shared/types").AnyObject[];
     NLayout: any;
     NLayoutContent: import("vue").DefineComponent<{
         embedded: BooleanConstructor;
@@ -445,36 +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: {
-            currentSessionItem: import("../../shared/types").AnyObject;
-            sessionKey: string;
-            userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
-            currentMsg: import("../../shared/types").AnyObject;
-            isAppendMsg: boolean;
-            sessionList: import("../../shared/types").AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: import("../../shared/types").AnyObject;
-            isUpdateSession: boolean;
-        };
-        setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
-        currentWidth: import("vue").ComputedRef<number>;
-        handleSearch: () => void;
+        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>;
+        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;
@@ -486,18 +482,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         formatTime: typeof import("./src/utils").formatTime;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatHeader: import("vue").DefineComponent<{}, {
-        state: {
-            currentSessionItem: import("../../shared/types").AnyObject;
-            sessionKey: string;
-            userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
-            currentMsg: import("../../shared/types").AnyObject;
-            isAppendMsg: boolean;
-            sessionList: import("../../shared/types").AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: import("../../shared/types").AnyObject;
-            isUpdateSession: boolean;
-        };
+        state: import("./src/types").IState;
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -561,18 +546,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
             };
         }>>, {}>;
         ChatSet: import("vue").DefineComponent<{}, {
-            state: {
-                currentSessionItem: import("../../shared/types").AnyObject;
-                sessionKey: string;
-                userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
-                currentMsg: import("../../shared/types").AnyObject;
-                isAppendMsg: boolean;
-                sessionList: import("../../shared/types").AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: import("../../shared/types").AnyObject;
-                isUpdateSession: boolean;
-            };
+            state: import("./src/types").IState;
             setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
             handleTopping: (value: boolean) => Promise<void>;
             NDrawer: any;
@@ -1057,18 +1031,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
                 color: string;
                 textColor: string;
             };
-            state: {
-                currentSessionItem: import("../../shared/types").AnyObject;
-                sessionKey: string;
-                userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
-                currentMsg: import("../../shared/types").AnyObject;
-                isAppendMsg: boolean;
-                sessionList: import("../../shared/types").AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: import("../../shared/types").AnyObject;
-                isUpdateSession: boolean;
-            };
+            state: import("./src/types").IState;
             options: {
                 label: any;
                 value: any;
@@ -1164,18 +1127,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatMain: import("vue").DefineComponent<{}, {
         chatMainRef: import("vue").Ref<HTMLElement | undefined>;
-        state: {
-            currentSessionItem: import("../../shared/types").AnyObject;
-            sessionKey: string;
-            userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
-            currentMsg: import("../../shared/types").AnyObject;
-            isAppendMsg: boolean;
-            sessionList: import("../../shared/types").AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: import("../../shared/types").AnyObject;
-            isUpdateSession: boolean;
-        };
+        state: import("./src/types").IState;
         setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
         page: number;
         getHistoryRecord: () => Promise<void>;
@@ -1314,26 +1266,15 @@ 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<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
         content: import("vue").Ref<string>;
-        state: {
-            currentSessionItem: import("../../shared/types").AnyObject;
-            sessionKey: string;
-            userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
-            currentMsg: import("../../shared/types").AnyObject;
-            isAppendMsg: boolean;
-            sessionList: import("../../shared/types").AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: import("../../shared/types").AnyObject;
-            isUpdateSession: boolean;
-        };
-        setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
+        state: import("./src/types").IState;
         stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock>;
+        setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
@@ -1342,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;
@@ -1361,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

@@ -1,11 +1,8 @@
 import { type PropType } from 'vue';
 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;
@@ -16,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;
@@ -30,19 +23,30 @@ 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: AnyObject;
+    state: {
+        currentSessionItem: AnyObject;
+        id: string;
+        userInfo: AnyObject;
+        msgList: AnyObject[];
+        currentMsg: AnyObject;
+        isAppendMsg: boolean;
+        sessionList: AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: AnyObject;
+        isUpdateSession: boolean;
+    };
     reConnention: number;
     init: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
-    subscribeSession: () => void;
     subscribeMessage: () => void;
+    getUnreadData: () => AnyObject[];
     NLayout: any;
     NLayoutContent: import("vue").DefineComponent<{
         embedded: BooleanConstructor;
@@ -447,36 +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: {
-            currentSessionItem: AnyObject;
-            sessionKey: string;
-            userInfo: AnyObject;
-            msgList: AnyObject[];
-            currentMsg: AnyObject;
-            isAppendMsg: boolean;
-            sessionList: AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: AnyObject;
-            isUpdateSession: boolean;
-        };
-        setCurrentSessionItem: (item: AnyObject) => void;
-        currentWidth: import("vue").ComputedRef<number>;
-        handleSearch: () => void;
+        state: IState;
+        emit: (event: string, ...args: any[]) => void;
         entrySession: (item: AnyObject) => void;
+        unreadTotal: import("vue").ComputedRef<number>;
+        currentWidth: import("vue").ComputedRef<number>;
+        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;
@@ -488,18 +485,7 @@ declare const _default: import("vue").DefineComponent<{
         formatTime: typeof import("./utils").formatTime;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatHeader: import("vue").DefineComponent<{}, {
-        state: {
-            currentSessionItem: AnyObject;
-            sessionKey: string;
-            userInfo: AnyObject;
-            msgList: AnyObject[];
-            currentMsg: AnyObject;
-            isAppendMsg: boolean;
-            sessionList: AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: AnyObject;
-            isUpdateSession: boolean;
-        };
+        state: IState;
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -563,18 +549,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>>, {}>;
         ChatSet: import("vue").DefineComponent<{}, {
-            state: {
-                currentSessionItem: AnyObject;
-                sessionKey: string;
-                userInfo: AnyObject;
-                msgList: AnyObject[];
-                currentMsg: AnyObject;
-                isAppendMsg: boolean;
-                sessionList: AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: AnyObject;
-                isUpdateSession: boolean;
-            };
+            state: IState;
             setCurrentSessionItem: (item: AnyObject) => void;
             handleTopping: (value: boolean) => Promise<void>;
             NDrawer: any;
@@ -1059,18 +1034,7 @@ declare const _default: import("vue").DefineComponent<{
                 color: string;
                 textColor: string;
             };
-            state: {
-                currentSessionItem: AnyObject;
-                sessionKey: string;
-                userInfo: AnyObject;
-                msgList: AnyObject[];
-                currentMsg: AnyObject;
-                isAppendMsg: boolean;
-                sessionList: AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: AnyObject;
-                isUpdateSession: boolean;
-            };
+            state: IState;
             options: {
                 label: any;
                 value: any;
@@ -1166,18 +1130,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatMain: import("vue").DefineComponent<{}, {
         chatMainRef: import("vue").Ref<HTMLElement | undefined>;
-        state: {
-            currentSessionItem: AnyObject;
-            sessionKey: string;
-            userInfo: AnyObject;
-            msgList: AnyObject[];
-            currentMsg: AnyObject;
-            isAppendMsg: boolean;
-            sessionList: AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: AnyObject;
-            isUpdateSession: boolean;
-        };
+        state: IState;
         setMsgList: (list?: AnyObject[]) => void;
         page: number;
         getHistoryRecord: () => Promise<void>;
@@ -1316,26 +1269,15 @@ 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<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
         content: import("vue").Ref<string>;
-        state: {
-            currentSessionItem: AnyObject;
-            sessionKey: string;
-            userInfo: AnyObject;
-            msgList: AnyObject[];
-            currentMsg: AnyObject;
-            isAppendMsg: boolean;
-            sessionList: AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: AnyObject;
-            isUpdateSession: boolean;
-        };
-        setCurrentSessionItem: (item: AnyObject) => void;
+        state: IState;
         stompClient: import("vue").Ref<ChatSock>;
+        setCurrentSessionItem: (item: AnyObject) => void;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
@@ -1344,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;
@@ -1363,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,createBlock as i,unref as a,withCtx as c,normalizeStyle as u,createVNode as p,renderSlot as m}from"vue";import{NConfigProvider as d,NSpin as l,NLayout as h,NLayoutContent as f}from"naive-ui";import g from"./components/SiderList.vue.js";import b from"./components/ChatHeader.vue.js";import v from"./components/ChatMain.vue.js";import S from"./components/ChatFooter.vue.js";import{ChatSock as y}from"./utils/chatSock.js";import{instanceAxios as I}from"./api/index.js";import{useTheme as j}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"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 k}from"./constants/index.js";import{InjectionIChatState as M,InjectionIChatStompClient as L,InjectionIChatEmits as _}from"./types/index.js";var x=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,{emit:x}){const C=e;I.defaults.baseURL=C.baseURL+"/chat";const T=j(),U=s(!1),N=s(),q=t({currentSessionItem:{},sessionKey:"",userInfo:{},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1});function w(){const e={headers:{UserId:C.userId},heartbeatFn:()=>{try{N.value.send("test")}catch(e){N.value.disconnect(),w()}},connectCb:()=>{console.log("连接成功"),N.value.subscribe("/user/topic/single",(({body:e})=>{try{console.log(JSON.parse(e),"订阅新增消息");const s=JSON.parse(e);switch(s.event){case k.MESSAGE:{if(s.messageVo.sender===q.userInfo.id)return;const{messageVo:e}=s;e.sender===q.currentSessionItem.receiver&&(q.currentMsg=e,q.isAppendMsg=!0),q.updateSessionItem={receiver:e.sender,lastMessageSendTime:e.sendTime,sortTime:e.sendTime,lastMessage:e.content.msg,chatMessageType:e.content.chatMessageType},q.isUpdateSession=!0,x("message-subscribe",s);break}case k.NEW_SESSION:x("message-subscribe",s)}}catch(e){console.log(e)}})),N.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:t,sessionVos:o}=s;if(console.log("body",s),q.userInfo=t,!(null==o?void 0:o.length))return;q.sessionList=o}catch(e){console.log(e)}}))},errorCb:(e,s)=>{console.log("断线了,正在重连...")}};N.value=new y("/fdp-chat/websocket",e)}return o(M,q),o(L,N),o(_,x),async function(){w()}(),r((()=>{var e;null==(e=N.value)||e.disconnect()})),(e,s)=>(n(),i(a(d),{abstract:"",namespace:"c-biunique-chat__popover"},{default:c((()=>[U.value?(n(),i(a(l),{key:0,stroke:"#5585f5"})):(n(),i(a(h),{key:1,class:"c-biunique-chat","has-sider":"",style:u(a(T))},{default:c((()=>[p(g),p(a(f),{class:"chat-wrapper"},{default:c((()=>[p(b),p(v),p(S)])),_:1}),m(e.$slots,"external")])),_:3},8,["style"]))])),_:3}))}});export{x 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

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

@@ -1,17 +1,6 @@
 import { AnyObject } from '../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{}, {
-    state: {
-        currentSessionItem: AnyObject;
-        sessionKey: string;
-        userInfo: AnyObject;
-        msgList: AnyObject[];
-        currentMsg: AnyObject;
-        isAppendMsg: boolean;
-        sessionList: AnyObject[];
-        isChangeSession: boolean;
-        updateSessionItem: AnyObject;
-        isUpdateSession: boolean;
-    };
+    state: import("../types").IState;
     showChatSet: import("vue").Ref<boolean>;
     showChatFile: import("vue").Ref<boolean>;
     chatFileType: import("vue").Ref<string>;
@@ -75,18 +64,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         };
     }>>, {}>;
     ChatSet: import("vue").DefineComponent<{}, {
-        state: {
-            currentSessionItem: AnyObject;
-            sessionKey: string;
-            userInfo: AnyObject;
-            msgList: AnyObject[];
-            currentMsg: AnyObject;
-            isAppendMsg: boolean;
-            sessionList: AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: AnyObject;
-            isUpdateSession: boolean;
-        };
+        state: import("../types").IState;
         setCurrentSessionItem: (item: AnyObject) => void;
         handleTopping: (value: boolean) => Promise<void>;
         NDrawer: any;
@@ -571,18 +549,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             color: string;
             textColor: string;
         };
-        state: {
-            currentSessionItem: AnyObject;
-            sessionKey: string;
-            userInfo: AnyObject;
-            msgList: AnyObject[];
-            currentMsg: AnyObject;
-            isAppendMsg: boolean;
-            sessionList: AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: AnyObject;
-            isUpdateSession: boolean;
-        };
+        state: import("../types").IState;
         options: {
             label: any;
             value: any;

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};