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

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

@@ -0,0 +1,306 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, withModifiers, createElementVNode, createVNode, unref, withCtx, createCommentVNode, normalizeStyle, renderSlot, toDisplayString, createTextVNode } from 'vue';
+import { downloadFile } from '../utils/index.js';
+import { Close, PlaySkipBackOutline, PlaySkipForwardOutline, RefreshOutline, AddOutline, RemoveSharp, DownloadOutline } from '@vicons/ionicons5';
+import { NButton, NIcon } from 'naive-ui';
+
+const _hoisted_1 = {
+  class: "lightbox-container"
+};
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = {
+  class: "title"
+};
+const _hoisted_4 = {
+  class: "toolbar-container"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImageLightbox",
+  props: {
+    images: {
+      type: Array,
+      default: () => []
+    },
+    visible: {
+      type: Boolean
+    },
+    currentId: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:visible", "update:currentId"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const imageEl = ref(null);
+    const naturalSize = ref({
+      width: 0,
+      height: 0
+    });
+    const scale = ref(1);
+    const rotation = ref(0);
+    const isDragging = ref(false);
+    const offset = ref({
+      x: 0,
+      y: 0
+    });
+    const lastMouse = ref({
+      x: 0,
+      y: 0
+    });
+    const idToIndexMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      props.images.forEach((img, index) => map.set(img.id, index));
+      return map;
+    });
+    const currentIndex = computed(() => {
+      var _a;
+      return (_a = idToIndexMap.value.get(props.currentId)) != null ? _a : 0;
+    });
+    const currentImageData = computed(() => props.images.find((img) => img.id === props.currentId) || props.images[0]);
+    const hasNext = computed(() => currentIndex.value < props.images.length - 1);
+    const hasPrev = computed(() => currentIndex.value > 0);
+    const imageStyle = computed(() => ({
+      left: `calc(50% + ${offset.value.x}px)`,
+      top: `calc(50% + ${offset.value.y}px)`,
+      transform: `translate(-50%, -50%) scale(${scale.value}) rotate(${rotation.value}deg)`,
+      cursor: isDragging.value ? "grabbing" : "grab",
+      transition: isDragging.value ? "none" : "transform 0.3s ease"
+    }));
+    const resetImageState = () => {
+      scale.value = 1;
+      rotation.value = 0;
+      offset.value = {
+        x: 0,
+        y: 0
+      };
+    };
+    const close = () => {
+      emit("update:visible", false);
+    };
+    const nextImage = () => {
+      if (hasNext.value) {
+        emit("update:currentId", props.images[currentIndex.value + 1].id);
+        resetImageState();
+      }
+    };
+    const prevImage = () => {
+      if (hasPrev.value) {
+        emit("update:currentId", props.images[currentIndex.value - 1].id);
+        resetImageState();
+      }
+    };
+    const rotate = (degrees) => {
+      rotation.value = (rotation.value + degrees) % 360;
+    };
+    const zoomIn = () => {
+      scale.value = Math.min(scale.value + 0.2, 5);
+    };
+    const zoomOut = () => {
+      scale.value = Math.max(scale.value - 0.2, 0.5);
+    };
+    const resetZoom = () => {
+      if (!imageEl.value)
+        return;
+      const container = imageEl.value.parentElement;
+      if (!container)
+        return;
+      const containerWidth = container.clientWidth;
+      const containerHeight = container.clientHeight;
+      const widthRatio = containerWidth / naturalSize.value.width;
+      const heightRatio = containerHeight / naturalSize.value.height;
+      scale.value = Math.min(widthRatio, heightRatio, 1);
+      offset.value = {
+        x: 0,
+        y: 0
+      };
+    };
+    function startDrag(e) {
+      if (scale.value <= 1)
+        return;
+      isDragging.value = true;
+      lastMouse.value = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      document.body.style.cursor = "grabbing";
+      window.addEventListener("mousemove", onDragMove);
+      window.addEventListener("mouseup", endDrag);
+    }
+    function onDragMove(e) {
+      if (!isDragging.value)
+        return;
+      const dx = e.clientX - lastMouse.value.x;
+      const dy = e.clientY - lastMouse.value.y;
+      offset.value = {
+        x: offset.value.x + dx,
+        y: offset.value.y + dy
+      };
+      lastMouse.value = {
+        x: e.clientX,
+        y: e.clientY
+      };
+    }
+    function endDrag() {
+      if (!isDragging.value)
+        return;
+      isDragging.value = false;
+      document.body.style.cursor = "";
+      window.removeEventListener("mousemove", onDragMove);
+      window.removeEventListener("mouseup", endDrag);
+    }
+    const handleWheel = (e) => {
+      var _a;
+      e.preventDefault();
+      const rect = (_a = imageEl.value) == null ? void 0 : _a.getBoundingClientRect();
+      if (!rect)
+        return;
+      const delta = -e.deltaY;
+      const zoomFactor = delta > 0 ? 1.1 : 0.9;
+      const newScale = Math.min(Math.max(scale.value * zoomFactor, 0.5), 5);
+      scale.value = newScale;
+    };
+    const handleImageLoad = () => {
+      if (imageEl.value) {
+        naturalSize.value = {
+          width: imageEl.value.naturalWidth,
+          height: imageEl.value.naturalHeight
+        };
+        resetImageState();
+      }
+    };
+    const download = () => {
+      downloadFile(JSON.stringify({
+        fileUrl: currentImageData.value.fileUrl,
+        fileName: currentImageData.value.fileName
+      }));
+    };
+    watch(() => props.visible, (newVal) => {
+      document.body.style.overflow = newVal ? "hidden" : "";
+    });
+    __expose({
+      open,
+      nextImage,
+      prevImage
+    });
+    return (_ctx, _cache) => {
+      return __props.visible ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "c-lightbox-overlay",
+        onClick: withModifiers(close, ["stop"])
+      }, [createElementVNode("div", _hoisted_1, [createVNode(unref(NButton), {
+        text: "",
+        class: "close-btn",
+        onClick: close
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(Close)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), createCommentVNode(" \u56FE\u7247\u5BB9\u5668 "), createElementVNode("div", {
+        class: "image-container",
+        onMousedown: withModifiers(startDrag, ["prevent"]),
+        onWheel: withModifiers(handleWheel, ["prevent"])
+      }, [createElementVNode("img", {
+        ref_key: "imageEl",
+        ref: imageEl,
+        src: currentImageData.value.fileUrl,
+        style: normalizeStyle(imageStyle.value),
+        alt: currentImageData.value.fileName,
+        onLoad: handleImageLoad,
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, null, 44, _hoisted_2)], 32), createCommentVNode(function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.254")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.254")) || "\u81EA\u5B9A\u4E49\u6807\u9898";
+        } catch (e) {
+          return "\u81EA\u5B9A\u4E49\u6807\u9898";
+        }
+      }()), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "title", {
+        currentImageData: currentImageData.value
+      }, () => [createElementVNode("p", null, toDisplayString(currentImageData.value.senderName) + "\u5206\u4EAB\u7684\u56FE\u7247", 1), createElementVNode("p", null, toDisplayString(currentImageData.value.sendTime) + " \xB7 " + toDisplayString(currentImageData.value.fileSize), 1)])]), createCommentVNode(" \u5DE5\u5177\u680F "), createElementVNode("div", _hoisted_4, [createElementVNode("div", {
+        class: "toolbar",
+        onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+        }, ["stop"]))
+      }, [createVNode(unref(NButton), {
+        text: "",
+        disabled: !hasPrev.value,
+        onClick: prevImage
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(PlaySkipBackOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      }, 8, ["disabled"]), createVNode(unref(NButton), {
+        text: "",
+        disabled: !hasNext.value,
+        onClick: nextImage
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(PlaySkipForwardOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      }, 8, ["disabled"]), createVNode(unref(NButton), {
+        text: "",
+        onClick: _cache[1] || (_cache[1] = () => rotate(-90))
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(RefreshOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), createVNode(unref(NButton), {
+        text: "",
+        onClick: _cache[2] || (_cache[2] = () => rotate(90))
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(RefreshOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), createVNode(unref(NButton), {
+        text: "",
+        onClick: zoomIn
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(AddOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), createVNode(unref(NButton), {
+        text: "",
+        onClick: zoomOut
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(RemoveSharp)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), createVNode(unref(NButton), {
+        text: "",
+        onClick: resetZoom
+      }, {
+        default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("1:1", -1)])]),
+        _: 1
+      }), createVNode(unref(NButton), {
+        text: "",
+        onClick: download
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(DownloadOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      })])])])])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1,23 +1,46 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: 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;
         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[];
