cnhis-design-vue 3.2.2-beta.1 → 3.2.2-beta.14

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

@@ -1,13 +1,71 @@
 import { AnyObject } from '../../../../shared/types';
+import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
-    state: AnyObject;
-    setMsgList: Function;
-    setIsAppendMsg: Function;
     chatMainRef: import("vue").Ref<HTMLElement | undefined>;
+    state: AnyObject;
+    setMsgList: (list?: AnyObject[]) => void;
+    page: number;
     getHistoryRecord: () => Promise<void>;
-    accessSession: (lastSessionId: string) => Promise<void>;
-    isNeedShowTime: (item: AnyObject, index: number) => boolean;
+    accessSession: () => Promise<void>;
+    needShowTime: (item: AnyObject, index: number) => boolean;
     setScrollToButtom: () => Promise<void>;
+    getIntervalMsgTime: (time: string) => string;
     NAvatar: any;
+    PersonProfile: import("vue").DefineComponent<{
+        userInfo: {
+            type: import("vue").PropType<AnyObject>;
+            required: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            userInfo: {
+                type: import("vue").PropType<AnyObject>;
+                required: true;
+            };
+        }>> & {}>>;
+        showLargeAvatar: import("vue").Ref<boolean>;
+        showPhone: import("vue").Ref<boolean>;
+        personInfo: import("vue").ComputedRef<({
+            label: string;
+            content: string;
+            key?: undefined;
+        } | {
+            label: string;
+            content: string;
+            key: string;
+        })[]>;
+        getContent: (info: AnyObject) => any;
+        onFinish: (options: {
+            file: import("naive-ui").UploadFileInfo;
+        }) => void;
+        onChange: (options: {
+            file: import("naive-ui").UploadFileInfo;
+        }) => void;
+        NAvatar: any;
+        NPopover: any;
+        NButton: any;
+        NIcon: any;
+        NUpload: any;
+        NUploadTrigger: import("vue").DefineComponent<{
+            abstract: BooleanConstructor;
+        }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            abstract: BooleanConstructor;
+        }>>, {
+            abstract: boolean;
+        }>;
+        ChatbubbleEllipses: 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<{}>>, {}>;
+        Close: 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<{}>>, {}>;
+        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>;
+            required: true;
+        };
+    }>>, {}>;
+    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,inject as s,ref as n,nextTick as t,watch as i,openBlock as r,createElementBlock as o,Fragment as a,renderList as l,unref as c,toDisplayString as u,createCommentVNode as m,createVNode as d,withCtx as f,createTextVNode as g,createElementVNode as v}from"vue";import{NAvatar as p}from"naive-ui";import{useInfiniteScroll as _}from"@vueuse/core";import{getHistoryRecordApi as y,accessSessionApi as L}from"../api/index.js";const M={key:0,class:"time"},I={key:1,class:"message-box left"},T={class:"content"},h=["innerHTML"],k={key:2,class:"message-box right"},H={class:"content"},w=["innerHTML"];var x=e({__name:"ChatMain",setup(e){const x=s("state"),A=s("setMsgList"),S=s("setIsAppendMsg"),b=n();async function z(){var e,s;try{const n=null==(s=null==(e=x.msgList)?void 0:e[0])?void 0:s.id,t=await y({mergeType:1,sessionId:x.currentSessionId,from:x.userInfo.username,source:2,id:n});if(!Array.isArray(t))return;if(n&&0===t.length)return console.log("没有更多消息了");A(n?[...t,...x.msgList]:t),n||j()}catch(e){console.log(e)}}function N(e,s){return+(e.createdTime||Date.now())-+(0==s?0:x.msgList[s-1].createdTime)>18e4}async function j(){var e,s,n;await t();const i=null!=(s=null==(e=b.value)?void 0:e.scrollHeight)?s:0;null==(n=b.value)||n.scrollTo({top:i})}return _(b,(()=>{z()}),{distance:20,direction:"top"}),i((()=>x.currentSessionId),((e,s)=>{e&&(!async function(e){await L({sessionId:x.currentSessionId,lastSessionId:e,from:x.userInfo.username})}(s),z())}),{immediate:!0}),i((()=>x.isAppendMsg),(e=>{e&&(A([...x.msgList,x.currentMsg]),S(!1),j())}),{immediate:!0}),(e,s)=>(r(),o("div",{class:"chat-main",ref_key:"chatMainRef",ref:b},[(r(!0),o(a,null,l(c(x).msgList,((e,s)=>(r(),o("div",{class:"message-item",key:s},[N(e,s)?(r(),o("p",M,u(e.__time),1)):m("v-if",!0),e.__left?(r(),o("div",I,[d(c(p),{round:"",size:"large"},{default:f((()=>[g(u(e.fromName.slice(-2)),1)])),_:2},1024),v("div",T,[v("p",{innerHTML:e.__content},null,8,h)])])):(r(),o("div",k,[v("div",H,[v("p",{innerHTML:e.__content},null,8,w)]),d(c(p),{round:"",size:"large"},{default:f((()=>[g(u(e.fromName.slice(-2)),1)])),_:2},1024)]))])))),128))],512))}});export{x as default};
+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,normalizeClass as c,toDisplayString as l,createCommentVNode as u,createElementVNode as d,createVNode as f,withCtx as g}from"vue";import{NAvatar as p}from"naive-ui";import{useInfiniteScroll as v}from"@vueuse/core";import{isToday as y,format as H,isYesterday as M}from"date-fns";import{getHistoryRecordApi as T}from"../api/index.js";import{useState as h}from"../hooks/useState.js";import{isNumber as _}from"lodash-es";import L from"./PersonProfile.vue.js";import{MESSAGE_TYPE as k}from"../constants/index.js";const w={key:0,class:"time"},A={class:"message-box"},D=["data-time"],j=["innerHTML"];var x=e({__name:"ChatMain",setup(e){const x=s(),{state:I,setMsgList:K}=h();let F=1;async function P(){try{const e=await T({sessionKey:I.sessionKey,page:F});if(console.log("getHistoryRecord",e),!Array.isArray(e))return;if(0===e.length)return console.log("没有更多消息了");K(F>1?[...e,...I.msgList]:e),1===F&&Y()}catch(e){console.log(e)}}function R(e,s){var t;const n=_(e.sendTime)?e.sendTime:Date.parse(e.sendTime),i=null==(t=I.msgList[s-1])?void 0:t.sendTime;return n-(0===s?0:_(i)?i:Date.parse(i))>3e5}async function Y(){var e,s,n;await t();const i=null!=(s=null==(e=x.value)?void 0:e.scrollHeight)?s:0;null==(n=x.value)||n.scrollTo({top:i})}function b(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(y(s))return"今天 "+H(s,"HH:mm");if(M(s))return"昨天 "+H(s,"HH:mm");{const e=s.getFullYear(),t=(new Date).getFullYear();return H(s,e<t?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}return v(x,(()=>{F++,P()}),{distance:20,direction:"top"}),n((()=>I.sessionKey),(e=>{e&&(F=1,P())}),{immediate:!0}),n((()=>I.isAppendMsg),(e=>{e&&(K([...I.msgList,I.currentMsg]),I.isAppendMsg=!1,Y())}),{immediate:!0}),(e,s)=>(i(),r("div",{class:"chat-main",ref_key:"chatMainRef",ref:x},[(i(!0),r(o,null,a(m(I).msgList,((e,s)=>(i(),r("div",{class:c(["message-item",{"message-item--mine":e.sender==m(I).userInfo.id}]),key:s},[R(e,s)?(i(),r("p",w,l(b(e.sendTime)),1)):u("v-if",!0),d("div",A,[f(L,{"user-info":e.sender==m(I).userInfo.id?m(I).userInfo:e},{trigger:g((()=>[f(m(p),{round:"",size:38,src:e.senderAvatar},null,8,["src"])])),_:2},1032,["user-info"]),e.content?(i(),r(o,{key:0},[e.content.chatMessageType===m(k).TEXT?(i(),r("div",{key:0,class:"content","data-time":e.__time},[d("pre",{innerHTML:e.__content},null,8,j)],8,D)):u("v-if",!0)],64)):u("v-if",!0)])],2)))),128))],512))}});export{x as default};

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

@@ -0,0 +1,101 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{}, {
+    tagColor: {
+        color: string;
+        textColor: string;
+    };
+    state: AnyObject;
+    options: {
+        label: any;
+        value: any;
+        avatar: any;
+    }[];
+    user: import("vue").Ref<never[]>;
+    startTime: import("vue").Ref<any>;
+    endTime: import("vue").Ref<any>;
+    getPrefixCondition: () => (JSX.Element | null)[];
+    renderLabel: (option: AnyObject) => JSX.Element;
+    NModal: any;
+    NTag: any;
+    NInput: any;
+    NSelect: any;
+    NAvatar: any;
+    NPopover: any;
+    DatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+        updateUnchangedValue: {
+            type: BooleanConstructor;
+        };
+        onConfirm: {
+            type: FunctionConstructor;
+        };
+        formattedValue: {
+            type: PropType<(string | [string, string]) | null | undefined>;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
+    }, {
+        attrs: {
+            [x: string]: unknown;
+        };
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "update:formatted-value", ...args: any[]) => void;
+        datePickerRef: import("vue").Ref<AnyObject | null>;
+        panelInstRef: import("vue").Ref<null>;
+        placeholderRef: import("vue").Ref<any>;
+        currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
+        isDateTime: import("vue").ComputedRef<boolean>;
+        formatRef: import("vue").ComputedRef<string>;
+        panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
+        focus: () => any;
+        blur: () => any;
+        handleConfirm: (target: HTMLInputElement) => void;
+        onUpdateShow: (show: boolean) => Promise<void>;
+        onConfirm: (...args: any[]) => Promise<void>;
+        isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
+        NDatePicker: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        updateUnchangedValue: {
+            type: BooleanConstructor;
+        };
+        onConfirm: {
+            type: FunctionConstructor;
+        };
+        formattedValue: {
+            type: PropType<(string | [string, string]) | null | undefined>;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        allowedInvalidValue: {
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    }, {
+        updateUnchangedValue: boolean;
+    }>>;
+}, {}, {}, {}, 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/ChatRecord.vue.js

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

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

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,openBlock as a,createBlock as t,unref as r,withCtx as s,createElementVNode as o,createVNode as n,resolveDynamicComponent as i,withDirectives as c,createTextVNode as u,toDisplayString as d,vShow as v,Fragment as m}from"vue";import{NModal as p,NInput as f,NAvatar as g,NSelect as b,NPopover as _,NTag as h,NIcon as x}from"naive-ui";import{SearchOutline as y}from"@vicons/ionicons5";import{useState as w}from"../hooks/useState.js";import I from"../../../date-picker/index.js";const k={class:"c-chat-dialog__content c-chat-record-wrapper"},S={class:"chat-record-box"},z={class:"chat-record-box__content"},U={class:"content-item"},j=o("div",{class:"msg-box"},[o("div",{class:"name-and-time"},[o("span",null,"大傻子（质控部）"),o("span",null,"今天14:30")]),o("div",{class:"content"},[o("p",{innerHTML:"内容内容"})])],-1),C={class:"content-item"},H=o("div",{class:"msg-box"},[o("div",{class:"name-and-time"},[o("span",null,"大傻子2号（质控部）"),o("span",null,"今天14:30")]),o("div",{class:"content"},[o("p",{innerHTML:"内容内容叭叭叭"})])],-1),L={class:"chat-record-box__filter"},M=o("span",{class:"filter-title"},"添加筛选条件",-1),T={class:"filter-item"},R=o("span",{class:"label"},"成员：",-1),q={class:"filter-item"},A=o("span",{class:"label"},"日期：",-1),B={class:"time-target"},D={class:"time-target__item"},E=o("span",null,"开始：",-1),F={class:"time-target__item"},G=o("span",null,"结束：",-1);var J=e({__name:"ChatRecord",setup(e){const J={color:"#fff",textColor:"#666"},{state:K}=w(),N=[{label:K.userInfo.name,value:K.userInfo.id,avatar:K.userInfo.avatar},{label:K.currentSessionItem.name,value:K.currentSessionItem.receiver,avatar:K.currentSessionItem.avatar}],O=l([]),P=l(),Q=l();function V(e){return n(m,null,[n("div",{style:"display: flex;align-items: center"},[n(g,{src:e.avatar,round:!0,size:"small"},null),n("span",{style:"margin-left: 10px"},[e.label])])])}return(e,l)=>(a(),t(r(p),{preset:"dialog",title:"聊天记录","show-icon":!1,class:"c-chat-dialog"},{default:s((()=>[o("div",k,[n(r(f),{placeholder:"搜索文件"},{prefix:s((()=>[(a(),t(i((()=>[n(x,{component:y,color:"#6666"},null),O.value.length>0?n(h,{closable:!0,bordered:!1,color:J,style:"margin-left: 10px"},{default:()=>[u("成员: "),O.value.length>1?O.value.length+"人":O.value[0]]}):null,P.value?n(h,{closable:!0,bordered:!1,color:J,style:"margin-left: 10px"},{default:()=>[u("起始时间: "),P.value]}):null,Q.value?n(h,{closable:!0,bordered:!1,color:J,style:"margin-left: 10px"},{default:()=>[u("结束时间: "),Q.value]}):null]))))])),_:1}),o("div",S,[o("div",z,[o("div",U,[n(r(g),{round:"",size:38}),j]),o("div",C,[n(r(g),{round:"",size:38}),H])]),o("div",L,[M,o("div",T,[R,n(r(b),{value:O.value,"onUpdate:value":l[0]||(l[0]=e=>O.value=e),multiple:"","max-tag-count":1,"render-label":V,options:N},null,8,["value"])]),o("div",q,[A,o("div",B,[n(r(_),{trigger:"click","show-arrow":!1},{trigger:s((()=>[o("div",D,[E,c(n(r(h),{bordered:!1,color:J,closable:""},{default:s((()=>[u(d(P.value),1)])),_:1},512),[[v,P.value]])])])),default:s((()=>[n(r(I),{"formatted-value":P.value,"onUpdate:formatted-value":l[1]||(l[1]=e=>P.value=e),type:"date",panel:"",clearable:""},null,8,["formatted-value"])])),_:1}),n(r(_),{trigger:"click","show-arrow":!1},{trigger:s((()=>[o("div",F,[G,c(n(r(h),{bordered:!1,color:J,closable:""},{default:s((()=>[u(d(Q.value),1)])),_:1},512),[[v,Q.value]])])])),default:s((()=>[n(r(I),{"formatted-value":Q.value,"onUpdate:formatted-value":l[2]||(l[2]=e=>Q.value=e),type:"date",panel:"",clearable:""},null,8,["formatted-value"])])),_:1})])])])])])])),_:1}))}});export{J as default};

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

@@ -0,0 +1,246 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{}, {
+    state: AnyObject;
+    setCurrentSessionItem: (item: AnyObject) => void;
+    handleTopping: (value: boolean) => Promise<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>;
+        nativeScrollbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollbarProps: PropType<import("naive-ui/es/_internal").ScrollbarProps>;
+        closable: BooleanConstructor;
+    }, {
+        handleCloseClick: () => void;
+        mergedTheme: import("vue").Ref<{
+            common: {
+                baseColor: string;
+                primaryColor: string;
+                primaryColorHover: string;
+                primaryColorPressed: string;
+                primaryColorSuppl: string;
+                infoColor: string;
+                infoColorHover: string;
+                infoColorPressed: string;
+                infoColorSuppl: string;
+                successColor: string;
+                successColorHover: string;
+                successColorPressed: string;
+                successColorSuppl: string;
+                warningColor: string;
+                warningColorHover: string;
+                warningColorPressed: string;
+                warningColorSuppl: string;
+                errorColor: string;
+                errorColorHover: string;
+                errorColorPressed: string;
+                errorColorSuppl: string;
+                textColorBase: string;
+                textColor1: string;
+                textColor2: string;
+                textColor3: string;
+                textColorDisabled: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                iconColor: string;
+                iconColorHover: string;
+                iconColorPressed: string;
+                iconColorDisabled: string;
+                opacity1: string;
+                opacity2: string;
+                opacity3: string;
+                opacity4: string;
+                opacity5: string;
+                dividerColor: string;
+                borderColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
+                closeColorHover: string;
+                closeColorPressed: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                scrollbarColor: string;
+                scrollbarColorHover: string;
+                scrollbarWidth: string;
+                scrollbarHeight: string;
+                scrollbarBorderRadius: string;
+                progressRailColor: string;
+                railColor: string;
+                popoverColor: string;
+                tableColor: string;
+                cardColor: string;
+                modalColor: string;
+                bodyColor: string;
+                tagColor: string;
+                avatarColor: string;
+                invertedColor: string;
+                inputColor: string;
+                codeColor: string;
+                tabColor: string;
+                actionColor: string;
+                tableHeaderColor: string;
+                hoverColor: string;
+                tableColorHover: string;
+                tableColorStriped: string;
+                pressedColor: string;
+                opacityDisabled: string;
+                inputColorDisabled: string;
+                buttonColor2: string;
+                buttonColor2Hover: string;
+                buttonColor2Pressed: string;
+                boxShadow1: string;
+                boxShadow2: string;
+                boxShadow3: string;
+                fontFamily: string;
+                fontFamilyMono: string;
+                fontWeight: string;
+                fontWeightStrong: string;
+                cubicBezierEaseInOut: string;
+                cubicBezierEaseOut: string;
+                cubicBezierEaseIn: string;
+                borderRadius: string;
+                borderRadiusSmall: string;
+                fontSize: string;
+                fontSizeMini: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeight: string;
+                heightMini: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                heightHuge: string;
+                name: "common";
+            };
+            self: {
+                bodyPadding: string;
+                headerPadding: string;
+                footerPadding: string;
+                color: string;
+                textColor: string;
+                titleTextColor: string;
+                titleFontSize: string;
+                titleFontWeight: string;
+                boxShadow: string;
+                lineHeight: string;
+                headerBorderBottom: string;
+                footerBorderTop: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
+                closeSize: string;
+                closeIconSize: string;
+                closeColorHover: string;
+                closeColorPressed: string;
+                closeBorderRadius: string;
+                resizableTriggerColorHover: string;
+            };
+            peers: {
+                Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
+                    color: string;
+                    colorHover: string;
+                }, any>;
+            };
+            peerOverrides: {
+                Scrollbar?: {
+                    peers?: {
+                        [x: string]: any;
+                    } | undefined;
+                } | undefined;
+            };
+        }>;
+        mergedClsPrefix: import("vue").Ref<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        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>;
+        nativeScrollbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollbarProps: PropType<import("naive-ui/es/_internal").ScrollbarProps>;
+        closable: BooleanConstructor;
+    }>>, {
+        closable: boolean;
+        nativeScrollbar: boolean;
+    }>;
+    NAvatar: any;
+    NIcon: any;
+    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>;
+            required: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            userInfo: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+        }>> & {}>>;
+        showLargeAvatar: import("vue").Ref<boolean>;
+        showPhone: import("vue").Ref<boolean>;
+        personInfo: import("vue").ComputedRef<({
+            label: string;
+            content: string;
+            key?: undefined;
+        } | {
+            label: string;
+            content: string;
+            key: string;
+        })[]>;
+        getContent: (info: AnyObject) => any;
+        onFinish: (options: {
+            file: import("naive-ui").UploadFileInfo;
+        }) => void;
+        onChange: (options: {
+            file: import("naive-ui").UploadFileInfo;
+        }) => void;
+        NAvatar: any;
+        NPopover: any;
+        NButton: any;
+        NIcon: any;
+        NUpload: any;
+        NUploadTrigger: import("vue").DefineComponent<{
+            abstract: BooleanConstructor;
+        }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            abstract: BooleanConstructor;
+        }>>, {
+            abstract: boolean;
+        }>;
+        ChatbubbleEllipses: 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<{}>>, {}>;
+        Close: 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<{}>>, {}>;
+        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>;
+            required: true;
+        };
+    }>>, {}>;
+}, {}, {}, {}, 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.vue.js

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

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

