cnhis-design-vue 3.4.0-beta.8 → 3.4.0-beta.9

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

@@ -419,7 +419,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }]),
         ref_key: "chatMainRef",
         ref: chatMainRef,
-        style: normalizeStyle(unref(styleProps))
+        style: normalizeStyle(styleProps.value)
       }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).msgList, (item, index) => {
         var _a;
         return openBlock(), createElementBlock(Fragment, {
@@ -444,7 +444,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           text: "",
           onClick: () => reEdit(item)
         }, {
-          default: withCtx(() => [createTextVNode(i18n("10010.1.69", "\u91CD\u65B0\u7F16\u8F91"))]),
+          default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(i18n("10010.1.69", "\u91CD\u65B0\u7F16\u8F91"), -1)])]),
           _: 2
         }, 1032, ["onClick"])) : createCommentVNode("v-if", true)])) : (openBlock(), createBlock(MessageEvent, {
           key: 2,
@@ -601,7 +601,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [!unref(isAudioOrVideoMessage)(item.content) ? (openBlock(), createElementBlock(Fragment, {
             key: 0
-          }, [createCommentVNode(' <n-button\n												quaternary\n												size="tiny"\n												@click="(event: MouseEvent) => handleSelectLabel(event, item.id)"\n											>\n												<template #icon>\n													<n-icon size="17" :component="HappyOutline" />\n												</template>\n											</n-button> '), createVNode(unref(NButton), {
+          }, [createCommentVNode(' <n-button\r\n												quaternary\r\n												size="tiny"\r\n												@click="(event: MouseEvent) => handleSelectLabel(event, item.id)"\r\n											>\r\n												<template #icon>\r\n													<n-icon size="17" :component="HappyOutline" />\r\n												</template>\r\n											</n-button> '), createVNode(unref(NButton), {
             quaternary: "",
             size: "tiny",
             onClick: () => setReferenceMsg(item)
@@ -657,9 +657,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:show": _cache[2] || (_cache[2] = ($event) => showForwardDetail.value = $event),
         id: menuMsgId.value
       }, null, 8, ["show", "id"]), createVNode(ImageLightbox, {
-        images: unref(images),
+        images: images.value,
         "current-id": currentImgId.value,
-        "onUpdate:current-id": _cache[3] || (_cache[3] = ($event) => currentImgId.value = $event),
+        "onUpdate:currentId": _cache[3] || (_cache[3] = ($event) => currentImgId.value = $event),
         visible: showLightbox.value,
         "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => showLightbox.value = $event)
       }, null, 8, ["images", "current-id", "visible"])], 6);

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

@@ -2,20 +2,20 @@ import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
 import { formatTime, isDoctorRole, getRoleName, formatJsonstr, getFileType, getDetail, showAudioAndVideoRecord, getForwardTitle, simplifyMessage } from '../utils';
 import { MESSAGE_TYPE } from '../constants';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
     };
-}, {
+}>, {
     tagColor: {
         color: string;
         textColor: string;
     };
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         visible: {
             type: BooleanConstructor;
         };
-    }>> & {}>>;
+    }>> & Readonly<{}> & {}>;
     state: {
         orgId: string | number;
         currentSessionItem: AnyObject;
@@ -69,12 +69,12 @@ declare const _default: import("vue").DefineComponent<{
         isForward: boolean;
     };
     cssVars: import("vue").ComputedRef<AnyObject>;
-    recordRef: import("vue").Ref<any>;
-    recordList: import("vue").Ref<AnyObject[]>;
-    keyword: import("vue").Ref<any>;
-    memberList: import("vue").Ref<never[]>;
-    startTime: import("vue").Ref<any>;
-    endTime: import("vue").Ref<any>;
+    recordRef: import("vue").Ref<any, any>;
+    recordList: import("vue").Ref<AnyObject[], AnyObject[]>;
+    keyword: import("vue").Ref<any, any>;
+    memberList: import("vue").Ref<never[], never[]>;
+    startTime: import("vue").Ref<any, any>;
+    endTime: import("vue").Ref<any, any>;
     handleInput: () => void;
     pageInfo: {
         page: number;
@@ -88,19 +88,19 @@ declare const _default: import("vue").DefineComponent<{
     resetInfo: () => void;
     formatEndTime: () => string;
     handleCloseTag: (type: 'member' | 'start' | 'end') => void;
-    getPrefixCondition: () => (JSX.Element | null)[];
-    renderLabel: (option: AnyObject) => JSX.Element;
-    NModal: any;
-    NTag: any;
-    NInput: any;
-    NIcon: any;
-    NSelect: any;
-    NAvatar: any;
-    NPopover: any;
-    NInputGroup: any;
-    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<{}>>, {}>;
-    DatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+    getPrefixCondition: () => any[];
+    renderLabel: (option: AnyObject) => any;
+    readonly NModal: any;
+    readonly NTag: any;
+    readonly NInput: any;
+    readonly NIcon: any;
+    readonly NSelect: any;
+    readonly NAvatar: any;
+    readonly NPopover: any;
+    readonly NInputGroup: any;
+    readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly DatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
@@ -131,11 +131,11 @@ declare const _default: import("vue").DefineComponent<{
         isDateDisabled: {
             type: PropType<(current: number, ...arg: any[]) => boolean>;
         };
-    }, {
+    }>, {
         attrs: {
             [x: string]: unknown;
         };
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             updateUnchangedValue: {
                 type: BooleanConstructor;
             };
@@ -166,15 +166,15 @@ declare const _default: import("vue").DefineComponent<{
             isDateDisabled: {
                 type: PropType<(current: number, ...arg: any[]) => boolean>;
             };
-        }>> & {
+        }>> & Readonly<{
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "update:formatted-value", ...args: any[]) => void;
-        datePickerRef: import("vue").Ref<AnyObject | null>;
-        panelInstRef: import("vue").Ref<null>;
-        placeholderRef: import("vue").Ref<any>;
-        oldValue: string;
-        currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
+        datePickerRef: import("vue").Ref<AnyObject | null, AnyObject | null>;
+        panelInstRef: import("vue").Ref<null, null>;
+        placeholderRef: import("vue").Ref<any, any>;
+        oldValue: (string | [string, string]) | null | undefined;
+        currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined, (string | [string, string]) | null | undefined>;
         isDateTime: import("vue").ComputedRef<boolean>;
         formatRef: import("vue").ComputedRef<string>;
         panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -189,8 +189,8 @@ declare const _default: import("vue").DefineComponent<{
         onConfirm: (...args: any[]) => Promise<void>;
         isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
         setShortcutValue: (type: "month" | "week") => Promise<void>;
-        NDatePicker: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NDatePicker: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
@@ -221,44 +221,44 @@ declare const _default: import("vue").DefineComponent<{
         isDateDisabled: {
             type: PropType<(current: number, ...arg: any[]) => boolean>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         type: string;
         updateUnchangedValue: boolean;
         to: string | false | HTMLElement;
         holidays: Date[];
-    }>>;
-    isArray: {
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    readonly isArray: {
         (value?: any): value is any[];
         <T>(value?: any): value is any[];
     };
-    formatTime: typeof formatTime;
-    isDoctorRole: typeof isDoctorRole;
-    getRoleName: typeof getRoleName;
-    formatJsonstr: typeof formatJsonstr;
-    getFileType: typeof getFileType;
-    getDetail: typeof getDetail;
-    showAudioAndVideoRecord: typeof showAudioAndVideoRecord;
-    getForwardTitle: typeof getForwardTitle;
-    simplifyMessage: typeof simplifyMessage;
-    MESSAGE_TYPE: typeof MESSAGE_TYPE;
-    emojis: {
+    readonly formatTime: typeof formatTime;
+    readonly isDoctorRole: typeof isDoctorRole;
+    readonly getRoleName: typeof getRoleName;
+    readonly formatJsonstr: typeof formatJsonstr;
+    readonly getFileType: typeof getFileType;
+    readonly getDetail: typeof getDetail;
+    readonly showAudioAndVideoRecord: typeof showAudioAndVideoRecord;
+    readonly getForwardTitle: typeof getForwardTitle;
+    readonly simplifyMessage: typeof simplifyMessage;
+    readonly MESSAGE_TYPE: typeof MESSAGE_TYPE;
+    readonly emojis: {
         default: string[][];
         findEmoji(name: string): string | undefined;
     };
-    MessageEvent: import("vue").DefineComponent<{
+    MessageEvent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<AnyObject>;
             required: true;
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: PropType<AnyObject>;
                 required: true;
             };
-        }>> & {}>>;
+        }>> & Readonly<{}> & {}>;
         state: {
             orgId: string | number;
             currentSessionItem: AnyObject;
@@ -312,23 +312,23 @@ declare const _default: import("vue").DefineComponent<{
             isForward: boolean;
         };
         setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
-        inviter: import("vue").Ref<any>;
-        invitee: import("vue").Ref<any[]>;
+        inviter: import("vue").Ref<any, any>;
+        invitee: import("vue").Ref<any[], any[]>;
         isValidJSON: (str: string) => boolean;
         getTask: (_id: string | number, arrRes: AnyObject[]) => () => Promise<unknown>;
         getEventContent: (data: AnyObject) => Promise<void>;
-        NButton: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NButton: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<AnyObject>;
             required: true;
         };
-    }>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     visible: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
-import { createElementVNode, defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createVNode, toDisplayString, normalizeStyle, resolveDynamicComponent, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, normalizeClass, vShow, createTextVNode } from 'vue';
+import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, toDisplayString, normalizeStyle, resolveDynamicComponent, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, normalizeClass, vShow, createTextVNode } from 'vue';
 import { NModal, NAvatar, NInputGroup, NInput, NIcon, NSelect, NPopover, NTag } from 'naive-ui';
 import { CallOutline, VideocamOutline, SearchOutline } from '@vicons/ionicons5';
 import { useData } from '../hooks/useData.js';
@@ -24,100 +24,86 @@ import MessageEvent from './MessageEvent.vue.js';
 const _hoisted_1 = {
   class: "iho-chat-dialog__header"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", {
-  class: "left"
-}, i18n("10010.1.65", "\u804A\u5929\u8BB0\u5F55"), -1);
-const _hoisted_3 = {
+const _hoisted_2 = {
   class: "center"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   class: "chat-record-box"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   class: "msg-box"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   class: "name-and-time"
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   class: "seach-box"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   class: "ellipsis"
 };
-const _hoisted_9 = {
+const _hoisted_8 = {
   style: {
     "white-space": "nowrap"
   }
 };
-const _hoisted_10 = {
+const _hoisted_9 = {
   class: "content"
 };
-const _hoisted_11 = ["src"];
-const _hoisted_12 = {
+const _hoisted_10 = ["src"];
+const _hoisted_11 = {
   class: "file-type"
 };
-const _hoisted_13 = {
+const _hoisted_12 = {
   class: "text"
 };
-const _hoisted_14 = {
+const _hoisted_13 = {
   class: "name"
 };
-const _hoisted_15 = {
+const _hoisted_14 = {
   class: "detail"
 };
-const _hoisted_16 = ["src"];
-const _hoisted_17 = {
+const _hoisted_15 = ["src"];
+const _hoisted_16 = {
   class: "merge-msg-box"
 };
-const _hoisted_18 = {
+const _hoisted_17 = {
   class: "forward-title"
 };
-const _hoisted_19 = {
+const _hoisted_18 = {
   class: "merge-msg-contents"
 };
-const _hoisted_20 = {
+const _hoisted_19 = {
   class: "label-name"
 };
+const _hoisted_20 = ["innerHTML"];
 const _hoisted_21 = ["innerHTML"];
-const _hoisted_22 = ["innerHTML"];
-const _hoisted_23 = {
+const _hoisted_22 = {
   key: 1,
   class: "no-data"
 };
-const _hoisted_24 = {
+const _hoisted_23 = {
   class: "chat-record-box__filter"
 };
-const _hoisted_25 = /* @__PURE__ */ createElementVNode("span", {
-  class: "filter-title"
-}, i18n("10010.1.72", "\u6DFB\u52A0\u7B5B\u9009\u6761\u4EF6"), -1);
-const _hoisted_26 = {
+const _hoisted_24 = {
   class: "filter-item"
 };
-const _hoisted_27 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, "\u6210\u5458\uFF1A", -1);
-const _hoisted_28 = {
+const _hoisted_25 = {
   class: "filter-item"
 };
-const _hoisted_29 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, "\u65E5\u671F\uFF1A", -1);
-const _hoisted_30 = {
+const _hoisted_26 = {
   class: "time-target"
 };
-const _hoisted_31 = {
+const _hoisted_27 = {
   class: "time-target__item"
 };
-const _hoisted_32 = /* @__PURE__ */ createElementVNode("span", null, "\u5F00\u59CB\uFF1A", -1);
-const _hoisted_33 = {
+const _hoisted_28 = {
   class: "tip"
 };
-const _hoisted_34 = {
+const _hoisted_29 = {
   class: "time-target__item"
 };
-const _hoisted_35 = /* @__PURE__ */ createElementVNode("span", null, "\u7ED3\u675F\uFF1A", -1);
-const _hoisted_36 = {
+const _hoisted_30 = {
   class: "tip"
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -128,11 +114,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const props = __props;
     const tagColor = {
       color: "#fff",
       textColor: "#666"
     };
+    const props = __props;
     const {
       state,
       cssVars
@@ -305,7 +291,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "auto-focus": false,
         class: "iho-chat-dialog"
       }, {
-        header: withCtx(() => [createElementVNode("div", _hoisted_1, [_hoisted_2, createElementVNode("div", _hoisted_3, [createVNode(unref(NAvatar), {
+        header: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[6] || (_cache[6] = createElementVNode("span", {
+          class: "left"
+        }, i18n("10010.1.65", "\u804A\u5929\u8BB0\u5F55"), -1)), createElementVNode("div", _hoisted_2, [createVNode(unref(NAvatar), {
           round: "",
           size: 30,
           src: unref(state).currentSessionItem.avatar
@@ -324,7 +312,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             onInput: unref(handleInput)
           }, null, 8, ["value", "onInput"])]),
           _: 1
-        }), createElementVNode("div", _hoisted_4, [createElementVNode("div", {
+        }), createElementVNode("div", _hoisted_3, [createElementVNode("div", {
           class: "chat-record-box__content",
           ref_key: "recordRef",
           ref: recordRef
@@ -338,18 +326,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             round: "",
             size: 38,
             src: item.senderAvatar
-          }, null, 8, ["src"]), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createCommentVNode(" <span>{{ item.senderName }}</span> "), createElementVNode("div", _hoisted_7, [createElementVNode("span", _hoisted_8, toDisplayString(item.senderName), 1), withDirectives(createElementVNode("label", {
+          }, null, 8, ["src"]), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createCommentVNode(" <span>{{ item.senderName }}</span> "), createElementVNode("div", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(item.senderName), 1), withDirectives(createElementVNode("label", {
             class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(item.roleInfo) ? "isDoctor" : ""])
-          }, toDisplayString(unref(getRoleName)(item.roleInfo)), 3), [[vShow, unref(getRoleName)(item.roleInfo)]])]), createElementVNode("span", _hoisted_9, toDisplayString(unref(formatTime)(item.sendTime).recordTime), 1)]), createElementVNode("div", _hoisted_10, [item.content.chatMessageType === unref(MESSAGE_TYPE).IMAGE ? (openBlock(), createElementBlock("img", {
+          }, toDisplayString(unref(getRoleName)(item.roleInfo)), 3), [[vShow, unref(getRoleName)(item.roleInfo)]])]), createElementVNode("span", _hoisted_8, toDisplayString(unref(formatTime)(item.sendTime).recordTime), 1)]), createElementVNode("div", _hoisted_9, [item.content.chatMessageType === unref(MESSAGE_TYPE).IMAGE ? (openBlock(), createElementBlock("img", {
             key: 0,
             src: unref(formatJsonstr)(item.__content, "fileUrl")
-          }, null, 8, _hoisted_11)) : item.content.chatMessageType === unref(MESSAGE_TYPE).FILE ? (openBlock(), createElementBlock(Fragment, {
+          }, null, 8, _hoisted_10)) : item.content.chatMessageType === unref(MESSAGE_TYPE).FILE ? (openBlock(), createElementBlock(Fragment, {
             key: 1
-          }, [createElementVNode("span", _hoisted_12, toDisplayString(unref(getFileType)(item.__content)), 1), createElementVNode("div", _hoisted_13, [createElementVNode("span", _hoisted_14, toDisplayString(unref(formatJsonstr)(item.__content, "fileName")), 1), createElementVNode("span", _hoisted_15, toDisplayString(unref(getDetail)(item)), 1)])], 64)) : item.content.chatMessageType === unref(MESSAGE_TYPE).EMOJI ? (openBlock(), createElementBlock("img", {
+          }, [createElementVNode("span", _hoisted_11, toDisplayString(unref(getFileType)(item.__content)), 1), createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(unref(formatJsonstr)(item.__content, "fileName")), 1), createElementVNode("span", _hoisted_14, toDisplayString(unref(getDetail)(item)), 1)])], 64)) : item.content.chatMessageType === unref(MESSAGE_TYPE).EMOJI ? (openBlock(), createElementBlock("img", {
             key: 2,
             class: "emoji",
             src: unref(emojis).findEmoji(item.__content)
-          }, null, 8, _hoisted_16)) : item.content.chatMessageType === unref(MESSAGE_TYPE).EVENT ? (openBlock(), createBlock(MessageEvent, {
+          }, null, 8, _hoisted_15)) : item.content.chatMessageType === unref(MESSAGE_TYPE).EVENT ? (openBlock(), createBlock(MessageEvent, {
             key: 3,
             data: item
           }, null, 8, ["data"])) : item.content.chatMessageType === unref(MESSAGE_TYPE).AUDIO || item.content.chatMessageType === unref(MESSAGE_TYPE).VIDEO ? (openBlock(), createElementBlock(Fragment, {
@@ -359,18 +347,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             component: item.content.chatMessageType === unref(MESSAGE_TYPE).AUDIO ? unref(CallOutline) : unref(VideocamOutline)
           }, null, 8, ["component"]), createElementVNode("span", null, toDisplayString(unref(showAudioAndVideoRecord)(item.content.chatMessageType)), 1)], 64)) : item.content.chatMessageType === unref(MESSAGE_TYPE).FORWARD && unref(isArray)(item.content.forwardMessageList) ? (openBlock(), createElementBlock(Fragment, {
             key: 5
-          }, [createCommentVNode(" \u6D88\u606F\u8F6C\u53D1 "), createElementVNode("div", _hoisted_17, [createElementVNode("h4", _hoisted_18, toDisplayString(unref(getForwardTitle)(item.content)), 1), createElementVNode("div", _hoisted_19, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.content.forwardMessageList, (msg) => {
+          }, [createCommentVNode(" \u6D88\u606F\u8F6C\u53D1 "), createElementVNode("div", _hoisted_16, [createElementVNode("h4", _hoisted_17, toDisplayString(unref(getForwardTitle)(item.content)), 1), createElementVNode("div", _hoisted_18, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.content.forwardMessageList, (msg) => {
             return openBlock(), createElementBlock("div", {
               key: msg.id,
               class: "merge-msg-contents-item"
-            }, [createElementVNode("span", _hoisted_20, toDisplayString(msg.senderName) + "\uFF1A", 1), createElementVNode("pre", {
+            }, [createElementVNode("span", _hoisted_19, toDisplayString(msg.senderName) + "\uFF1A", 1), createElementVNode("pre", {
               innerHTML: unref(simplifyMessage)(msg.content)
-            }, null, 8, _hoisted_21)]);
+            }, null, 8, _hoisted_20)]);
           }), 128))])])], 64)) : (openBlock(), createElementBlock("p", {
             key: 6,
             innerHTML: item.__content
-          }, null, 8, _hoisted_22))])])]);
-        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_23, "\u6CA1\u6709\u627E\u5230\u76F8\u5173\u8BB0\u5F55"))], 512), createElementVNode("div", _hoisted_24, [_hoisted_25, createElementVNode("div", _hoisted_26, [_hoisted_27, createVNode(unref(NSelect), {
+          }, null, 8, _hoisted_21))])])]);
+        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_22, "\u6CA1\u6709\u627E\u5230\u76F8\u5173\u8BB0\u5F55"))], 512), createElementVNode("div", _hoisted_23, [_cache[11] || (_cache[11] = createElementVNode("span", {
+          class: "filter-title"
+        }, i18n("10010.1.72", "\u6DFB\u52A0\u7B5B\u9009\u6761\u4EF6"), -1)), createElementVNode("div", _hoisted_24, [_cache[7] || (_cache[7] = createElementVNode("span", {
+          class: "label"
+        }, "\u6210\u5458\uFF1A", -1)), createVNode(unref(NSelect), {
           value: memberList.value,
           "onUpdate:value": _cache[1] || (_cache[1] = ($event) => memberList.value = $event),
           multiple: "",
@@ -378,11 +370,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "render-label": renderLabel,
           options: unref(state).currentGroupUser,
           "value-field": "id"
-        }, null, 8, ["value", "options"])]), createElementVNode("div", _hoisted_28, [_hoisted_29, createElementVNode("div", _hoisted_30, [createVNode(unref(NPopover), {
+        }, null, 8, ["value", "options"])]), createElementVNode("div", _hoisted_25, [_cache[10] || (_cache[10] = createElementVNode("span", {
+          class: "label"
+        }, "\u65E5\u671F\uFF1A", -1)), createElementVNode("div", _hoisted_26, [createVNode(unref(NPopover), {
           trigger: "click",
           "show-arrow": false
         }, {
-          trigger: withCtx(() => [createElementVNode("div", _hoisted_31, [_hoisted_32, withDirectives(createVNode(unref(NTag), {
+          trigger: withCtx(() => [createElementVNode("div", _hoisted_27, [_cache[8] || (_cache[8] = createElementVNode("span", null, "\u5F00\u59CB\uFF1A", -1)), withDirectives(createVNode(unref(NTag), {
             bordered: false,
             color: tagColor,
             closable: "",
@@ -390,10 +384,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [createTextVNode(toDisplayString(startTime.value), 1)]),
             _: 1
-          }, 512), [[vShow, startTime.value]]), withDirectives(createElementVNode("span", _hoisted_33, i18n("10010.1.76", "\u70B9\u51FB\u9009\u62E9"), 512), [[vShow, !startTime.value]])])]),
+          }, 512), [[vShow, startTime.value]]), withDirectives(createElementVNode("span", _hoisted_28, i18n("10010.1.76", "\u70B9\u51FB\u9009\u62E9"), 512), [[vShow, !startTime.value]])])]),
           default: withCtx(() => [createVNode(unref(DatePicker), {
             "formatted-value": startTime.value,
-            "onUpdate:formatted-value": _cache[3] || (_cache[3] = ($event) => startTime.value = $event),
+            "onUpdate:formattedValue": _cache[3] || (_cache[3] = ($event) => startTime.value = $event),
             type: "date",
             panel: "",
             clearable: "",
@@ -404,7 +398,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           trigger: "click",
           "show-arrow": false
         }, {
-          trigger: withCtx(() => [createElementVNode("div", _hoisted_34, [_hoisted_35, withDirectives(createVNode(unref(NTag), {
+          trigger: withCtx(() => [createElementVNode("div", _hoisted_29, [_cache[9] || (_cache[9] = createElementVNode("span", null, "\u7ED3\u675F\uFF1A", -1)), withDirectives(createVNode(unref(NTag), {
             bordered: false,
             color: tagColor,
             closable: "",
@@ -412,10 +406,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [createTextVNode(toDisplayString(endTime.value), 1)]),
             _: 1
-          }, 512), [[vShow, endTime.value]]), withDirectives(createElementVNode("span", _hoisted_36, i18n("10010.1.76", "\u70B9\u51FB\u9009\u62E9"), 512), [[vShow, !endTime.value]])])]),
+          }, 512), [[vShow, endTime.value]]), withDirectives(createElementVNode("span", _hoisted_30, i18n("10010.1.76", "\u70B9\u51FB\u9009\u62E9"), 512), [[vShow, !endTime.value]])])]),
           default: withCtx(() => [createVNode(unref(DatePicker), {
             "formatted-value": endTime.value,
-            "onUpdate:formatted-value": _cache[5] || (_cache[5] = ($event) => endTime.value = $event),
+            "onUpdate:formattedValue": _cache[5] || (_cache[5] = ($event) => endTime.value = $event),
             type: "date",
             panel: "",
             clearable: "",