cnhis-design-vue 3.3.3-beta.33 → 3.3.3-beta.42

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

@@ -5,7 +5,30 @@ declare const _default: import("vue").DefineComponent<{}, {
         currentSessionItem: AnyObject;
         id: string;
         userInfo: AnyObject;
-        msgList: AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            };
+            senderName: string;
+            sendTime: string;
+            sender: string;
+            status: string;
+            senderAvatar: string;
+            __content: string;
+            __time?: string | undefined;
+            __sendTime?: string | undefined;
+        }[];
         currentMsg: AnyObject;
         isAppendMsg: boolean;
         sessionList: AnyObject[];
@@ -66,7 +89,30 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -187,7 +233,30 @@ declare const _default: import("vue").DefineComponent<{}, {
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -344,7 +413,30 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -373,11 +465,26 @@ declare const _default: import("vue").DefineComponent<{}, {
             remark: string;
             contents: AnyObject[];
         }) => Promise<void>;
-        imageList: import("vue").Ref<AnyObject[]>;
+        imageList: import("vue").Ref<{
+            label: string;
+            list: {
+                [x: string]: any;
+                id: string;
+                fileUrl: string;
+                senderName: string;
+                fileSize: string;
+                sendTime: string;
+                fileName: string;
+                width?: number | undefined;
+                height?: number | undefined;
+            }[];
+        }[]>;
         fileList: import("vue").Ref<AnyObject[]>;
         imageRef: import("vue").Ref<any>;
         fileRef: import("vue").Ref<any>;
         keyword: import("vue").Ref<any>;
