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

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

@@ -0,0 +1 @@
+import e from"./Index.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","Index.vue"]]);export{o as default};

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

@@ -0,0 +1 @@
+import{defineComponent as e,ref as s,reactive as t,provide as o,openBlock as n,createBlock as r,unref as i,withCtx as a,normalizeStyle as c,createVNode as u,normalizeProps as p,guardReactiveProps as m,renderSlot as d}from"vue";import{NConfigProvider as l,NSpin as h,NLayout as f,NLayoutContent as g}from"naive-ui";import v from"./components/SiderList.vue.js";import S from"./components/ChatHeader.vue.js";import b from"./components/ChatMain.vue.js";import y from"./components/ChatFooter.vue.js";import{ChatSock as C}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";var M=e({__name:"Index",props:{token:{type:String,required:!0},userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"}},setup(e){const M=e;I.defaults.baseURL=M.baseURL+"/chat";const L=j(),_=s(!1),T=s(),U=t({reConnention:0,currentSessionItem:{},sessionKey:"",userInfo:{},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1});function x(){const e={headers:{UserId:M.userId},heartbeatFn:()=>{try{T.value.send("test")}catch(e){T.value.disconnect(),x()}},connectCb:()=>{console.log("连接成功"),U.reConnention>0&&(U.reConnention=0),T.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===U.userInfo.id)return;const{messageVo:e}=s;e.sender===U.currentSessionItem.receiver&&(U.currentMsg=e,U.isAppendMsg=!0),U.updateSessionItem={receiver:e.sender,lastMessageSendTime:e.sendTime,sortTime:e.sendTime,lastMessage:e.content.msg,chatMessageType:e.content.chatMessageType},U.isUpdateSession=!0;break}case k.NEW_SESSION:}}catch(e){console.log(e)}})),T.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:t,sessionVos:o}=s;if(console.log("body",s),U.userInfo=t,!(null==o?void 0:o.length))return;U.sessionList=o}catch(e){console.log(e)}}))},errorCb:(e,s)=>{U.reConnention=s,console.log("断线了,正在重连...")}};T.value=new C("/fdp-chat/websocket",e)}return o("state",U),o("stompClient",T),async function(){x()}(),(e,s)=>(n(),r(i(l),{abstract:"",namespace:"c-biunique-chat__popover"},{default:a((()=>[_.value?(n(),r(i(h),{key:0,stroke:"#5585f5"})):(n(),r(i(f),{key:1,class:"c-biunique-chat","has-sider":"",style:c(i(L))},{default:a((()=>[u(v),u(i(g),{class:"chat-wrapper"},{default:a((()=>[u(S),u(b,p(m(e.$attrs)),null,16),u(y)])),_:1}),d(e.$slots,"external")])),_:3},8,["style"]))])),_:3}))}});export{M as default};

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

@@ -1,8 +1,5 @@
 import { AnyObject } from '../../../../shared/types';
-export declare function accessApi(params: AnyObject): import("axios").AxiosPromise<any>;
-export declare function getMySessionListApi(params: AnyObject): import("axios").AxiosPromise<any>;
+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 sendMessageApi(params: AnyObject): import("axios").AxiosPromise<any>;
-export declare function readMessageApi(params: AnyObject): import("axios").AxiosPromise<any>;
-export declare function createSessionApi(params: AnyObject): import("axios").AxiosPromise<any>;
+export declare function toppingSessionApi(params: AnyObject): import("axios").AxiosPromise<any>;

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

@@ -1 +1 @@
-import t from"axios";const e=t.create({withCredentials:!0,timeout:5e3,baseURL:"/dev_chat"});function s(t){return e({method:"post",url:"/basic/access",data:t})}function a(t){return e({method:"get",url:"/basic/getMySessionList",params:t})}function r(t){return e({method:"post",url:"/basic/accessSession",data:t})}function o(t){return e({method:"get",url:"/basic/historyRecord",params:t})}function n(t){return e({method:"post",url:"/basic/sendMessage",data:t})}function i(t){return e({method:"post",url:"/basic/readMessage",data:t})}function c(t){return e({method:"post",url:"/basic/createSession",data:t})}e.interceptors.response.use((t=>{var e,s;if(null==(e=t.data)?void 0:e.success)return null==(s=t.data)?void 0:s.data;console.log("请求错误")}));export{s as accessApi,r as accessSessionApi,c as createSessionApi,o as getHistoryRecordApi,a as getMySessionListApi,i as readMessageApi,n as sendMessageApi};
+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};

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

@@ -0,0 +1,241 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {}>>;
+    imageList: {
+        label: string;
+        data: string[];
+    }[];
+    fileList: {
+        name: string;
+        size: string;
+        time: string;
+        sender: string;
+    }[];
+    title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
+    getDetail: (item: AnyObject) => string;
+    NModal: 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;
+    NInput: any;
+    NIcon: any;
+    SearchOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    OpenOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    DownloadOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    type: string;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+import e from"./ChatFile.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var t=r(e,[["__file","ChatFile.vue"]]);export{t as default};

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

