cnhis-design-vue 3.2.2 → 3.2.3-beta.2

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

@@ -28,7 +28,7 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
     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;
@@ -1137,6 +1137,206 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         setScrollToButtom: () => Promise<void>;
         getIntervalMsgTime: (time: string) => string;
         NAvatar: any;
+        NImageGroup: import("vue").DefineComponent<{
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showToolbarTooltip: BooleanConstructor;
+            theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>;
+            themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+            builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+        }, {
+            mergedClsPrefix: import("vue").ComputedRef<string>;
+            previewInstRef: import("vue").Ref<{
+                setThumbnailEl: (e: HTMLImageElement | null) => void;
+                setPreviewSrc: (src?: string | undefined) => void;
+                toggleShow: () => void;
+            } | null>;
+            next: () => void;
+            prev: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showToolbarTooltip: BooleanConstructor;
+            theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>;
+            themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+            builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+        }>>, {
+            showToolbar: boolean;
+            showToolbarTooltip: boolean;
+        }>;
+        NImage: any;
         PersonProfile: import("vue").DefineComponent<{
             userInfo: {
                 type: import("vue").PropType<import("../../shared/types").AnyObject>;
@@ -1266,7 +1466,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<{}, {
@@ -1278,12 +1478,26 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
+        onChange: (options: {
+            file: import("naive-ui").UploadFileInfo;
+            fileList: import("naive-ui").UploadFileInfo[];
+        }, chatMessageType: import("./src/constants").MESSAGE_TYPE) => Promise<void>;
         handleMsgSend: () => void;
         sendMessage: (contentInfo: import("../../shared/types").AnyObject) => Promise<void>;
         NButton: any;
         NPopover: any;
         NTooltip: any;
-        images: any[];
+        NUpload: any;
+        NUploadTrigger: import("vue").DefineComponent<{
+            abstract: BooleanConstructor;
+        }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            abstract: BooleanConstructor;
+        }>>, {
+            abstract: boolean;
+        }>;
+        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<{}>>, {}>;

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

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     stompClient: import("vue").Ref<ChatSock | undefined>;
     state: {
         currentSessionItem: AnyObject;
-        sessionKey: string;
+        id: string;
         userInfo: AnyObject;
         msgList: AnyObject[];
         currentMsg: AnyObject;
@@ -1140,6 +1140,206 @@ declare const _default: import("vue").DefineComponent<{
         setScrollToButtom: () => Promise<void>;
         getIntervalMsgTime: (time: string) => string;
         NAvatar: any;
+        NImageGroup: import("vue").DefineComponent<{
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showToolbarTooltip: BooleanConstructor;
+            theme: PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>;
+            themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+            builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+        }, {
+            mergedClsPrefix: import("vue").ComputedRef<string>;
+            previewInstRef: import("vue").Ref<{
+                setThumbnailEl: (e: HTMLImageElement | null) => void;
+                setPreviewSrc: (src?: string | undefined) => void;
+                toggleShow: () => void;
+            } | null>;
+            next: () => void;
+            prev: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showToolbarTooltip: BooleanConstructor;
+            theme: PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>;
+            themeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+            builtinThemeOverrides: PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                toolbarIconColor: string;
+                toolbarColor: string;
+                toolbarBoxShadow: string;
+                toolbarBorderRadius: string;
+            }, {
+                Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                    borderRadius: string;
+                    boxShadow: string;
+                    color: string;
+                    textColor: string;
+                    padding: string;
+                }, {
+                    Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                }>;
+            }>>>;
+        }>>, {
+            showToolbar: boolean;
+            showToolbarTooltip: boolean;
+        }>;
+        NImage: any;
         PersonProfile: import("vue").DefineComponent<{
             userInfo: {
                 type: PropType<AnyObject>;
@@ -1269,7 +1469,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<{}, {
@@ -1281,12 +1481,26 @@ declare const _default: import("vue").DefineComponent<{
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
+        onChange: (options: {
+            file: import("naive-ui").UploadFileInfo;
+            fileList: import("naive-ui").UploadFileInfo[];
+        }, chatMessageType: import("./constants").MESSAGE_TYPE) => Promise<void>;
         handleMsgSend: () => void;
         sendMessage: (contentInfo: AnyObject) => Promise<void>;
         NButton: any;
         NPopover: any;
         NTooltip: any;
-        images: any[];
+        NUpload: any;
+        NUploadTrigger: import("vue").DefineComponent<{
+            abstract: BooleanConstructor;
+        }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            abstract: BooleanConstructor;
+        }>>, {
+            abstract: boolean;
+        }>;
+        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<{}>>, {}>;

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 n,openBlock as r,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 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:{},sessionKey:"",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:m((()=>[J.value?(r(),d(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:m((()=>[u(b),u(c(g),{class:"chat-content"},{default:m((()=>[u(y),u(j),u(I)])),_: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/api/index.d.ts

@@ -3,3 +3,4 @@ export declare const instanceAxios: import("axios").AxiosInstance;
 export declare function accessSessionApi(params: AnyObject): import("axios").AxiosPromise<any>;
 export declare function getHistoryRecordApi(params: AnyObject): import("axios").AxiosPromise<any>;
 export declare function toppingSessionApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function uploadFileApi(params: FormData): import("axios").AxiosPromise<any>;

package/es/components/biunique-chat/src/api/index.js

@@ -1 +1 @@
-import o from"axios";function e(o){const e=[];for(const n in o){const t=o[n];Array.isArray(t)?t.forEach((o=>{e.push(`${encodeURIComponent(n)}=${encodeURIComponent(o)}`)})):e.push(`${encodeURIComponent(n)}=${encodeURIComponent(t)}`)}return e.join("&")}const n=o.create({withCredentials:!0,timeout:5e3});function t(o){return n({headers:{"Content-Type":"application/x-www-form-urlencoded"},method:"post",url:"/openSession",data:e(o)})}function r(o){return n({method:"get",url:"/recordList",params:o})}function s(o){return n({method:"post",url:"/toppingSession",data:o})}n.interceptors.response.use((o=>{var e,n;if(null==(e=o.data)?void 0:e.result)return null==(n=o.data)?void 0:n.data;console.log("请求错误")}));export{t as accessSessionApi,r as getHistoryRecordApi,n as instanceAxios,s as toppingSessionApi};
+import o from"axios";function t(o){const t=[];for(const e in o){const n=o[e];Array.isArray(n)?n.forEach((o=>{t.push(`${encodeURIComponent(e)}=${encodeURIComponent(o)}`)})):t.push(`${encodeURIComponent(e)}=${encodeURIComponent(n)}`)}return t.join("&")}const e=o.create({withCredentials:!0,timeout:5e3});function n(o){return e({headers:{"Content-Type":"application/x-www-form-urlencoded"},method:"post",url:"/openSession",data:t(o)})}function r(o){return e({method:"get",url:"/recordList",params:o})}function a(o){return e({method:"post",url:"/toppingSession",data:o})}function s(o){return e({headers:{"Content-Type":"multipart/form-data"},method:"post",url:"/uploadFile",data:o})}e.interceptors.response.use((o=>{var t,e;if(null==(t=o.data)?void 0:t.result)return null==(e=o.data)?void 0:e.data;console.log("请求错误")}));export{n as accessSessionApi,r as getHistoryRecordApi,e as instanceAxios,a as toppingSessionApi,s as uploadFileApi};

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

@@ -1,3 +1,4 @@
+import { UploadFileInfo } from 'naive-ui';
 import { AnyObject } from '../../../../shared/types';
 import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
@@ -9,12 +10,26 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleKeyDown: (event: KeyboardEvent) => void;
     isWrap: (event: KeyboardEvent) => boolean;
     handleInput: () => void;
+    onChange: (options: {
+        file: UploadFileInfo;
+        fileList: Array<UploadFileInfo>;
+    }, chatMessageType: MESSAGE_TYPE) => Promise<void>;
     handleMsgSend: () => void;
     sendMessage: (contentInfo: AnyObject) => Promise<void>;
     NButton: any;
     NPopover: any;
     NTooltip: any;
-    images: any[];
+    NUpload: any;
+    NUploadTrigger: import("vue").DefineComponent<{
+        abstract: BooleanConstructor;
+    }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        abstract: BooleanConstructor;
+    }>>, {
+        abstract: boolean;
+    }>;
+    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 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 p,createBlock as f,createTextVNode as g,toDisplayString as m,vShow as h}from"vue";import{NPopover as v,NTooltip as y,NUpload as M,NUploadTrigger as k,NButton as T}from"naive-ui";import{format as x}from"date-fns";import{useState as C}from"../hooks/useState.js";import{useSession as b}from"../hooks/useSession.js";import{images as E,alt as I}from"../utils/emoji.js";import{MESSAGE_TYPE as w}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)],X={class:"btn-box"},z=l("span",{class:"tip"},"Enter 发送, Shift + Enter 换行",-1);var B=t({__name:"ChatFooter",setup(t){const B=e(),R=e(""),{state:U,stompClient:q}=C(),{setCurrentSessionItem:P}=b(U);function Q(t){["Enter"].includes(t.key)&&(function(t){return t.altKey||t.ctrlKey||t.metaKey||t.shiftKey}(t)||(t.preventDefault(),Y()))}function V(){var t,e;R.value=(null==(e=null==(t=B.value)?void 0:t.innerText)?void 0:e.trim())||""}async function W(t,e){console.log(W,t);const{file:n,name:s}=t.file,i=new FormData;i.append("sender",U.userInfo.id),i.append("file",n);const a=await _(i);if(!a)return console.log("上传失败");Z({chatMessageType:e,msg:e===w.FILE?s:a,url:a})}function Y(){if(!(R.value.length>2e3))return R.value?void Z({msg:R.value}):console.log("请输入内容");console.log("请控制在2000字以内")}async function Z(t){const{chatMessageType:e=w.TEXT,msg:n,url:s}=t,i={msg:n,chatMessageType:e};e===w.FILE&&(i.fileUrl=s),[w.TEXT,w.BLEND].includes(e)&&(B.value.innerHTML="",R.value="");const a=x(new Date,"yyyy-MM-dd HH:mm:ss");U.currentMsg={content:i,sender:U.userInfo.id,id:"",sendTime:a,sending:!0,fail:!1},U.isAppendMsg=!0,P({lastMessageSendTime:a,lastMessage:i.msg,sortTime:a,chatMessageType:i.chatMessageType}),U.isChangeSession=!0;try{q.value.send("/app/chat/send",{},JSON.stringify({chatType:"SINGLE",content:i,receiver:U.currentSessionItem.receiver})),U.currentMsg={...U.currentMsg,fail:!1}}catch(t){U.currentMsg={...U.currentMsg,fail:!0}}finally{U.currentMsg={...U.currentMsg,sending:!1}}}return(t,e)=>n((s(),i("section",{class:"chat-footer",style:a({cursor:o(U).id?"default":"not-allowed"})},[l("div",S,[c(o(v),{placement:"top",trigger:"click","show-arrow":!1,"display-directive":"show"},{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,p(o(E),((t,e)=>(s(),i(d,{key:e},[e>0?(s(),f(o(y),{key:0,"show-arrow":!1,trigger:"hover"},{trigger:r((()=>[l("i",{onClick:()=>Z({chatMessageType:o(w).EMOJI,msg:e})},[l("img",{src:t},null,8,H)],8,D)])),default:r((()=>[g(" "+m(o(I)[e-1]||"微笑"),1)])),_:2},1024)):u("v-if",!0)],64)))),128))])])])),_:1}),l("span",{onClick:e[0]||(e[0]=()=>Z({chatMessageType:o(w).EMOJI,msg:0}))},J),c(o(M),{abstract:"",multiple:"",accept:"image/*",onChange:e[1]||(e[1]=t=>W(t,o(w).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[2]||(e[2]=t=>W(t,o(w).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:B,class:"input-box",contenteditable:"",onKeydown:Q,onInput:V},null,544),[[h,o(U).id]]),l("div",X,[z,c(o(T),{type:"primary",round:"",disabled:!R.value,onClick:Y},{default:r((()=>[g("发送")])),_:1},8,["disabled"])])],4)),[[h,o(U).id]])}});export{B 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};