cnhis-design-vue 3.2.16-beta.7 → 3.2.17-beta.10

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

@@ -1 +1 @@
-import{defineComponent as e,ref as t,provide as o,openBlock as s,createElementBlock as r,normalizeStyle as a,unref as n,createVNode as i,withCtx as l,createBlock as u,Fragment as d,createElementVNode as m,renderSlot as p,createCommentVNode as c}from"vue";import{NConfigProvider as f,NSpin as h,NLayout as v,NLayoutContent as y}from"naive-ui";import S from"./components/SiderList.vue.js";import g from"./components/ChatHeader.vue.js";import j from"./components/ChatMain.vue.js";import k from"./components/ChatFooter.vue.js";import b from"./components/ChatSearch.vue.js";import _ from"./components/ChatAdd.vue.js";import w from"./components/Video.vue.js";import x from"./components/MultipleVideo.vue.js";import{instanceAxios as C}from"./api/index.js";import{isNumber as I}from"lodash-es";import{initData as L,InjectionIChatData as V}from"./hooks/useData.js";import{useWebSocket as B}from"./hooks/useWebSocket.js";import"trtc-sdk-v5";import"./utils/index.js";const H={key:0,class:"iho-chat__header"},U={class:"toolbar"};var $=e({__name:"Index",props:{token:{type:String,required:!0},orgId:{type:[String,Number],required:!0},userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"},showHeader:{type:Boolean,default:!0},defaultSessionId:{type:String},show:{type:Boolean,default:!0},extraParams:{type:Object,default:()=>({})},filterable:{type:Boolean,default:!1},trtcProxy:{type:[String,Object]}},emits:["template-click","unread-message-update","session-change","session-close"],setup(e,{expose:$,emit:q}){const M=e;C.defaults.baseURL=M.baseURL,C.defaults.headers.Authorization="bearer "+M.token;const N=t(!1),R=L(M,q);o(V,R),B(M,R);const{cssVars:A,state:D,openSession:F,closeSession:O,getCurrentSession:P,isEnded:z}=R;return $({getUnreadData:function(){return D.sessionList.filter((e=>I(e.unreadNum)&&e.unreadNum>0))},openSession:F,closeSession:O,getCurrentSession:P}),(t,o)=>e.show?(s(),r("div",{key:0,class:"iho-chat",style:a(n(A))},[i(n(f),{abstract:"",namespace:"iho-chat__popover"},{default:l((()=>{var o;return[N.value?(s(),u(n(h),{key:0,stroke:"#5585f5"})):(s(),r(d,{key:1},[e.showHeader?(s(),r("div",H,[i(b),i(_,{title:(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.31"))||"发起群聊",mode:"create","default-value":[n(D).userInfo]},null,8,["default-value"]),m("div",U,[p(t.$slots,"toolbar")])])):c("v-if",!0),i(n(v),{class:"iho-chat__body","has-sider":""},{default:l((()=>[i(S),i(n(y),{class:"chat-content",style:a({"--c-pointer-events":n(z)?"none":"unset","--c-cursor":n(z)?"not-allowed":"unset"})},{default:l((()=>[i(g,null,{header:l((()=>[p(t.$slots,"chatHeader",{session:n(D).currentSessionItem})])),_:3}),i(j),i(k,null,{footer:l((()=>[p(t.$slots,"chatFooter",{session:n(D).currentSessionItem})])),_:3})])),_:3},8,["style"]),p(t.$slots,"external")])),_:3}),n(D).showVideo?(s(),u(w,{key:1})):c("v-if",!0),n(D).showMultipleVideo?(s(),u(x,{key:2})):c("v-if",!0)],64))]})),_:3})],4)):c("v-if",!0)}});export{$ as default};
+import{defineComponent as e,ref as t,provide as o,openBlock as s,createElementBlock as r,normalizeStyle as n,unref as a,createVNode as i,withCtx as l,createBlock as u,Fragment as d,createElementVNode as m,renderSlot as p,createCommentVNode as c}from"vue";import{NConfigProvider as f,NSpin as h,NLayout as v,NLayoutContent as y}from"naive-ui";import S from"./components/SiderList.vue.js";import g from"./components/ChatHeader.vue.js";import j from"./components/ChatMain.vue.js";import k from"./components/ChatFooter.vue.js";import b from"./components/ChatSearch.vue.js";import _ from"./components/ChatAdd.vue.js";import w from"./components/Video.vue.js";import x from"./components/MultipleVideo.vue.js";import C from"./components/PersonProfile.vue.js";import{instanceAxios as I}from"./api/index.js";import{isNumber as L}from"lodash-es";import{initData as V,InjectionIChatData as B}from"./hooks/useData.js";import{useWebSocket as H}from"./hooks/useWebSocket.js";import"trtc-sdk-v5";import"./utils/index.js";const P={key:0,class:"iho-chat__header"},U={class:"toolbar"};var $=e({__name:"Index",props:{token:{type:String,required:!0},orgId:{type:[String,Number],required:!0},userId:{type:String,required:!0},baseURL:{type:String,default:"/fdp-chat"},showHeader:{type:Boolean,default:!0},defaultSessionId:{type:String},show:{type:Boolean,default:!0},extraParams:{type:Object,default:()=>({})},filterable:{type:Boolean,default:!1},trtcProxy:{type:[String,Object]}},emits:["template-click","unread-message-update","session-change","session-close"],setup(e,{expose:$,emit:q}){const M=e;I.defaults.baseURL=M.baseURL,I.defaults.headers.Authorization="bearer "+M.token;const N=t(!1),R=V(M,q);o(B,R),H(M,R);const{cssVars:A,state:D,openSession:F,closeSession:O,getCurrentSession:z,isEnded:E}=R;return $({getUnreadData:function(){return D.sessionList.filter((e=>L(e.unreadNum)&&e.unreadNum>0))},openSession:F,closeSession:O,getCurrentSession:z}),(t,o)=>e.show?(s(),r("div",{key:0,class:"iho-chat",style:n(a(A))},[i(a(f),{abstract:"",namespace:"iho-chat__popover"},{default:l((()=>{var o;return[N.value?(s(),u(a(h),{key:0,stroke:"#5585f5"})):(s(),r(d,{key:1},[e.showHeader?(s(),r("div",P,[i(b),i(_,{title:(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.31"))||"发起群聊",mode:"create","default-value":[a(D).userInfo]},null,8,["default-value"]),m("div",U,[p(t.$slots,"toolbar")])])):c("v-if",!0),i(a(v),{class:"iho-chat__body","has-sider":""},{default:l((()=>[i(S),i(a(y),{class:"chat-content",style:n({"--c-pointer-events":a(E)?"none":"unset","--c-cursor":a(E)?"not-allowed":"unset"})},{default:l((()=>[i(g,null,{header:l((()=>[p(t.$slots,"chatHeader",{session:a(D).currentSessionItem})])),_:3}),i(j),i(k,null,{footer:l((()=>[p(t.$slots,"chatFooter",{session:a(D).currentSessionItem})])),_:3})])),_:3},8,["style"]),p(t.$slots,"external")])),_:3}),a(D).showVideo?(s(),u(w,{key:1})):c("v-if",!0),a(D).showMultipleVideo?(s(),u(x,{key:2})):c("v-if",!0),i(C)],64))]})),_:3})],4)):c("v-if",!0)}});export{$ as default};

package/es/components/iho-chat/src/components/ChatAdd.vue.d.ts

@@ -76,6 +76,15 @@ declare const _default: import("vue").DefineComponent<{
         currentAVMsg: AnyObject;
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: AnyObject | null;
+        };
     };
     setCurrentSessionItem: (item: AnyObject) => void;
     listRef: import("vue").Ref<any>;

package/es/components/iho-chat/src/components/ChatFile.vue.d.ts

@@ -38,6 +38,15 @@ declare const _default: import("vue").DefineComponent<{
         currentAVMsg: AnyObject;
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: AnyObject | null;
+        };
     };
     relayMessage: (param: {
         checkedIds: string[];
@@ -150,6 +159,15 @@ declare const _default: import("vue").DefineComponent<{
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         setCurrentSessionItem: (item: AnyObject) => void;
         listRef: import("vue").Ref<any>;

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

@@ -23,6 +23,15 @@ declare const _default: import("vue").DefineComponent<{}, {
         currentAVMsg: AnyObject;
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: AnyObject | null;
+        };
     };
     sendMessage: (message: {
         chatType?: string | undefined;
@@ -131,6 +140,15 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         setCurrentSessionItem: (item: AnyObject) => void;
         listRef: Ref<any>;

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

@@ -18,12 +18,22 @@ declare const _default: import("vue").DefineComponent<{}, {
         currentAVMsg: AnyObject;
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: AnyObject | null;
+        };
     };
     isGroupChat: import("vue").ComputedRef<boolean>;
     isGroupLeader: import("vue").ComputedRef<boolean>;
     isEnded: import("vue").ComputedRef<boolean>;
     setCurrentSessionItem: (item: AnyObject) => void;
     emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
+    setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
     showChatSet: import("vue").Ref<boolean>;
     showChatFile: import("vue").Ref<boolean>;
     chatFileType: import("vue").Ref<string>;
@@ -46,97 +56,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     NButton: any;
     NTooltip: any;
     NPopconfirm: any;
-    PersonProfile: import("vue").DefineComponent<{
-        userId: {
-            type: (NumberConstructor | StringConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        userInfo: {
-            type: import("vue").PropType<AnyObject>;
-        };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<AnyObject>;
-            };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }>>;
-        emit: (event: "close", ...args: any[]) => void;
-        state: {
-            orgId: string | number;
-            currentSessionItem: AnyObject;
-            id: string;
-            userInfo: AnyObject;
-            msgList: AnyObject[];
-            currentMsg: AnyObject;
-            isAppendMsg: boolean;
-            sessionList: AnyObject[];
-            isChangeSession: boolean;
-            updateSessionItem: AnyObject;
-            isUpdateSession: boolean;
-            currentReferenceMsg: AnyObject | null;
-            currentReEditMsg: AnyObject | null;
-            showVideo: boolean;
-            currentAVMsg: AnyObject;
-            currentGroupUser: AnyObject[];
-            showMultipleVideo: boolean;
-        };
-        openSession: (session: string | AnyObject) => Promise<void>;
-        showUserDetail: import("vue").Ref<boolean>;
-        showLargeAvatar: import("vue").Ref<boolean>;
-        showPhone: import("vue").Ref<boolean>;
-        userDetail: AnyObject;
-        info: {
-            label: string;
-            value: string;
-            key: string;
-        }[];
-        personInfo: import("vue").ComputedRef<{
-            label: string;
-            value: string;
-            key: string;
-        }[]>;
-        toOpenSession: () => Promise<void>;
-        updateShow: (value: boolean) => Promise<void>;
-        getContent: (info: AnyObject) => any;
-        onChange: (options: {
-            file: import("naive-ui").UploadFileInfo;
-        }) => Promise<void>;
-        NAvatar: any;
-        NPopover: any;
-        NButton: any;
-        NIcon: any;
-        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<{}>>, {}>;
-        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, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        userId: {
-            type: (NumberConstructor | StringConstructor)[];
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        userInfo: {
-            type: import("vue").PropType<AnyObject>;
-        };
-    }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
-    }, {
-        disabled: boolean;
-    }>;
     ChatSet: import("vue").DefineComponent<{}, {
         attrs: {
             [x: string]: unknown;
@@ -159,8 +78,18 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         setCurrentSessionItem: (item: AnyObject) => void;
+        setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
         isGroupChat: import("vue").ComputedRef<boolean>;
         isGroupLeader: import("vue").ComputedRef<boolean>;
         inputRef: import("vue").Ref<any>;
@@ -192,97 +121,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         AddOutline: 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<{}>>, {}>;
         RemoveOutline: 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<{}>>, {}>;
         ChevronBackOutline: 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<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<AnyObject>;
-            };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: import("vue").PropType<AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }>>;
-            emit: (event: "close", ...args: any[]) => void;
-            state: {
-                orgId: string | number;
-                currentSessionItem: AnyObject;
-                id: string;
-                userInfo: AnyObject;
-                msgList: AnyObject[];
-                currentMsg: AnyObject;
-                isAppendMsg: boolean;
-                sessionList: AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: AnyObject;
-                isUpdateSession: boolean;
-                currentReferenceMsg: AnyObject | null;
-                currentReEditMsg: AnyObject | null;
-                showVideo: boolean;
-                currentAVMsg: AnyObject;
-                currentGroupUser: AnyObject[];
-                showMultipleVideo: boolean;
-            };
-            openSession: (session: string | AnyObject) => Promise<void>;
-            showUserDetail: import("vue").Ref<boolean>;
-            showLargeAvatar: import("vue").Ref<boolean>;
-            showPhone: import("vue").Ref<boolean>;
-            userDetail: AnyObject;
-            info: {
-                label: string;
-                value: string;
-                key: string;
-            }[];
-            personInfo: import("vue").ComputedRef<{
-                label: string;
-                value: string;
-                key: string;
-            }[]>;
-            toOpenSession: () => Promise<void>;
-            updateShow: (value: boolean) => Promise<void>;
-            getContent: (info: AnyObject) => any;
-            onChange: (options: {
-                file: import("naive-ui").UploadFileInfo;
-            }) => Promise<void>;
-            NAvatar: any;
-            NPopover: any;
-            NButton: any;
-            NIcon: any;
-            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<{}>>, {}>;
-            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, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<AnyObject>;
-            };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            disabled: boolean;
-        }>;
         ChatAdd: import("vue").DefineComponent<{
             title: {
                 type: StringConstructor;
@@ -359,6 +197,15 @@ declare const _default: import("vue").DefineComponent<{}, {
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -490,6 +337,15 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         relayMessage: (param: {
             checkedIds: string[];
@@ -602,6 +458,15 @@ declare const _default: import("vue").DefineComponent<{}, {
                 currentAVMsg: AnyObject;
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -739,6 +604,15 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         recordRef: import("vue").Ref<any>;
         recordList: import("vue").Ref<AnyObject[]>;
@@ -986,6 +860,15 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentAVMsg: AnyObject;
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: AnyObject | null;
+            };
         };
         setCurrentSessionItem: (item: AnyObject) => void;
         listRef: import("vue").Ref<any>;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as o,computed as t,openBlock as i,createElementBlock as a,Fragment as r,unref as n,createElementVNode as s,createVNode as l,withCtx as u,toDisplayString as c,renderSlot as d,createTextVNode as m,normalizeProps as v,guardReactiveProps as w,createBlock as h,createCommentVNode as p}from"vue";import{NAvatar as g,NTooltip as f,NButton as y,NIcon as _,NPopconfirm as C}from"naive-ui";import{useData as b}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{STATUS as j}from"../constants/index.js";import{updateStatusApi as k}from"../api/index.js";import{$message as z}from"../utils/index.js";import"lodash-es";import"trtc-sdk-v5";import I from"./PersonProfile.vue.js";import S from"./ChatSet.vue.js";import q from"./ChatFile.vue.js";import L from"./ChatRecord.vue.js";import x from"./ChatAdd.vue.js";import{PersonAddOutline as B,CloseOutline as D}from"@vicons/ionicons5";const E={key:0,class:"chat-header box-shadow"},U={class:"chat-header__left"},G={class:"name"},P={class:"chat-header__right"},N=s("i",{class:"chat--iconfont chat--icon-image"},null,-1),A=s("i",{class:"chat--iconfont chat--icon-folder"},null,-1),F=s("i",{class:"chat--iconfont chat--icon-list-search"},null,-1),H=s("i",{class:"chat--iconfont chat--icon-set"},null,-1);var R=e({__name:"ChatHeader",setup(e){const{state:R,isGroupChat:V,isGroupLeader:$,isEnded:J,setCurrentSessionItem:K,emit:M}=b(),O=o(!1),Q=o(!1),T=o("image"),W=o(!1),X=t((()=>{const e=R.currentGroupUser.map((e=>e.id));return V.value?{mode:"join",disabledIds:e,disabled:J.value}:{mode:"create",defaultValue:R.currentGroupUser}}));function Y(e){T.value=e,Q.value=!0}async function Z(){try{await k({id:R.currentSessionItem.id,status:j.ENDED}),K({status:j.ENDED}),M("session-close",R.currentSessionItem),z.success("当前会话已结束")}catch(e){console.log(e)}}return(e,o)=>(i(),a(r,null,[n(R).id?(i(),a("section",E,[s("div",U,[l(I,{"user-id":n(R).currentSessionItem.receiver,disabled:n(V),placement:"bottom"},{trigger:u((()=>[l(n(g),{round:"",size:30,src:n(R).currentSessionItem.avatar},null,8,["src"])])),_:1},8,["user-id","disabled"]),s("span",G,c(n(R).currentSessionItem.name),1)]),s("div",P,[d(e.$slots,"header"),l(n(f),{"show-arrow":!1,placement:"bottom"},{trigger:u((()=>[l(n(y),{quaternary:"",size:"tiny",onClick:o[0]||(o[0]=()=>Y("image"))},{icon:u((()=>[N])),_:1})])),default:u((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.62"))||"图片")]})),_:1}),l(n(f),{"show-arrow":!1,placement:"bottom"},{trigger:u((()=>[l(n(y),{quaternary:"",size:"tiny",onClick:o[1]||(o[1]=()=>Y("file"))},{icon:u((()=>[A])),_:1})])),default:u((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.63"))||"文件")]})),_:1}),l(x,v(w(n(X))),{trigger:u((()=>[l(n(f),{"show-arrow":!1,placement:"bottom"},{trigger:u((()=>[l(n(y),{quaternary:"",size:"tiny"},{icon:u((()=>[l(n(_),{size:"18",component:n(B)},null,8,["component"])])),_:1})])),default:u((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.64"))||"添加成员")]})),_:1})])),_:1},16),l(n(f),{"show-arrow":!1,placement:"bottom"},{trigger:u((()=>[l(n(y),{quaternary:"",size:"tiny",onClick:o[2]||(o[2]=()=>W.value=!0)},{icon:u((()=>[F])),_:1})])),default:u((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.65"))||"聊天记录")]})),_:1}),l(n(f),{"show-arrow":!1,placement:"bottom"},{trigger:u((()=>[l(n(y),{quaternary:"",size:"tiny",onClick:o[3]||(o[3]=()=>O.value=!0)},{icon:u((()=>[H])),_:1})])),default:u((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.66"))||"聊天设置")]})),_:1}),n(V)&&n($)?(i(),h(n(C),{key:0,onPositiveClick:Z},{trigger:u((()=>[l(n(f),{"show-arrow":!1,placement:"bottom"},{trigger:u((()=>[l(n(y),{quaternary:"",size:"tiny"},{icon:u((()=>[l(n(_),{size:"18",component:n(D)},null,8,["component"])])),_:1})])),default:u((()=>[m(" 结束聊天 ")])),_:1})])),default:u((()=>[m(" 是否确认结束群聊？ ")])),_:1})):p("v-if",!0)])])):p("v-if",!0),l(S,{show:O.value,"onUpdate:show":o[4]||(o[4]=e=>O.value=e)},null,8,["show"]),l(q,{show:Q.value,"onUpdate:show":o[5]||(o[5]=e=>Q.value=e),type:T.value,visible:Q.value},null,8,["show","type","visible"]),l(L,{show:W.value,"onUpdate:show":o[6]||(o[6]=e=>W.value=e),visible:W.value},null,8,["show","visible"])],64))}});export{R as default};
+import{defineComponent as e,ref as o,computed as t,openBlock as a,createElementBlock as i,Fragment as n,unref as r,createElementVNode as s,createVNode as l,toDisplayString as c,renderSlot as u,withCtx as d,createTextVNode as m,normalizeProps as v,guardReactiveProps as w,createBlock as h,createCommentVNode as p}from"vue";import{NAvatar as g,NTooltip as f,NButton as y,NIcon as _,NPopconfirm as C}from"naive-ui";import{useData as b}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{STATUS as j}from"../constants/index.js";import{updateStatusApi as k}from"../api/index.js";import{$message as z}from"../utils/index.js";import"lodash-es";import"trtc-sdk-v5";import I from"./ChatSet.vue.js";import S from"./ChatFile.vue.js";import q from"./ChatRecord.vue.js";import D from"./ChatAdd.vue.js";import{PersonAddOutline as L,CloseOutline as U}from"@vicons/ionicons5";const x={key:0,class:"chat-header box-shadow"},B={class:"chat-header__left"},E={class:"name"},G={class:"chat-header__right"},N=s("i",{class:"chat--iconfont chat--icon-image"},null,-1),A=s("i",{class:"chat--iconfont chat--icon-folder"},null,-1),F=s("i",{class:"chat--iconfont chat--icon-list-search"},null,-1),H=s("i",{class:"chat--iconfont chat--icon-set"},null,-1);var P=e({__name:"ChatHeader",setup(e){const{state:P,isGroupChat:R,isGroupLeader:V,isEnded:$,setCurrentSessionItem:J,emit:K,setUserDetail:M}=b(),O=o(!1),Q=o(!1),T=o("image"),W=o(!1),X=t((()=>{const e=P.currentGroupUser.map((e=>e.id));return R.value?{mode:"join",disabledIds:e,disabled:$.value}:{mode:"create",defaultValue:P.currentGroupUser}}));function Y(e){T.value=e,Q.value=!0}async function Z(){try{await k({id:P.currentSessionItem.id,status:j.ENDED}),J({status:j.ENDED}),K("session-close",P.currentSessionItem),z.success("当前会话已结束")}catch(e){console.log(e)}}return(e,o)=>(a(),i(n,null,[r(P).id?(a(),i("section",x,[s("div",B,[l(r(g),{round:"",size:30,src:r(P).currentSessionItem.avatar,onClick:o[0]||(o[0]=e=>!r(R)&&r(M)(e,{show:!0,userId:r(P).currentSessionItem.receiver}))},null,8,["src"]),s("span",E,c(r(P).currentSessionItem.name),1)]),s("div",G,[u(e.$slots,"header"),l(r(f),{"show-arrow":!1,placement:"bottom"},{trigger:d((()=>[l(r(y),{quaternary:"",size:"tiny",onClick:o[1]||(o[1]=()=>Y("image"))},{icon:d((()=>[N])),_:1})])),default:d((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.62"))||"图片")]})),_:1}),l(r(f),{"show-arrow":!1,placement:"bottom"},{trigger:d((()=>[l(r(y),{quaternary:"",size:"tiny",onClick:o[2]||(o[2]=()=>Y("file"))},{icon:d((()=>[A])),_:1})])),default:d((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.63"))||"文件")]})),_:1}),l(D,v(w(r(X))),{trigger:d((()=>[l(r(f),{"show-arrow":!1,placement:"bottom"},{trigger:d((()=>[l(r(y),{quaternary:"",size:"tiny"},{icon:d((()=>[l(r(_),{size:"18",component:r(L)},null,8,["component"])])),_:1})])),default:d((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.64"))||"添加成员")]})),_:1})])),_:1},16),l(r(f),{"show-arrow":!1,placement:"bottom"},{trigger:d((()=>[l(r(y),{quaternary:"",size:"tiny",onClick:o[3]||(o[3]=()=>W.value=!0)},{icon:d((()=>[F])),_:1})])),default:d((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.65"))||"聊天记录")]})),_:1}),l(r(f),{"show-arrow":!1,placement:"bottom"},{trigger:d((()=>[l(r(y),{quaternary:"",size:"tiny",onClick:o[4]||(o[4]=()=>O.value=!0)},{icon:d((()=>[H])),_:1})])),default:d((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.66"))||"聊天设置")]})),_:1}),r(R)&&r(V)?(a(),h(r(C),{key:0,onPositiveClick:Z},{trigger:d((()=>[l(r(f),{"show-arrow":!1,placement:"bottom"},{trigger:d((()=>[l(r(y),{quaternary:"",size:"tiny"},{icon:d((()=>[l(r(_),{size:"18",component:r(U)},null,8,["component"])])),_:1})])),default:d((()=>[m(" 结束聊天 ")])),_:1})])),default:d((()=>[m(" 是否确认结束群聊？ ")])),_:1})):p("v-if",!0)])])):p("v-if",!0),l(I,{show:O.value,"onUpdate:show":o[5]||(o[5]=e=>O.value=e)},null,8,["show"]),l(S,{show:Q.value,"onUpdate:show":o[6]||(o[6]=e=>Q.value=e),type:T.value,visible:Q.value},null,8,["show","type","visible"]),l(q,{show:W.value,"onUpdate:show":o[7]||(o[7]=e=>W.value=e),visible:W.value},null,8,["show","visible"])],64))}});export{P as default};