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

package/es/components/iho-chat/index.d.ts

@@ -48,6 +48,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             iceTransportPolicy: "all" | "relay";
         }>>;
     };
+    videoTeleportTo: {
+        type: import("vue").PropType<string | Element>;
+        default: string;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         token: {
@@ -98,6 +102,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 iceTransportPolicy: "all" | "relay";
             }>>;
         };
+        videoTeleportTo: {
+            type: import("vue").PropType<string | Element>;
+            default: string;
+        };
     }>> & {
         "onTemplate-click"?: ((...args: any[]) => any) | undefined;
         "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -116,7 +124,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -144,7 +175,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         isGroupChat: import("vue").ComputedRef<boolean>;
         isGroupLeader: import("vue").ComputedRef<boolean>;
         isEnded: import("vue").ComputedRef<boolean>;
-        setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
+        setMsgList: (list?: import("../../shared/types").AnyObject[] | import("./src/types").MsgListItem) => void;
         sendMessage: (message: {
             chatType?: string | undefined;
             content: import("../../shared/types").AnyObject;
@@ -175,7 +206,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         currentSessionItem: import("../../shared/types").AnyObject;
         id: string;
         userInfo: import("../../shared/types").AnyObject;
-        msgList: import("../../shared/types").AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
         isAppendMsg: boolean;
         sessionList: import("../../shared/types").AnyObject[];
@@ -238,7 +292,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -537,7 +614,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -598,7 +698,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -719,7 +842,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
                     userInfo: import("../../shared/types").AnyObject;
-                    msgList: import("../../shared/types").AnyObject[];
+                    msgList: {
+                        [x: string]: any;
+                        id: string;
+                        sessionKey: string;
+                        content: {
+                            [x: string]: any;
+                            chatMessageType: string;
+                            msg: string;
+                            referenceContent?: any;
+                            forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                     isAppendMsg: boolean;
                     sessionList: import("../../shared/types").AnyObject[];
@@ -876,7 +1022,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -905,11 +1074,26 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 remark: string;
                 contents: import("../../shared/types").AnyObject[];
             }) => Promise<void>;
-            imageList: import("vue").Ref<import("../../shared/types").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<import("../../shared/types").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;
@@ -919,13 +1103,23 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             handleSearch: () => Promise<void>;
             formatImageList: (data: import("../../shared/types").AnyObject[]) => {
                 label: string;
-                list: any;
+                list: import("./src/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;
@@ -1000,7 +1194,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
                     userInfo: import("../../shared/types").AnyObject;
-                    msgList: import("../../shared/types").AnyObject[];
+                    msgList: {
+                        [x: string]: any;
+                        id: string;
+                        sessionKey: string;
+                        content: {
+                            [x: string]: any;
+                            chatMessageType: string;
+                            msg: string;
+                            referenceContent?: any;
+                            forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                     isAppendMsg: boolean;
                     sessionList: import("../../shared/types").AnyObject[];
@@ -1130,6 +1347,107 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 mode: string;
                 disabledIds: string[];
             }>;
+            ImageLightbox: import("vue").DefineComponent<{
+                images: {
+                    type: import("vue").PropType<import("./src/types").ImageItem[]>;
+                    default: () => never[];
+                };
+                visible: {
+                    type: BooleanConstructor;
+                };
+                currentId: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }, {
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    images: {
+                        type: import("vue").PropType<import("./src/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("./src/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: import("vue").PropType<import("./src/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("./src/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;
@@ -1161,7 +1479,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -1362,7 +1703,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
             emojis: {
                 default: string[][];
-                findEmoji(name: string): any;
+                findEmoji(name: string): string | undefined;
             };
             MessageEvent: import("vue").DefineComponent<{
                 data: {
@@ -1381,7 +1722,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
                     userInfo: import("../../shared/types").AnyObject;
-                    msgList: import("../../shared/types").AnyObject[];
+                    msgList: {
+                        [x: string]: any;
+                        id: string;
+                        sessionKey: string;
+                        content: {
+                            [x: string]: any;
+                            chatMessageType: string;
+                            msg: string;
+                            referenceContent?: any;
+                            forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                     isAppendMsg: boolean;
                     sessionList: import("../../shared/types").AnyObject[];
@@ -1489,7 +1853,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -1621,6 +2008,10 @@ declare const IhoChat: SFCWithInstall<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>;
@@ -1629,7 +2020,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -1653,7 +2067,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             isForward: boolean;
         };
-        setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
+        setMsgList: (list?: import("../../shared/types").AnyObject[] | import("./src/types").MsgListItem) => void;
         relayMessage: (param: {
             checkedIds: string[];
             remark: string;
@@ -1678,6 +2092,8 @@ declare const IhoChat: SFCWithInstall<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;
@@ -1687,9 +2103,9 @@ declare const IhoChat: SFCWithInstall<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("./src/types").ImageItem[]>;
+        addImageItem: (list: import("./src/types").ImageItem[], item: import("../../shared/types").AnyObject) => void;
+        processBlendContent: (list: import("./src/types").ImageItem[], item: import("../../shared/types").AnyObject) => void;
         getHistoryRecord: () => Promise<void>;
         handleSelectLabel: (event: MouseEvent, msgId: string) => void;
         handleContextmenu: (event: MouseEvent, msgId: string) => Promise<void>;
@@ -1712,8 +2128,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         reEdit: (item: import("../../shared/types").AnyObject) => void;
         clickMergeMsg: (item: import("../../shared/types").AnyObject) => void;
         NAvatar: any;
-        NImageGroup: any;
-        NImage: any;
         NIcon: any;
         NButtonGroup: any;
         NButton: any;
@@ -1818,7 +2232,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -1870,7 +2307,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -1895,7 +2355,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 isForward: boolean;
             };
             cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
-            msgItem: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
+            msgItem: import("vue").ComputedRef<import("../../shared/types").AnyObject | import("./src/types").MsgListItem>;
             msgList: import("vue").ComputedRef<any>;
             NModal: any;
             NAvatar: any;
@@ -1916,7 +2376,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
             emojis: {
                 default: string[][];
-                findEmoji(name: string): any;
+                findEmoji(name: string): string | undefined;
             };
             MessageEvent: import("vue").DefineComponent<{
                 data: {
@@ -1935,7 +2395,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
                     userInfo: import("../../shared/types").AnyObject;
-                    msgList: import("../../shared/types").AnyObject[];
+                    msgList: {
+                        [x: string]: any;
+                        id: string;
+                        sessionKey: string;
+                        content: {
+                            [x: string]: any;
+                            chatMessageType: string;
+                            msg: string;
+                            referenceContent?: any;
+                            forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                     isAppendMsg: boolean;
                     sessionList: import("../../shared/types").AnyObject[];
@@ -2017,7 +2500,7 @@ declare const IhoChat: SFCWithInstall<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: {
@@ -2034,7 +2517,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         emojis: {
             default: string[][];
-            findEmoji(name: string): any;
+            findEmoji(name: string): string | undefined;
         };
         ContextMenu: import("vue").DefineComponent<{
             type: {
@@ -2137,7 +2620,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -2278,7 +2784,107 @@ declare const IhoChat: SFCWithInstall<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: import("vue").PropType<import("./src/types").ImageItem[]>;
+                default: () => never[];
+            };
+            visible: {
+                type: BooleanConstructor;
+            };
+            currentId: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                images: {
+                    type: import("vue").PropType<import("./src/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("./src/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: import("vue").PropType<import("./src/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("./src/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;
@@ -2288,7 +2894,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -2340,8 +2969,13 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         handleInput: () => void;
         selectEmoji: (name: string) => void;
         insertSpace: () => void;
-        doUpdateFile: (file: File) => Promise<string>;
-        fileChange: (options: import("./src/types").FileOptions, chatMessageType: import("./src/constants").MESSAGE_TYPE) => Promise<void>;
+        doUpdateFile: (file: File) => Promise<any>;
+        fileChange: (options: import("./src/types").FileOptions | {
+            file: {
+                file: File;
+                name: string;
+            };
+        }, chatMessageType: import("./src/constants").MESSAGE_TYPE) => Promise<void>;
         handleMsgSend: () => Promise<void>;
         removeSpace: () => void;
         doSendMessage: (contentInfo: import("../../shared/types").AnyObject) => Promise<void>;
@@ -2351,6 +2985,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             remark: string;
         }, type?: string) => void;
         handlecancelForward: () => void;
+        handleFilePaste: (event: ClipboardEvent) => void;
         NButton: any;
         NPopover: any;
         NTooltip: any;
@@ -2421,7 +3056,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -2553,13 +3211,17 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         emojis: {
             default: string[][];
-            findEmoji(name: string): any;
+            findEmoji(name: string): string | undefined;
         };
         MESSAGE_TYPE: typeof import("./src/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("./src/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<{}, {
@@ -2574,7 +3236,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -2761,7 +3446,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -2902,7 +3610,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -2926,36 +3657,26 @@ declare const IhoChat: SFCWithInstall<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("./src/hooks").VideoEventHandlers) => void;
+        uninstallEventHandlers: (handlers: import("./src/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<{
@@ -2970,11 +3691,16 @@ declare const IhoChat: SFCWithInstall<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("./src/hooks").TRTCEvent) => Promise<void>;
+        handleRemoteAudioAvailable: (event: import("./src/hooks").TRTCEvent) => void;
+        handleRemoteUserEnter: (event: import("./src/hooks").TRTCEvent) => void;
+        handleRemoteUserExit: (event: import("./src/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;
@@ -2984,17 +3710,36 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         AV_STATUS: typeof import("./src/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: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -3023,33 +3768,35 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             content: import("../../shared/types").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("./src/hooks").VideoEventHandlers) => void;
+        uninstallEventHandlers: (handlers: import("./src/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("./src/hooks").RemoteUser | undefined;
+        addOrUpdateUser: (userId: string, updates: Partial<import("./src/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>;
@@ -3070,15 +3817,17 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             checkedIds: string[];
             checkedOptions: import("../../shared/types").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("./src/hooks").TRTCEvent) => Promise<void>;
+        handleRemoteVideoUnavailable: (event: import("./src/hooks").TRTCEvent) => Promise<void>;
+        handleRemoteAudioAvailable: (event: import("./src/hooks").TRTCEvent) => Promise<void>;
+        handleRemoteUserEnter: (event: import("./src/hooks").TRTCEvent) => Promise<void>;
+        getUserName: (userId: string) => Promise<string>;
+        handleRemoteUserExit: (event: import("./src/hooks").TRTCEvent) => void;
+        periodicCheckInterval: null;
         NButton: any;
         NAvatar: any;
         NIcon: any;
@@ -3146,7 +3895,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
                 userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
                 isAppendMsg: boolean;
                 sessionList: import("../../shared/types").AnyObject[];
@@ -3291,7 +4063,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
             userInfo: import("../../shared/types").AnyObject;
-            msgList: import("../../shared/types").AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: import("../../shared/types").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: import("../../shared/types").AnyObject;
             isAppendMsg: boolean;
             sessionList: import("../../shared/types").AnyObject[];
@@ -3333,7 +4128,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         updateShow: () => Promise<void>;
         getContent: (info: import("../../shared/types").AnyObject) => any;
         onChange: (options: {
-            file: import("naive-ui").UploadFileInfo;
+            file: import("naive-ui/es/upload").UploadFileInfo;
         }) => Promise<void>;
         NAvatar: any;
         NPopover: any;
@@ -3395,6 +4190,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             iceTransportPolicy: "all" | "relay";
         }>>;
     };
+    videoTeleportTo: {
+        type: import("vue").PropType<string | Element>;
+        default: string;
+    };
 }>> & {
     "onTemplate-click"?: ((...args: any[]) => any) | undefined;
     "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -3406,5 +4205,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     baseURL: string;
     extraParams: import("../../shared/types").AnyObject;
     filterable: boolean;
+    videoTeleportTo: string | Element;
 }>>;
 export default IhoChat;