cnhis-design-vue 3.3.3-release.9 → 3.4.0-beta.1

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

@@ -49,6 +49,10 @@ declare const _default: import("vue").DefineComponent<{
             iceTransportPolicy: "all" | "relay";
         }>>;
     };
+    videoTeleportTo: {
+        type: PropType<string | Element>;
+        default: string;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         token: {
@@ -99,6 +103,10 @@ declare const _default: import("vue").DefineComponent<{
                 iceTransportPolicy: "all" | "relay";
             }>>;
         };
+        videoTeleportTo: {
+            type: PropType<string | Element>;
+            default: string;
+        };
     }>> & {
         "onTemplate-click"?: ((...args: any[]) => any) | undefined;
         "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -117,7 +125,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -145,7 +176,7 @@ declare const _default: import("vue").DefineComponent<{
         isGroupChat: import("vue").ComputedRef<boolean>;
         isGroupLeader: import("vue").ComputedRef<boolean>;
         isEnded: import("vue").ComputedRef<boolean>;
-        setMsgList: (list?: AnyObject[]) => void;
+        setMsgList: (list?: AnyObject[] | import("./types").MsgListItem) => void;
         sendMessage: (message: {
             chatType?: string | undefined;
             content: AnyObject;
@@ -176,7 +207,30 @@ declare const _default: import("vue").DefineComponent<{
         currentSessionItem: AnyObject;
         id: string;
         userInfo: AnyObject;
-        msgList: AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            };
+            senderName: string;
+            sendTime: string;
+            sender: string;
+            status: string;
+            senderAvatar: string;
+            __content: string;
+            __time?: string | undefined;
+            __sendTime?: string | undefined;
+        }[];
         currentMsg: AnyObject;
         isAppendMsg: boolean;
         sessionList: AnyObject[];
@@ -239,7 +293,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -538,7 +615,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -599,7 +699,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -720,7 +843,30 @@ declare const _default: import("vue").DefineComponent<{
                     currentSessionItem: AnyObject;
                     id: string;
                     userInfo: AnyObject;
-                    msgList: AnyObject[];
+                    msgList: {
+                        [x: string]: any;
+                        id: string;
+                        sessionKey: string;
+                        content: {
+                            [x: string]: any;
+                            chatMessageType: string;
+                            msg: string;
+                            referenceContent?: any;
+                            forwardMessageList?: AnyObject[] | undefined;
+                            messageTemplate?: any;
+                            messageTemplateData?: any;
+                            fileUrl?: string | undefined;
+                            avStatus?: string | undefined;
+                        };
+                        senderName: string;
+                        sendTime: string;
+                        sender: string;
+                        status: string;
+                        senderAvatar: string;
+                        __content: string;
+                        __time?: string | undefined;
+                        __sendTime?: string | undefined;
+                    }[];
                     currentMsg: AnyObject;
                     isAppendMsg: boolean;
                     sessionList: AnyObject[];
@@ -877,7 +1023,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -906,11 +1075,26 @@ declare const _default: import("vue").DefineComponent<{
                 remark: string;
                 contents: AnyObject[];
             }) => Promise<void>;
-            imageList: import("vue").Ref<AnyObject[]>;
+            imageList: import("vue").Ref<{
+                label: string;
+                list: {
+                    [x: string]: any;
+                    id: string;
+                    fileUrl: string;
+                    senderName: string;
+                    fileSize: string;
+                    sendTime: string;
+                    fileName: string;
+                    width?: number | undefined;
+                    height?: number | undefined;
+                }[];
+            }[]>;
             fileList: import("vue").Ref<AnyObject[]>;
             imageRef: import("vue").Ref<any>;
             fileRef: import("vue").Ref<any>;
             keyword: import("vue").Ref<any>;
+            currentImgId: import("vue").Ref<string | undefined>;
+            showLightbox: import("vue").Ref<boolean>;
             handleInput: () => void;
             pageInfo: {
                 page: number;
@@ -920,13 +1104,23 @@ declare const _default: import("vue").DefineComponent<{
             handleSearch: () => Promise<void>;
             formatImageList: (data: AnyObject[]) => {
                 label: string;
-                list: any;
+                list: import("./types").ImageItem[];
             }[];
             resetAndSearch: () => void;
+            previewImg: (fileUrl: string) => void;
             title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
+            images: import("vue").ComputedRef<{
+                [x: string]: any;
+                id: string;
+                fileUrl: string;
+                senderName: string;
+                fileSize: string;
+                sendTime: string;
+                fileName: string;
+                width?: number | undefined;
+                height?: number | undefined;
+            }[]>;
             NModal: any;
-            NImageGroup: any;
-            NImage: any;
             NInput: any;
             NIcon: any;
             NTooltip: any;
@@ -1001,7 +1195,30 @@ declare const _default: import("vue").DefineComponent<{
                     currentSessionItem: AnyObject;
                     id: string;
                     userInfo: AnyObject;
-                    msgList: AnyObject[];
+                    msgList: {
+                        [x: string]: any;
+                        id: string;
+                        sessionKey: string;
+                        content: {
+                            [x: string]: any;
+                            chatMessageType: string;
+                            msg: string;
+                            referenceContent?: any;
+                            forwardMessageList?: AnyObject[] | undefined;
+                            messageTemplate?: any;
+                            messageTemplateData?: any;
+                            fileUrl?: string | undefined;
+                            avStatus?: string | undefined;
+                        };
+                        senderName: string;
+                        sendTime: string;
+                        sender: string;
+                        status: string;
+                        senderAvatar: string;
+                        __content: string;
+                        __time?: string | undefined;
+                        __sendTime?: string | undefined;
+                    }[];
                     currentMsg: AnyObject;
                     isAppendMsg: boolean;
                     sessionList: AnyObject[];
@@ -1131,6 +1348,107 @@ declare const _default: import("vue").DefineComponent<{
                 mode: string;
                 disabledIds: string[];
             }>;
+            ImageLightbox: import("vue").DefineComponent<{
+                images: {
+                    type: PropType<import("./types").ImageItem[]>;
+                    default: () => never[];
+                };
+                visible: {
+                    type: BooleanConstructor;
+                };
+                currentId: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }, {
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    images: {
+                        type: PropType<import("./types").ImageItem[]>;
+                        default: () => never[];
+                    };
+                    visible: {
+                        type: BooleanConstructor;
+                    };
+                    currentId: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & {
+                    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+                    "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
+                }>>;
+                emit: (event: "update:visible" | "update:currentId", ...args: any[]) => void;
+                imageEl: import("vue").Ref<HTMLImageElement | null>;
+                naturalSize: import("vue").Ref<{
+                    width: number;
+                    height: number;
+                }>;
+                scale: import("vue").Ref<number>;
+                rotation: import("vue").Ref<number>;
+                isDragging: import("vue").Ref<boolean>;
+                offset: import("vue").Ref<{
+                    x: number;
+                    y: number;
+                }>;
+                lastMouse: import("vue").Ref<{
+                    x: number;
+                    y: number;
+                }>;
+                idToIndexMap: import("vue").ComputedRef<Map<string, number>>;
+                currentIndex: import("vue").ComputedRef<number>;
+                currentImageData: import("vue").ComputedRef<import("./types").ImageItem>;
+                hasNext: import("vue").ComputedRef<boolean>;
+                hasPrev: import("vue").ComputedRef<boolean>;
+                imageStyle: import("vue").ComputedRef<{
+                    left: string;
+                    top: string;
+                    transform: string;
+                    cursor: string;
+                    transition: string;
+                }>;
+                resetImageState: () => void;
+                close: () => void;
+                nextImage: () => void;
+                prevImage: () => void;
+                rotate: (degrees: number) => void;
+                zoomIn: () => void;
+                zoomOut: () => void;
+                resetZoom: () => void;
+                startDrag: (e: MouseEvent) => void;
+                onDragMove: (e: MouseEvent) => void;
+                endDrag: () => void;
+                handleWheel: (e: WheelEvent) => void;
+                handleImageLoad: () => void;
+                download: () => void;
+                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<{}>>, {}>;
+                PlaySkipBackOutline: 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<{}>>, {}>;
+                PlaySkipForwardOutline: 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<{}>>, {}>;
+                DownloadOutline: 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<{}>>, {}>;
+                RefreshOutline: 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<{}>>, {}>;
+                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<{}>>, {}>;
+                RemoveSharp: 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<{}>>, {}>;
+                NButton: any;
+                NIcon: any;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "update:currentId")[], "update:visible" | "update:currentId", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                images: {
+                    type: PropType<import("./types").ImageItem[]>;
+                    default: () => never[];
+                };
+                visible: {
+                    type: BooleanConstructor;
+                };
+                currentId: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
+            }, {
+                visible: boolean;
+                images: import("./types").ImageItem[];
+                currentId: string;
+            }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: StringConstructor;
@@ -1162,7 +1480,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -1363,7 +1704,7 @@ declare const _default: import("vue").DefineComponent<{
             MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
             emojis: {
                 default: string[][];
-                findEmoji(name: string): any;
+                findEmoji(name: string): string | undefined;
             };
             MessageEvent: import("vue").DefineComponent<{
                 data: {
@@ -1382,7 +1723,30 @@ declare const _default: import("vue").DefineComponent<{
                     currentSessionItem: AnyObject;
                     id: string;
                     userInfo: AnyObject;
-                    msgList: AnyObject[];
+                    msgList: {
+                        [x: string]: any;
+                        id: string;
+                        sessionKey: string;
+                        content: {
+                            [x: string]: any;
+                            chatMessageType: string;
+                            msg: string;
+                            referenceContent?: any;
+                            forwardMessageList?: AnyObject[] | undefined;
+                            messageTemplate?: any;
+                            messageTemplateData?: any;
+                            fileUrl?: string | undefined;
+                            avStatus?: string | undefined;
+                        };
+                        senderName: string;
+                        sendTime: string;
+                        sender: string;
+                        status: string;
+                        senderAvatar: string;
+                        __content: string;
+                        __time?: string | undefined;
+                        __sendTime?: string | undefined;
+                    }[];
                     currentMsg: AnyObject;
                     isAppendMsg: boolean;
                     sessionList: AnyObject[];
@@ -1490,7 +1854,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -1622,6 +2009,10 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         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<{}>>, {}>;
+        FolderOutline: 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<{}>>, {}>;
+        ImageOutline: 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<{}>>, {}>;
+        SettingsOutline: 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<{}>>, {}>;
+        SearchLocate: 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>;
@@ -1630,7 +2021,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -1654,7 +2068,7 @@ declare const _default: import("vue").DefineComponent<{
             };
             isForward: boolean;
         };
-        setMsgList: (list?: AnyObject[]) => void;
+        setMsgList: (list?: AnyObject[] | import("./types").MsgListItem) => void;
         relayMessage: (param: {
             checkedIds: string[];
             remark: string;
@@ -1679,6 +2093,8 @@ declare const _default: import("vue").DefineComponent<{
             y: number;
         };
         showForwardDetail: import("vue").Ref<boolean>;
+        currentImgId: import("vue").Ref<string | undefined>;
+        showLightbox: import("vue").Ref<boolean>;
         pageInfo: {
             page: number;
             hasMore: boolean;
@@ -1688,9 +2104,9 @@ declare const _default: import("vue").DefineComponent<{
             '--c-tip-top': string;
             '--c-tip-gap': string;
         }>;
-        renderToolbar: ({ nodes }: import("naive-ui").ImageRenderToolbarProps) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>[];
+        images: import("vue").ComputedRef<import("./types").ImageItem[]>;
+        addImageItem: (list: import("./types").ImageItem[], item: AnyObject) => void;
+        processBlendContent: (list: import("./types").ImageItem[], item: AnyObject) => void;
         getHistoryRecord: () => Promise<void>;
         handleSelectLabel: (event: MouseEvent, msgId: string) => void;
         handleContextmenu: (event: MouseEvent, msgId: string) => Promise<void>;
@@ -1713,8 +2129,6 @@ declare const _default: import("vue").DefineComponent<{
         reEdit: (item: AnyObject) => void;
         clickMergeMsg: (item: AnyObject) => void;
         NAvatar: any;
-        NImageGroup: any;
-        NImage: any;
         NIcon: any;
         NButtonGroup: any;
         NButton: any;
@@ -1819,7 +2233,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -1871,7 +2308,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -1896,7 +2356,7 @@ declare const _default: import("vue").DefineComponent<{
                 isForward: boolean;
             };
             cssVars: import("vue").ComputedRef<AnyObject>;
-            msgItem: import("vue").ComputedRef<AnyObject>;
+            msgItem: import("vue").ComputedRef<AnyObject | import("./types").MsgListItem>;
             msgList: import("vue").ComputedRef<any>;
             NModal: any;
             NAvatar: any;
@@ -1917,7 +2377,7 @@ declare const _default: import("vue").DefineComponent<{
             MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
             emojis: {
                 default: string[][];
-                findEmoji(name: string): any;
+                findEmoji(name: string): string | undefined;
             };
             MessageEvent: import("vue").DefineComponent<{
                 data: {
@@ -1936,7 +2396,30 @@ declare const _default: import("vue").DefineComponent<{
                     currentSessionItem: AnyObject;
                     id: string;
                     userInfo: AnyObject;
-                    msgList: AnyObject[];
+                    msgList: {
+                        [x: string]: any;
+                        id: string;
+                        sessionKey: string;
+                        content: {
+                            [x: string]: any;
+                            chatMessageType: string;
+                            msg: string;
+                            referenceContent?: any;
+                            forwardMessageList?: AnyObject[] | undefined;
+                            messageTemplate?: any;
+                            messageTemplateData?: any;
+                            fileUrl?: string | undefined;
+                            avStatus?: string | undefined;
+                        };
+                        senderName: string;
+                        sendTime: string;
+                        sender: string;
+                        status: string;
+                        senderAvatar: string;
+                        __content: string;
+                        __time?: string | undefined;
+                        __sendTime?: string | undefined;
+                    }[];
                     currentMsg: AnyObject;
                     isAppendMsg: boolean;
                     sessionList: AnyObject[];
@@ -2018,7 +2501,7 @@ declare const _default: import("vue").DefineComponent<{
             NTooltip: any;
             emojis: {
                 default: string[][];
-                findEmoji(name: string): any;
+                findEmoji(name: string): string | undefined;
             };
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             id: {
@@ -2035,7 +2518,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         emojis: {
             default: string[][];
-            findEmoji(name: string): any;
+            findEmoji(name: string): string | undefined;
         };
         ContextMenu: import("vue").DefineComponent<{
             type: {
@@ -2138,7 +2621,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -2279,7 +2785,107 @@ declare const _default: import("vue").DefineComponent<{
         CallOutline: 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<{}>>, {}>;
         VideocamOutline: 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<{}>>, {}>;
         DocumentSharp: 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<{}>>, {}>;
-        HappyOutline: 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<{}>>, {}>;
+        ImageLightbox: import("vue").DefineComponent<{
+            images: {
+                type: PropType<import("./types").ImageItem[]>;
+                default: () => never[];
+            };
+            visible: {
+                type: BooleanConstructor;
+            };
+            currentId: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                images: {
+                    type: PropType<import("./types").ImageItem[]>;
+                    default: () => never[];
+                };
+                visible: {
+                    type: BooleanConstructor;
+                };
+                currentId: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:visible" | "update:currentId", ...args: any[]) => void;
+            imageEl: import("vue").Ref<HTMLImageElement | null>;
+            naturalSize: import("vue").Ref<{
+                width: number;
+                height: number;
+            }>;
+            scale: import("vue").Ref<number>;
+            rotation: import("vue").Ref<number>;
+            isDragging: import("vue").Ref<boolean>;
+            offset: import("vue").Ref<{
+                x: number;
+                y: number;
+            }>;
+            lastMouse: import("vue").Ref<{
+                x: number;
+                y: number;
+            }>;
+            idToIndexMap: import("vue").ComputedRef<Map<string, number>>;
+            currentIndex: import("vue").ComputedRef<number>;
+            currentImageData: import("vue").ComputedRef<import("./types").ImageItem>;
+            hasNext: import("vue").ComputedRef<boolean>;
+            hasPrev: import("vue").ComputedRef<boolean>;
+            imageStyle: import("vue").ComputedRef<{
+                left: string;
+                top: string;
+                transform: string;
+                cursor: string;
+                transition: string;
+            }>;
+            resetImageState: () => void;
+            close: () => void;
+            nextImage: () => void;
+            prevImage: () => void;
+            rotate: (degrees: number) => void;
+            zoomIn: () => void;
+            zoomOut: () => void;
+            resetZoom: () => void;
+            startDrag: (e: MouseEvent) => void;
+            onDragMove: (e: MouseEvent) => void;
+            endDrag: () => void;
+            handleWheel: (e: WheelEvent) => void;
+            handleImageLoad: () => void;
+            download: () => void;
+            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<{}>>, {}>;
+            PlaySkipBackOutline: 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<{}>>, {}>;
+            PlaySkipForwardOutline: 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<{}>>, {}>;
+            DownloadOutline: 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<{}>>, {}>;
+            RefreshOutline: 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<{}>>, {}>;
+            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<{}>>, {}>;
+            RemoveSharp: 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<{}>>, {}>;
+            NButton: any;
+            NIcon: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "update:currentId")[], "update:visible" | "update:currentId", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            images: {
+                type: PropType<import("./types").ImageItem[]>;
+                default: () => never[];
+            };
+            visible: {
+                type: BooleanConstructor;
+            };
+            currentId: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
+        }, {
+            visible: boolean;
+            images: import("./types").ImageItem[];
+            currentId: string;
+        }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
         SPACE_PLACEHOLDER: string;
@@ -2289,7 +2895,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -2341,8 +2970,13 @@ declare const _default: import("vue").DefineComponent<{
         handleInput: () => void;
         selectEmoji: (name: string) => void;
         insertSpace: () => void;
-        doUpdateFile: (file: File) => Promise<string>;
-        fileChange: (options: import("./types").FileOptions, chatMessageType: import("./constants").MESSAGE_TYPE) => Promise<void>;
+        doUpdateFile: (file: File) => Promise<any>;
+        fileChange: (options: import("./types").FileOptions | {
+            file: {
+                file: File;
+                name: string;
+            };
+        }, chatMessageType: import("./constants").MESSAGE_TYPE) => Promise<void>;
         handleMsgSend: () => Promise<void>;
         removeSpace: () => void;
         doSendMessage: (contentInfo: AnyObject) => Promise<void>;
@@ -2352,6 +2986,7 @@ declare const _default: import("vue").DefineComponent<{
             remark: string;
         }, type?: string) => void;
         handlecancelForward: () => void;
+        handleFilePaste: (event: ClipboardEvent) => void;
         NButton: any;
         NPopover: any;
         NTooltip: any;
@@ -2422,7 +3057,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -2554,13 +3212,17 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         emojis: {
             default: string[][];
-            findEmoji(name: string): any;
+            findEmoji(name: string): string | undefined;
         };
         MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
         CloseCircleOutline: 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<{}>>, {}>;
         CallOutline: 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<{}>>, {}>;
         VideocamOutline: 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<{}>>, {}>;
+        FolderOutline: 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<{}>>, {}>;
+        ImageOutline: 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<{}>>, {}>;
+        HappyOutline: 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<{}>>, {}>;
+        ThumbsUp: 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<{}>>, {}>;
         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<{}, {
@@ -2575,7 +3237,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -2762,7 +3447,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -2903,7 +3611,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -2927,36 +3658,26 @@ declare const _default: import("vue").DefineComponent<{
             };
             isForward: boolean;
         };
-        trtcProxy: import("vue").Ref<any>;
-        trtc: import("trtc-sdk-v5").default;
+        trtc: import("trtc-sdk-v5").TRTC;
         timing: import("vue").Ref<string>;
         voiceClose: import("vue").Ref<boolean>;
         isAudio: import("vue").ComputedRef<boolean>;
         isCall: import("vue").ComputedRef<boolean>;
         startTimer: () => void;
-        resetTimer: () => void;
         toggleAudio: () => Promise<void>;
         messageTypeText: import("vue").ComputedRef<"语音" | "视频">;
         time: {
             timer: any;
             seconds: number;
         };
-        installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
-            handleError: import("../../../shared/types").AnyFn;
-            handleRemoteUserEnter: import("../../../shared/types").AnyFn;
-            handleRemoteAudioAvailable: import("../../../shared/types").AnyFn;
-            handleRemoteUserExit: import("../../../shared/types").AnyFn;
-            handleRemoteVideoAvailable: import("../../../shared/types").AnyFn;
-        }) => void;
-        uninstallEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
-            handleError: import("../../../shared/types").AnyFn;
-            handleRemoteUserEnter: import("../../../shared/types").AnyFn;
-            handleRemoteAudioAvailable: import("../../../shared/types").AnyFn;
-            handleRemoteUserExit: import("../../../shared/types").AnyFn;
-            handleRemoteVideoAvailable: import("../../../shared/types").AnyFn;
-        }) => void;
-        videoRef: import("vue").Ref<any>;
-        selfVideoRef: import("vue").Ref<any>;
+        installEventHandlers: (handlers: import("./hooks").VideoEventHandlers) => void;
+        uninstallEventHandlers: (handlers: import("./hooks").VideoEventHandlers) => void;
+        enterRoom: () => Promise<boolean>;
+        exitRoom: () => Promise<void>;
+        startLocalMedia: (selfVideoRef?: HTMLElement | undefined) => Promise<void>;
+        MAIN_STREAM_TYPE: any;
+        videoRef: import("vue").Ref<HTMLElement | undefined>;
+        selfVideoRef: import("vue").Ref<HTMLElement | undefined>;
         isConnect: import("vue").Ref<boolean>;
         timeout: any;
         info: import("vue").ComputedRef<{
@@ -2971,11 +3692,16 @@ declare const _default: import("vue").DefineComponent<{
         handleEnter: () => Promise<void>;
         handleFinish: () => void;
         handleExit: () => Promise<void>;
-        handleRemoteVideoAvailable: (event: any) => Promise<void>;
-        handleRemoteAudioAvailable: (event: any) => void;
-        handleRemoteUserEnter: () => void;
-        handleRemoteUserExit: (event: any) => void;
-        handleError: (error: any) => void;
+        handleRemoteVideoAvailable: (event: import("./hooks").TRTCEvent) => Promise<void>;
+        handleRemoteAudioAvailable: (event: import("./hooks").TRTCEvent) => void;
+        handleRemoteUserEnter: (event: import("./hooks").TRTCEvent) => void;
+        handleRemoteUserExit: (event: import("./hooks").TRTCEvent) => void;
+        statusHandlers: {
+            readonly IN_CALL: () => Promise<void>;
+            readonly CALL_BUSY: () => void;
+            readonly NO_RESPONSE: () => void;
+            readonly REJECTED: () => void;
+        };
         NButton: any;
         NAvatar: any;
         NIcon: any;
@@ -2985,17 +3711,36 @@ declare const _default: import("vue").DefineComponent<{
         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>;
-        remoteUsers: import("vue").Ref<{
-            id: string;
-            name: string;
-        }[]>;
+        selfVideoRef: import("vue").Ref<HTMLElement | undefined>;
         state: {
             orgId: string | number;
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -3024,33 +3769,35 @@ declare const _default: import("vue").DefineComponent<{
             content: AnyObject;
             receiver?: string | undefined;
         }) => Promise<void>;
-        trtc: import("trtc-sdk-v5").default;
-        trtcProxy: import("vue").Ref<any>;
         voiceClose: import("vue").Ref<boolean>;
         isAudio: import("vue").ComputedRef<boolean>;
         isCall: import("vue").ComputedRef<boolean>;
         startTimer: () => void;
-        resetTimer: () => void;
         toggleAudio: () => Promise<void>;
         messageTypeText: import("vue").ComputedRef<"语音" | "视频">;
         timing: import("vue").Ref<string>;
         toggleVideo: () => Promise<void>;
         videocamClose: import("vue").Ref<boolean>;
-        installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
-            handleError: import("../../../shared/types").AnyFn;
-            handleRemoteUserEnter: import("../../../shared/types").AnyFn;
-            handleRemoteAudioAvailable: import("../../../shared/types").AnyFn;
-            handleRemoteUserExit: import("../../../shared/types").AnyFn;
-            handleRemoteVideoAvailable: import("../../../shared/types").AnyFn;
-        }) => void;
-        uninstallEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
-            handleError: import("../../../shared/types").AnyFn;
-            handleRemoteUserEnter: import("../../../shared/types").AnyFn;
-            handleRemoteAudioAvailable: import("../../../shared/types").AnyFn;
-            handleRemoteUserExit: import("../../../shared/types").AnyFn;
-            handleRemoteVideoAvailable: import("../../../shared/types").AnyFn;
-        }) => void;
+        installEventHandlers: (handlers: import("./hooks").VideoEventHandlers) => void;
+        uninstallEventHandlers: (handlers: import("./hooks").VideoEventHandlers) => void;
         isConnect: import("vue").Ref<boolean>;
+        remoteUsers: import("vue").Ref<{
+            id: string;
+            name: string;
+            hasVideo?: boolean | undefined;
+            hasAudio?: boolean | undefined;
+        }[]>;
+        enterRoom: () => Promise<boolean>;
+        exitRoom: () => Promise<void>;
+        startLocalMedia: (selfVideoRef?: HTMLElement | undefined) => Promise<void>;
+        findUser: (userId: string) => import("./hooks").RemoteUser | undefined;
+        addOrUpdateUser: (userId: string, updates: Partial<import("./hooks").RemoteUser>) => void;
+        removeUser: (userId: string) => void;
+        tryRenderRemoteVideo: (userId: string) => Promise<void>;
+        stopRemoteVideo: (userId: string) => Promise<void>;
+        setVideoRef: (userId: string, el: HTMLElement | null) => void;
+        checkAndRenderAllVideos: () => void;
+        MAIN_STREAM_TYPE: any;
         wrapperRef: import("vue").Ref<HTMLElement | null>;
         handleRef: import("vue").Ref<HTMLElement | null>;
         isMaxSize: import("vue").Ref<boolean>;
@@ -3071,15 +3818,17 @@ declare const _default: import("vue").DefineComponent<{
             checkedIds: string[];
             checkedOptions: AnyObject[];
         }) => void;
+        sendInvitations: (userIds: string[]) => void;
         handleCall: () => void;
         handleEnter: () => Promise<void>;
         handleExit: () => Promise<void>;
-        handleRemoteVideoAvailable: (event: any) => Promise<void>;
-        handleRemoteAudioAvailable: (event: any) => Promise<void>;
-        handleRemoteUserEnter: (event: any) => Promise<void>;
-        getUserName: (userId: string) => Promise<any>;
-        handleRemoteUserExit: (event: any) => void;
-        handleError: (error: any) => void;
+        handleRemoteVideoAvailable: (event: import("./hooks").TRTCEvent) => Promise<void>;
+        handleRemoteVideoUnavailable: (event: import("./hooks").TRTCEvent) => Promise<void>;
+        handleRemoteAudioAvailable: (event: import("./hooks").TRTCEvent) => Promise<void>;
+        handleRemoteUserEnter: (event: import("./hooks").TRTCEvent) => Promise<void>;
+        getUserName: (userId: string) => Promise<string>;
+        handleRemoteUserExit: (event: import("./hooks").TRTCEvent) => void;
+        periodicCheckInterval: null;
         NButton: any;
         NAvatar: any;
         NIcon: any;
@@ -3147,7 +3896,30 @@ declare const _default: import("vue").DefineComponent<{
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -3292,7 +4064,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -3334,7 +4129,7 @@ declare const _default: import("vue").DefineComponent<{
         updateShow: () => Promise<void>;
         getContent: (info: AnyObject) => any;
         onChange: (options: {
-            file: import("naive-ui").UploadFileInfo;
+            file: import("naive-ui/es/upload").UploadFileInfo;
         }) => Promise<void>;
         NAvatar: any;
         NPopover: any;
@@ -3396,6 +4191,10 @@ declare const _default: import("vue").DefineComponent<{
             iceTransportPolicy: "all" | "relay";
         }>>;
     };
+    videoTeleportTo: {
+        type: PropType<string | Element>;
+        default: string;
+    };
 }>> & {
     "onTemplate-click"?: ((...args: any[]) => any) | undefined;
     "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -3407,5 +4206,6 @@ declare const _default: import("vue").DefineComponent<{
     baseURL: string;
     extraParams: AnyObject;
     filterable: boolean;
+    videoTeleportTo: string | Element;
 }>;
 export default _default;