cnhis-design-vue 3.2.2-beta.7 → 3.2.2

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

@@ -1,8 +1,9 @@
 import { type PropType } from 'vue';
 import { ChatSock } from './utils/chatSock';
 import { AnyObject } from '../../../shared/types';
+import { IState } from './types';
 declare const _default: import("vue").DefineComponent<{
-    token: {
+    userId: {
         type: StringConstructor;
         required: true;
     };
@@ -12,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        token: {
+        userId: {
             type: StringConstructor;
             required: true;
         };
@@ -20,16 +21,32 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
-    }>> & {}>>;
+    }>> & {
+        "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+        "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "template-click" | "unread-message-update", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     loading: import("vue").Ref<boolean>;
     stompClient: import("vue").Ref<ChatSock | undefined>;
-    state: AnyObject;
+    state: {
+        currentSessionItem: AnyObject;
+        sessionKey: string;
+        userInfo: AnyObject;
+        msgList: AnyObject[];
+        currentMsg: AnyObject;
+        isAppendMsg: boolean;
+        sessionList: AnyObject[];
+        isChangeSession: boolean;
+        updateSessionItem: AnyObject;
+        isUpdateSession: boolean;
+    };
+    reConnention: number;
     init: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
-    subscribeSession: () => void;
     subscribeMessage: () => void;
+    getUnreadData: () => AnyObject[];
     NLayout: any;
     NLayoutContent: import("vue").DefineComponent<{
         embedded: BooleanConstructor;
@@ -434,25 +451,29 @@ declare const _default: import("vue").DefineComponent<{
     NSpin: any;
     NConfigProvider: any;
     SiderList: 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: 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;
@@ -461,9 +482,10 @@ declare const _default: import("vue").DefineComponent<{
             mounted(el: any, { value }: any): void;
             beforeUnmount(el: any): void;
         };
+        formatTime: typeof import("./utils").formatTime;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatHeader: import("vue").DefineComponent<{}, {
-        state: AnyObject;
+        state: IState;
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -527,7 +549,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>>, {}>;
         ChatSet: import("vue").DefineComponent<{}, {
-            state: AnyObject;
+            state: IState;
             setCurrentSessionItem: (item: AnyObject) => void;
             handleTopping: (value: boolean) => Promise<void>;
             NDrawer: any;
@@ -1012,7 +1034,7 @@ declare const _default: import("vue").DefineComponent<{
                 color: string;
                 textColor: string;
             };
-            state: AnyObject;
+            state: IState;
             options: {
                 label: any;
                 value: any;
@@ -1108,11 +1130,12 @@ declare const _default: import("vue").DefineComponent<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatMain: import("vue").DefineComponent<{}, {
         chatMainRef: import("vue").Ref<HTMLElement | undefined>;
-        state: AnyObject;
+        state: 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;
@@ -1172,22 +1195,103 @@ declare const _default: import("vue").DefineComponent<{
                 required: true;
             };
         }>>, {}>;
+        MessageTemplate: 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;
+            };
+        }>>, {}>;
+        images: any[];
+        MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
         content: import("vue").Ref<string>;
-        state: AnyObject;
+        state: IState;
+        stompClient: import("vue").Ref<ChatSock>;
         setCurrentSessionItem: (item: AnyObject) => void;
-        stompClient: AnyObject;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
         handleMsgSend: () => void;
-        sendMessage: () => Promise<void>;
+        sendMessage: (contentInfo: AnyObject) => Promise<void>;
         NButton: any;
+        NPopover: any;
+        NTooltip: any;
+        images: any[];
+        alt: string[];
+        MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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<{
-    token: {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "unread-message-update")[], "template-click" | "unread-message-update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    userId: {
         type: StringConstructor;
         required: true;
     };
@@ -1195,7 +1299,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & {
+    "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+    "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
+}, {
     baseURL: string;
 }>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as s,reactive as o,provide as t,openBlock as n,createBlock as r,unref as i,withCtx as a,normalizeStyle as c,createVNode as p}from"vue";import{NConfigProvider as u,NSpin as m,NLayout as l,NLayoutContent as d}from"naive-ui";import h from"./components/SiderList.vue.js";import f from"./components/ChatHeader.vue.js";import v from"./components/ChatMain.vue.js";import g from"./components/ChatFooter.vue.js";import{ChatSock as b}from"./utils/chatSock.js";import{instanceAxios as y}from"./api/index.js";import{formatTime as C}from"./utils/index.js";import{useTheme as _}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";var k=e({__name:"Index",props:{token:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"}},setup(e){const k=e;y.defaults.baseURL=k.baseURL+"/chat";const S=_(),j=s(!1),L=s(),M=o({reConnention:0,currentSessionItem:{},sessionKey:"",userInfo:{},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1});function x(){const e={headers:{AccessToken:k.token},heartbeatFn:()=>{try{L.value.send("test")}catch(e){L.value.disconnect(),x()}},connectCb:()=>{console.log("连接成功"),M.reConnention>0&&(M.reConnention=0),L.value.subscribe("/user/topic/single",(({body:e})=>{try{console.log(e,"订阅新增消息");const s=JSON.parse(e);M.currentMsg=s,M.isAppendMsg=!0}catch(e){console.log(e)}})),L.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:o,sessionVos:t}=s;if(console.log("body",s),M.userInfo=o,!(null==t?void 0:t.length))return;const n=t.map((e=>({...e,__name:e.name.slice(-2),__time:C(e.updatedTime).siderMsgTime,__lastContent:e.lastMessage})));M.sessionList=n}catch(e){console.log(e)}}))},errorCb:(e,s)=>{M.reConnention=s,console.log("断线了,正在重连...")}};L.value=new b("/fdp-chat/websocket",e)}return t("state",M),t("stompClient",L),async function(){x()}(),(e,s)=>(n(),r(i(u),{abstract:"",namespace:"c-biunique-chat__popover"},{default:a((()=>[j.value?(n(),r(i(m),{key:0,stroke:"#5585f5"})):(n(),r(i(l),{key:1,class:"c-biunique-chat","has-sider":"",style:c(i(S))},{default:a((()=>[p(h),p(i(d),{class:"chat-wrapper"},{default:a((()=>[p(f),p(v),p(g)])),_:1})])),_:1},8,["style"]))])),_:1}))}});export{k as default};
