cnhis-design-vue 3.2.5-beta.54 → 3.2.5-beta.55

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

@@ -1,4 +1,3 @@
-import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
 import { downloadFile } from '../utils';
 declare const _default: import("vue").DefineComponent<{
@@ -10,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
 }, {
-    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
+    cssVars: import("vue").ComputedRef<AnyObject>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
@@ -42,205 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     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;
-    }>;
+    NImageGroup: any;
     NImage: any;
     NInput: any;
     NIcon: any;

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

@@ -23,15 +23,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     NPopover: any;
     NTooltip: 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;
-    }>;
+    NUploadTrigger: any;
     NIcon: any;
     emojis: {
         default: string[][];

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,watch as n,withDirectives as s,openBlock as r,createElementBlock as i,normalizeStyle as o,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(),ie()))}function se(){var e,t;Y.value=(null==(t=null==(e=W.value)?void 0:e.innerText)?void 0:t.trim())||""}async function re(e,t){const{file:n,name:s}=e.file,r=new FormData;r.append("sender",Z.userInfo.id),r.append("file",n);const i=await R(r);if(!i)return console.log("上传失败");oe({chatMessageType:t,msg:t===_.FILE?s:i,url:i})}function ie(){if(!(Y.value.length>2e3))return Y.value?void oe({msg:Y.value}):console.log("请输入内容");console.log("请控制在2000字以内")}async function oe(e){const{chatMessageType:t=_.TEXT,msg:n,url:s}=e,r={msg:n,chatMessageType:t};t===_.FILE&&(r.fileUrl=s),[_.TEXT,_.BLEND].includes(t)&&(W.value.innerHTML="",Y.value=""),Z.currentReferenceMsg.id&&(r.referenceContent=L(Z.currentReferenceMsg),Z.currentReferenceMsg.id="");const i=b(new Date,"yyyy-MM-dd HH:mm:ss");Z.currentMsg={content:r,sender:Z.userInfo.id,id:"",sendTime:i,sending:!0,fail:!1},Z.isAppendMsg=!0,ee({lastMessageSendTime:i,lastMessage:r,sortTime:i});try{$.value.send("/app/chat/send",{},JSON.stringify({chatType:"SINGLE",content:r,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((r(),i("section",{class:"chat-footer",style:o({cursor:a(Z).id?"default":"not-allowed"})},[a(Z).currentReferenceMsg.id?(r(),i("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>\r\n\t\t\t\t\t<div class="list-box">\r\n\t\t\t\t\t\t<template v-for="(img, index) in images" :key="index">\r\n\t\t\t\t\t\t\t<i>\r\n\t\t\t\t\t\t\t\t<img :src="img" />\r\n\t\t\t\t\t\t\t</i>\r\n\t\t\t\t\t\t</template>\r\n\t\t\t\t\t</div> '),O,c("div",A,[(r(!0),i(p,null,m(a(I).default,(([e,t])=>(r(),g(a(k),{key:e,"show-arrow":!1,trigger:"hover"},{trigger:f((()=>[c("i",{onClick:()=>function(e){te.value=!1,oe({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]=()=>oe({chatMessageType:a(_).EMOJI,msg:0}))},X),u(a(x),{abstract:"",multiple:"",accept:"image/*",onChange:t[3]||(t[3]=e=>re(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=>re(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:ie},{default:f((()=>[v("发送")])),_:1},8,["disabled"])])],4)),[[h,a(Z).id]])}});export{W as default};
+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};