@@ -0,0 +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};

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

@@ -0,0 +1,59 @@
+import { PropType } from 'vue';
+import { UploadFileInfo } from 'naive-ui';
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{
+    userInfo: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        userInfo: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }>> & {}>>;
+    showLargeAvatar: import("vue").Ref<boolean>;
+    showPhone: import("vue").Ref<boolean>;
+    personInfo: import("vue").ComputedRef<({
+        label: string;
+        content: string;
+        key?: undefined;
+    } | {
+        label: string;
+        content: string;
+        key: string;
+    })[]>;
+    getContent: (info: AnyObject) => any;
+    onFinish: (options: {
+        file: UploadFileInfo;
+    }) => void;
+    onChange: (options: {
+        file: UploadFileInfo;
+    }) => void;
+    NAvatar: any;
+    NPopover: any;
+    NButton: any;
+    NIcon: any;
+    NUpload: any;
+    NUploadTrigger: import("vue").DefineComponent<{
+        abstract: BooleanConstructor;
+    }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        abstract: BooleanConstructor;
+    }>>, {
+        abstract: boolean;
+    }>;
+    ChatbubbleEllipses: 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<{}>>, {}>;
+    Close: 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<{}>>, {}>;
+    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>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

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

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

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

@@ -0,0 +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};

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

