cnhis-design-vue 3.2.14-beta.2 → 3.2.14-beta.24

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

@@ -1,9 +1,5 @@
 import { type PropType } from 'vue';
-import { ChatSock } from './utils/chatSock';
 import { AnyObject } from '../../../shared/types';
-import { AV_STATUS } from './constants';
-import { IState } from './types';
-import { isAudioOrVideoMessage } from './utils';
 declare const _default: import("vue").DefineComponent<{
     token: {
         type: StringConstructor;
@@ -21,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    chatBox: {
+    showHeader: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -32,6 +28,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    extraParams: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         token: {
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
-        chatBox: {
+        showHeader: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -61,14 +61,64 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        extraParams: {
+            type: PropType<AnyObject>;
+            default: () => {};
+        };
     }>> & {
         "onTemplate-click"?: ((...args: any[]) => any) | undefined;
         "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
+        "onSession-change"?: ((...args: any[]) => any) | undefined;
+        "onSession-close"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "template-click" | "unread-message-update", ...args: any[]) => void;
-    cssVars: import("vue").ComputedRef<AnyObject>;
+    emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
     loading: import("vue").Ref<boolean>;
-    stompClient: import("vue").Ref<ChatSock | undefined>;
+    data: {
+        cssVars: import("vue").ComputedRef<AnyObject>;
+        stompClient: import("vue").Ref<import("./utils/chatSock").ChatSock | undefined>;
+        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;
+        };
+        unreadTotal: import("vue").ComputedRef<number>;
+        isGroupChat: import("vue").ComputedRef<boolean>;
+        isGroupLeader: import("vue").ComputedRef<boolean>;
+        isEnded: import("vue").ComputedRef<boolean>;
+        setMsgList: (list?: AnyObject[]) => void;
+        sendMessage: (message: {
+            chatType?: string | undefined;
+            content: AnyObject;
+            receiver?: string | undefined;
+        }) => Promise<void>;
+        relayMessage: (param: {
+            checkedIds: string[];
+            remark: string;
+            content: AnyObject;
+        }) => Promise<void>;
+        openSession: (item: AnyObject) => Promise<void>;
+        closeSession: () => AnyObject | null;
+        getCurrentSession: () => AnyObject | null;
+        setCurrentSessionItem: (item: AnyObject) => void;
+        setUpdateSessionItem: (item: AnyObject) => void;
+        setSessionList: (list: AnyObject[]) => void;
+        emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
+    };
+    cssVars: import("vue").ComputedRef<AnyObject>;
     state: {
         orgId: string | number;
         currentSessionItem: AnyObject;
@@ -88,27 +138,10 @@ declare const _default: import("vue").DefineComponent<{
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
     };
-    unreadTotal: import("vue").ComputedRef<number>;
     openSession: (item: AnyObject) => Promise<void>;
     closeSession: () => AnyObject | null;
     getCurrentSession: () => AnyObject | null;
-    setSessionList: (list: AnyObject[]) => void;
-    setUpdateSessionItem: (item: AnyObject) => void;
-    setCurrentSessionItem: (item: AnyObject) => void;
-    updateSessionList: (sessionItem: AnyObject) => void;
-    reConnention: number;
-    groupSessionList: AnyObject[];
-    init: () => Promise<void>;
-    initWebSocket: () => void;
-    subscribeSessionList: () => void;
-    handleDefaultSession: () => void;
-    subscribeGroupMessage: () => void;
-    subscribeMessage: () => void;
-    handleMessage: (messageVo: AnyObject, chatType: string) => Promise<void>;
-    handleSubscribeMessage: ({ body, chatType }: {
-        body: any;
-        chatType: string;
-    }) => Promise<void>;
+    isEnded: import("vue").ComputedRef<boolean>;
     getUnreadData: () => AnyObject[];
     NLayout: any;
     NLayoutContent: any;
@@ -118,6 +151,7 @@ declare const _default: import("vue").DefineComponent<{
         filterKey: {
             all: string;
             unread: string;
+            ended: string;
         };
         unreadSessionKeys: string[];
         flexWidth: import("vue").Ref<number>;
@@ -127,19 +161,82 @@ declare const _default: import("vue").DefineComponent<{
             label: string;
             key: string;
         }[]>;
+        contextmenuRef: import("vue").Ref<any>;
+        showMenu: import("vue").Ref<boolean>;
+        menuPosition: any;
+        sessionId: import("vue").Ref<any>;
         currentFilterKey: import("vue").Ref<string>;
-        state: IState;
+        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;
+        };
         unreadTotal: import("vue").ComputedRef<number>;
         openSession: (item: AnyObject) => Promise<void>;
+        setUpdateSessionItem: (item: AnyObject) => void;
         currentWidth: import("vue").ComputedRef<number>;
         sessionList: import("vue").ComputedRef<AnyObject[]>;
+        getLabelNum: (session: AnyObject) => number;
         changeWidth: ({ distance }: AnyObject) => void;
         handleFilter: (key: string) => void;
         showSession: (item: AnyObject, currentKey?: string) => boolean | undefined;
+        handleContextmenu: (event: MouseEvent, id: string) => Promise<void>;
+        handleSelect: (key: string, session: AnyObject) => Promise<void>;
         NSpin: any;
         NBadge: any;
         NAvatar: any;
         NTag: any;
+        ContextMenu: import("vue").DefineComponent<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            position: {
+                type: PropType<import("vue").CSSProperties>;
+            };
+            id: {
+                type: StringConstructor;
+            };
+        }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            position: {
+                type: PropType<import("vue").CSSProperties>;
+            };
+            id: {
+                type: StringConstructor;
+            };
+        }>> & {
+            onSelect?: ((...args: any[]) => any) | undefined;
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }, {
+            type: string;
+            show: boolean;
+        }>;
         vFlexibleResize: {
             mounted(el: any, { value }: any): void;
             beforeUnmount(el: any): void;
@@ -147,8 +244,30 @@ declare const _default: import("vue").DefineComponent<{
         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: IState;
+        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;
+        };
         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;
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -156,17 +275,21 @@ declare const _default: import("vue").DefineComponent<{
         chatAddProps: import("vue").ComputedRef<{
             mode: string;
             disabledIds: any[];
+            disabled: boolean;
             defaultValue?: undefined;
         } | {
             mode: string;
             defaultValue: AnyObject[];
             disabledIds?: undefined;
+            disabled?: undefined;
         }>;
         handleOpenChatFile: (type: string) => void;
+        handleClose: () => Promise<void>;
         NAvatar: any;
         NIcon: any;
         NButton: any;
         NTooltip: any;
+        NPopconfirm: any;
         PersonProfile: import("vue").DefineComponent<{
             userId: {
                 type: StringConstructor;
@@ -190,7 +313,25 @@ declare const _default: import("vue").DefineComponent<{
                 onClose?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "close", ...args: any[]) => void;
-            state: IState;
+            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: (item: AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
@@ -238,14 +379,32 @@ declare const _default: import("vue").DefineComponent<{
             attrs: {
                 [x: string]: unknown;
             };
-            state: IState;
+            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;
+            };
             setCurrentSessionItem: (item: AnyObject) => void;
             isGroupChat: import("vue").ComputedRef<boolean>;
+            isGroupLeader: import("vue").ComputedRef<boolean>;
             inputRef: import("vue").Ref<any>;
             groupNameEditing: import("vue").Ref<boolean>;
             groupName: import("vue").Ref<string>;
             showGroupDetail: import("vue").Ref<boolean>;
-            isGroupLeader: import("vue").ComputedRef<boolean>;
             currentGroupUserIds: import("vue").ComputedRef<any[]>;
             currentGroupUser: import("vue").ComputedRef<AnyObject[]>;
             handleTopping: (value: boolean) => Promise<void>;
@@ -294,7 +453,25 @@ declare const _default: import("vue").DefineComponent<{
                     onClose?: ((...args: any[]) => any) | undefined;
                 }>>;
                 emit: (event: "close", ...args: any[]) => void;
-                state: IState;
+                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: (item: AnyObject) => Promise<void>;
                 showUserDetail: import("vue").Ref<boolean>;
                 showLargeAvatar: import("vue").Ref<boolean>;
@@ -358,6 +535,10 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     title: {
@@ -379,11 +560,33 @@ declare const _default: import("vue").DefineComponent<{
                         type: PropType<AnyObject[]>;
                         default: () => never[];
                     };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                 }>> & {
                     onComfirm?: ((...args: any[]) => any) | undefined;
                 }>>;
                 emit: (event: "comfirm", ...args: any[]) => void;
-                state: IState;
+                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;
+                };
                 setCurrentSessionItem: (item: AnyObject) => void;
                 listRef: import("vue").Ref<any>;
                 keyword: import("vue").Ref<string>;
@@ -443,11 +646,16 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }, {
                 title: string;
                 defaultValue: AnyObject[];
+                disabled: boolean;
                 mode: string;
                 disabledIds: string[];
             }>;
@@ -461,7 +669,6 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
             };
         }, {
-            cssVars: import("vue").ComputedRef<AnyObject>;
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 type: {
                     type: StringConstructor;
@@ -471,7 +678,26 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
             }>> & {}>>;
-            state: IState;
+            cssVars: import("vue").ComputedRef<AnyObject>;
+            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;
+            };
             relayMessage: (param: {
                 checkedIds: string[];
                 remark: string;
@@ -527,6 +753,10 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     title: {
@@ -548,11 +778,33 @@ declare const _default: import("vue").DefineComponent<{
                         type: PropType<AnyObject[]>;
                         default: () => never[];
                     };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                 }>> & {
                     onComfirm?: ((...args: any[]) => any) | undefined;
                 }>>;
                 emit: (event: "comfirm", ...args: any[]) => void;
-                state: IState;
+                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;
+                };
                 setCurrentSessionItem: (item: AnyObject) => void;
                 listRef: import("vue").Ref<any>;
                 keyword: import("vue").Ref<string>;
@@ -612,11 +864,16 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }, {
                 title: string;
                 defaultValue: AnyObject[];
+                disabled: boolean;
                 mode: string;
                 disabledIds: string[];
             }>;
@@ -646,7 +903,25 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                 };
             }>> & {}>>;
-            state: IState;
+            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;
+            };
             recordRef: import("vue").Ref<any>;
             recordList: import("vue").Ref<AnyObject[]>;
             keyword: import("vue").Ref<any>;
