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

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

@@ -1,7 +1,8 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
 import { downloadFile, formatJsonstr, getFileType, getDetail } from '../utils';
-declare const _default: import("vue").DefineComponent<{
+import { ImageItem } from '../types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
@@ -9,8 +10,8 @@ declare const _default: import("vue").DefineComponent<{
     visible: {
         type: BooleanConstructor;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
             default: string;
@@ -18,14 +19,37 @@ declare const _default: import("vue").DefineComponent<{
         visible: {
             type: BooleanConstructor;
         };
-    }>> & {}>>;
+    }>> & Readonly<{}> & {}>;
     cssVars: import("vue").ComputedRef<AnyObject>;
     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[];
@@ -54,11 +78,42 @@ declare const _default: import("vue").DefineComponent<{
         remark: string;
         contents: AnyObject[];
     }) => Promise<void>;
-    imageList: import("vue").Ref<AnyObject[]>;
-    fileList: import("vue").Ref<AnyObject[]>;
-    imageRef: import("vue").Ref<any>;
-    fileRef: import("vue").Ref<any>;
-    keyword: import("vue").Ref<any>;
+    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;
+        }[];
+    }[], {
+        label: string;
+        list: ImageItem[];
+    }[] | {
+        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[], AnyObject[]>;
+    imageRef: import("vue").Ref<any, any>;
+    fileRef: import("vue").Ref<any, any>;
+    keyword: import("vue").Ref<any, any>;
+    currentImgId: import("vue").Ref<string | undefined, string | undefined>;
+    showLightbox: import("vue").Ref<boolean, boolean>;
     handleInput: () => void;
     pageInfo: {
         page: number;
@@ -68,24 +123,34 @@ declare const _default: import("vue").DefineComponent<{
     handleSearch: () => Promise<void>;
     formatImageList: (data: AnyObject[]) => {
         label: string;
-        list: any;
+        list: ImageItem[];
     }[];
     resetAndSearch: () => void;
+    previewImg: (fileUrl: string) => void;
     title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
-    NModal: any;
-    NImageGroup: any;
-    NImage: any;
-    NInput: any;
-    NIcon: any;
-    NTooltip: any;
-    SearchOutline: 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<{}>>, {}>;
-    OpenOutline: 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<{}>>, {}>;
-    downloadFile: typeof downloadFile;
-    formatJsonstr: typeof formatJsonstr;
-    getFileType: typeof getFileType;
-    getDetail: typeof getDetail;
-    ChatAdd: import("vue").DefineComponent<{
+    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;
+    }[]>;
+    readonly NModal: any;
+    readonly NInput: any;
+    readonly NIcon: any;
+    readonly NTooltip: any;
+    readonly SearchOutline: 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly OpenOutline: 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly downloadFile: typeof downloadFile;
+    readonly formatJsonstr: typeof formatJsonstr;
+    readonly getFileType: typeof getFileType;
+    readonly getDetail: typeof getDetail;
+    ChatAdd: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         title: {
             type: StringConstructor;
             default: string;
@@ -109,14 +174,14 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }, {
+    }>, {
         initialOptions: AnyObject[];
         tabList: {
             key: string;
             label: string;
         }[];
         orgList: AnyObject[];
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
                 default: string;
@@ -140,16 +205,39 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & {
+        }>> & Readonly<{
             onComfirm?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "comfirm", ...args: any[]) => void;
         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[];
@@ -174,16 +262,16 @@ declare const _default: import("vue").DefineComponent<{
             isForward: boolean;
         };
         setCurrentSessionItem: (item: AnyObject) => void;
-        listRef: import("vue").Ref<any>;
-        keyword: import("vue").Ref<string>;
-        showModal: import("vue").Ref<boolean>;
-        checkedOptions: import("vue").Ref<AnyObject[]>;
-        groupName: import("vue").Ref<string>;
-        remark: import("vue").Ref<string>;
-        currentTab: import("vue").Ref<AnyObject[]>;
-        breadcrumbList: import("vue").Ref<AnyObject[]>;
-        breadcrumbRef: import("vue").Ref<any>;
-        userList: import("vue").Ref<AnyObject[]>;
+        listRef: import("vue").Ref<any, any>;
+        keyword: import("vue").Ref<string, string>;
+        showModal: import("vue").Ref<boolean, boolean>;
+        checkedOptions: import("vue").Ref<AnyObject[], AnyObject[]>;
+        groupName: import("vue").Ref<string, string>;
+        remark: import("vue").Ref<string, string>;
+        currentTab: import("vue").Ref<AnyObject[], AnyObject[]>;
+        breadcrumbList: import("vue").Ref<AnyObject[], AnyObject[]>;
+        breadcrumbRef: import("vue").Ref<any, any>;
+        userList: import("vue").Ref<AnyObject[], AnyObject[]>;
         handleInput: () => void;
         _disabledIds: import("vue").ComputedRef<any[]>;
         sessionList: import("vue").ComputedRef<{
@@ -209,8 +297,8 @@ declare const _default: import("vue").DefineComponent<{
         }[]>;
         checkedIds: import("vue").ComputedRef<any[]>;
         btnDisabled: import("vue").ComputedRef<boolean>;
-        allChecked: import("vue").WritableComputedRef<boolean>;
-        checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+        allChecked: import("vue").WritableComputedRef<boolean, boolean>;
+        checkedSourceIds: import("vue").WritableComputedRef<any[], any[]>;
         currentTabKey: import("vue").ComputedRef<any>;
         showAllCheckbox: import("vue").ComputedRef<boolean>;
         getOrgList: () => Promise<void>;
@@ -225,28 +313,28 @@ declare const _default: import("vue").DefineComponent<{
         getAllUser: (tree: AnyObject[]) => AnyObject[];
         handlePositiveClick: () => Promise<void>;
         closeTag: (id: string) => void;
-        NModal: any;
-        NButton: any;
-        NSpace: any;
-        NAvatar: any;
-        NIcon: any;
-        NTag: any;
-        NInput: any;
-        NCheckbox: any;
-        NCheckboxGroup: any;
-        NTooltip: any;
-        NBreadcrumb: any;
-        NBreadcrumbItem: any;
-        SearchOutline: 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<{}>>, {}>;
-        PersonOutline: 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<{}>>, {}>;
-        PeopleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        ChevronBackOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        ChevronForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
-        isDoctorRole: typeof import("../utils").isDoctorRole;
-        getRoleName: typeof import("../utils").getRoleName;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NModal: any;
+        readonly NButton: any;
+        readonly NSpace: any;
+        readonly NAvatar: any;
+        readonly NIcon: any;
+        readonly NTag: any;
+        readonly NInput: any;
+        readonly NCheckbox: any;
+        readonly NCheckboxGroup: any;
+        readonly NTooltip: any;
+        readonly NBreadcrumb: any;
+        readonly NBreadcrumbItem: any;
+        readonly SearchOutline: 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly PersonOutline: 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly PeopleOutline: 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly ChevronBackOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly ChevronForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
+        readonly isDoctorRole: typeof import("../utils").isDoctorRole;
+        readonly getRoleName: typeof import("../utils").getRoleName;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: StringConstructor;
             default: string;
@@ -270,16 +358,135 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         onComfirm?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         title: string;
         defaultValue: AnyObject[];
         disabled: boolean;
         mode: string;
         disabledIds: string[];
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ImageLightbox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        images: {
+            type: PropType<ImageItem[]>;
+            default: () => never[];
+        };
+        visible: {
+            type: BooleanConstructor;
+        };
+        currentId: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            images: {
+                type: PropType<ImageItem[]>;
+                default: () => never[];
+            };
+            visible: {
+                type: BooleanConstructor;
+            };
+            currentId: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{
+            "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, HTMLImageElement | null>;
+        naturalSize: import("vue").Ref<{
+            width: number;
+            height: number;
+        }, {
+            width: number;
+            height: number;
+        } | {
+            width: number;
+            height: number;
+        }>;
+        scale: import("vue").Ref<number, number>;
+        rotation: import("vue").Ref<number, number>;
+        isDragging: import("vue").Ref<boolean, boolean>;
+        offset: import("vue").Ref<{
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        } | {
+            x: number;
+            y: number;
+        }>;
+        lastMouse: import("vue").Ref<{
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        } | {
+            x: number;
+            y: number;
+        }>;
+        idToIndexMap: import("vue").ComputedRef<Map<string, number>>;
+        currentIndex: import("vue").ComputedRef<number>;
+        currentImageData: import("vue").ComputedRef<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;
+        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly NButton: any;
+        readonly NIcon: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "update:currentId")[], "update:visible" | "update:currentId", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        images: {
+            type: PropType<ImageItem[]>;
+            default: () => never[];
+        };
+        visible: {
+            type: BooleanConstructor;
+        };
+        currentId: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        visible: boolean;
+        images: ImageItem[];
+        currentId: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
@@ -287,8 +494,8 @@ declare const _default: import("vue").DefineComponent<{
     visible: {
         type: BooleanConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     type: string;
     visible: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, withDirectives, createElementVNode, createVNode, createElementBlock, Fragment, renderList, toDisplayString, vShow, normalizeStyle, createTextVNode } from 'vue';
-import { NModal, NImageGroup, NImage, NInput, NIcon, NTooltip } from 'naive-ui';
+import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, withDirectives, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, vShow, normalizeStyle, createVNode, createTextVNode } from 'vue';
+import { NModal, NInput, NIcon, NTooltip } from 'naive-ui';
 import { SearchOutline, OpenOutline, DownloadOutline } from '@vicons/ionicons5';
 import { searchChatRecordApi } from '../api/index.js';
 import '../../../../shared/utils/index.js';
@@ -16,26 +16,28 @@ import 'sockjs-client/dist/sockjs.min.js';
 import { formatJsonstr, getFileType, getDetail, downloadFile } from '../utils/index.js';
 import 'trtc-sdk-v5';
 import ChatAdd from './ChatAdd.vue.js';
+import ImageLightbox from './ImageLightbox.vue.js';
 
 const _hoisted_1 = {
   class: "label"
 };
 const _hoisted_2 = {
-  class: "image-box"
+  class: "image-list"
 };
-const _hoisted_3 = {
+const _hoisted_3 = ["src", "onClick"];
+const _hoisted_4 = {
   class: "file-type"
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   class: "text"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   class: "name"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   class: "detail"
 };
-const _hoisted_7 = {
+const _hoisted_8 = {
   class: "opt-box"
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -61,6 +63,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const imageRef = ref();
     const fileRef = ref();
     const keyword = ref();
+    const currentImgId = ref();
+    const showLightbox = ref(false);
     const handleInput = useDebounceFn(resetAndSearch, 500);
     const pageInfo = {
       page: 0,
@@ -136,7 +140,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (!result[label]) {
           result[label] = [];
         }
-        result[label].push(item.content.msg);
+        const fileUrl = formatJsonstr(item.content.msg, "fileUrl");
+        result[label].push({
+          id: fileUrl,
+          fileUrl,
+          fileName: formatJsonstr(item.content.msg, "fileName"),
+          fileSize: formatJsonstr(item.content.msg, "fileSize"),
+          senderName: item.senderName,
+          sendTime: item.sendTime
+        });
       });
       const imageList2 = Object.entries(result).map(([label, list]) => ({
         label,
@@ -152,6 +164,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       handleSearch();
     }
+    function previewImg(fileUrl) {
+      currentImgId.value = fileUrl;
+      showLightbox.value = true;
+    }
     const title = computed(() => props.type === "image" ? function() {
       var _a, _b, _c;
       try {
@@ -167,6 +183,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return "\u804A\u5929\u6587\u4EF6";
       }
     }());
+    const images = computed(() => imageList.value.flatMap((item) => item.list));
     watch(() => props.visible, (value) => {
       if (!value) {
         keyword.value = "";
@@ -177,7 +194,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NModal), {
         preset: "dialog",
-        title: unref(title),
+        title: title.value,
         "show-icon": false,
         "auto-focus": false,
         "trap-focus": false,
@@ -187,24 +204,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           class: "iho-chat-dialog__content iho-chat-image-wrapper",
           ref_key: "imageRef",
           ref: imageRef
-        }, [createVNode(unref(NImageGroup), {
-          "show-toolbar-tooltip": ""
-        }, {
-          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(imageList.value, (item) => {
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(imageList.value, (item) => {
+          return openBlock(), createElementBlock("div", {
+            class: "image-item",
+            key: item.label
+          }, [createElementVNode("span", _hoisted_1, toDisplayString(item.label), 1), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (image) => {
             return openBlock(), createElementBlock("div", {
-              class: "image-item",
-              key: item.label
-            }, [createElementVNode("span", _hoisted_1, toDisplayString(item.label), 1), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (image) => {
-              return openBlock(), createBlock(unref(NImage), {
-                key: image,
-                width: "80",
-                height: "80",
-                src: unref(formatJsonstr)(image, "fileUrl")
-              }, null, 8, ["src"]);
-            }), 128))])]);
-          }), 128))]),
-          _: 1
-        })], 512), [[vShow, __props.type === "image"]]), withDirectives(createElementVNode("div", {
+              key: image,
+              class: "image-box"
+            }, [createElementVNode("img", {
+              src: image.fileUrl,
+              alt: "",
+              onClick: () => previewImg(image.fileUrl)
+            }, null, 8, _hoisted_3)]);
+          }), 128))])]);
+        }), 128))], 512), [[vShow, __props.type === "image"]]), withDirectives(createElementVNode("div", {
           class: "iho-chat-dialog__content iho-chat-file-wrapper",
           style: normalizeStyle(unref(cssVars))
         }, [createVNode(unref(NInput), {
@@ -236,7 +250,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock("div", {
             class: "file-item",
             key: i
-          }, [createElementVNode("span", _hoisted_3, toDisplayString(unref(getFileType)(item.content.msg)), 1), createElementVNode("div", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(unref(formatJsonstr)(item.content.msg, "fileName")), 1), createElementVNode("span", _hoisted_6, toDisplayString(unref(getDetail)(item, true)), 1)]), createElementVNode("div", _hoisted_7, [createVNode(ChatAdd, {
+          }, [createElementVNode("span", _hoisted_4, toDisplayString(unref(getFileType)(item.content.msg)), 1), createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(unref(formatJsonstr)(item.content.msg, "fileName")), 1), createElementVNode("span", _hoisted_7, toDisplayString(unref(getDetail)(item, true)), 1)]), createElementVNode("div", _hoisted_8, [createVNode(ChatAdd, {
             title: function() {
               var _a, _b, _c;
               try {
@@ -259,14 +273,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 size: 16,
                 component: unref(OpenOutline)
               }, null, 8, ["component"])]),
-              default: withCtx(() => [createTextVNode(function() {
+              default: withCtx(() => [_cache[3] || (_cache[3] = createTextVNode(function() {
                 var _a, _b, _c;
                 try {
                   return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.45")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.45")) || "\u8F6C\u53D1";
                 } catch (e) {
                   return "\u8F6C\u53D1";
                 }
-              }())]),
+              }(), -1))]),
               _: 1
             })]),
             _: 2
@@ -278,17 +292,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               component: unref(DownloadOutline),
               onClick: () => unref(downloadFile)(item.content.msg)
             }, null, 8, ["component", "onClick"])]),
-            default: withCtx(() => [createTextVNode(function() {
+            default: withCtx(() => [_cache[4] || (_cache[4] = createTextVNode(function() {
               var _a, _b, _c;
               try {
                 return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.102")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.102")) || "\u4E0B\u8F7D";
               } catch (e) {
                 return "\u4E0B\u8F7D";
               }
-            }())]),
+            }(), -1))]),
             _: 2
           }, 1024)])]);
-        }), 128))], 512)], 4), [[vShow, __props.type !== "image"]])]),
+        }), 128))], 512)], 4), [[vShow, __props.type !== "image"]]), createVNode(ImageLightbox, {
+          images: images.value,
+          "current-id": currentImgId.value,
+          "onUpdate:currentId": _cache[1] || (_cache[1] = ($event) => currentImgId.value = $event),
+          visible: showLightbox.value,
+          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => showLightbox.value = $event)
+        }, null, 8, ["images", "current-id", "visible"])]),
         _: 1
       }, 8, ["title"]);
     };