@@ -42,16 +65,16 @@ 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: number | string, 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;
     };
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock, unref, createBlock, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode, createElementVNode } from 'vue';
+import { defineComponent, ref, openBlock, createElementBlock, unref, createBlock, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createCommentVNode } from 'vue';
 import { NButton } from 'naive-ui';
 import { useData } from '../hooks/useData.js';
 import 'stompjs';
@@ -16,18 +16,12 @@ const _hoisted_1 = {
 const _hoisted_2 = {
   key: 0
 };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", {
-  style: {
-    "margin-right": "5px"
-  }
-}, "\u9080\u8BF7", -1);
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 0
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 2
 };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, "\u52A0\u5165\u7FA4\u804A", -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageEvent",
   props: {
@@ -124,10 +118,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(inviter.value.name), 1)]),
         _: 1
-      })), _hoisted_3, (openBlock(true), createElementBlock(Fragment, null, renderList(invitee.value, (user, idx) => {
+      })), _cache[1] || (_cache[1] = createElementVNode("span", {
+        style: {
+          "margin-right": "5px"
+        }
+      }, "\u9080\u8BF7", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(invitee.value, (user, idx) => {
         return openBlock(), createElementBlock(Fragment, {
           key: user.id
-        }, [user.id == unref(state).userInfo.id ? (openBlock(), createElementBlock("span", _hoisted_4, function() {
+        }, [user.id == unref(state).userInfo.id ? (openBlock(), createElementBlock("span", _hoisted_3, function() {
           var _a, _b, _c;
           try {
             return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.67")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.67")) || "\u4F60";
@@ -149,8 +147,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [createTextVNode(toDisplayString(user.name), 1)]),
           _: 2
-        }, 1032, ["onClick"])), idx <= invitee.value.length - 2 ? (openBlock(), createElementBlock("span", _hoisted_5, "\u3001")) : createCommentVNode("v-if", true)], 64);
-      }), 128)), _hoisted_6])) : createCommentVNode("v-if", true);
+        }, 1032, ["onClick"])), idx <= invitee.value.length - 2 ? (openBlock(), createElementBlock("span", _hoisted_4, "\u3001")) : createCommentVNode("v-if", true)], 64);
+      }), 128)), _cache[2] || (_cache[2] = createElementVNode("span", null, "\u52A0\u5165\u7FA4\u804A", -1))])) : createCommentVNode("v-if", true);
     };
   }
 });

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

