cnhis-design-vue 3.2.2-beta.9 → 3.2.3-beta.0

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

@@ -1,15 +1,217 @@
 import { AnyObject } from '../../../../shared/types';
+import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
     chatMainRef: import("vue").Ref<HTMLElement | undefined>;
-    state: AnyObject;
+    state: import("../types").IState;
     setMsgList: (list?: AnyObject[]) => void;
     page: number;
     getHistoryRecord: () => Promise<void>;
     accessSession: () => Promise<void>;
+    showSystemMsg: (item: AnyObject) => boolean;
     needShowTime: (item: AnyObject, index: number) => boolean;
     setScrollToButtom: () => Promise<void>;
     getIntervalMsgTime: (time: string) => string;
     NAvatar: any;
+    NImageGroup: import("vue").DefineComponent<{
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showToolbarTooltip: BooleanConstructor;
+        theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+            toolbarIconColor: string;
+            toolbarColor: string;
+            toolbarBoxShadow: string;
+            toolbarBorderRadius: string;
+        }, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>;
+        themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+            toolbarIconColor: string;
+            toolbarColor: string;
+            toolbarBoxShadow: string;
+            toolbarBorderRadius: string;
+        }, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>>;
+        builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+            toolbarIconColor: string;
+            toolbarColor: string;
+            toolbarBoxShadow: string;
+            toolbarBorderRadius: string;
+        }, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>>;
+    }, {
+        mergedClsPrefix: import("vue").ComputedRef<string>;
+        previewInstRef: import("vue").Ref<{
+            setThumbnailEl: (e: HTMLImageElement | null) => void;
+            setPreviewSrc: (src?: string | undefined) => void;
+            toggleShow: () => void;
+        } | null>;
+        next: () => void;
+        prev: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showToolbarTooltip: BooleanConstructor;
+        theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+            toolbarIconColor: string;
+            toolbarColor: string;
+            toolbarBoxShadow: string;
+            toolbarBorderRadius: string;
+        }, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>;
+        themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+            toolbarIconColor: string;
+            toolbarColor: string;
+            toolbarBoxShadow: string;
+            toolbarBorderRadius: string;
+        }, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>>;
+        builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+            toolbarIconColor: string;
+            toolbarColor: string;
+            toolbarBoxShadow: string;
+            toolbarBorderRadius: string;
+        }, {
+            Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                borderRadius: string;
+                boxShadow: string;
+                color: string;
+                textColor: string;
+                padding: string;
+            }, {
+                Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                    fontSize: string;
+                    borderRadius: string;
+                    color: string;
+                    dividerColor: string;
+                    textColor: string;
+                    boxShadow: string;
+                    space: string;
+                    spaceArrow: string;
+                    arrowOffset: string;
+                    arrowOffsetVertical: string;
+                    arrowHeight: string;
+                    padding: string;
+                }, any>;
+            }>;
+        }>>>;
+    }>>, {
+        showToolbar: boolean;
+        showToolbarTooltip: boolean;
+    }>;
+    NImage: any;
     PersonProfile: import("vue").DefineComponent<{
         userInfo: {
             type: import("vue").PropType<AnyObject>;
@@ -65,5 +267,81 @@ declare const _default: import("vue").DefineComponent<{}, {
             required: true;
         };
     }>>, {}>;
+    MessageTemplate: import("vue").DefineComponent<{
+        data: {
+            type: import("vue").PropType<AnyObject>;
+            required: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<AnyObject>;
+                required: true;
+            };
+        }>> & {}>>;
+        emit: (event: string, ...args: any[]) => void;
+        setting: import("vue").ComputedRef<any>;
+        serverSetting: import("vue").ComputedRef<any>;
+        topRightButton: import("vue").ComputedRef<any>;
+        contentList: import("vue").ComputedRef<any>;
+        toolbarButton: import("vue").ComputedRef<any>;
+        bottomButton: import("vue").ComputedRef<any>;
+        contentParams: import("vue").ComputedRef<any>;
+        getSystemMsgContent: () => any;
+        handleTemplateClick: (data: AnyObject) => void;
+        NButton: any;
+        NIcon: 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<{}>>, {}>;
+        AlertCircleSharp: 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<{}>>, {}>;
+        SvgIcon: import("vue").DefineComponent<{
+            iconClass: {
+                type: StringConstructor;
+                required: true;
+                default: string;
+            };
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            className: {
+                type: StringConstructor;
+                required: false;
+            };
+        }, {
+            props: {
+                iconClass: string;
+                title: string;
+                className?: string | undefined;
+            };
+            iconName: import("vue").ComputedRef<string>;
+            svgClass: import("vue").ComputedRef<string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            iconClass: {
+                type: StringConstructor;
+                required: true;
+                default: string;
+            };
+            title: {
+                type: StringConstructor;
+                required: false;
+                default: string;
+            };
+            className: {
+                type: StringConstructor;
+                required: false;
+            };
+        }>>, {
+            title: string;
+            iconClass: string;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<AnyObject>;
+            required: true;
+        };
+    }>>, {}>;
+    images: import("vue").Ref<any[]>;
+    MESSAGE_TYPE: typeof MESSAGE_TYPE;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as s,nextTick as t,watch as n,openBlock as i,createElementBlock as r,Fragment as o,renderList as a,unref as m,toDisplayString as l,createCommentVNode as c,createVNode as u,withCtx as d,createElementVNode as f}from"vue";import{NAvatar as g}from"naive-ui";import{useInfiniteScroll as p}from"@vueuse/core";import{isToday as v,format as y,isYesterday as H}from"date-fns";import{getHistoryRecordApi as M}from"../api/index.js";import{useState as _}from"../hooks/useState.js";import{isNumber as T}from"lodash-es";import h from"./PersonProfile.vue.js";const L={key:0,class:"time"},k={key:1,class:"message-box left"},A=["data-time"],w=["innerHTML"],D={key:2,class:"message-box right"},x=["data-time"],j=["innerHTML"];var K=e({__name:"ChatMain",setup(e){const K=s(),{state:b,setMsgList:z}=_();let F=1;async function I(){try{const e=await M({sessionKey:b.sessionKey,page:F});if(console.log("getHistoryRecord",e),!Array.isArray(e))return;if(0===e.length)return console.log("没有更多消息了");z(F>1?[...e,...b.msgList]:e),1===F&&R()}catch(e){console.log(e)}}function P(e,s){var t;const n=T(e.sendTime)?e.sendTime:Date.parse(e.sendTime),i=null==(t=b.msgList[s-1])?void 0:t.sendTime;return n-(0===s?0:T(i)?i:Date.parse(i))>3e5}async function R(){var e,s,n;await t();const i=null!=(s=null==(e=K.value)?void 0:e.scrollHeight)?s:0;null==(n=K.value)||n.scrollTo({top:i})}function Y(e){const s=new Date(e),t=Date.now()-s.getTime();if(t<6e4)return"刚刚";if(t<36e5)return Math.ceil(t/1e4/60)+"分钟前";if(v(s))return"今天 "+y(s,"HH:mm");if(H(s))return"昨天 "+y(s,"HH:mm");{const e=s.getFullYear(),t=(new Date).getFullYear();return y(s,e<t?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return p(K,(()=>{F++,I()}),{distance:20,direction:"top"}),n((()=>b.sessionKey),(e=>{e&&(F=1,I())}),{immediate:!0}),n((()=>b.isAppendMsg),(e=>{e&&(z([...b.msgList,b.currentMsg]),b.isAppendMsg=!1,R())}),{immediate:!0}),(e,s)=>(i(),r("div",{class:"chat-main",ref_key:"chatMainRef",ref:K},[(i(!0),r(o,null,a(m(b).msgList,((e,s)=>(i(),r("div",{class:"message-item",key:s},[P(e,s)?(i(),r("p",L,l(Y(e.sendTime)),1)):c("v-if",!0),e.sender!=m(b).userInfo.id?(i(),r("div",k,[u(h,{"user-info":e},{trigger:d((()=>[u(m(g),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"]),f("div",{class:"content","data-time":e.__time},[f("p",{innerHTML:e.__content},null,8,w)],8,A)])):(i(),r("div",D,[f("div",{class:"content","data-time":e.__time},[f("p",{innerHTML:e.__content},null,8,j)],8,x),u(h,{"user-info":m(b).userInfo},{trigger:d((()=>[u(m(g),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"])]))])))),128))],512))}});export{K as default};
+import{defineComponent as e,ref as t,watch as s,openBlock as n,createElementBlock as i,createVNode as o,unref as r,withCtx as a,Fragment as c,renderList as m,normalizeClass as l,toDisplayString as u,createCommentVNode as f,createBlock as d,createElementVNode as p}from"vue";import{NImageGroup as g,NAvatar as y,NImage as v}from"naive-ui";import{useInfiniteScroll as T,promiseTimeout as M}from"@vueuse/core";import{isToday as h,format as _,isYesterday as H}from"date-fns";import{getHistoryRecordApi as k}from"../api/index.js";import{useState as E}from"../hooks/useState.js";import{isNumber as L}from"lodash-es";import A from"./PersonProfile.vue.js";import j from"./MessageTemplate.vue.js";import{images as I}from"../utils/emoji.js";import{MESSAGE_TYPE as w}from"../constants/index.js";const D={key:0,class:"time"},P={class:"message-box"},x=["data-time"],F=["innerHTML"],b=["src"],J=["href"];var K=e({__name:"ChatMain",setup(e){const K=t(),{state:O,setMsgList:R}=E();let S=1;async function Y(){try{const e=await k({sessionKey:O.currentSessionItem.sessionKey,page:S});if(console.log("getHistoryRecord",e,S),!Array.isArray(e))return;if(0===e.length)return console.log("没有更多消息了");R(S>1?[...e,...O.msgList]:e),1===S&&G()}catch(e){console.log(e)}}function z(e){var t;const{chatMessageType:s,msgTemplate:n}=e.content;return s===w.TEMPLATE&&2==(null==(t=null==n?void 0:n.setting)?void 0:t.style.id)}function C(e,t){var s;const n=L(e.sendTime)?e.sendTime:Date.parse(e.sendTime),i=null==(s=O.msgList[t-1])?void 0:s.sendTime;return n-(0===t?0:L(i)?i:Date.parse(i))>3e5}async function G(){var e,t,s;await M(50);const n=null!=(t=null==(e=K.value)?void 0:e.scrollHeight)?t:0;null==(s=K.value)||s.scrollTo({top:n})}function U(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(h(t))return"今天 "+_(t,"HH:mm");if(H(t))return"昨天 "+_(t,"HH:mm");{const e=t.getFullYear(),s=(new Date).getFullYear();return _(t,e<s?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return T(K,(()=>{S++,Y()}),{distance:20,direction:"top"}),s((()=>O.id),(e=>{e&&(S=1,Y())}),{immediate:!0}),s((()=>O.isAppendMsg),(e=>{e&&(R([...O.msgList,O.currentMsg]),O.isAppendMsg=!1,G())}),{immediate:!0}),(e,t)=>(n(),i("div",{class:"chat-main",ref_key:"chatMainRef",ref:K},[o(r(g),{"show-toolbar-tooltip":""},{default:a((()=>[(n(!0),i(c,null,m(r(O).msgList,((e,t)=>(n(),i("div",{class:l(["message-item",{"message-item--mine":e.sender==r(O).userInfo.id}]),key:t},[C(e,t)?(n(),i("p",D,u(U(e.sendTime)),1)):f("v-if",!0),z(e)?(n(),d(j,{key:1,data:e},null,8,["data"])):f("v-if",!0),p("div",P,[o(A,{"user-info":e.sender==r(O).userInfo.id?r(O).userInfo:e},{trigger:a((()=>[o(r(y),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"]),e.content?(n(),i("div",{key:0,class:l(["content",{emoji:e.content.chatMessageType===r(w).EMOJI},{template:e.content.chatMessageType===r(w).TEMPLATE}]),"data-time":e.__time},[e.content.chatMessageType===r(w).TEXT?(n(),i("pre",{key:0,innerHTML:e.__content},null,8,F)):f("v-if",!0),e.content.chatMessageType===r(w).EMOJI?(n(),i("img",{key:1,src:r(I)[e.__content]},null,8,b)):f("v-if",!0),e.content.chatMessageType===r(w).TEMPLATE?(n(),d(j,{key:2,data:e},null,8,["data"])):f("v-if",!0),e.content.chatMessageType===r(w).IMAGE?(n(),d(r(v),{key:3,width:"240",src:e.__content},null,8,["src"])):f("v-if",!0),e.content.chatMessageType===r(w).FILE?(n(),i("a",{key:4,href:e.content.fileUrl},u(e.__content),9,J)):f("v-if",!0)],10,x)):f("v-if",!0)])],2)))),128))])),_:1})],512))}});export{K as default};

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

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         color: string;
         textColor: string;
     };
-    state: AnyObject;
+    state: import("../types").IState;
     options: {
         label: any;
         value: any;

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{}, {
-    state: AnyObject;
+    state: import("../types").IState;
     setCurrentSessionItem: (item: AnyObject) => void;
     handleTopping: (value: boolean) => Promise<void>;
     NDrawer: any;

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

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

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

@@ -0,0 +1,77 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }>> & {}>>;
+    emit: (event: string, ...args: any[]) => void;
+    setting: import("vue").ComputedRef<any>;
+    serverSetting: import("vue").ComputedRef<any>;
+    topRightButton: import("vue").ComputedRef<any>;
+    contentList: import("vue").ComputedRef<any>;
+    toolbarButton: import("vue").ComputedRef<any>;
+    bottomButton: import("vue").ComputedRef<any>;
+    contentParams: import("vue").ComputedRef<any>;
+    getSystemMsgContent: () => any;
+    handleTemplateClick: (data: AnyObject) => void;
+    NButton: any;
+    NIcon: 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<{}>>, {}>;
+    AlertCircleSharp: 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<{}>>, {}>;
+    SvgIcon: import("vue").DefineComponent<{
+        iconClass: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        className: {
+            type: StringConstructor;
+            required: false;
+        };
+    }, {
+        props: {
+            iconClass: string;
+            title: string;
+            className?: string | undefined;
+        };
+        iconName: import("vue").ComputedRef<string>;
+        svgClass: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        iconClass: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        title: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        className: {
+            type: StringConstructor;
+            required: false;
+        };
+    }>>, {
+        title: string;
+        iconClass: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+import{defineComponent as e,computed as t,openBlock as l,createElementBlock as s,Fragment as o,unref as a,createElementVNode as i,toDisplayString as n,withModifiers as c,createBlock as m,createCommentVNode as r,renderList as p,withCtx as d,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"},j={class:"default-msg-template__body"},S=["src"],T={class:"template-content"},M={key:0,class:"default-msg-template__btn-group"},x=i("i",{class:"chat--iconfont chat--icon-more"},null,-1),B={key:1,class:"describe-msg-template"},H={class:"describe-msg-template__header"},I={class:"describe-msg-template__body"},L={class:"title"},q={class:"txt"},z=i("div",{class:"describe-msg-template__footer"},[u(" 展开全部 "),i("i",{class:"chat--iconfont chat--icon-more"})],-1),O={key:2,class:"system-msg-template"},P=["innerHTML"],R=["onClick"];var w=e({__name:"MessageTemplate",props:{data:{type:Object,required:!0}},setup(e){const w=e,{emit:A}=b(),D=t((()=>w.data.content.msgTemplate.setting)),E=t((()=>D.value.serverSetting)),F=t((()=>(E.value.topRightButton||[])[0])),G=t((()=>(D.value.content||"").split("##").filter((e=>e)))),J=t((()=>E.value.toolbar_button)),K=t((()=>(E.value.bottomButton||[])[0])),N=t((()=>D.value.contentParams));function Q(e){A("template-click",e,w.data)}return(e,t)=>(l(),s(o,null,[1==a(D).style.id?(l(),s("div",{key:0,class:"default-msg-template",onClick:t[2]||(t[2]=()=>Q(a(E)))},[i("div",h,[i("span",C,n(a(D).title),1),a(F)?(l(),s("span",{key:0,class:"btn",onClick:t[0]||(t[0]=c((()=>Q(a(F))),["stop"]))},n(a(F).title),1)):a(E).address?(l(),m(a(f),{key:1,component:a(g),color:"#969696"},null,8,["component"])):r("v-if",!0)]),i("div",j,[a(D).style.icon?(l(),m(a(_),{key:0,class:"logo","icon-class":a(D).style.icon},null,8,["icon-class"])):a(D).style.image?(l(),s("img",{key:1,class:"logo",src:a(D).style.image},null,8,S)):r("v-if",!0),i("div",T,[(l(!0),s(o,null,p(a(G),(e=>(l(),s("div",{key:e},n(e),1)))),128))])]),a(J)?(l(),s("div",M,[(l(!0),s(o,null,p(a(J),((e,t)=>(l(),m(a(y),{type:"primary",round:"",ghost:"",onClick:c((()=>Q(e)),["stop"]),key:t},{default:d((()=>[u(n(e.title),1)])),_:2},1032,["onClick"])))),128))])):r("v-if",!0),a(K)?(l(),s("div",{key:1,class:"default-msg-template__footer",onClick:t[1]||(t[1]=c((()=>Q(a(K))),["stop"]))},[u(n(a(K).title)+" ",1),x])):r("v-if",!0)])):r("v-if",!0),3==a(D).style.id?(l(),s("div",B,[i("div",H,n(a(D).title),1),i("div",I,[(l(!0),s(o,null,p(a(N),((e,t)=>(l(),s(o,{key:t},[i("div",L,n(e.p_name),1),i("div",q,n(e.p_value),1)],64)))),128))]),z])):r("v-if",!0),2==a(D).style.id?(l(),s("div",O,[v(a(f),{component:a(k),color:"#ffc200",size:18},null,8,["component"]),i("span",{innerHTML:G.value.join("<br>")},null,8,P),(l(!0),s(o,null,p(a(J),((e,t)=>(l(),s("span",{class:"btn",onClick:()=>Q(e),key:t},n(e.title),9,R)))),128))])):r("v-if",!0)],64))}});export{w as default};

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

@@ -1,24 +1,29 @@
 import { AnyObject } from '../../../../shared/types';
+import { formatTime } from '../utils';
 declare const _default: import("vue").DefineComponent<{}, {
+    filterKey: {
+        all: string;
+        unread: string;
+    };
     flexWidth: import("vue").Ref<number>;
     listBoxRef: import("vue").Ref<HTMLElement | undefined>;
     keyword: import("vue").Ref<string>;
-    sessionList: import("vue").Ref<AnyObject[]>;
     loading: import("vue").Ref<boolean>;
     filterList: import("vue").Ref<{
         label: string;
         key: string;
-        number: number;
     }[]>;
     currentFilterKey: import("vue").Ref<string>;
-    state: AnyObject;
-    setCurrentSessionItem: (item: AnyObject) => void;
-    currentWidth: import("vue").ComputedRef<number>;
-    handleSearch: () => void;
+    state: import("../types").IState;
+    emit: (event: string, ...args: any[]) => void;
     entrySession: (item: AnyObject) => void;
+    unreadTotal: import("vue").ComputedRef<number>;
+    currentWidth: import("vue").ComputedRef<number>;
+    sessionList: import("vue").ComputedRef<AnyObject[]>;
     sessionChange: (sessionItem: AnyObject) => void;
     changeWidth: ({ distance }: AnyObject) => void;
     handleFilter: (key: string) => void;
+    showSession: (item: AnyObject, currentKey?: string) => boolean | undefined;
     NSpin: any;
     NBadge: any;
     NAvatar: any;
@@ -27,5 +32,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         mounted(el: any, { value }: any): void;
         beforeUnmount(el: any): void;
     };
+    formatTime: typeof formatTime;
 }, {}, {}, {}, 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/SiderList.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as s,computed as i,watch as n,withDirectives as t,openBlock as l,createElementBlock as a,normalizeStyle as u,unref as o,createBlock as r,createCommentVNode as d,createElementVNode as v,Fragment as m,renderList as c,withCtx as f,createTextVNode as p,toDisplayString as y,normalizeClass as _,createVNode as k}from"vue";import{NSpin as h,NTag as b,NAvatar as g,NBadge as S}from"naive-ui";import{useState as x}from"../hooks/useState.js";import{vFlexibleResize as L}from"../../../../shared/directive/flexibleResize.js";import{listSort as C}from"../utils/index.js";const T={class:"sider-list__filter box-shadow"},w=["onClick"],M={class:"avatar-right"},K={class:"name"},j={class:"msg-tip"},I={class:"msg-tip__content"},N=["innerHTML"];var R=e({__name:"SiderList",setup(e){const R=s(300),z=s(),D=s(""),H=s([]),U=s(!1),B=s([{label:"全部",key:"all",number:0},{label:"未读",key:"unread",number:0}]),V=s("all"),{state:q,setCurrentSessionItem:A}=x(),E=i((()=>Math.min(Math.max(R.value,240),360)));function F(e){e.unreadNum=0,A(e)}function G(e){const s=q.sessionList.map((s=>e.id===s.id?{...s,...e}:s));q.sessionList=s,H.value=C(s)}function J({distance:e}){R.value=R.value+e}return n([()=>q.isChangeSession,()=>q.isUpdateSession],(([e,s])=>{e&&(G(q.currentSessionItem),q.isChangeSession=!1),s&&(G(q.updateSessionItem),q.isUpdateSession=!1)}),{immediate:!0}),n((()=>q.sessionList.length),(()=>{!function(){H.value=q.sessionList.sort(((e,s)=>new Date(s.updatedTime).getTime()-new Date(e.updatedTime).getTime())).filter((e=>e.name.includes(D.value)||!D.value)),B.value[0].number=H.value.length;const e=H.value.find((e=>e.sessionKey===q.sessionKey));e&&F(e),C(H.value)}()})),(e,s)=>t((l(),a("section",{class:"sider-list",style:u({width:o(E)+"px"})},[U.value?(l(),r(o(h),{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",T,[(l(!0),a(m,null,c(B.value,(e=>(l(),r(o(b),{type:V.value===e.key?"info":"default",round:"",bordered:!1,key:e.key,onClick:()=>function(e){V.value=e,H.value="unread"===e?q.sessionList.filter((e=>+e.unreadNum>0)):q.sessionList;H.value=C(H.value)}(e.key)},{default:f((()=>[p(y(e.label)+"("+y(e.number)+") ",1)])),_:2},1032,["type","onClick"])))),128))]),v("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:z},[(l(!0),a(m,null,c(H.value,((e,s)=>(l(),a("div",{key:s,onClick:()=>F(e),class:_(["sider-list__box__item",{active:e.sessionKey===o(q).sessionKey}])},[k(o(g),{round:"",size:"large",src:e.avatar},null,8,["src"]),v("div",M,[v("div",K,[v("h4",null,y(e.name),1),v("span",null,y(e.__time),1)]),v("div",j,[v("div",I,[v("div",{innerHTML:e.__lastContent},null,8,N)]),k(o(S),{value:e.unreadNum},null,8,["value"])])])],10,w)))),128))],512)],4)),[[o(L),{mode:"VR",onMove:J}]])}});export{R as default};
+import{defineComponent as e,ref as s,computed as i,watch as a,withDirectives as n,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 L}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();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}=L(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 a([()=>F.isChangeSession,()=>F.isUpdateSession],(([e,s])=>{e&&(W(F.currentSessionItem),F.isChangeSession=!1),s&&(W(F.updateSessionItem),F.isUpdateSession=!1)}),{immediate:!0}),a((()=>K.value),(e=>{const s=Q.value.filter((e=>Y(e,E)));G("unread-message-update",e,s)})),(e,s)=>n((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)=>n((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.lastMessage},null,8,U)]),y(o(x),{value:e.unreadNum},null,8,["value"])])])],10,I)),[[_,Y(e)]]))),128))],512)],4)),[[o(C),{mode:"VR",onMove:X}]])}});export{B as default};

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

@@ -0,0 +1,20 @@
+/**
+ * 聊天消息类型
+ */
+export declare enum MESSAGE_TYPE {
+    TEXT = "TEXT",
+    FILE = "FILE",
+    EMOJI = "EMOJI",
+    IMAGE = "IMAGE",
+    TEMPLATE = "TEMPLATE",
+    BLEND = "BLEND"
+}
+/**
+ * 订阅消息类别
+ */
+export declare enum SUBSCRIBE_MESSAGE_TYPE {
+    JOIN = "JOIN",
+    LEAVE = "LEAVE",
+    NEW_SESSION = "NEW_SESSION",
+    MESSAGE = "MESSAGE"
+}

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

@@ -0,0 +1 @@
+var E=(E=>(E.TEXT="TEXT",E.FILE="FILE",E.EMOJI="EMOJI",E.IMAGE="IMAGE",E.TEMPLATE="TEMPLATE",E.BLEND="BLEND",E))(E||{}),I=(E=>(E.JOIN="JOIN",E.LEAVE="LEAVE",E.NEW_SESSION="NEW_SESSION",E.MESSAGE="MESSAGE",E))(I||{});export{E as MESSAGE_TYPE,I as SUBSCRIBE_MESSAGE_TYPE};

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

@@ -0,0 +1,2 @@
+export * from './useState';
+export * from './useSession';

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

@@ -0,0 +1 @@
+export{useState}from"./useState.js";export{useSession}from"./useSession.js";

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

@@ -0,0 +1,7 @@
+import { AnyObject } from '../../../../shared/types';
+import { IState } from '../types';
+export declare function useSession(state: IState): {
+    entrySession: (item: AnyObject) => void;
+    setCurrentSessionItem: (item: AnyObject) => void;
+    unreadTotal: import("vue").ComputedRef<number>;
+};

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

@@ -0,0 +1 @@
+import{computed as e}from"vue";import{transformLastMessage as s}from"../utils/index.js";function n(n){function t(e){Object.assign(n.currentSessionItem,e,e.lastMessage?{lastMessage:s(e)}:{}),n.id!==n.currentSessionItem.id&&(n.id=n.currentSessionItem.id)}return{entrySession:function(e){e.unreadNum=0,t(e),n.isChangeSession=!0},setCurrentSessionItem:t,unreadTotal:e((()=>n.sessionList.reduce(((e,s)=>e+ +s.unreadNum),0)))}}export{n as useSession};

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

@@ -1,7 +1,7 @@
 import { AnyObject } from '../../../../shared/types';
 export declare function useState(): {
-    state: AnyObject;
-    setCurrentSessionItem: (item: AnyObject) => void;
+    state: import("../types").IState;
     setMsgList: (list?: AnyObject[]) => void;
-    stompClient: AnyObject;
+    stompClient: import("vue").Ref<import("../utils/chatSock").ChatSock>;
+    emit: (event: string, ...args: any[]) => void;
 };

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

@@ -1 +1 @@
-import{inject as s}from"vue";import{formatTime as e}from"../utils/index.js";function t(){const t=s("state"),n=s("stompClient");return{state:t,setCurrentSessionItem:function(s){Object.assign(t.currentSessionItem,s),t.sessionKey!==t.currentSessionItem.sessionKey&&(t.sessionKey=t.currentSessionItem.sessionKey,t.msgList=[])},setMsgList:function(s=[]){t.msgList=s.map((s=>{var t;return{...s,__time:e(s.sendTime).msgTime,__content:null==(t=s.content)?void 0:t.msg}}))},stompClient:n}}export{t as useState};
+import{inject as t}from"vue";import{formatTime as e,transformMessage as n}from"../utils/index.js";import{InjectionIChatState as s,InjectionIChatStompClient as i,InjectionIChatEmits as m}from"../types/index.js";import{MESSAGE_TYPE as o}from"../constants/index.js";function r(){const r=t(s),c=t(i),T=t(m);return{state:r,setMsgList:function(t=[]){r.msgList=t.map((t=>{var s,i,m;return Object.assign(t,{__time:e(t.sendTime).msgTime,__content:(m=t.content.chatMessageType,[o.TEXT,o.TEXT].includes(m)?n(null==(s=t.content)?void 0:s.msg):null==(i=t.content)?void 0:i.msg)}),t})).sort(((t,e)=>new Date(t.sendTime).getTime()-new Date(e.sendTime).getTime()))},stompClient:c,emit:T}}export{r as useState};

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

@@ -1,10 +1,18 @@
-export declare namespace ChatType {
-    type UserInfo = {
-        chatType: number | string;
-        orgId: string;
-        userId: string;
-        name: string;
-        userType: string;
-        source: number | string;
-    };
-}
+import { InjectionKey, Ref } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+import { ChatSock } from '../utils/chatSock';
+export declare type IState = {
+    currentSessionItem: AnyObject;
+    id: string;
+    userInfo: AnyObject;
+    msgList: AnyObject[];
+    currentMsg: AnyObject;
+    isAppendMsg: boolean;
+    sessionList: AnyObject[];
+    isChangeSession: boolean;
+    updateSessionItem: AnyObject;
+    isUpdateSession: boolean;
+};
+export declare const InjectionIChatState: InjectionKey<IState>;
+export declare const InjectionIChatStompClient: InjectionKey<Ref<ChatSock>>;
+export declare const InjectionIChatEmits: InjectionKey<(event: string, ...args: any[]) => void>;

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

@@ -1 +1 @@
-
+const t=Symbol("InjectionIChatState"),o=Symbol("InjectionIChatStompClient"),n=Symbol("InjectionIChatEmits");export{n as InjectionIChatEmits,t as InjectionIChatState,o as InjectionIChatStompClient};

package/es/components/biunique-chat/src/utils/emoji.d.ts

@@ -0,0 +1,2 @@
+export declare const images: import("vue").Ref<any[]>;
+export declare const alt: string[];