@@ -827,6 +1102,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -848,11 +1127,33 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
-            state: IState;
+            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;
+            };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
             keyword: import("vue").Ref<string>;
@@ -912,19 +1213,43 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             title: string;
             defaultValue: AnyObject[];
+            disabled: boolean;
             mode: string;
             disabledIds: string[];
         }>;
         PersonAddOutline: 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<{}>>, {}>;
+        CloseOutline: 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<{}>>, {}>;
     }, {}, {}, {}, 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: IState;
+        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;
+        };
         setMsgList: (list?: AnyObject[]) => void;
         relayMessage: (param: {
             checkedIds: string[];
@@ -996,7 +1321,25 @@ declare const _default: import("vue").DefineComponent<{
                 onClose?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "close", ...args: any[]) => void;
-            state: IState;
+            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: (item: AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
@@ -1054,7 +1397,7 @@ declare const _default: import("vue").DefineComponent<{
             }>> & {}>>;
             describeBodyRef: import("vue").Ref<any>;
             showMore: import("vue").Ref<boolean>;
-            emit: (event: string, ...args: any[]) => void;
+            emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
             isOverflow: import("vue").ComputedRef<boolean>;
             setting: import("vue").ComputedRef<any>;
             serverSetting: import("vue").ComputedRef<any>;
@@ -1123,6 +1466,10 @@ declare const _default: import("vue").DefineComponent<{
             findEmoji(name: string): any;
         };
         ContextMenu: import("vue").DefineComponent<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
             show: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1130,10 +1477,14 @@ declare const _default: import("vue").DefineComponent<{
             position: {
                 type: PropType<import("vue").CSSProperties>;
             };
-            msgId: {
+            id: {
                 type: StringConstructor;
             };
         }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
             show: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1141,13 +1492,14 @@ declare const _default: import("vue").DefineComponent<{
             position: {
                 type: PropType<import("vue").CSSProperties>;
             };
-            msgId: {
+            id: {
                 type: StringConstructor;
             };
         }>> & {
             onSelect?: ((...args: any[]) => any) | undefined;
             "onUpdate:show"?: ((...args: any[]) => any) | undefined;
         }, {
+            type: string;
             show: boolean;
         }>;
         ChatAdd: import("vue").DefineComponent<{
@@ -1170,6 +1522,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -1191,11 +1547,33 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
-            state: IState;
+            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;
+            };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
             keyword: import("vue").Ref<string>;
@@ -1255,16 +1633,21 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             title: string;
             defaultValue: AnyObject[];
+            disabled: boolean;
             mode: string;
             disabledIds: string[];
         }>;
         simplifyMessage: typeof import("./utils").simplifyMessage;
-        isAudioOrVideoMessage: typeof isAudioOrVideoMessage;
+        isAudioOrVideoMessage: typeof import("./utils").isAudioOrVideoMessage;
         getAVTime: typeof import("./utils").getAVTime;
         MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
         ChatbubbleEllipsesOutline: 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<{}>>, {}>;
@@ -1275,13 +1658,32 @@ 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<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
-        state: IState;
+        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;
+        };
         sendMessage: (message: {
             chatType?: string | undefined;
             content: AnyObject;
             receiver?: string | undefined;
         }) => Promise<void>;
         isGroupChat: import("vue").ComputedRef<boolean>;
+        isEnded: import("vue").ComputedRef<boolean>;
         showEmoji: import("vue").Ref<boolean>;
         content: import("vue").Ref<string>;
         commonEmoticons: import("vue").Ref<string[]>;
@@ -1326,6 +1728,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -1347,11 +1753,33 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
-            state: IState;
+            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;
+            };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
             keyword: import("vue").Ref<string>;
@@ -1411,11 +1839,16 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             title: string;
             defaultValue: AnyObject[];
+            disabled: boolean;
             mode: string;
             disabledIds: string[];
         }>;
@@ -1430,12 +1863,30 @@ declare const _default: import("vue").DefineComponent<{
         simplifyMessage: typeof import("./utils").simplifyMessage;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatSearch: import("vue").DefineComponent<{}, {
-        cssVars: import("vue").ComputedRef<AnyObject>;
         listRef: import("vue").Ref<any>;
         inputRef: import("vue").Ref<any>;
         showSearch: import("vue").Ref<boolean>;
         keyword: import("vue").Ref<string>;
-        state: IState;
+        cssVars: import("vue").ComputedRef<AnyObject>;
+        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: (item: AnyObject) => Promise<void>;
         userList: import("vue").Ref<AnyObject[]>;
         handleInput: () => void;
@@ -1523,6 +1974,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject[]>;
             default: () => never[];
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -1544,11 +1999,33 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: "comfirm", ...args: any[]) => void;
-        state: IState;
+        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;
+        };
         setCurrentSessionItem: (item: AnyObject) => void;
         listRef: import("vue").Ref<any>;
         keyword: import("vue").Ref<string>;
@@ -1608,11 +2085,16 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject[]>;
             default: () => never[];
         };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onComfirm?: ((...args: any[]) => any) | undefined;
     }, {
         title: string;
         defaultValue: AnyObject[];
+        disabled: boolean;
         mode: string;
         disabledIds: string[];
     }>;