+import{defineComponent as e,ref as s,reactive as t,provide as o,onBeforeUnmount as n,openBlock as r,createElementBlock as i,normalizeStyle as a,unref as c,createVNode as u,withCtx as m,createBlock as d,Fragment as p,createElementVNode as l,renderSlot as h}from"vue";import{NConfigProvider as f,NSpin as v,NLayout as S,NLayoutContent as g}from"naive-ui";import b from"./components/SiderList.vue.js";import y from"./components/ChatHeader.vue.js";import j from"./components/ChatMain.vue.js";import I from"./components/ChatFooter.vue.js";import{ChatSock as _}from"./utils/chatSock.js";import{instanceAxios as k}from"./api/index.js";import{useTheme as M}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isNumber as L}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{SUBSCRIBE_MESSAGE_TYPE as U}from"./constants/index.js";import{InjectionIChatState as x,InjectionIChatStompClient as C,InjectionIChatEmits as N}from"./types/index.js";import"./utils/emoji.js";import{useSession as T}from"./hooks/useSession.js";const q={class:"c-biunique-chat__header"},E={class:"toolbar"};var O=e({__name:"Index",props:{userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"}},emits:["template-click","unread-message-update"],setup(e,{expose:O,emit:V}){const w=e;k.defaults.baseURL=w.baseURL+"/chat";const A=M(),J=s(!1),R=s(),F=t({currentSessionItem:{},sessionKey:"",userInfo:{},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1});function H(){const e={headers:{UserId:w.userId},heartbeatFn:()=>{try{R.value.send("test")}catch(e){R.value.disconnect(),H()}},connectCb:()=>{console.log("连接成功"),R.value.subscribe("/user/topic/single",(({body:e})=>{try{console.log(JSON.parse(e),"订阅新增消息");const s=JSON.parse(e),{messageVo:t,sessionVo:o}=s;switch(s.event){case U.MESSAGE:if(s.messageVo.sender===F.userInfo.id)return;t.sender===F.currentSessionItem.receiver&&(F.currentMsg=t,F.isAppendMsg=!0),F.updateSessionItem={receiver:t.sender,lastMessageSendTime:t.sendTime,sortTime:t.sendTime,lastMessage:t.content.msg,chatMessageType:t.content.chatMessageType},F.isUpdateSession=!0;break;case U.NEW_SESSION:F.updateSessionItem=o,F.isUpdateSession=!0}}catch(e){console.log(e)}})),R.value.subscribe("/app/sessionList",(({body:e})=>{try{const s=JSON.parse(e),{currentUser:t,sessionVos:o}=s;if(console.log("body",s),F.userInfo=t,!(null==o?void 0:o.length))return;F.sessionList=o}catch(e){console.log(e)}}))},errorCb:(e,s)=>{console.log("断线了,正在重连...")}};R.value=new _("/fdp-chat/websocket",e)}return o(x,F),o(C,R),o(N,V),async function(){H()}(),n((()=>{var e;null==(e=R.value)||e.disconnect()})),O({getUnreadData:function(){return F.sessionList.filter((e=>L(e.unreadNum)&&e.unreadNum>0))},entrySession:T(F).entrySession}),(e,s)=>(r(),i("div",{class:"c-biunique-chat",style:a(c(A))},[u(c(f),{abstract:"",namespace:"c-biunique-chat__popover"},{default:m((()=>[J.value?(r(),d(c(v),{key:0,stroke:"#5585f5"})):(r(),i(p,{key:1},[l("div",q,[l("div",E,[h(e.$slots,"toolbar")])]),u(c(S),{class:"c-biunique-chat__body","has-sider":""},{default:m((()=>[u(b),u(c(g),{class:"chat-content"},{default:m((()=>[u(y),u(j),u(I)])),_:1}),h(e.$slots,"external")])),_:3})],64))])),_:3})],4))}});export{O as default};

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

@@ -1,15 +1,21 @@
 import { AnyObject } from '../../../../shared/types';
+import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
     inputRef: import("vue").Ref<HTMLDivElement | undefined>;
     content: import("vue").Ref<string>;
-    state: AnyObject;
+    state: import("../types").IState;
+    stompClient: import("vue").Ref<import("../utils/chatSock").ChatSock>;
     setCurrentSessionItem: (item: AnyObject) => void;
-    stompClient: AnyObject;
     handleKeyDown: (event: KeyboardEvent) => void;
     isWrap: (event: KeyboardEvent) => boolean;
     handleInput: () => void;
     handleMsgSend: () => void;
-    sendMessage: () => Promise<void>;
+    sendMessage: (contentInfo: AnyObject) => Promise<void>;
     NButton: any;
+    NPopover: any;
+    NTooltip: any;
+    images: any[];
+    alt: string[];
+    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/ChatFooter.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as t,openBlock as n,createElementBlock as s,normalizeStyle as r,unref as i,withDirectives as o,createElementVNode as a,vShow as l,createVNode as u,withCtx as c,createTextVNode as d}from"vue";import{NButton as f}from"naive-ui";import{format as m}from"date-fns";import{useState as p}from"../hooks/useState.js";import{formatTime as y}from"../utils/index.js";const g={class:"btn-box"},v=a("span",{class:"tip"},"Enter 发送, Ctrl + Enter 换行",-1);var M=e({__name:"ChatFooter",setup(e){const M=t(),T=t(""),{state:h,setCurrentSessionItem:_,stompClient:C}=p();function K(e){["Enter"].includes(e.key)&&(function(e){return e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}(e)||(e.preventDefault(),E()))}function b(){var e,t;T.value=(null==(t=null==(e=M.value)?void 0:e.innerText)?void 0:t.trim())||""}function E(){if(!(T.value.length>2e3))return T.value?void async function(){const e={msg:T.value,chatMessageType:"TEXT"};M.value.innerHTML="",T.value="";const t=m(new Date,"yyyy-MM-dd HH:mm:ss");h.currentMsg={content:e,sender:h.userInfo.id,id:"",sendTime:t,sending:!0,fail:!1},h.isAppendMsg=!0,_({__time:y(t).siderMsgTime,__lastContent:e.msg,updatedTime:t}),h.isChangeSession=!0;try{C.value.send("/app/chat/send",{},JSON.stringify({chatType:"SINGLE",content:{chatMessageType:"TEXT",msg:e.msg},receiver:h.currentSessionItem.receiver})),h.currentMsg={...h.currentMsg,fail:!1}}catch(e){h.currentMsg={...h.currentMsg,fail:!0}}finally{h.currentMsg={...h.currentMsg,sending:!1}}}():console.log("请输入内容");console.log("请控制在2000字以内")}return(e,t)=>(n(),s("section",{class:"chat-footer",style:r({cursor:i(h).sessionKey?"default":"not-allowed"})},[o(a("div",{ref_key:"inputRef",ref:M,class:"input-box",contenteditable:"",onKeydown:K,onInput:b},null,544),[[l,i(h).sessionKey]]),a("div",g,[v,u(i(f),{type:"primary",round:"",disabled:!T.value,onClick:E},{default:c((()=>[d("发送")])),_:1},8,["disabled"])])],4))}});export{M as default};
+import{defineComponent as t,ref as e,openBlock as s,createElementBlock as n,normalizeStyle as i,unref as a,createElementVNode as o,createVNode as r,withCtx as l,createCommentVNode as c,Fragment as u,renderList as g,createBlock as d,createTextVNode as m,toDisplayString as p,withDirectives as f,vShow as y}from"vue";import{NPopover as h,NTooltip as v,NButton as M}from"naive-ui";import{format as T}from"date-fns";import{useState as k}from"../hooks/useState.js";import{useSession as x}from"../hooks/useSession.js";import{images as b,alt as S}from"../utils/emoji.js";import{MESSAGE_TYPE as w}from"../constants/index.js";const E={class:"tool-box"},C=o("span",null,[o("i",{class:"chat--iconfont chat--icon-face"})],-1),K={class:"emoji-box"},j=o("span",null,"默认表情",-1),I={class:"list-box"},_=["onClick"],D=["src"],H=o("span",null,[o("i",{class:"chat--iconfont chat--icon-good"})],-1),L=o("span",null,[o("i",{class:"chat--iconfont chat--icon-image"})],-1),N=o("span",null,[o("i",{class:"chat--iconfont chat--icon-folder"})],-1),J={class:"btn-box"},O=o("span",{class:"tip"},"Enter 发送, Shift + Enter 换行",-1);var X=t({__name:"ChatFooter",setup(t){const X=e(),A=e(""),{state:B,stompClient:F}=k(),{setCurrentSessionItem:G}=x(B);function R(t){["Enter"].includes(t.key)&&(function(t){return t.altKey||t.ctrlKey||t.metaKey||t.shiftKey}(t)||(t.preventDefault(),z()))}function q(){var t,e;A.value=(null==(e=null==(t=X.value)?void 0:t.innerText)?void 0:e.trim())||""}function z(){if(!(A.value.length>2e3))return A.value?void P({msg:A.value}):console.log("请输入内容");console.log("请控制在2000字以内")}async function P(t){const{chatMessageType:e=w.TEXT,msg:s}=t,n={msg:s,chatMessageType:e};[w.TEXT,w.BLEND].includes(e)&&(X.value.innerHTML="",A.value="");const i=T(new Date,"yyyy-MM-dd HH:mm:ss");B.currentMsg={content:n,sender:B.userInfo.id,id:"",sendTime:i,sending:!0,fail:!1},B.isAppendMsg=!0,G({lastMessageSendTime:i,lastMessage:n.msg,sortTime:i,chatMessageType:n.chatMessageType}),B.isChangeSession=!0;try{F.value.send("/app/chat/send",{},JSON.stringify({chatType:"SINGLE",content:{chatMessageType:n.chatMessageType,msg:n.msg},receiver:B.currentSessionItem.receiver})),B.currentMsg={...B.currentMsg,fail:!1}}catch(t){B.currentMsg={...B.currentMsg,fail:!0}}finally{B.currentMsg={...B.currentMsg,sending:!1}}}return(t,e)=>(s(),n("section",{class:"chat-footer",style:i({cursor:a(B).sessionKey?"default":"not-allowed"})},[o("div",E,[r(a(h),{placement:"top",trigger:"click","show-arrow":!1,"display-directive":"show"},{trigger:l((()=>[C])),default:l((()=>[o("div",K,[c(' <span>最近使用</span>\n\t\t\t\t\t<div class="list-box">\n\t\t\t\t\t\t<template v-for="(img, index) in images" :key="index">\n\t\t\t\t\t\t\t<i>\n\t\t\t\t\t\t\t\t<img :src="img" />\n\t\t\t\t\t\t\t</i>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div> '),j,o("div",I,[(s(!0),n(u,null,g(a(b),((t,e)=>(s(),n(u,{key:e},[e>0?(s(),d(a(v),{key:0,"show-arrow":!1,trigger:"hover"},{trigger:l((()=>[o("i",{onClick:()=>P({chatMessageType:a(w).EMOJI,msg:e})},[o("img",{src:t},null,8,D)],8,_)])),default:l((()=>[m(" "+p(a(S)[e-1]||"微笑"),1)])),_:2},1024)):c("v-if",!0)],64)))),128))])])])),_:1}),H,L,N]),f(o("div",{ref_key:"inputRef",ref:X,class:"input-box",contenteditable:"",onKeydown:R,onInput:q},null,544),[[y,a(B).sessionKey]]),o("div",J,[O,r(a(M),{type:"primary",round:"",disabled:!A.value,onClick:z},{default:l((()=>[m("发送")])),_:1},8,["disabled"])])],4))}});export{X as default};

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

@@ -1,6 +1,6 @@
 import { AnyObject } from '../../../../shared/types';
 declare const _default: import("vue").DefineComponent<{}, {
-    state: AnyObject;
+    state: import("../types").IState;
     showChatSet: import("vue").Ref<boolean>;
     showChatFile: import("vue").Ref<boolean>;
     chatFileType: import("vue").Ref<string>;
@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         };
     }>>, {}>;
     ChatSet: import("vue").DefineComponent<{}, {
-        state: AnyObject;
+        state: import("../types").IState;
         setCurrentSessionItem: (item: AnyObject) => void;
         handleTopping: (value: boolean) => Promise<void>;
         NDrawer: any;
@@ -549,7 +549,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/ChatMain.vue.d.ts

@@ -1,11 +1,13 @@
 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;
@@ -65,5 +67,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: 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,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

@@ -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};