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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, provide, openBlock, createElementBlock, normalizeStyle, unref, createVNode, withCtx, createBlock, Fragment, createElementVNode, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, ref, provide, openBlock, createElementBlock, normalizeStyle, unref, createVNode, withCtx, createBlock, Fragment, createElementVNode, renderSlot, createCommentVNode, Teleport } from 'vue';
 import { NConfigProvider, NSpin, NLayout, NLayoutContent } from 'naive-ui';
 import SiderList from './components/SiderList.vue.js';
 import ChatHeader from './components/ChatHeader.vue.js';
@@ -63,6 +63,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     },
     trtcProxy: {
       type: [String, Object]
+    },
+    videoTeleportTo: {
+      type: [String, Object],
+      default: "body"
     }
   },
   emits: [
@@ -149,11 +153,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["style"]), renderSlot(_ctx.$slots, "external")]),
           _: 3
-        }), unref(state).showVideo ? (openBlock(), createBlock(Video, {
-          key: 1
-        })) : createCommentVNode("v-if", true), unref(state).showMultipleVideo ? (openBlock(), createBlock(MultipleVideo, {
-          key: 2
-        })) : createCommentVNode("v-if", true), createVNode(PersonProfile)], 64))]),
+        }), (openBlock(), createBlock(Teleport, {
+          to: props.videoTeleportTo
+        }, [unref(state).showVideo ? (openBlock(), createBlock(Video, {
+          key: 0
+        })) : createCommentVNode("v-if", true)], 8, ["to"])), (openBlock(), createBlock(Teleport, {
+          to: props.videoTeleportTo
+        }, [unref(state).showMultipleVideo ? (openBlock(), createBlock(MultipleVideo, {
+          key: 0
+        })) : createCommentVNode("v-if", true)], 8, ["to"])), createVNode(PersonProfile)], 64))]),
         _: 3
       })], 4)) : createCommentVNode("v-if", true);
     };

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

@@ -65,7 +65,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[];

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

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
 import { downloadFile, formatJsonstr, getFileType, getDetail } from '../utils';
+import { ImageItem } from '../types';
 declare const _default: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
@@ -25,7 +26,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[];
@@ -54,11 +78,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;
@@ -68,13 +107,23 @@ 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<"聊天图片" | "聊天文件">;
+    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;
@@ -149,7 +198,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[];
@@ -279,6 +351,107 @@ declare const _default: import("vue").DefineComponent<{
         mode: string;
         disabledIds: string[];
     }>;
+    ImageLightbox: import("vue").DefineComponent<{
+        images: {
+            type: PropType<ImageItem[]>;
+            default: () => never[];
+        };
+        visible: {
+            type: BooleanConstructor;
+        };
+        currentId: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            images: {
+                type: PropType<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<ImageItem>;
+        hasNext: import("vue").ComputedRef<boolean>;
+        hasPrev: import("vue").ComputedRef<boolean>;
+        imageStyle: import("vue").ComputedRef<{
+            left: string;
+            top: string;
+            transform: string;
+            cursor: string;
+            transition: string;
+        }>;
+        resetImageState: () => void;
+        close: () => void;
+        nextImage: () => void;
+        prevImage: () => void;
+        rotate: (degrees: number) => void;
+        zoomIn: () => void;
+        zoomOut: () => void;
+        resetZoom: () => void;
+        startDrag: (e: MouseEvent) => void;
+        onDragMove: (e: MouseEvent) => void;
+        endDrag: () => void;
+        handleWheel: (e: WheelEvent) => void;
+        handleImageLoad: () => void;
+        download: () => void;
+        Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        PlaySkipBackOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        PlaySkipForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        DownloadOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        RefreshOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        AddOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        RemoveSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        NButton: any;
+        NIcon: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "update:currentId")[], "update:visible" | "update:currentId", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        images: {
+            type: PropType<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: 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;

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 = "";
@@ -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 {
@@ -288,7 +302,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             }())]),
             _: 2
           }, 1024)])]);
-        }), 128))], 512)], 4), [[vShow, __props.type !== "image"]])]),
+        }), 128))], 512)], 4), [[vShow, __props.type !== "image"]]), createVNode(ImageLightbox, {
+          images: unref(images),
+          "current-id": currentImgId.value,
+          "onUpdate:current-id": _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"]);
     };

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

@@ -11,7 +11,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[];
@@ -63,8 +86,13 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleInput: () => void;
     selectEmoji: (name: string) => void;
     insertSpace: () => void;
-    doUpdateFile: (file: File) => Promise<string>;
-    fileChange: (options: FileOptions, chatMessageType: MESSAGE_TYPE) => Promise<void>;
+    doUpdateFile: (file: File) => Promise<any>;
+    fileChange: (options: FileOptions | {
+        file: {
+            file: File;
+            name: string;
+        };
+    }, chatMessageType: MESSAGE_TYPE) => Promise<void>;
     handleMsgSend: () => Promise<void>;
     removeSpace: () => void;
     doSendMessage: (contentInfo: AnyObject) => Promise<void>;
@@ -74,6 +102,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         remark: string;
     }, type?: string) => void;
     handlecancelForward: () => void;
+    handleFilePaste: (event: ClipboardEvent) => void;
     NButton: any;
     NPopover: any;
     NTooltip: any;
@@ -144,7 +173,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[];
@@ -276,13 +328,17 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     emojis: {
         default: string[][];
-        findEmoji(name: string): any;
+        findEmoji(name: string): string | undefined;
     };
     MESSAGE_TYPE: typeof 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 simplifyMessage;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;