@@ -0,0 +1 @@
+import{defineComponent as t,computed as i,openBlock as a,createBlock as e,unref as m,withCtx as c,createElementBlock as s,createVNode as p,Fragment as o,renderList as l,createElementVNode as n,toDisplayString as u}from"vue";import{NModal as d,NImageGroup as f,NImage as h,NInput as r,NIcon as g}from"naive-ui";import{SearchOutline as b,OpenOutline as y,DownloadOutline as w}from"@vicons/ionicons5";const G={key:0,class:"c-chat-dialog__content c-chat-image-wrapper"},v={class:"label"},E={class:"image-box"},P={key:1,class:"c-chat-dialog__content c-chat-file-wrapper"},_={class:"file-list-box"},x={class:"text"},J={class:"name"},k={class:"detail"},C={class:"opt-box"};var z=t({__name:"ChatFile",props:{type:{type:String,default:"image"}},setup(t){const z=t,j=[{label:"本周",data:["https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500"]},{label:"本月",data:["https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037"]},{label:"2024年01月",data:["https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037","https://cdn.cnhis.cc/1204564363755786242/03014.jpg","https://img1.baidu.com/it/u=1068679326,1387532038&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=664","https://img0.baidu.com/it/u=2417241712,2153529446&fm=253&fmt=auto&app=138&f=JPEG?w=501&h=500","https://himg.bdimg.com/sys/portrait/item/public.1.f50c02bd.y9WGGCP1aqCEf85wL6yrng?tt=1706769350037"]}],q=[{name:"问的那个1.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控部）"},{name:"问的那个21.docx",size:"8kb",time:"2024/01/01 10:30",sender:"大傻子（质控2部）"}],L=i((()=>"image"===z.type?"聊天图片":"聊天文件"));function W(t){const{size:i,time:a,sender:e}=t;return`${i}.${a}.${e}`}return(i,z)=>(a(),e(m(d),{preset:"dialog",title:m(L),"show-icon":!1,class:"c-chat-dialog"},{default:c((()=>["image"===t.type?(a(),s("div",G,[p(m(f),null,{default:c((()=>[(a(),s(o,null,l(j,(t=>n("div",{class:"image-item",key:t.label},[n("span",v,u(t.label),1),n("div",E,[(a(!0),s(o,null,l(t.data,((t,i)=>(a(),e(m(h),{key:i,width:"80",height:"80",src:t},null,8,["src"])))),128))])]))),64))])),_:1})])):(a(),s("div",P,[p(m(r),{placeholder:"搜索文件"},{prefix:c((()=>[p(m(g),{component:m(b)},null,8,["component"])])),_:1}),n("div",_,[(a(),s(o,null,l(q,((t,i)=>n("div",{class:"file-item",key:i},[p(m(g),{component:m(b)},null,8,["component"]),n("div",x,[n("span",J,u(t.name),1),n("span",k,u(W(t)),1)]),n("div",C,[p(m(g),{size:16,component:m(y)},null,8,["component"]),p(m(g),{size:16,component:m(w)},null,8,["component"])])]))),64))])]))])),_:1},8,["title"]))}});export{z as default};

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

@@ -1,17 +1,21 @@
 import { AnyObject } from '../../../../shared/types';
+import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
     inputRef: import("vue").Ref<HTMLDivElement | undefined>;
-    state: AnyObject;
-    setCurrentMsg: Function;
-    setIsAppendMsg: Function;
-    setCurrentSessionItem: Function;
-    setIsChangeSession: Function;
     content: import("vue").Ref<string>;
+    state: AnyObject;
+    setCurrentSessionItem: (item: AnyObject) => void;
+    stompClient: AnyObject;
     handleKeyDown: (event: KeyboardEvent) => void;
     isWrap: (event: KeyboardEvent) => boolean;
     handleInput: () => void;
     handleMsgSend: () => void;
-    sendMessage: () => Promise<void>;
+    sendMessage: (contentInfo: AnyObject) => Promise<void>;
     NButton: any;
+    NPopover: any;
+    NTooltip: any;
+    images: 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<{}>>, {}>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as n,inject as t,openBlock as s,createElementBlock as r,normalizeStyle as o,unref as a,withDirectives as i,createElementVNode as u,vShow as l,createVNode as c,withCtx as d,createTextVNode as f}from"vue";import{NButton as m}from"naive-ui";import{sendMessageApi as p}from"../api/index.js";import{format as v}from"date-fns";const y={class:"btn-box"},g=u("span",{class:"tip"},"Enter 发送, Ctrl + Enter 换行",-1);var I=e({__name:"ChatFooter",setup(e){const I=n(),S=t("state"),M=t("setCurrentMsg"),_=t("setIsAppendMsg"),b=t("setCurrentSessionItem"),C=t("setIsChangeSession"),h=n("");function w(e){["Enter"].includes(e.key)&&(function(e){return e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}(e)||(e.preventDefault(),K()))}function x(){var e,n;h.value=(null==(n=null==(e=I.value)?void 0:e.innerText)?void 0:n.trim())||""}function K(){if(!(h.value.length>2e3))return h.value?void async function(){const e={content:h.value,type:0};I.value.innerHTML="",h.value="";const n=Date.now();M({content:e,fromName:S.userInfo.username,sessionId:S.currentSessionItem.id,id:"",createdTime:n,sending:!0,fail:!1}),_(!0),b({__time:v(new Date(n),"MM/dd HH:mm"),__lastContent:e.content}),C(!0);try{const n=await p({sessionId:S.currentSessionId,from:S.userInfo.username,source:2,body:JSON.stringify(e)});M({...S.currentMsg,id:n.messageId,fail:!1,readStatus:n.readStatus})}catch(e){M({...S.currentMsg,fail:!0})}finally{M({...S.currentMsg,sending:!1})}}():console.log("请输入内容");console.log("请控制在2000字以内")}return(e,n)=>(s(),r("section",{class:"chat-footer",style:o({cursor:a(S).currentSessionId?"default":"not-allowed"})},[i(u("div",{ref_key:"inputRef",ref:I,class:"input-box",contenteditable:"",onKeydown:w,onInput:x},null,544),[[l,a(S).currentSessionId]]),u("div",y,[g,c(a(m),{type:"primary",round:"",disabled:!h.value,onClick:K},{default:d((()=>[f("发送")])),_:1},8,["disabled"])])],4))}});export{I as default};
+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};