@@ -1622,7 +2104,25 @@ declare const _default: import("vue").DefineComponent<{
             content: AnyObject;
             receiver?: string | undefined;
         }) => Promise<void>;
-        state: IState;
+        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;
+        };
         trtc: import("trtc-sdk-v5").default;
         timing: import("vue").Ref<string>;
         voiceOpen: import("vue").Ref<boolean>;
@@ -1661,7 +2161,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         tipContent: import("vue").ComputedRef<string>;
         status: import("vue").ComputedRef<any>;
-        handleStatus: (status?: AV_STATUS) => Promise<void>;
+        handleStatus: (status?: import("./constants").AV_STATUS) => Promise<void>;
         init: () => Promise<void>;
         handleEnter: () => Promise<void>;
         handleFinish: () => void;
@@ -1677,7 +2177,7 @@ declare const _default: import("vue").DefineComponent<{
         Call: 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<{}>>, {}>;
         MicOffCircle: 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<{}>>, {}>;
         Mic: 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<{}>>, {}>;
-        AV_STATUS: typeof AV_STATUS;
+        AV_STATUS: typeof import("./constants").AV_STATUS;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     MultipleVideo: import("vue").DefineComponent<{}, {
         selfVideoRef: import("vue").Ref<any>;
@@ -1685,7 +2185,25 @@ declare const _default: import("vue").DefineComponent<{
             id: string;
             name: string;
         }[]>;
-        state: IState;
+        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;
+        };
         sendMessage: (message: {
             chatType?: string | undefined;
             content: AnyObject;
@@ -1751,6 +2269,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -1772,11 +2294,33 @@ declare const _default: import("vue").DefineComponent<{
                     type: PropType<AnyObject[]>;
                     default: () => never[];
                 };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
-            state: IState;
+            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;
+            };
             setCurrentSessionItem: (item: AnyObject) => void;
             listRef: import("vue").Ref<any>;
             keyword: import("vue").Ref<string>;
@@ -1836,11 +2380,16 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<AnyObject[]>;
                 default: () => never[];
             };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             title: string;
             defaultValue: AnyObject[];
+            disabled: boolean;
             mode: string;
             disabledIds: string[];
         }>;
@@ -1852,7 +2401,7 @@ declare const _default: import("vue").DefineComponent<{
         MicOff: 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<{}>>, {}>;
     }, {}, {}, {}, 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, ("template-click" | "unread-message-update")[], "template-click" | "unread-message-update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "unread-message-update" | "session-change" | "session-close")[], "template-click" | "unread-message-update" | "session-change" | "session-close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     token: {
         type: StringConstructor;
         required: true;
@@ -1869,7 +2418,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    chatBox: {
+    showHeader: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -1880,12 +2429,19 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    extraParams: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
 }>> & {
     "onTemplate-click"?: ((...args: any[]) => any) | undefined;
     "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
+    "onSession-change"?: ((...args: any[]) => any) | undefined;
+    "onSession-close"?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    showHeader: boolean;
     baseURL: string;
-    chatBox: boolean;
+    extraParams: AnyObject;
 }>;
 export default _default;