cnhis-design-vue 3.2.5 → 3.2.6-beta.0

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

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

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

@@ -1,263 +0,0 @@
-import { PropType } from 'vue';
-import { AnyObject } from '../../../../shared/types';
-import { downloadFile } from '../utils';
-declare const _default: import("vue").DefineComponent<{
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    visible: {
-        type: BooleanConstructor;
-    };
-}, {
-    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: StringConstructor;
-            default: string;
-        };
-        visible: {
-            type: BooleanConstructor;
-        };
-    }>> & {}>>;
-    state: import("../types").IState;
-    imageList: import("vue").Ref<AnyObject[]>;
-    fileList: import("vue").Ref<AnyObject[]>;
-    imageRef: import("vue").Ref<any>;
-    fileRef: import("vue").Ref<any>;
-    keyword: import("vue").Ref<any>;
-    handleInput: () => void;
-    currentInfo: {
-        page: number;
-        hasMore: boolean;
-        lastSendTime: string;
-    };
-    handleSearch: () => Promise<void>;
-    formatImageList: (data: AnyObject[]) => {
-        label: string;
-        list: unknown;
-    }[];
-    resetAndSearch: () => void;
-    title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
-    getDetail: (item: AnyObject) => string;
-    getFileType: (item: AnyObject) => any;
-    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<{}>>, {}>;
-    downloadFile: typeof downloadFile;
-}, 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;
-    };
-    visible: {
-        type: BooleanConstructor;
-    };
-}>>, {
-    type: string;
-    visible: boolean;
-}>;
-export default _default;

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

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