@@ -1,41 +1,33 @@
 import { AnyObject } from '../../../../shared/types';
-declare const _default: import("vue").DefineComponent<{
-    collapsed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        collapsed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {}>>;
-    state: AnyObject;
-    setCurrentSessionItem: Function;
-    setSessionList: Function;
-    setIsChangeSession: Function;
-    setIsUpdateSession: Function;
+import { formatTime } from '../utils';
+declare const _default: import("vue").DefineComponent<{}, {
+    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>;
-    pageNum: number;
-    init: () => void;
+    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;
-    getMySessionList: () => Promise<void>;
     entrySession: (item: AnyObject) => void;
     sessionChange: (sessionItem: AnyObject) => void;
+    changeWidth: ({ distance }: AnyObject) => void;
+    handleFilter: (key: string) => void;
     NSpin: any;
     NBadge: any;
     NAvatar: any;
-    NInput: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    collapsed: {
-        type: BooleanConstructor;
-        default: boolean;
+    NTag: any;
+    vFlexibleResize: {
+        mounted(el: any, { value }: any): void;
+        beforeUnmount(el: any): void;
     };
-}>>, {
-    collapsed: boolean;
-}>;
+    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,inject as s,ref as n,watch as t,openBlock as i,createElementBlock as a,createBlock as l,unref as o,withKeys as u,createElementVNode as r,Fragment as d,renderList as v,normalizeClass as c,createVNode as m,withCtx as _,createTextVNode as p,toDisplayString as f}from"vue";import{NSpin as g,NInput as S,NAvatar as y,NBadge as h}from"naive-ui";import{format as C}from"date-fns";import{getMySessionListApi as k}from"../api/index.js";const L={class:"sider-list"},I=["onClick"],x={class:"name"},H={class:"msg-tip"},M={class:"msg-tip__content"},T=["innerHTML"];var w=e({__name:"SiderList",props:{collapsed:{type:Boolean,default:!1}},setup(e){const w=e,U=s("state"),b=s("setCurrentSessionItem"),z=s("setSessionList"),B=s("setIsChangeSession"),K=s("setIsUpdateSession"),N=n(),j=n(""),D=n([]),E=n(!1);function J(){D.value=U.sessionList.filter((e=>e.name.includes(j.value)||!j.value));const e=D.value.find((e=>e.id===U.currentSessionId));e&&O(e)}function O(e){D.value.forEach((e=>e.__active=!1)),e.__active=!0,e.msgCount=0,b(e)}function R(e){const s=U.sessionList.map((s=>e.id===s.id?{...s,...e}:s));z(s),D.value=U.sessionList.filter((e=>D.value.find((s=>s.id===e.id))))}return async function(){var e;try{E.value=!0;const s=await k({username:U.userInfo.username,onlineType:1,readStatus:"Y",pageNum:1,pageSize:10,keyword:j.value.trim()});if(!(null==(e=null==s?void 0:s.list)?void 0:e.length))return;const n=null==s?void 0:s.list.map((e=>({...e,__name:e.name.slice(-2),__time:C(new Date(e.lastTime),"MM/dd HH:mm"),__lastContent:JSON.parse(e.lastContent||"{}").content||""})));D.value=n,z(n)}catch(e){console.log(e)}finally{E.value=!1}}(),t([()=>U.isChangeSession,()=>U.isUpdateSession],(([e,s])=>{e&&(R(U.currentSessionItem),B(!1)),s&&(R(U.updateSessionItem),K(!1))}),{immediate:!0}),t((()=>U.sessionList.length),(()=>{J()})),(e,s)=>(i(),a("section",L,[E.value?(i(),l(o(g),{key:0,stroke:"#5585f5"})):(i(),l(o(S),{key:1,placeholder:"输入用户名模糊搜索",value:j.value,"onUpdate:value":s[0]||(s[0]=e=>j.value=e),onKeyup:u(J,["enter"])},null,8,["value","onKeyup"])),r("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:N},[(i(!0),a(d,null,v(D.value,((e,s)=>(i(),a("div",{key:s,onClick:()=>O(e),class:c(["sider-list__box__item",{active:e.__active}])},[m(o(y),{round:"",size:"large"},{default:_((()=>[p(f(e.__name),1)])),_:2},1024),r("div",{class:c(["avatar-right",{hidden:w.collapsed}])},[r("div",x,[r("h4",null,f(e.name),1),r("span",null,f(e.__time),1)]),r("div",H,[r("div",M,[r("div",{innerHTML:e.__lastContent},null,8,T)]),m(o(h),{value:e.msgCount},null,8,["value"])])],2)],10,I)))),128))],512)]))}});export{w 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 u,createBlock as o,createCommentVNode as d,createElementVNode as v,Fragment as m,renderList as c,withCtx as f,createTextVNode as p,toDisplayString as y,normalizeClass as k,createVNode as h}from"vue";import{NSpin as _,NTag as g,NAvatar as b,NBadge as S}from"naive-ui";import{useState as x}from"../hooks/useState.js";import{vFlexibleResize as L}from"../../../../shared/directive/flexibleResize.js";import{formatTime as M,listSort as T}from"../utils/index.js";const C={class:"sider-list__filter box-shadow"},w=["onClick"],I={class:"avatar-right"},K={class:"name"},N={class:"msg-tip"},j={class:"msg-tip__content"},R=["innerHTML"];var z=e({__name:"SiderList",setup(e){const z=s(300),D=s(),H=s(""),U=s([]),B=s(!1),V=s([{label:"全部",key:"all",number:0},{label:"未读",key:"unread",number:0}]),q=s("all"),{state:A,setCurrentSessionItem:E}=x(),F=i((()=>Math.min(Math.max(z.value,240),360)));function G(e){e.unreadNum=0,E(e)}function J(e){const s=A.sessionList.map((s=>(e.receiver!==A.currentSessionItem.receiver&&s.unreadNum++,e.receiver===s.receiver?{...s,...e}:s)));A.sessionList=s,U.value=T(s)}function O({distance:e}){z.value=z.value+e}return n([()=>A.isChangeSession,()=>A.isUpdateSession],(([e,s])=>{e&&(J(A.currentSessionItem),A.isChangeSession=!1),s&&(J(A.updateSessionItem),A.isUpdateSession=!1)}),{immediate:!0}),n((()=>A.sessionList.length),(()=>{!function(){U.value=A.sessionList.sort(((e,s)=>new Date(s.updatedTime).getTime()-new Date(e.updatedTime).getTime())).filter((e=>e.name.includes(H.value)||!H.value)),V.value[0].number=U.value.length;const e=U.value.find((e=>e.sessionKey===A.sessionKey));e&&G(e),T(U.value)}()})),(e,s)=>a((t(),l("section",{class:"sider-list",style:r({width:u(F)+"px"})},[B.value?(t(),o(u(_),{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",C,[(t(!0),l(m,null,c(V.value,(e=>(t(),o(u(g),{type:q.value===e.key?"info":"default",round:"",bordered:!1,key:e.key,onClick:()=>function(e){q.value=e,U.value="unread"===e?A.sessionList.filter((e=>+e.unreadNum>0)):A.sessionList;U.value=T(U.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:D},[(t(!0),l(m,null,c(U.value,((e,s)=>(t(),l("div",{key:s,onClick:()=>G(e),class:k(["sider-list__box__item",{active:e.sessionKey===u(A).sessionKey}])},[h(u(b),{round:"",size:"large",src:e.avatar},null,8,["src"]),v("div",I,[v("div",K,[v("h4",null,y(e.name),1),v("span",null,y(u(M)(e.lastMessageSendTime).siderMsgTime),1)]),v("div",N,[v("div",j,[v("div",{innerHTML:e.lastMessage},null,8,R)]),h(u(S),{value:e.unreadNum},null,8,["value"])])])],10,w)))),128))],512)],4)),[[u(L),{mode:"VR",onMove:O}]])}});export{z as default};