cnhis-design-vue 3.2.2-beta.2 → 3.2.2-beta.21

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

@@ -1 +1 @@
-import{defineComponent as e,inject as s,computed as a,openBlock as t,createElementBlock as r,createElementVNode as n,withDirectives as l,createVNode as o,unref as i,withCtx as u,createTextVNode as c,toDisplayString as d,vShow as m,createCommentVNode as v}from"vue";import{NAvatar as p}from"naive-ui";const h={class:"chat-header"},f={class:"chat-header__left"},_={class:"name"};var I=e({__name:"ChatHeader",setup(e){const I=s("state"),S=a((()=>I.currentSessionItem.name));return(e,s)=>(t(),r("section",h,[n("div",f,[l(o(i(p),{round:"",size:"large"},{default:u((()=>{var e,s;return[c(d((null==(s=null==(e=i(S))?void 0:e.slice)?void 0:s.call(e,-2))||""),1)]})),_:1},512),[[m,i(I).currentSessionId]]),n("span",_,d(i(S)),1)]),v(' <span v-show="state.currentSessionId">{{ statusTitle }}</span> ')]))}});export{I as default};
+import{defineComponent as e,ref as o,computed as a,openBlock as s,createElementBlock as t,Fragment as i,unref as n,createElementVNode as c,createVNode as r,withCtx as l,toDisplayString as u,createCommentVNode as h}from"vue";import{NAvatar as m}from"naive-ui";import{useState as v}from"../hooks/useState.js";import f from"./PersonProfile.vue.js";import p from"./ChatSet.vue.js";import d from"./ChatFile.vue.js";import w from"./ChatRecord.vue.js";const C={key:0,class:"chat-header box-shadow"},_={class:"chat-header__left"},g={class:"name"},k={class:"chat-header__right"};var j=e({__name:"ChatHeader",setup(e){const{state:j}=v(),S=o(!1),y=o(!1),I=o("image"),U=o(!1),x=a((()=>j.currentSessionItem.name||""));function P(e){I.value=e,y.value=!0}return(e,o)=>(s(),t(i,null,[n(j).sessionKey?(s(),t("section",C,[c("div",_,[r(f,{"user-info":n(j).currentSessionItem},{trigger:l((()=>[r(n(m),{round:"",size:30,src:n(j).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-info"]),c("span",g,u(n(x)),1)]),c("div",k,[c("i",{class:"chat--iconfont chat--icon-image",onClick:o[0]||(o[0]=()=>P("image"))}),c("i",{class:"chat--iconfont chat--icon-folder",onClick:o[1]||(o[1]=()=>P("file"))}),c("i",{class:"chat--iconfont chat--icon-list-search",onClick:o[2]||(o[2]=e=>U.value=!0)}),c("i",{class:"chat--iconfont chat--icon-set",onClick:o[3]||(o[3]=e=>S.value=!0)})])])):h("v-if",!0),r(p,{show:S.value,"onUpdate:show":o[4]||(o[4]=e=>S.value=e)},null,8,["show"]),r(d,{show:y.value,"onUpdate:show":o[5]||(o[5]=e=>y.value=e),type:I.value},null,8,["show","type"]),r(w,{show:U.value,"onUpdate:show":o[6]||(o[6]=e=>U.value=e)},null,8,["show"])],64))}});export{j as default};

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

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

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

@@ -0,0 +1,112 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{}, {
+    tagColor: {
+        color: string;
+        textColor: string;
+    };
+    state: {
+        currentSessionItem: AnyObject;
+        sessionKey: string;
+        userInfo: AnyObject;
+        msgList: AnyObject[];
+        currentMsg: AnyObject;
+        isAppendMsg: boolean;
+        sessionList: AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: AnyObject;
+        isUpdateSession: boolean;
+    };
+    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,257 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{}, {
+    state: {
+        currentSessionItem: AnyObject;
+        sessionKey: string;
+        userInfo: AnyObject;
+        msgList: AnyObject[];
+        currentMsg: AnyObject;
+        isAppendMsg: boolean;
+        sessionList: AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: AnyObject;
+        isUpdateSession: boolean;
+    };
+    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};