cnhis-design-vue 3.2.3 → 3.2.4-beta.1

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

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     currentInfo: {
         page: number;
         hasMore: boolean;
+        lastSendTime: string;
     };
     getHistoryRecord: () => Promise<void>;
     showMessage: (item: AnyObject) => boolean;
@@ -16,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     setScrollToButtom: () => Promise<void>;
     getIntervalMsgTime: (time: string) => string;
     resetInfo: () => void;
+    handleDownload: (url: string, filename: string) => void;
     NAvatar: any;
     NImageGroup: import("vue").DefineComponent<{
         showToolbar: {
@@ -218,35 +220,42 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     NImage: any;
     PersonProfile: import("vue").DefineComponent<{
-        userInfo: {
-            type: import("vue").PropType<AnyObject>;
+        userId: {
+            type: StringConstructor;
             required: true;
         };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            userInfo: {
-                type: import("vue").PropType<AnyObject>;
+            userId: {
+                type: StringConstructor;
                 required: true;
             };
-        }>> & {}>>;
+        }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "close", ...args: any[]) => void;
+        state: import("../types").IState;
+        openSession: (item: AnyObject) => void;
+        showUserDetail: import("vue").Ref<boolean>;
         showLargeAvatar: import("vue").Ref<boolean>;
         showPhone: import("vue").Ref<boolean>;
-        personInfo: import("vue").ComputedRef<({
+        userDetail: AnyObject;
+        info: {
             label: string;
-            content: string;
-            key?: undefined;
-        } | {
+            value: string;
+            key: string;
+        }[];
+        personInfo: import("vue").ComputedRef<{
             label: string;
-            content: string;
+            value: string;
             key: string;
-        })[]>;
+        }[]>;
+        toOpenSession: () => Promise<void>;
+        updateShow: (value: boolean) => Promise<void>;
         getContent: (info: AnyObject) => any;
-        onFinish: (options: {
-            file: import("naive-ui").UploadFileInfo;
-        }) => void;
         onChange: (options: {
             file: import("naive-ui").UploadFileInfo;
-        }) => void;
+        }) => Promise<void>;
         NAvatar: any;
         NPopover: any;
         NButton: any;
@@ -266,12 +275,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         Camera: 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<{}>>, {}>;
         EyeOutline: 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<{}>>, {}>;
         EyeOffOutline: 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<{
-        userInfo: {
-            type: import("vue").PropType<AnyObject>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        userId: {
+            type: StringConstructor;
             required: true;
         };
-    }>>, {}>;
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {}>;
     MessageTemplate: import("vue").DefineComponent<{
         data: {
             type: import("vue").PropType<AnyObject>;
@@ -284,7 +295,10 @@ declare const _default: import("vue").DefineComponent<{}, {
                 required: true;
             };
         }>> & {}>>;
+        describeBodyRef: import("vue").Ref<any>;
+        showMore: import("vue").Ref<boolean>;
         emit: (event: string, ...args: any[]) => void;
+        isOverflow: import("vue").ComputedRef<boolean>;
         setting: import("vue").ComputedRef<any>;
         serverSetting: import("vue").ComputedRef<any>;
         topRightButton: import("vue").ComputedRef<any>;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,watch as s,openBlock as n,createElementBlock as i,normalizeClass as o,unref as a,createVNode as r,withCtx as l,Fragment as m,renderList as c,toDisplayString as u,createCommentVNode as d,createBlock as f}from"vue";import{NImageGroup as p,NAvatar as g,NImage as y}from"naive-ui";import{isToday as v,format as M,isYesterday as T}from"date-fns";import{getHistoryRecordApi as h}from"../api/index.js";import{useState as _}from"../hooks/useState.js";import{isNumber as k}from"lodash-es";import E from"./PersonProfile.vue.js";import L from"./MessageTemplate.vue.js";import{images as H}from"../utils/emoji.js";import{MESSAGE_TYPE as j}from"../constants/index.js";import{useScrollLoading as A}from"../hooks/useScrollLoading.js";const I={key:0,class:"time"},w={key:2,class:"message-box"},P=["data-time"],b=["innerHTML"],D=["src"],x=["href"];var F=e({__name:"ChatMain",setup(e){const F=t(),{state:O,setMsgList:S}=_(),J={page:0,hasMore:!0};async function K(){try{if(!J.hasMore)return;J.page++;const e=await h({sessionKey:O.currentSessionItem.sessionKey,page:J.page});if(!Array.isArray(e)||0===e.length)return J.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了");S(J.page>1?[...e,...O.msgList]:e)}catch(e){console.log(e)}}function Y(e){const{chatMessageType:t,messageTemplate:s}=e.content;return t!==j.TEMPLATE||!!s}function z(e,t){var s,n;const{chatMessageType:i,messageTemplate:o}=e.content;if(i===j.TEMPLATE)return"system"===t?2==(null==(s=null==o?void 0:o.setting)?void 0:s.style.id):2!=(null==(n=null==o?void 0:o.setting)?void 0:n.style.id)}function C(e){var t,s;const{chatMessageType:n,messageTemplate:i}=e;return n===j.TEMPLATE&&3==(null==(s=null==(t=null==i?void 0:i.setting)?void 0:t.style)?void 0:s.id)}function G(e,t){var s;const n=k(e.sendTime)?e.sendTime:Date.parse(e.sendTime),i=null==(s=O.msgList[t-1])?void 0:s.sendTime;return n-(0===t?0:k(i)?i:Date.parse(i))>3e5}function R(e){const t=new Date(e),s=Date.now()-t.getTime();if(s<6e4)return"刚刚";if(s<36e5)return Math.ceil(s/1e3/60)+"分钟前";if(v(t))return"今天 "+M(t,"HH:mm");if(T(t))return"昨天 "+M(t,"HH:mm");{const e=t.getFullYear(),s=(new Date).getFullYear();return M(t,e<s?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return A(F,(()=>{K()}),"top"),s((()=>O.id),(e=>{e&&(Object.assign(J,{page:0,hasMore:!0}),K())}),{immediate:!0}),s((()=>O.isAppendMsg),(e=>{e&&(S([...O.msgList,O.currentMsg]),O.isAppendMsg=!1,async function(){var e,t,s;const n=null!=(t=null==(e=F.value)?void 0:e.scrollHeight)?t:0;null==(s=F.value)||s.scrollTo({top:n,behavior:"auto"})}())}),{immediate:!0}),(e,t)=>(n(),i("div",{class:o(["chat-main",{"home-bg":!a(O).id}]),ref_key:"chatMainRef",ref:F},[r(a(p),{"show-toolbar-tooltip":""},{default:l((()=>[(n(!0),i(m,null,c(a(O).msgList,((e,t)=>(n(),i(m,{key:t},[Y(e)?(n(),i("div",{key:0,class:o(["message-item",{"message-item--mine":e.sender==a(O).userInfo.id}])},[G(e,t)?(n(),i("p",I,u(R(e.sendTime)),1)):d("v-if",!0),z(e,"system")?(n(),f(L,{key:1,data:e},null,8,["data"])):(n(),i("div",w,[r(E,{"user-info":e.sender==a(O).userInfo.id?a(O).userInfo:e},{trigger:l((()=>[r(a(g),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"]),e.content?(n(),i("div",{key:0,class:o(["content",{emoji:e.content.chatMessageType===a(j).EMOJI,template:e.content.chatMessageType===a(j).TEMPLATE,"template--3":C(e.content)}]),"data-time":e.__time},[e.content.chatMessageType===a(j).TEXT?(n(),i("pre",{key:0,innerHTML:e.__content},null,8,b)):d("v-if",!0),e.content.chatMessageType===a(j).EMOJI?(n(),i("img",{key:1,src:a(H)[e.__content]},null,8,D)):d("v-if",!0),z(e,"template")?(n(),f(L,{key:2,data:e},null,8,["data"])):d("v-if",!0),e.content.chatMessageType===a(j).IMAGE?(n(),f(a(y),{key:3,width:"240",src:e.__content},null,8,["src"])):d("v-if",!0),e.content.chatMessageType===a(j).FILE?(n(),i("a",{key:4,href:e.content.fileUrl},u(e.__content),9,x)):d("v-if",!0)],10,P)):d("v-if",!0)]))],2)):d("v-if",!0)],64)))),128))])),_:1})],2))}});export{F as default};