@@ -1,22 +1,46 @@
 import { AnyObject } from '../../../../shared/types';
 import { formatTime, getForwardTitle, isDoctorRole, getRoleName, formatJsonstr, getFileType, getDetail, showAudioAndVideoRecord, simplifyMessage } from '../utils';
 import { MESSAGE_TYPE } from '../constants';
-declare const _default: import("vue").DefineComponent<{
+import { MsgListItem } from '../types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
         };
-    }>> & {}>>;
+    }>> & Readonly<{}> & {}>;
     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[];
@@ -41,47 +65,70 @@ declare const _default: import("vue").DefineComponent<{
         isForward: boolean;
     };
     cssVars: import("vue").ComputedRef<AnyObject>;
-    msgItem: import("vue").ComputedRef<AnyObject>;
+    msgItem: import("vue").ComputedRef<AnyObject | MsgListItem>;
     msgList: import("vue").ComputedRef<any>;
-    NModal: any;
-    NAvatar: any;
-    NIcon: any;
-    isArray: {
+    readonly NModal: any;
+    readonly NAvatar: any;
+    readonly NIcon: any;
+    readonly isArray: {
         (value?: any): value is any[];
         <T>(value?: any): value is any[];
     };
-    formatTime: typeof formatTime;
-    getForwardTitle: typeof getForwardTitle;
-    isDoctorRole: typeof isDoctorRole;
-    getRoleName: typeof getRoleName;
-    formatJsonstr: typeof formatJsonstr;
-    getFileType: typeof getFileType;
-    getDetail: typeof getDetail;
-    showAudioAndVideoRecord: typeof showAudioAndVideoRecord;
-    simplifyMessage: typeof simplifyMessage;
-    MESSAGE_TYPE: typeof MESSAGE_TYPE;
-    emojis: {
+    readonly formatTime: typeof formatTime;
+    readonly getForwardTitle: typeof getForwardTitle;
+    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 simplifyMessage: typeof simplifyMessage;
+    readonly MESSAGE_TYPE: typeof MESSAGE_TYPE;
+    readonly emojis: {
         default: string[][];
-        findEmoji(name: string): any;
+        findEmoji(name: string): string | undefined;
     };
-    MessageEvent: import("vue").DefineComponent<{
+    MessageEvent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").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: import("vue").PropType<AnyObject>;
                 required: true;
             };
-        }>> & {}>>;
+        }>> & Readonly<{}> & {}>;
         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[];
@@ -106,23 +153,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: import("vue").PropType<AnyObject>;
             required: true;
         };
-    }>>, {}>;
-    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<{}>>, {}>;
-}, 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>;
+    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>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
     };
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -93,7 +93,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NModal), {
         preset: "dialog",
-        title: unref(getForwardTitle)(unref(msgItem).content),
+        title: unref(getForwardTitle)(msgItem.value.content),
         "show-icon": false,
         "auto-focus": false,
         class: "iho-chat-dialog"
@@ -101,7 +101,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [createElementVNode("div", {
           class: "iho-chat-dialog__content iho-chat-record-wrapper iho-chat-record-wrapper--forward",
           style: normalizeStyle(unref(cssVars))
-        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(msgList), (item) => {
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(msgList.value, (item) => {
           return openBlock(), createElementBlock("div", {
             class: "content-item",
             key: item.id