+        currentImgId: import("vue").Ref<string | undefined>;
+        showLightbox: import("vue").Ref<boolean>;
         handleInput: () => void;
         pageInfo: {
             page: number;
@@ -387,13 +494,23 @@ declare const _default: import("vue").DefineComponent<{}, {
         handleSearch: () => Promise<void>;
         formatImageList: (data: AnyObject[]) => {
             label: string;
-            list: any;
+            list: import("../types").ImageItem[];
         }[];
         resetAndSearch: () => void;
+        previewImg: (fileUrl: string) => void;
         title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
+        images: import("vue").ComputedRef<{
+            [x: string]: any;
+            id: string;
+            fileUrl: string;
+            senderName: string;
+            fileSize: string;
+            sendTime: string;
+            fileName: string;
+            width?: number | undefined;
+            height?: number | undefined;
+        }[]>;
         NModal: any;
-        NImageGroup: any;
-        NImage: any;
         NInput: any;
         NIcon: any;
         NTooltip: any;
@@ -468,7 +585,30 @@ declare const _default: import("vue").DefineComponent<{}, {
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -598,6 +738,107 @@ declare const _default: import("vue").DefineComponent<{}, {
             mode: string;
             disabledIds: string[];
         }>;
+        ImageLightbox: import("vue").DefineComponent<{
+            images: {
+                type: import("vue").PropType<import("../types").ImageItem[]>;
+                default: () => never[];
+            };
+            visible: {
+                type: BooleanConstructor;
+            };
+            currentId: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                images: {
+                    type: import("vue").PropType<import("../types").ImageItem[]>;
+                    default: () => never[];
+                };
+                visible: {
+                    type: BooleanConstructor;
+                };
+                currentId: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+                "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:visible" | "update:currentId", ...args: any[]) => void;
+            imageEl: import("vue").Ref<HTMLImageElement | null>;
+            naturalSize: import("vue").Ref<{
+                width: number;
+                height: number;
+            }>;
+            scale: import("vue").Ref<number>;
+            rotation: import("vue").Ref<number>;
+            isDragging: import("vue").Ref<boolean>;
+            offset: import("vue").Ref<{
+                x: number;
+                y: number;
+            }>;
+            lastMouse: import("vue").Ref<{
+                x: number;
+                y: number;
+            }>;
+            idToIndexMap: import("vue").ComputedRef<Map<string, number>>;
+            currentIndex: import("vue").ComputedRef<number>;
+            currentImageData: import("vue").ComputedRef<import("../types").ImageItem>;
+            hasNext: import("vue").ComputedRef<boolean>;
+            hasPrev: import("vue").ComputedRef<boolean>;
+            imageStyle: import("vue").ComputedRef<{
+                left: string;
+                top: string;
+                transform: string;
+                cursor: string;
+                transition: string;
+            }>;
+            resetImageState: () => void;
+            close: () => void;
+            nextImage: () => void;
+            prevImage: () => void;
+            rotate: (degrees: number) => void;
+            zoomIn: () => void;
+            zoomOut: () => void;
+            resetZoom: () => void;
+            startDrag: (e: MouseEvent) => void;
+            onDragMove: (e: MouseEvent) => void;
+            endDrag: () => void;
+            handleWheel: (e: WheelEvent) => void;
+            handleImageLoad: () => void;
+            download: () => void;
+            Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            PlaySkipBackOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            PlaySkipForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            DownloadOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            RefreshOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            AddOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            RemoveSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            NButton: any;
+            NIcon: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "update:currentId")[], "update:visible" | "update:currentId", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            images: {
+                type: import("vue").PropType<import("../types").ImageItem[]>;
+                default: () => never[];
+            };
+            visible: {
+                type: BooleanConstructor;
+            };
+            currentId: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
+        }, {
+            visible: boolean;
+            images: import("../types").ImageItem[];
+            currentId: string;
+        }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
@@ -629,7 +870,30 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -830,7 +1094,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         MESSAGE_TYPE: typeof import("../constants").MESSAGE_TYPE;
         emojis: {
             default: string[][];
-            findEmoji(name: string): any;
+            findEmoji(name: string): string | undefined;
         };
         MessageEvent: import("vue").DefineComponent<{
             data: {
@@ -849,7 +1113,30 @@ declare const _default: import("vue").DefineComponent<{}, {
                 currentSessionItem: AnyObject;
                 id: string;
                 userInfo: AnyObject;
-                msgList: AnyObject[];
+                msgList: {
+                    [x: string]: any;
+                    id: string;
+                    sessionKey: string;
+                    content: {
+                        [x: string]: any;
+                        chatMessageType: string;
+                        msg: string;
+                        referenceContent?: any;
+                        forwardMessageList?: AnyObject[] | undefined;
+                        messageTemplate?: any;
+                        messageTemplateData?: any;
+                        fileUrl?: string | undefined;
+                        avStatus?: string | undefined;
+                    };
+                    senderName: string;
+                    sendTime: string;
+                    sender: string;
+                    status: string;
+                    senderAvatar: string;
+                    __content: string;
+                    __time?: string | undefined;
+                    __sendTime?: string | undefined;
+                }[];
                 currentMsg: AnyObject;
                 isAppendMsg: boolean;
                 sessionList: AnyObject[];
@@ -957,7 +1244,30 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -1089,5 +1399,9 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     PersonAddOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     CloseOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    FolderOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ImageOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    SettingsOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    SearchLocate: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -12,7 +12,8 @@ import ChatSet from './ChatSet.vue.js';
 import ChatFile from './ChatFile.vue.js';
 import ChatRecord from './ChatRecord.vue.js';
 import ChatAdd from './ChatAdd.vue.js';
-import { PersonAddOutline, CloseOutline } from '@vicons/ionicons5';
+import { ImageOutline, FolderOutline, PersonAddOutline, SettingsOutline, CloseOutline } from '@vicons/ionicons5';
+import { SearchLocate } from '@vicons/carbon';
 
 const _hoisted_1 = {
   key: 0,
@@ -27,18 +28,6 @@ const _hoisted_3 = {
 const _hoisted_4 = {
   class: "chat-header__right"
 };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("i", {
-  class: "chat--iconfont chat--icon-image"
-}, null, -1);
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("i", {
-  class: "chat--iconfont chat--icon-folder"
-}, null, -1);
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("i", {
-  class: "chat--iconfont chat--icon-list-search"
-}, null, -1);
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("i", {
-  class: "chat--iconfont chat--icon-set"
-}, null, -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChatHeader",
   setup(__props) {
@@ -107,7 +96,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           size: "tiny",
           onClick: _cache[1] || (_cache[1] = () => handleOpenChatFile("image"))
         }, {
-          icon: withCtx(() => [_hoisted_5]),
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            size: "18",
+            component: unref(ImageOutline)
+          }, null, 8, ["component"])]),
           _: 1
         })]),
         default: withCtx(() => [createTextVNode(function() {
@@ -128,7 +120,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           size: "tiny",
           onClick: _cache[2] || (_cache[2] = () => handleOpenChatFile("file"))
         }, {
-          icon: withCtx(() => [_hoisted_6]),
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            size: "18",
+            component: unref(FolderOutline)
+          }, null, 8, ["component"])]),
           _: 1
         })]),
         default: withCtx(() => [createTextVNode(function() {
@@ -175,7 +170,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           size: "tiny",
           onClick: _cache[3] || (_cache[3] = () => showChatRecord.value = true)
         }, {
-          icon: withCtx(() => [_hoisted_7]),
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            size: "18",
+            component: unref(SearchLocate)
+          }, null, 8, ["component"])]),
           _: 1
         })]),
         default: withCtx(() => [createTextVNode(function() {
@@ -196,7 +194,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           size: "tiny",
           onClick: _cache[4] || (_cache[4] = () => showChatSet.value = true)
         }, {
-          icon: withCtx(() => [_hoisted_8]),
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            size: "18",
+            component: unref(SettingsOutline)
+          }, null, 8, ["component"])]),
           _: 1
         })]),
         default: withCtx(() => [createTextVNode(function() {