+import{defineComponent as e,ref as t,watch as n,openBlock as s,createElementBlock as o,normalizeClass as i,unref as a,createVNode as r,withCtx as l,Fragment as c,renderList as m,toDisplayString as d,createCommentVNode as u,createBlock as p,withModifiers as f}from"vue";import{NImageGroup as g,NAvatar as y,NImage as T}from"naive-ui";import{format as v,isToday as M,isYesterday as h}from"date-fns";import{getHistoryRecordApi as k}from"../api/index.js";import{useState as L}from"../hooks/useState.js";import{last as E,isNumber as _}from"lodash-es";import H from"./PersonProfile.vue.js";import w from"./MessageTemplate.vue.js";import{images as j}from"../utils/emoji.js";import{MESSAGE_TYPE as A}from"../constants/index.js";import{useScrollLoading as b}from"../hooks/useScrollLoading.js";const S={key:0,class:"time"},D={key:2,class:"message-box"},I=["data-time"],P=["innerHTML"],R=["src"],U=["href","onClick"];var O=e({__name:"ChatMain",setup(e){const O=t(),{state:x,setMsgList:C}=L(),F={page:0,hasMore:!0,lastSendTime:v(new Date,"yyyy-MM-dd HH:mm:ss")};async function G(){try{if(!F.hasMore)return;F.page++;const e=await k({sessionKey:x.currentSessionItem.sessionKey,page:F.page,lastSendTime:F.lastSendTime});if(!Array.isArray(e)||0===e.length)return F.hasMore=!1,console.log("接口返回不是一个数组，或者没有更多消息了");F.lastSendTime=E(e).sendTime,C(F.page>1?[...e,...x.msgList]:e)}catch(e){console.log(e)}}function J(e){const{chatMessageType:t,messageTemplate:n}=e.content;return t!==A.TEMPLATE||!!n}function K(e,t){var n,s;const{chatMessageType:o,messageTemplate:i}=e.content;if(o===A.TEMPLATE)return"system"===t?2==(null==(n=null==i?void 0:i.setting)?void 0:n.style.id):2!=(null==(s=null==i?void 0:i.setting)?void 0:s.style.id)}function X(e){var t,n;const{chatMessageType:s,messageTemplate:o}=e;return s===A.TEMPLATE&&3==(null==(n=null==(t=null==o?void 0:o.setting)?void 0:t.style)?void 0:n.id)}function Y(e,t){var n;const s=_(e.sendTime)?e.sendTime:Date.parse(e.sendTime),o=null==(n=x.msgList[t-1])?void 0:n.sendTime;return s-(0===t?0:_(o)?o:Date.parse(o))>3e5}function q(e){const t=new Date(e),n=Date.now()-t.getTime();if(n<6e4)return"刚刚";if(n<36e5)return Math.ceil(n/1e3/60)+"分钟前";if(M(t))return"今天 "+v(t,"HH:mm");if(h(t))return"昨天 "+v(t,"HH:mm");{const e=t.getFullYear(),n=(new Date).getFullYear();return v(t,e<n?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return b(O,(()=>{G()}),"top"),n((()=>x.id),(e=>{e&&(Object.assign(F,{page:0,hasMore:!0,lastSendTime:v(new Date,"yyyy-MM-dd HH:mm:ss")}),G())}),{immediate:!0}),n((()=>x.isAppendMsg),(e=>{e&&(C([...x.msgList,x.currentMsg]),x.isAppendMsg=!1,async function(){var e,t,n;const s=null!=(t=null==(e=O.value)?void 0:e.scrollHeight)?t:0;null==(n=O.value)||n.scrollTo({top:s,behavior:"auto"})}())}),{immediate:!0}),(e,t)=>(s(),o("div",{class:i(["chat-main",{"home-bg":!a(x).id}]),ref_key:"chatMainRef",ref:O},[r(a(g),{"show-toolbar-tooltip":""},{default:l((()=>[(s(!0),o(c,null,m(a(x).msgList,((e,t)=>(s(),o(c,{key:t},[J(e)?(s(),o("div",{key:0,class:i(["message-item",{"message-item--mine":e.sender==a(x).userInfo.id}])},[Y(e,t)?(s(),o("p",S,d(q(e.sendTime)),1)):u("v-if",!0),K(e,"system")?(s(),p(w,{key:1,data:e},null,8,["data"])):(s(),o("div",D,[r(H,{"user-id":e.sender},{trigger:l((()=>[r(a(y),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-id"]),e.content?(s(),o("div",{key:0,class:i(["content",{emoji:e.content.chatMessageType===a(A).EMOJI,template:e.content.chatMessageType===a(A).TEMPLATE,"template--3":X(e.content)}]),"data-time":e.__time},[e.content.chatMessageType===a(A).TEXT?(s(),o("pre",{key:0,innerHTML:e.__content},null,8,P)):u("v-if",!0),e.content.chatMessageType===a(A).EMOJI?(s(),o("img",{key:1,src:a(j)[e.__content]},null,8,R)):u("v-if",!0),K(e,"template")?(s(),p(w,{key:2,data:e},null,8,["data"])):u("v-if",!0),e.content.chatMessageType===a(A).IMAGE?(s(),p(a(T),{key:3,width:"240",src:e.__content},null,8,["src"])):u("v-if",!0),e.content.chatMessageType===a(A).FILE?(s(),o("a",{key:4,href:e.content.fileUrl,onClick:f((()=>function(e,t){const n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="blob",n.onload=function(s){if(200===n.status){const s=window.URL.createObjectURL(n.response),o=document.createElement("a");o.href=s,o.download=t,o.dispatchEvent(new MouseEvent("click")),window.URL.revokeObjectURL(e)}},n.send()}(e.content.fileUrl,e.__content)),["prevent"])},d(e.__content),9,U)):u("v-if",!0)],10,I)):u("v-if",!0)]))],2)):u("v-if",!0)],64)))),128))])),_:1})],2))}});export{O as default};

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

@@ -1,12 +1,12 @@
-import { AnyObject } from '../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{}, {
+    inputRef: import("vue").Ref<any>;
     showSearch: import("vue").Ref<boolean>;
     keyword: import("vue").Ref<any>;
     userList: import("vue").Ref<any>;
     state: import("../types").IState;
-    entrySession: (item: AnyObject) => void;
+    openSession: (item: import("../../..").AnyObject) => void;
     handleSearch: () => Promise<void>;
-    openSession: (userId: string) => Promise<void>;
+    addSession: (userId: string) => Promise<void>;
     NPopover: any;
     NButton: any;
     NAvatar: any;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as o,openBlock as a,createBlock as s,unref as n,withCtx as r,createVNode as l,createTextVNode as t,createElementVNode as i,withKeys as c,withModifiers as u,createElementBlock as p,Fragment as d,renderList as v,toDisplayString as f}from"vue";import{NPopover as m,NButton as h,NIcon as w,NInput as y,NAvatar as g}from"naive-ui";import{SearchOutline as k}from"@vicons/ionicons5";import{useState as S}from"../hooks/useState.js";import{useSession as _}from"../hooks/useSession.js";import{listUserApi as I,openSessionApi as j}from"../api/index.js";import{isArray as x}from"lodash-es";const C={class:"popover-search"},b={class:"user-list-wrapper"},z=["onClick"],K={class:"user-info"},U=i("span",null,"职务",-1),E=i("span",null,"部门",-1);var G=e({__name:"ChatSearch",setup(e){const G=o(!1),L=o(),N=o(),{state:T}=S(),{entrySession:q}=_(T);async function A(){const e=await I({orgId:T.orgId,keyword:L.value});x(e)&&(N.value=e)}return(e,o)=>(a(),s(n(m),{show:G.value,"onUpdate:show":o[1]||(o[1]=e=>G.value=e),placement:"top",trigger:"click","show-arrow":!1,overlap:""},{trigger:r((()=>[l(n(h),{color:"#d8dce34f",class:"search-trigger-btn"},{icon:r((()=>[l(n(w),{component:n(k),color:"#ffffff80"},null,8,["component"])])),default:r((()=>[t(" 搜索联系人 ")])),_:1})])),default:r((()=>[i("div",C,[l(n(y),{placeholder:"",size:"small",clearable:"",autofocus:"","passively-activated":"",delay:0,onKeydown:c(u(A,["prevent"]),["enter"]),value:L.value,"onUpdate:value":o[0]||(o[0]=e=>L.value=e)},{prefix:r((()=>[l(n(w),{component:n(k)},null,8,["component"])])),_:1},8,["onKeydown","value"]),i("div",b,[(a(!0),p(d,null,v(N.value,(e=>(a(),p("div",{class:"user-item",key:e.id,onClick:()=>async function(e){G.value=!1;const o=await j({chatType:"SINGLE",receiver:e,sender:T.userInfo.id});q(o)}(e.id)},[l(n(g),{round:"",size:32,src:e.avatar},null,8,["src"]),i("div",K,[i("span",null,f(e.name),1),U,E])],8,z)))),128))])])])),_:1},8,["show"]))}});export{G as default};
+import{defineComponent as e,ref as o,watch as a,nextTick as n,openBlock as r,createBlock as s,unref as l,withCtx as t,createVNode as i,createTextVNode as u,createElementVNode as c,withKeys as p,withModifiers as d,createElementBlock as v,Fragment as f,renderList as m,toDisplayString as h}from"vue";import{NPopover as w,NButton as y,NIcon as g,NInput as k,NAvatar as _}from"naive-ui";import{SearchOutline as S}from"@vicons/ionicons5";import{useState as I}from"../hooks/useState.js";import{useSession as j}from"../hooks/useSession.js";import{listUserApi as x,openSessionApi as C}from"../api/index.js";import{isArray as b}from"lodash-es";const z={class:"popover-search"},K={class:"user-list-wrapper"},U=["onClick"],E={class:"user-info"},G=c("span",null,"职务",-1),L=c("span",null,"部门",-1);var N=e({__name:"ChatSearch",setup(e){const N=o(),R=o(!1),T=o(),q=o(),{state:A}=I(),{openSession:B}=j(A);async function D(){const e=await x({orgId:A.orgId,keyword:T.value});b(e)&&(q.value=e)}return a((()=>R.value),(async e=>{var o;e&&(await n(),null==(o=N.value)||o.focus())})),(e,o)=>(r(),s(l(w),{show:R.value,"onUpdate:show":o[1]||(o[1]=e=>R.value=e),placement:"top",trigger:"click","display-directive":"show","show-arrow":!1,delay:0,overlap:""},{trigger:t((()=>[i(l(y),{color:"#d8dce34f",class:"search-trigger-btn"},{icon:t((()=>[i(l(g),{component:l(S),color:"#ffffff80"},null,8,["component"])])),default:t((()=>[u(" 搜索联系人 ")])),_:1})])),default:t((()=>[c("div",z,[i(l(k),{ref_key:"inputRef",ref:N,placeholder:"",size:"small",clearable:"",autofocus:"",round:"",onKeydown:p(d(D,["prevent"]),["enter"]),value:T.value,"onUpdate:value":o[0]||(o[0]=e=>T.value=e)},{prefix:t((()=>[i(l(g),{component:l(S)},null,8,["component"])])),_:1},8,["onKeydown","value"]),c("div",K,[(r(!0),v(f,null,m(q.value,(e=>(r(),v("div",{class:"user-item",key:e.id,onClick:()=>async function(e){R.value=!1;const o=await C({chatType:"SINGLE",receiver:e,sender:A.userInfo.id});B(o)}(e.id)},[i(l(_),{round:"",size:32,src:e.avatar},null,8,["src"]),c("div",E,[c("span",null,h(e.name),1),G,L])],8,U)))),128))])])])),_:1},8,["show"]))}});export{N as default};

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

@@ -1,23 +1,26 @@
-import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{}, {
+    attrs: {
+        [x: string]: unknown;
+    };
     state: import("../types").IState;
     setCurrentSessionItem: (item: AnyObject) => void;
     handleTopping: (value: boolean) => Promise<void>;
+    closeUserDetail: () => void;
     NDrawer: any;
     NDrawerContent: import("vue").DefineComponent<{
         title: {
             type: StringConstructor;
         };
-        headerStyle: PropType<string | import("vue").CSSProperties>;
-        footerStyle: PropType<string | import("vue").CSSProperties>;
-        bodyStyle: PropType<string | import("vue").CSSProperties>;
-        bodyContentStyle: PropType<string | import("vue").CSSProperties>;
+        headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        bodyStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        bodyContentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         nativeScrollbar: {
             type: BooleanConstructor;
             default: boolean;
         };
-        scrollbarProps: PropType<import("naive-ui/es/_internal").ScrollbarProps>;
+        scrollbarProps: import("vue").PropType<import("naive-ui/es/_internal").ScrollbarProps>;
         closable: BooleanConstructor;
     }, {
         handleCloseClick: () => void;
@@ -169,15 +172,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         title: {
             type: StringConstructor;
         };
-        headerStyle: PropType<string | import("vue").CSSProperties>;
-        footerStyle: PropType<string | import("vue").CSSProperties>;
-        bodyStyle: PropType<string | import("vue").CSSProperties>;
-        bodyContentStyle: PropType<string | import("vue").CSSProperties>;
+        headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        bodyStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+        bodyContentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         nativeScrollbar: {
             type: BooleanConstructor;
             default: boolean;
         };
-        scrollbarProps: PropType<import("naive-ui/es/_internal").ScrollbarProps>;
+        scrollbarProps: import("vue").PropType<import("naive-ui/es/_internal").ScrollbarProps>;
         closable: BooleanConstructor;
     }>>, {
         closable: boolean;
@@ -188,35 +191,42 @@ declare const _default: import("vue").DefineComponent<{}, {
     NSwitch: any;
     ChevronForwardOutline: 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<{}>>, {}>;
     PersonProfile: import("vue").DefineComponent<{
-        userInfo: {
-            type: PropType<AnyObject>;
+        userId: {
+            type: StringConstructor;
             required: true;
         };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            userInfo: {
-                type: PropType<AnyObject>;
+            userId: {
+                type: StringConstructor;
                 required: true;
             };
-        }>> & {}>>;
+        }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "close", ...args: any[]) => void;
+        state: import("../types").IState;
+        openSession: (item: AnyObject) => void;
+        showUserDetail: import("vue").Ref<boolean>;
         showLargeAvatar: import("vue").Ref<boolean>;
         showPhone: import("vue").Ref<boolean>;
-        personInfo: import("vue").ComputedRef<({
+        userDetail: AnyObject;
+        info: {
             label: string;
-            content: string;
-            key?: undefined;
-        } | {
+            value: string;
+            key: string;
+        }[];
+        personInfo: import("vue").ComputedRef<{
             label: string;
-            content: string;
+            value: string;
             key: string;
-        })[]>;
+        }[]>;
+        toOpenSession: () => Promise<void>;
+        updateShow: (value: boolean) => Promise<void>;
         getContent: (info: AnyObject) => any;
-        onFinish: (options: {
-            file: import("naive-ui").UploadFileInfo;
-        }) => void;
         onChange: (options: {
             file: import("naive-ui").UploadFileInfo;
-        }) => void;
+        }) => Promise<void>;
         NAvatar: any;
         NPopover: any;
         NButton: any;
@@ -236,11 +246,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         Camera: 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<{}>>, {}>;
         EyeOutline: 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<{}>>, {}>;
         EyeOffOutline: 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<{
-        userInfo: {
-            type: PropType<AnyObject>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        userId: {
+            type: StringConstructor;
             required: true;
         };
-    }>>, {}>;
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {}>;
 }, {}, {}, {}, 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/ChatSet.vue2.js

@@ -1 +1 @@
-import{defineComponent as s,openBlock as e,createBlock as o,unref as t,withCtx as n,createVNode as i,createElementVNode as r,toDisplayString as a}from"vue";import{NDrawer as u,NDrawerContent as l,NAvatar as c,NIcon as m,NSwitch as p}from"naive-ui";import{ChevronForwardOutline as f}from"@vicons/ionicons5";import{useState as d}from"../hooks/useState.js";import{useSession as v}from"../hooks/useSession.js";import g from"./PersonProfile.vue.js";import{toppingSessionApi as h}from"../api/index.js";const _={class:"chat-set-wrapper"},I={class:"item user-info"},S={class:"item"},j=r("span",{class:"label"},"置顶聊天",-1);var y=s({__name:"ChatSet",setup(s){const{state:y}=d(),{setCurrentSessionItem:b}=v(y);async function k(s){try{await h({sessionKey:y.currentSessionItem.sessionKey,id:y.currentSessionItem.id,topping:s}),b({topping:s}),y.isChangeSession=!0}catch(s){console.log(s)}}return(s,d)=>(e(),o(t(u),{width:320,"trap-focus":!1,"block-scroll":!1,to:".c-biunique-chat"},{default:n((()=>[i(t(l),{title:"聊天设置"},{default:n((()=>[r("div",_,[i(g,{"user-info":t(y).userInfo},{trigger:n((()=>[r("div",I,[i(t(c),{round:"",size:40,src:t(y).currentSessionItem.avatar},null,8,["src"]),r("span",null,a(t(y).userInfo.name),1),i(t(m),{size:24,component:t(f),class:"item__right"},null,8,["component"])])])),_:1},8,["user-info"]),r("div",S,[j,i(t(p),{value:t(y).userInfo.topping,"onUpdate:value":[d[0]||(d[0]=s=>t(y).userInfo.topping=s),k],class:"item__right"},null,8,["value"])])])])),_:1})])),_:1}))}});export{y as default};
+import{defineComponent as e,useAttrs as s,openBlock as o,createBlock as t,unref as n,withCtx as i,createVNode as r,createElementVNode as a,toDisplayString as u}from"vue";import{NDrawer as c,NDrawerContent as l,NAvatar as m,NIcon as p,NSwitch as f}from"naive-ui";import{ChevronForwardOutline as d}from"@vicons/ionicons5";import{useState as v}from"../hooks/useState.js";import{useSession as h}from"../hooks/useSession.js";import g from"./PersonProfile.vue.js";import{toppingSessionApi as S}from"../api/index.js";import{isFunction as _}from"lodash-es";const I={class:"chat-set-wrapper"},w={class:"item user-info"},j={class:"item"},y=a("span",{class:"label"},"置顶聊天",-1);var b=e({__name:"ChatSet",setup(e){const b=s(),{state:k}=v(),{setCurrentSessionItem:C}=h(k);async function U(e){try{await S({sessionKey:k.currentSessionItem.sessionKey,id:k.currentSessionItem.id,topping:e}),C({topping:e})}catch(e){console.log(e)}}function x(){_(b["onUpdate:show"])&&b["onUpdate:show"](!1)}return(e,s)=>(o(),t(n(c),{width:320,"trap-focus":!1,"block-scroll":!1,to:".c-biunique-chat"},{default:i((()=>[r(n(l),{title:"聊天设置"},{default:i((()=>[a("div",I,[r(g,{"user-id":n(k).currentSessionItem.receiver,onClose:x},{trigger:i((()=>[a("div",w,[r(n(m),{round:"",size:40,src:n(k).currentSessionItem.avatar},null,8,["src"]),a("span",null,u(n(k).currentSessionItem.name),1),r(n(p),{size:24,component:n(d),class:"item__right"},null,8,["component"])])])),_:1},8,["user-id"]),a("div",j,[y,r(n(f),{value:n(k).userInfo.topping,"onUpdate:value":[s[0]||(s[0]=e=>n(k).userInfo.topping=e),U],class:"item__right"},null,8,["value"])])])])),_:1})])),_:1}))}});export{b as default};

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

@@ -12,7 +12,10 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
     }>> & {}>>;
+    describeBodyRef: import("vue").Ref<any>;
+    showMore: import("vue").Ref<boolean>;
     emit: (event: string, ...args: any[]) => void;
+    isOverflow: import("vue").ComputedRef<boolean>;
     setting: import("vue").ComputedRef<any>;
     serverSetting: import("vue").ComputedRef<any>;
     topRightButton: import("vue").ComputedRef<any>;

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

@@ -1 +1 @@
-import{defineComponent as e,computed as t,openBlock as s,createElementBlock as l,Fragment as a,unref as o,createElementVNode as i,toDisplayString as n,withModifiers as c,createBlock as m,createCommentVNode as r,renderList as d,withCtx as p,createTextVNode as u,createVNode as v}from"vue";import{NIcon as f,NButton as y}from"naive-ui";import{ChevronForwardOutline as g,AlertCircleSharp as k}from"@vicons/ionicons5";import _ from"../../../../shared/components/SvgIcon/SvgIcon.vue.js";import{useState as b}from"../hooks/useState.js";const h={class:"default-msg-template__header"},C={class:"title"},T={class:"default-msg-template__body"},j=["src"],S={class:"template-content"},L={key:0,class:"default-msg-template__btn-group"},M=i("i",{class:"chat--iconfont chat--icon-more"},null,-1),x={key:1,class:"describe-msg-template"},B={class:"describe-msg-template__header"},H={class:"describe-msg-template__body"},I={class:"title"},q={class:"txt"},z=i("div",{class:"describe-msg-template__footer"},[u(" 展开全部 "),i("i",{class:"chat--iconfont chat--icon-more"})],-1),D={key:2,class:"system-msg-template"},O=["innerHTML"],P=["onClick"];var R=e({__name:"MessageTemplate",props:{data:{type:Object,required:!0}},setup(e){const R=e,{emit:w}=b(),A=t((()=>R.data.content.messageTemplate.setting)),E=t((()=>A.value.serverSetting)),F=t((()=>(E.value.topRightButton||[])[0])),G=t((()=>(A.value.content||"").split("##").filter((e=>e)))),J=t((()=>E.value.toolbar_button)),K=t((()=>(E.value.bottomButton||[])[0])),N=t((()=>A.value.dbParamsList)),Q=t((()=>R.data.content.messageTemplateData));function U(e){w("template-click",e,R.data)}return(e,t)=>(s(),l(a,null,[1==o(A).style.id?(s(),l("div",{key:0,class:"default-msg-template",onClick:t[2]||(t[2]=()=>U(o(E)))},[i("div",h,[i("span",C,n(o(A).title),1),o(F)?(s(),l("span",{key:0,class:"btn",onClick:t[0]||(t[0]=c((()=>U(o(F))),["stop"]))},n(o(F).title),1)):o(E).address?(s(),m(o(f),{key:1,component:o(g),color:"#969696"},null,8,["component"])):r("v-if",!0)]),i("div",T,[o(A).style.icon?(s(),m(o(_),{key:0,class:"logo","icon-class":o(A).style.icon},null,8,["icon-class"])):o(A).style.image?(s(),l("img",{key:1,class:"logo",src:o(A).style.image},null,8,j)):r("v-if",!0),i("div",S,[(s(!0),l(a,null,d(o(G),(e=>(s(),l("div",{key:e},n(e),1)))),128))])]),o(J)?(s(),l("div",L,[(s(!0),l(a,null,d(o(J),((e,t)=>(s(),m(o(y),{type:"primary",round:"",ghost:"",onClick:c((()=>U(e)),["stop"]),key:t},{default:p((()=>[u(n(e.title),1)])),_:2},1032,["onClick"])))),128))])):r("v-if",!0),o(K)?(s(),l("div",{key:1,class:"default-msg-template__footer",onClick:t[1]||(t[1]=c((()=>U(o(K))),["stop"]))},[u(n(o(K).title)+" ",1),M])):r("v-if",!0)])):r("v-if",!0),3==o(A).style.id?(s(),l("div",x,[i("div",B,n(o(A).title),1),i("div",H,[(s(!0),l(a,null,d(o(N),((e,t)=>(s(),l(a,{key:t},[i("div",I,n(e.desc),1),i("div",q,n(o(Q)[e.p_name]),1)],64)))),128))]),z])):r("v-if",!0),2==o(A).style.id?(s(),l("div",D,[v(o(f),{component:o(k),color:"#ffc200",size:18},null,8,["component"]),i("span",{innerHTML:G.value.join("<br>")},null,8,O),(s(!0),l(a,null,d(o(J),((e,t)=>(s(),l("span",{class:"btn",onClick:()=>U(e),key:t},n(e.title),9,P)))),128))])):r("v-if",!0)],64))}});export{R as default};
+import{defineComponent as e,ref as t,computed as l,openBlock as s,createElementBlock as o,Fragment as n,unref as i,createElementVNode as a,toDisplayString as c,withModifiers as r,createBlock as d,createCommentVNode as m,renderList as u,withCtx as p,createTextVNode as v,normalizeClass as f,createVNode as y}from"vue";import{NIcon as g,NButton as k}from"naive-ui";import{ChevronForwardOutline as _,AlertCircleSharp as h}from"@vicons/ionicons5";import b from"../../../../shared/components/SvgIcon/SvgIcon.vue.js";import{useState as T}from"../hooks/useState.js";const C={class:"default-msg-template__header"},M={class:"title"},S={class:"default-msg-template__body"},E=["src"],H={class:"template-content"},L=["innerHTML"],N={key:0,class:"default-msg-template__btn-group"},w=a("i",{class:"chat--iconfont chat--icon-more"},null,-1),j={key:1,class:"describe-msg-template"},B={class:"describe-msg-template__header"},D={class:"title"},O={class:"txt"},x=a("i",{class:"chat--iconfont chat--icon-more"},null,-1),z={key:2,class:"system-msg-template"},F=["innerHTML"],I=["onClick"];var R=e({__name:"MessageTemplate",props:{data:{type:Object,required:!0}},setup(e){const R=e,q=t(),P=t(!0),{emit:V}=T(),W=l((()=>{if(!q.value)return!1;const{childNodes:e,clientWidth:t}=q.value;let l=0;for(let s=0;s<e.length;s++)if(e[s].nodeType===Node.ELEMENT_NODE){const t=parseFloat(window.getComputedStyle(e[s]).lineHeight);l+=e[s].scrollHeight/t}else if(e[s].nodeType===Node.TEXT_NODE){const o=e[s].nodeValue.trim();if(""!==o){const e=o.split(" "),s=Math.floor(t/parseFloat(window.getComputedStyle(q.value).fontSize));l+=Math.ceil(e.length/s)}}return l>6})),X=l((()=>R.data.content.messageTemplate.setting)),A=l((()=>X.value.serverSetting)),G=l((()=>(A.value.topRightButton||[])[0])),J=l((()=>{const e=(X.value.content||"").split("##").filter((e=>e));return e?e.map((e=>{const t=/\\n|\n|\r/g;return t.test(e)?e.replace(t,"<br>"):e})):[]})),K=l((()=>{var e;return(null==(e=A.value)?void 0:e.toolbar_button)||[]})),Q=l((()=>(A.value.bottomButton||[])[0])),U=l((()=>X.value.dbParamsList)),Y=l((()=>R.data.content.messageTemplateData));function Z(e){V("template-click",e,R.data)}return(e,t)=>(s(),o(n,null,[1==i(X).style.id?(s(),o("div",{key:0,class:"default-msg-template",onClick:t[2]||(t[2]=()=>Z(i(A)))},[a("div",C,[a("span",M,c(i(X).title),1),i(G)?(s(),o("span",{key:0,class:"btn",onClick:t[0]||(t[0]=r((()=>Z(i(G))),["stop"]))},c(i(G).title),1)):i(A).address?(s(),d(i(g),{key:1,component:i(_),color:"#969696"},null,8,["component"])):m("v-if",!0)]),a("div",S,[i(X).style.icon?(s(),d(i(b),{key:0,class:"logo","icon-class":i(X).style.icon},null,8,["icon-class"])):i(X).style.image?(s(),o("img",{key:1,class:"logo",src:i(X).style.image},null,8,E)):m("v-if",!0),a("div",H,[(s(!0),o(n,null,u(i(J),(e=>(s(),o("div",{key:e,innerHTML:e},null,8,L)))),128))])]),i(K)?(s(),o("div",N,[(s(!0),o(n,null,u(i(K),((e,t)=>(s(),d(i(k),{type:"primary",round:"",ghost:"",onClick:r((()=>Z(e)),["stop"]),key:t},{default:p((()=>[v(c(e.title),1)])),_:2},1032,["onClick"])))),128))])):m("v-if",!0),i(Q)?(s(),o("div",{key:1,class:"default-msg-template__footer",onClick:t[1]||(t[1]=r((()=>Z(i(Q))),["stop"]))},[v(c(i(Q).title)+" ",1),w])):m("v-if",!0)])):m("v-if",!0),3==i(X).style.id?(s(),o("div",j,[a("div",B,c(i(X).title),1),a("div",{class:f(["describe-msg-template__body",i(W)&&P.value?"overflow-hidden":""]),ref_key:"describeBodyRef",ref:q},[(s(!0),o(n,null,u(i(U),((e,t)=>(s(),o(n,{key:t},[a("div",D,c(e.desc),1),a("div",O,c(i(Y)[e.p_name]),1)],64)))),128))],2),i(W)?(s(),o("div",{key:0,class:f(["describe-msg-template__footer",P.value?"":"hidden"]),onClick:t[3]||(t[3]=()=>P.value=!1)},[v(" 展开全部 "),x],2)):m("v-if",!0)])):m("v-if",!0),2==i(X).style.id?(s(),o("div",z,[y(i(g),{component:i(h),color:"#ffc200",size:18},null,8,["component"]),a("span",{innerHTML:J.value.join("<br>")},null,8,F),(s(!0),o(n,null,u(i(K),((e,t)=>(s(),o("span",{class:"btn",onClick:()=>Z(e),key:t},c(e.title),9,I)))),128))])):m("v-if",!0)],64))}});export{R as default};

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

@@ -1,36 +1,42 @@
-import { PropType } from 'vue';
 import { UploadFileInfo } from 'naive-ui';
 import { AnyObject } from '../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{
-    userInfo: {
-        type: PropType<AnyObject>;
+    userId: {
+        type: StringConstructor;
         required: true;
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        userInfo: {
-            type: PropType<AnyObject>;
+        userId: {
+            type: StringConstructor;
             required: true;
         };
-    }>> & {}>>;
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "close", ...args: any[]) => void;
+    state: import("../types").IState;
+    openSession: (item: AnyObject) => void;
+    showUserDetail: import("vue").Ref<boolean>;
     showLargeAvatar: import("vue").Ref<boolean>;
     showPhone: import("vue").Ref<boolean>;
-    personInfo: import("vue").ComputedRef<({
+    userDetail: AnyObject;
+    info: {
         label: string;
-        content: string;
-        key?: undefined;
-    } | {
+        value: string;
+        key: string;
+    }[];
+    personInfo: import("vue").ComputedRef<{
         label: string;
-        content: string;
+        value: string;
         key: string;
-    })[]>;
+    }[]>;
+    toOpenSession: () => Promise<void>;
+    updateShow: (value: boolean) => Promise<void>;
     getContent: (info: AnyObject) => any;
-    onFinish: (options: {
-        file: UploadFileInfo;
-    }) => void;
     onChange: (options: {
         file: UploadFileInfo;
-    }) => void;
+    }) => Promise<void>;
     NAvatar: any;
     NPopover: any;
     NButton: any;
@@ -50,10 +56,12 @@ declare const _default: import("vue").DefineComponent<{
     Camera: 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<{}>>, {}>;
     EyeOutline: 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<{}>>, {}>;
     EyeOffOutline: 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<{
-    userInfo: {
-        type: PropType<AnyObject>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    userId: {
+        type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as n,computed as o,openBlock as l,createBlock as a,unref as t,createSlots as r,withCtx as s,withDirectives as c,createElementVNode as i,createVNode as u,createCommentVNode as p,toDisplayString as f,createTextVNode as d,createElementBlock as v,Fragment as m,renderList as b,vShow as _,renderSlot as g}from"vue";import{NPopover as h,NAvatar as k,NUpload as y,NUploadTrigger as C,NButton as z,NIcon as I}from"naive-ui";import{Camera as x,ChatbubbleEllipses as $,EyeOffOutline as w,EyeOutline as F,Close as P}from"@vicons/ionicons5";const R={class:"popover-person"},j={class:"popover-person__left"},q={class:"profile"},A={class:"profile__text"},D={class:"popover-person__right"},L={class:"label"},O={class:"content"};var U=e({__name:"PersonProfile",props:{userInfo:{type:Object,required:!0}},setup(e){const U=e,B=n(!1),E=n(!1),G=o((()=>[{label:"机构",content:"深圳市人民医院（留医部）"},{label:"姓名",content:"大傻子"},{label:"归属科室",content:"质控部"},{label:"业务科室",content:"辣鸡部"},{label:"手机号",content:"12345678932",key:"phone"},{label:"岗位",content:"收垃圾"},{label:"工号",content:"0001"},{label:"性别",content:"男"}]));function H(e){const{key:n,content:o}=e;return"phone"!==n||E.value?o:o.replace(/(\d{3})\d{4}(\d{4})/,"$1****$2")}function J(e){console.log("onFinish",e)}function K(e){console.log("onChange",e);const n=new FileReader;n.onload=function(e){var n;(null==(n=e.target)?void 0:n.result)&&(U.userInfo.avatar=e.target.result)},n.readAsDataURL(e.file.file)}return(n,o)=>(l(),a(t(h),{trigger:"click","show-arrow":!1,scrollable:""},r({default:s((()=>[c(i("div",R,[i("div",j,[i("div",q,[u(t(k),{src:e.userInfo.avatar,bordered:"",round:"",size:100,onClickCapture:o[0]||(o[0]=e=>B.value=!0)},{default:s((()=>[p(" {{ userInfo.name }} ")])),_:1},8,["src"]),u(t(y),{abstract:"",onFinish:J,onChange:K},{default:s((()=>[u(t(C),{abstract:""},{default:s((({handleClick:e})=>[u(t(z),{circle:"",secondary:"",class:"edit-avatar",onClick:e},{icon:s((()=>[u(t(I),{size:"16",color:"#666666",component:t(x)},null,8,["component"])])),_:2},1032,["onClick"])])),_:1})])),_:1}),i("div",A,[i("h4",null,f(e.userInfo.name||e.userInfo.username),1),i("p",null,f(e.userInfo.profile||"简介叭叭叭叭叭叭叭叭叭叭叭叭叭叭叭"),1)]),u(t(z),{strong:"",secondary:""},{default:s((()=>[u(t(I),{size:"13",color:"#666666",component:t($),style:{"margin-right":"6px"}},null,8,["component"]),d(" 发消息 ")])),_:1})])]),i("div",D,[(l(!0),v(m,null,b(t(G),((e,n)=>(l(),v("div",{class:"info-item",key:n},[i("span",L,f(e.label),1),i("div",O,[i("span",null,f(H(e)),1),"phone"===e.key?(l(),a(t(I),{key:0,size:"16",color:"#666666",component:E.value?t(w):t(F),style:{"margin-left":"10px"},onClick:o[1]||(o[1]=e=>E.value=!E.value)},null,8,["component"])):p("v-if",!0)])])))),128))])],512),[[_,!B.value]]),c(i("div",{class:"large-avatar",onClick:o[2]||(o[2]=e=>B.value=!1)},[u(t(z),{circle:"",size:"small",secondary:""},{icon:s((()=>[u(t(I),{size:24,component:t(P),color:"#fff"},null,8,["component"])])),_:1}),u(t(k),{size:310,round:""})],512),[[_,B.value]])])),_:2},[b(n.$slots,((e,o)=>({name:o,fn:s((()=>[g(n.$slots,o)]))})))]),1024))}});export{U as default};
+import{defineComponent as e,ref as o,reactive as l,computed as a,openBlock as n,createBlock as s,unref as r,createSlots as i,withCtx as t,createElementBlock as c,Fragment as u,withDirectives as p,createElementVNode as d,createVNode as v,vShow as m,toDisplayString as f,createTextVNode as y,renderList as k,createCommentVNode as b,renderSlot as h}from"vue";import{NPopover as g,NAvatar as _,NUpload as w,NUploadTrigger as C,NButton as I,NIcon as z}from"naive-ui";import{Camera as N,ChatbubbleEllipses as j,EyeOffOutline as x,EyeOutline as S,Close as $}from"@vicons/ionicons5";import{useState as D}from"../hooks/useState.js";import{useSession as E}from"../hooks/useSession.js";import{openSessionApi as P,getUserDetailApi as q,uploadFileApi as F}from"../api/index.js";const G={class:"popover-person"},L={class:"popover-person__left"},O={class:"profile"},T={class:"profile__text"},U={class:"popover-person__right"},A={class:"label"},B={class:"content"};var H=e({__name:"PersonProfile",props:{userId:{type:String,required:!0}},emits:["close"],setup(e,{emit:H}){const J=e,{state:K}=D(),{openSession:M}=E(K),Q=o(!1),R=o(!1),V=o(!1),W=l({}),X=[{label:"机构",value:"",key:"orgName"},{label:"姓名",value:"",key:"name"},{label:"归属科室",value:"",key:"deptName"},{label:"业务科室",value:"",key:"businessDeptNames"},{label:"手机号",value:"",key:"phone"},{label:"岗位",value:"",key:"post"},{label:"工号",value:"",key:"jobId"},{label:"性别",value:"",key:"orgName"}],Y=a((()=>(W.id&&X.forEach((e=>{const{key:o}=e;e.value=W[o]})),X)));async function Z(){Q.value=!1;const e=await P({chatType:"SINGLE",receiver:J.userId,sender:K.userInfo.id});M(e),H("close")}async function ee(e){if(!e)return;const o=await q({userId:J.userId});(null==o?void 0:o.id)?Object.assign(W,o):W.id=""}function oe(e){const{key:o,value:l}=e;return"phone"!==o||V.value?l:(l||"").replace(/(\d{3})\d{4}(\d{4})/,"$1****$2")}async function le(e){const{file:o,name:l}=e.file,a=new FormData;a.append("sender",K.userInfo.id),a.append("file",o);const n=await F(a);if(W.avatar=n,!n)return console.log("上传失败")}return(e,o)=>(n(),s(r(g),{show:Q.value,"onUpdate:show":[o[3]||(o[3]=e=>Q.value=e),ee],trigger:"click","show-arrow":!1,scrollable:"","display-directive":"show",delay:0},i({default:t((()=>[W.id?(n(),c(u,{key:0},[p(d("div",G,[d("div",L,[d("div",O,[v(r(_),{src:W.avatar,bordered:"",round:"",size:100,onClickCapture:o[0]||(o[0]=e=>R.value=!0)},null,8,["src"]),v(r(w),{abstract:"",accept:"image/*",onChange:le},{default:t((()=>[v(r(C),{abstract:""},{default:t((({handleClick:e})=>[p(v(r(I),{circle:"",secondary:"",class:"edit-avatar",onClick:e},{icon:t((()=>[v(r(z),{size:"16",color:"#666666",component:r(N)},null,8,["component"])])),_:2},1032,["onClick"]),[[m,W.id===r(K).userInfo.id]])])),_:1})])),_:1}),d("div",T,[d("h4",null,f(W.name),1),d("p",null,f(W.orgName),1)]),v(r(I),{strong:"",secondary:"",onClick:Z},{default:t((()=>[v(r(z),{size:"13",color:"#666666",component:r(j),style:{"margin-right":"6px"}},null,8,["component"]),y(" 发消息 ")])),_:1})])]),d("div",U,[(n(!0),c(u,null,k(r(Y),((e,l)=>(n(),c("div",{class:"info-item",key:l},[d("span",A,f(e.label),1),d("div",B,[d("span",null,f(oe(e)),1),"phone"===e.key&&oe(e)?(n(),s(r(z),{key:0,size:"16",color:"#666666",component:V.value?r(x):r(S),style:{"margin-left":"10px"},onClick:o[1]||(o[1]=e=>V.value=!V.value)},null,8,["component"])):b("v-if",!0)])])))),128))])],512),[[m,!R.value]]),p(d("div",{class:"large-avatar",onClick:o[2]||(o[2]=e=>R.value=!1)},[v(r(I),{circle:"",size:"small",secondary:""},{icon:t((()=>[v(r(z),{size:24,component:r($),color:"#fff"},null,8,["component"])])),_:1}),v(r(_),{size:310,round:"",src:W.avatar},null,8,["src"])],512),[[m,R.value]])],64)):b("v-if",!0)])),_:2},[k(e.$slots,((o,l)=>({name:l,fn:t((()=>[h(e.$slots,l)]))})))]),1032,["show"]))}});export{H as default};

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

@@ -7,7 +7,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     };
     flexWidth: import("vue").Ref<number>;
     listBoxRef: import("vue").Ref<HTMLElement | undefined>;
-    keyword: import("vue").Ref<string>;
     loading: import("vue").Ref<boolean>;
     filterList: import("vue").Ref<{
         label: string;
@@ -16,8 +15,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     currentFilterKey: import("vue").Ref<string>;
     state: import("../types").IState;
     emit: (event: string, ...args: any[]) => void;
-    entrySession: (item: AnyObject) => void;
+    openSession: (item: AnyObject) => void;
     unreadTotal: import("vue").ComputedRef<number>;
+    setSessionList: (list: AnyObject[]) => void;
     currentWidth: import("vue").ComputedRef<number>;
     sessionList: import("vue").ComputedRef<AnyObject[]>;
     sessionChange: (sessionItem: AnyObject) => void;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as s,computed as i,watch as n,withDirectives as a,openBlock as t,createElementBlock as l,normalizeStyle as r,unref as o,createBlock as u,createCommentVNode as d,createElementVNode as v,Fragment as c,renderList as m,withCtx as p,createTextVNode as f,toDisplayString as k,normalizeClass as h,createVNode as y,vShow as _}from"vue";import{NSpin as S,NTag as g,NAvatar as b,NBadge as x}from"naive-ui";import{useState as M}from"../hooks/useState.js";import{useSession as C}from"../hooks/useSession.js";import{vFlexibleResize as L}from"../../../../shared/directive/flexibleResize.js";import{listSort as j,formatTime as T}from"../utils/index.js";const w={class:"sider-list__filter box-shadow"},I=["onClick"],N={class:"avatar-right"},R={class:"name"},z={class:"msg-tip"},H={class:"msg-tip__content"},U=["innerHTML"];var B=e({__name:"SiderList",setup(e){const B="all",E="unread",O=s(300),V=s();s("");const q=s(!1),A=s([{label:"全部",key:B},{label:"未读",key:E}]),D=s("all"),{state:F,emit:G}=M(),{entrySession:J,unreadTotal:K}=C(F),P=i((()=>Math.min(Math.max(O.value,240),360))),Q=i((()=>j(F.sessionList)));function W(e){!e.id||F.sessionList.map((e=>e.id)).includes(e.id)?F.sessionList.forEach((s=>{s.receiver===e.receiver&&(Object.assign(s,e),e.receiver!==F.currentSessionItem.receiver&&s.unreadNum++)})):F.sessionList.push(e)}function X({distance:e}){O.value=O.value+e}function Y(e,s=o(D)){var i;return s===B||(s===E?(null!=(i=e.unreadNum)?i:0)>0:void 0)}return n([()=>F.isChangeSession,()=>F.isUpdateSession],(([e,s])=>{e&&(W(F.currentSessionItem),F.isChangeSession=!1),s&&(W(F.updateSessionItem),F.isUpdateSession=!1)}),{immediate:!0}),n((()=>K.value),(e=>{const s=Q.value.filter((e=>Y(e,E)));G("unread-message-update",e,s)})),(e,s)=>a((t(),l("section",{class:"sider-list",style:r({width:o(P)+"px"})},[q.value?(t(),u(o(S),{key:0,stroke:"#5585f5"})):d("v-if",!0),d(' <n-input v-else placeholder="输入用户名模糊搜索" v-model:value="keyword" @keyup.enter="handleSearch"></n-input> '),v("div",w,[(t(!0),l(c,null,m(A.value,(e=>(t(),u(o(g),{type:D.value===e.key?"info":"default",round:"",bordered:!1,key:e.key,onClick:()=>{return s=e.key,void(D.value=s);var s}},{default:p((()=>[f(k(e.label)+"("+k(o(K))+") ",1)])),_:2},1032,["type","onClick"])))),128))]),v("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:V},[(t(!0),l(c,null,m(o(Q),((e,s)=>a((t(),l("div",{key:s,onClick:()=>o(J)(e),class:h(["sider-list__box__item",{active:e.id===o(F).id}])},[y(o(b),{round:"",size:"large",src:e.avatar},null,8,["src"]),v("div",N,[v("div",R,[v("h4",null,k(e.name),1),v("span",null,k(o(T)(e.lastMessageSendTime).siderMsgTime),1)]),v("div",z,[v("div",H,[v("div",{innerHTML:e.lastMessageContent},null,8,U)]),y(o(x),{value:e.unreadNum},null,8,["value"])])])],10,I)),[[_,Y(e)]]))),128))],512)],4)),[[o(L),{mode:"VR",onMove:X}]])}});export{B as default};
+import{defineComponent as e,ref as s,computed as i,watch as n,withDirectives as a,openBlock as t,createElementBlock as l,normalizeStyle as r,unref as o,createBlock as u,createCommentVNode as d,createElementVNode as v,Fragment as c,renderList as m,withCtx as p,createTextVNode as f,toDisplayString as k,normalizeClass as h,createVNode as y,vShow as S}from"vue";import{NSpin as _,NTag as g,NAvatar as b,NBadge as x}from"naive-ui";import{useState as L}from"../hooks/useState.js";import{useSession as M}from"../hooks/useSession.js";import{vFlexibleResize as C}from"../../../../shared/directive/flexibleResize.js";import{listSort as j,formatTime as T}from"../utils/index.js";const w={class:"sider-list__filter box-shadow"},I=["onClick"],N={class:"avatar-right"},R={class:"name"},z={class:"msg-tip"},H={class:"msg-tip__content"},U=["innerHTML"];var B=e({__name:"SiderList",setup(e){const B="all",E="unread",O=s(300),V=s(),q=s(!1),A=s([{label:"全部",key:B},{label:"未读",key:E}]),D=s("all"),{state:F,emit:G}=L(),{openSession:J,unreadTotal:K,setSessionList:P}=M(F),Q=i((()=>Math.min(Math.max(O.value,240),360))),W=i((()=>j(F.sessionList)));function X(e){!e.id||F.sessionList.map((e=>e.id)).includes(e.id)?F.sessionList.forEach((s=>{s.receiver===e.receiver&&(Object.assign(s,e),e.receiver!==F.currentSessionItem.receiver&&s.unreadNum++)})):P([...F.sessionList,e])}function Y({distance:e}){O.value=O.value+e}function Z(e,s=o(D)){var i;return s===B||(s===E?(null!=(i=e.unreadNum)?i:0)>0:void 0)}return n([()=>F.isChangeSession,()=>F.isUpdateSession],(([e,s])=>{e&&(X(F.currentSessionItem),F.isChangeSession=!1),s&&(X(F.updateSessionItem),F.isUpdateSession=!1)}),{immediate:!0}),n((()=>K.value),(e=>{const s=W.value.filter((e=>Z(e,E)));G("unread-message-update",e,s)})),(e,s)=>a((t(),l("section",{class:"sider-list",style:r({width:o(Q)+"px"})},[q.value?(t(),u(o(_),{key:0,stroke:"#5585f5"})):d("v-if",!0),d(' <n-input v-else placeholder="输入用户名模糊搜索" v-model:value="keyword" @keyup.enter="handleSearch"></n-input> '),v("div",w,[(t(!0),l(c,null,m(A.value,(e=>(t(),u(o(g),{type:D.value===e.key?"info":"default",round:"",bordered:!1,key:e.key,onClick:()=>{return s=e.key,void(D.value=s);var s}},{default:p((()=>[f(k(e.label)+"("+k(o(K))+") ",1)])),_:2},1032,["type","onClick"])))),128))]),v("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:V},[(t(!0),l(c,null,m(o(W),(e=>a((t(),l("div",{key:e.id,onClick:()=>o(J)(e),class:h(["sider-list__box__item",{active:e.id===o(F).id}])},[y(o(b),{round:"",size:"large",src:e.avatar},null,8,["src"]),v("div",N,[v("div",R,[v("h4",null,k(e.name),1),v("span",null,k(o(T)(e.lastMessageSendTime).siderMsgTime),1)]),v("div",z,[v("div",H,[v("div",{innerHTML:e.lastMessageContent},null,8,U)]),y(o(x),{value:e.unreadNum},null,8,["value"])])])],10,I)),[[S,Z(e)]]))),128))],512)],4)),[[o(C),{mode:"VR",onMove:Y}]])}});export{B as default};

package/es/components/biunique-chat/src/hooks/useSession.d.ts

@@ -1,8 +1,11 @@
 import { AnyObject } from '../../../../shared/types';
 import { IState } from '../types';
 export declare function useSession(state: IState): {
-    entrySession: (item: AnyObject) => void;
+    openSession: (item: AnyObject) => void;
+    closeSession: () => AnyObject | null;
+    getCurrentSession: () => AnyObject | null;
     setCurrentSessionItem: (item: AnyObject) => void;
+    setUpdateSessionItem: (item: AnyObject) => void;
     unreadTotal: import("vue").ComputedRef<number>;
     setSessionList: (list: AnyObject[]) => void;
 };

package/es/components/biunique-chat/src/hooks/useSession.js

@@ -1 +1 @@
-import{computed as s}from"vue";import{transformLastMessage as e}from"../utils/index.js";function t(t){function n(s){Object.assign(t.currentSessionItem,s,{lastMessageContent:s.lastMessage?e(s.lastMessage):""}),t.id!==t.currentSessionItem.id&&(t.msgList=[],t.id=t.currentSessionItem.id)}return{entrySession:function(s){s.unreadNum=0,n(s),t.isChangeSession=!0},setCurrentSessionItem:n,unreadTotal:s((()=>t.sessionList.reduce(((s,e)=>s+ +e.unreadNum),0))),setSessionList:function(s){t.sessionList=s.map((s=>{const{lastMessage:t}=s;return{...s,lastMessageContent:t?e(t):""}}))}}}export{t as useSession};
+import{computed as s}from"vue";import{transformLastMessage as e}from"../utils/index.js";function t(t){function n(s){Object.assign(t.currentSessionItem,s,{lastMessageContent:s.lastMessage?e(s.lastMessage):""}),t.isChangeSession=!0,t.id!==t.currentSessionItem.id&&(t.msgList=[],t.id=t.currentSessionItem.id)}return{openSession:function(s){s.unreadNum=0,n(s)},closeSession:function(){if(!t.id)return null;const{currentSessionItem:s}=t;return t.currentSessionItem={},t.msgList=[],t.id="",s},getCurrentSession:function(){return t.id?t.currentSessionItem:null},setCurrentSessionItem:n,setUpdateSessionItem:function(s){Object.assign(t.updateSessionItem,s,{lastMessageContent:s.lastMessage?e(s.lastMessage):""}),t.isUpdateSession=!0},unreadTotal:s((()=>t.sessionList.reduce(((s,e)=>s+ +e.unreadNum),0))),setSessionList:function(s){t.sessionList=s.map((s=>{const{lastMessage:t}=s;return{...s,lastMessageContent:Reflect.has(s,"lastMessageContent")?s.lastMessageContent:t?e(t):""}}))}}}export{t as useSession};