cnhis-design-vue 3.3.3-release.7 → 3.3.3-release.9

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

@@ -934,7 +934,7 @@ declare const _default: import("vue").DefineComponent<{
             OpenOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             DownloadOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             downloadFile: typeof import("./utils").downloadFile;
-            getFileDetails: typeof import("./utils").getFileDetails;
+            formatJsonstr: typeof import("./utils").formatJsonstr;
             getFileType: typeof import("./utils").getFileType;
             getDetail: typeof import("./utils").getDetail;
             ChatAdd: import("vue").DefineComponent<{
@@ -1354,7 +1354,7 @@ declare const _default: import("vue").DefineComponent<{
             formatTime: typeof import("./utils").formatTime;
             isDoctorRole: typeof import("./utils").isDoctorRole;
             getRoleName: typeof import("./utils").getRoleName;
-            getFileDetails: typeof import("./utils").getFileDetails;
+            formatJsonstr: typeof import("./utils").formatJsonstr;
             getFileType: typeof import("./utils").getFileType;
             getDetail: typeof import("./utils").getDetail;
             showAudioAndVideoRecord: typeof import("./utils").showAudioAndVideoRecord;
@@ -1691,7 +1691,6 @@ declare const _default: import("vue").DefineComponent<{
         renderToolbar: ({ nodes }: import("naive-ui").ImageRenderToolbarProps) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }>[];
-        formatImage: (obj: string | AnyObject, type: string) => any;
         getHistoryRecord: () => Promise<void>;
         handleSelectLabel: (event: MouseEvent, msgId: string) => void;
         handleContextmenu: (event: MouseEvent, msgId: string) => Promise<void>;
@@ -1910,7 +1909,7 @@ declare const _default: import("vue").DefineComponent<{
             getForwardTitle: typeof import("./utils").getForwardTitle;
             isDoctorRole: typeof import("./utils").isDoctorRole;
             getRoleName: typeof import("./utils").getRoleName;
-            getFileDetails: typeof import("./utils").getFileDetails;
+            formatJsonstr: typeof import("./utils").formatJsonstr;
             getFileType: typeof import("./utils").getFileType;
             getDetail: typeof import("./utils").getDetail;
             showAudioAndVideoRecord: typeof import("./utils").showAudioAndVideoRecord;
@@ -2273,6 +2272,7 @@ declare const _default: import("vue").DefineComponent<{
         isAudioOrVideoMessage: typeof import("./utils").isAudioOrVideoMessage;
         getAVTime: typeof import("./utils").getAVTime;
         getForwardTitle: typeof import("./utils").getForwardTitle;
+        formatJsonstr: typeof import("./utils").formatJsonstr;
         MESSAGE_TYPE: typeof import("./constants").MESSAGE_TYPE;
         ChatbubbleEllipsesOutline: 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<{}>>, {}>;
         EllipsisHorizontal: 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<{}>>, {}>;
@@ -2282,6 +2282,7 @@ declare const _default: import("vue").DefineComponent<{
         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<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
+        SPACE_PLACEHOLDER: string;
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
         state: {
             orgId: string | number;
@@ -2339,9 +2340,11 @@ declare const _default: import("vue").DefineComponent<{
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
         selectEmoji: (name: string) => void;
+        insertSpace: () => void;
         doUpdateFile: (file: File) => Promise<string>;
         fileChange: (options: import("./types").FileOptions, chatMessageType: import("./constants").MESSAGE_TYPE) => Promise<void>;
         handleMsgSend: () => Promise<void>;
+        removeSpace: () => void;
         doSendMessage: (contentInfo: AnyObject) => Promise<void>;
         clearInput: () => void;
         handleRelay: ({ checkedIds, remark }: {

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
-import { downloadFile, getFileDetails, getFileType, getDetail } from '../utils';
+import { downloadFile, formatJsonstr, getFileType, getDetail } from '../utils';
 declare const _default: import("vue").DefineComponent<{
     type: {
         type: StringConstructor;
@@ -82,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     OpenOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     DownloadOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     downloadFile: typeof downloadFile;
-    getFileDetails: typeof getFileDetails;
+    formatJsonstr: typeof formatJsonstr;
     getFileType: typeof getFileType;
     getDetail: typeof getDetail;
     ChatAdd: import("vue").DefineComponent<{

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

@@ -13,7 +13,7 @@ import { useScrollLoading } from '../../../../shared/hooks/useScrollLoading.js';
 import { useData } from '../hooks/useData.js';
 import 'stompjs';
 import 'sockjs-client/dist/sockjs.min.js';
-import { getFileSize, getFileDetails, getFileType, getDetail, downloadFile } from '../utils/index.js';
+import { formatJsonstr, getFileType, getDetail, downloadFile } from '../utils/index.js';
 import 'trtc-sdk-v5';
 import ChatAdd from './ChatAdd.vue.js';
 
@@ -103,17 +103,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           const newList = formatImageList(_list);
           imageList.value = pageInfo.page > 1 ? imageList.value.concat(newList) : newList;
         } else {
-          const promiseList = _list.map((item) => {
-            return new Promise(async (resolve) => {
-              const size = await getFileSize(item.content.fileUrl);
-              resolve({
-                ...item,
-                size
-              });
-            });
-          });
-          const newList = await Promise.all(promiseList);
-          fileList.value = pageInfo.page > 1 ? fileList.value.concat(newList) : newList;
+          fileList.value = pageInfo.page > 1 ? fileList.value.concat(_list) : _list;
         }
       } catch (error) {
       } finally {
@@ -209,7 +199,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 key: image,
                 width: "80",
                 height: "80",
-                src: unref(getFileDetails)(image, "fileUrl")
+                src: unref(formatJsonstr)(image, "fileUrl")
               }, null, 8, ["src"]);
             }), 128))])]);
           }), 128))]),
@@ -246,7 +236,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(getFileDetails)(item.content.msg, "fileName")), 1), createElementVNode("span", _hoisted_6, toDisplayString(unref(getDetail)(item, true)), 1)]), createElementVNode("div", _hoisted_7, [createVNode(ChatAdd, {
+          }, [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, {
             title: function() {
               var _a, _b, _c;
               try {
@@ -286,7 +276,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             trigger: withCtx(() => [createVNode(unref(NIcon), {
               size: 16,
               component: unref(DownloadOutline),
-              onClick: () => unref(downloadFile)(item.content.fileUr, item.content.msg)
+              onClick: () => unref(downloadFile)(item.content.msg)
             }, null, 8, ["component", "onClick"])]),
             default: withCtx(() => [createTextVNode(function() {
               var _a, _b, _c;

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

@@ -4,6 +4,7 @@ import { MESSAGE_TYPE } from '../constants';
 import { simplifyMessage } from '../utils';
 import { FileOptions } from '../types';
 declare const _default: import("vue").DefineComponent<{}, {
+    SPACE_PLACEHOLDER: string;
     inputRef: Ref<HTMLDivElement | undefined>;
     state: {
         orgId: string | number;
@@ -61,9 +62,11 @@ declare const _default: import("vue").DefineComponent<{}, {
     isWrap: (event: KeyboardEvent) => boolean;
     handleInput: () => void;
     selectEmoji: (name: string) => void;
+    insertSpace: () => void;
     doUpdateFile: (file: File) => Promise<string>;
     fileChange: (options: FileOptions, chatMessageType: MESSAGE_TYPE) => Promise<void>;
     handleMsgSend: () => Promise<void>;
+    removeSpace: () => void;
     doSendMessage: (contentInfo: AnyObject) => Promise<void>;
     clearInput: () => void;
     handleRelay: ({ checkedIds, remark }: {

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

@@ -1,4 +1,4 @@
-import { createElementVNode, defineComponent, ref, computed, watch, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, createVNode, withCtx, Fragment, toDisplayString, createCommentVNode, renderList, createBlock, createTextVNode, mergeProps, renderSlot, vShow } from 'vue';
+import { createElementVNode, defineComponent, ref, computed, onMounted, watch, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, createVNode, withCtx, Fragment, toDisplayString, createCommentVNode, renderList, createBlock, createTextVNode, mergeProps, renderSlot, vShow } from 'vue';
 import { NButton, NIcon, NTooltip, NPopover, NUpload, NUploadTrigger } from 'naive-ui';
 import ChatAdd from './ChatAdd.vue.js';
 import { useData } from '../hooks/useData.js';
@@ -92,6 +92,7 @@ const _hoisted_24 = /* @__PURE__ */ createElementVNode("span", {
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChatFooter",
   setup(__props) {
+    const SPACE_PLACEHOLDER = '<span style="display: inline-block;width: 1px;user-select: none;" data-space="true"></span>';
     const inputRef = ref();
     const {
       state,
@@ -109,7 +110,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         defaultValue: [state.userInfo]
       };
     });
-    const sendBtnDisabled = computed(() => !content.value.replace(/(&nbsp;|\s|<br>)+/g, ""));
+    const sendBtnDisabled = computed(() => !content.value.replace(/(&nbsp;|\s|<br>|<span[^>]*data-space="true"[^>]*>[\s\S]*?<\/span>)+/g, ""));
     const isForwardDisabled = computed(() => !state.msgList.some((msgItem) => msgItem.checked));
     const callBtnDisabled = computed(() => state.showVideo || state.showMultipleVideo);
     function handleCall(chatMessageType, checkedIds = []) {
@@ -154,15 +155,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function handleInput() {
       var _a;
+      if (!inputRef.value)
+        return;
       content.value = ((_a = inputRef.value) == null ? void 0 : _a.innerHTML) || "";
+      insertSpace();
     }
     function selectEmoji(name) {
       var _a;
       commonEmoticons.value.unshift(name);
       commonEmoticons.value = uniq(commonEmoticons.value).slice(0, 26);
+      if (!inputRef.value)
+        return;
       (_a = inputRef.value) == null ? void 0 : _a.focus();
+      insertSpace();
       document.execCommand("insertHTML", false, `<img data-msg=${name} data-type=${MESSAGE_TYPE.EMOJI} class="emoji--min" src=${emojis.findEmoji(name)} />`);
     }
+    function insertSpace() {
+      if (!inputRef.value)
+        return;
+      if (!inputRef.value.innerHTML || inputRef.value.innerHTML === "<br>") {
+        Array.from(inputRef.value.childNodes).forEach((child) => child.remove());
+        document.execCommand("insertHTML", false, SPACE_PLACEHOLDER);
+      }
+    }
     async function doUpdateFile(file) {
       const formData = new FormData();
       formData.append("sender", state.userInfo.id);
@@ -191,13 +206,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     async function handleMsgSend() {
+      if (sendBtnDisabled.value)
+        return console.log("\u8BF7\u8F93\u5165\u5185\u5BB9");
+      removeSpace();
       const {
         innerHTML = "",
         innerText = "",
         outerText = ""
       } = inputRef.value || {};
-      if (sendBtnDisabled.value)
-        return console.log("\u8BF7\u8F93\u5165\u5185\u5BB9");
       let chatMessageType = MESSAGE_TYPE.TEXT;
       let msg = "";
       if (innerHTML) {
@@ -259,6 +275,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         origin: "btn"
       });
     }
+    function removeSpace() {
+      if (!inputRef.value)
+        return;
+      const spaceHolders = inputRef.value.querySelectorAll('[data-space="true"]');
+      spaceHolders.forEach((space) => space.remove());
+    }
     async function doSendMessage(contentInfo) {
       const {
         chatMessageType = MESSAGE_TYPE.TEXT,
@@ -270,7 +292,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         msg,
         chatMessageType
       };
-      if (chatMessageType === MESSAGE_TYPE.FILE) {
+      if ([MESSAGE_TYPE.FILE, MESSAGE_TYPE.IMAGE].includes(chatMessageType)) {
         _content.fileUrl = url;
       }
       if (origin === "btn") {
@@ -288,7 +310,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function clearInput() {
       if (inputRef.value) {
-        inputRef.value.innerHTML = "";
+        inputRef.value.innerHTML = SPACE_PLACEHOLDER;
       }
       content.value = "";
     }
@@ -323,6 +345,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       state.isForward = false;
     }
+    onMounted(() => {
+      if (inputRef.value) {
+        inputRef.value.innerHTML = SPACE_PLACEHOLDER;
+      }
+    });
     watch(() => [state.currentReferenceMsg, state.currentReEditMsg], ([currentReferenceMsg, currentReEditMsg]) => {
       var _a;
       if (currentReferenceMsg || currentReEditMsg) {

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

@@ -401,7 +401,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         OpenOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         DownloadOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         downloadFile: typeof import("../utils").downloadFile;
-        getFileDetails: typeof import("../utils").getFileDetails;
+        formatJsonstr: typeof import("../utils").formatJsonstr;
         getFileType: typeof import("../utils").getFileType;
         getDetail: typeof import("../utils").getDetail;
         ChatAdd: import("vue").DefineComponent<{
@@ -821,7 +821,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         formatTime: typeof import("../utils").formatTime;
         isDoctorRole: typeof import("../utils").isDoctorRole;
         getRoleName: typeof import("../utils").getRoleName;
-        getFileDetails: typeof import("../utils").getFileDetails;
+        formatJsonstr: typeof import("../utils").formatJsonstr;
         getFileType: typeof import("../utils").getFileType;
         getDetail: typeof import("../utils").getDetail;
         showAudioAndVideoRecord: typeof import("../utils").showAudioAndVideoRecord;

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'vue';
 import { ImageRenderToolbarProps } from 'naive-ui';
 import { AnyObject } from '../../../../shared/types';
-import { simplifyMessage, isAudioOrVideoMessage, getAVTime, getForwardTitle } from '../utils';
+import { simplifyMessage, isAudioOrVideoMessage, getAVTime, getForwardTitle, formatJsonstr } from '../utils';
 import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{}, {
     chatMainRef: import("vue").Ref<HTMLElement | undefined>;
@@ -71,7 +71,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     renderToolbar: ({ nodes }: ImageRenderToolbarProps) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[];
-    formatImage: (obj: AnyObject | string, type: string) => any;
     getHistoryRecord: () => Promise<void>;
     handleSelectLabel: (event: MouseEvent, msgId: string) => void;
     handleContextmenu: (event: MouseEvent, msgId: string) => Promise<void>;
@@ -290,7 +289,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         getForwardTitle: typeof getForwardTitle;
         isDoctorRole: typeof import("../utils").isDoctorRole;
         getRoleName: typeof import("../utils").getRoleName;
-        getFileDetails: typeof import("../utils").getFileDetails;
+        formatJsonstr: typeof formatJsonstr;
         getFileType: typeof import("../utils").getFileType;
         getDetail: typeof import("../utils").getDetail;
         showAudioAndVideoRecord: typeof import("../utils").showAudioAndVideoRecord;
@@ -653,6 +652,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isAudioOrVideoMessage: typeof isAudioOrVideoMessage;
     getAVTime: typeof getAVTime;
     getForwardTitle: typeof getForwardTitle;
+    formatJsonstr: typeof formatJsonstr;
     MESSAGE_TYPE: typeof MESSAGE_TYPE;
     ChatbubbleEllipsesOutline: 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<{}>>, {}>;
     EllipsisHorizontal: 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<{}>>, {}>;

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

@@ -6,7 +6,7 @@ import { useData } from '../hooks/useData.js';
 import 'stompjs';
 import 'sockjs-client/dist/sockjs.min.js';
 import { MESSAGE_TYPE } from '../constants/index.js';
-import { isAudioOrVideoMessage, simplifyMessage, getForwardTitle, getAVTime, downloadFile } from '../utils/index.js';
+import { isAudioOrVideoMessage, simplifyMessage, getForwardTitle, formatJsonstr, getAVTime, downloadFile } from '../utils/index.js';
 import { first, last, isArray, toString } from 'lodash-es';
 import 'trtc-sdk-v5';
 import MessageTemplate from './MessageTemplate.vue.js';
@@ -130,7 +130,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "color": "rgba(255, 255, 255, 0.75",
           "size": 24,
           "component": ArrowDownSharp,
-          "onClick": () => src && downloadFile(src, "img")
+          "onClick": () => src && downloadFile(JSON.stringify({
+            fileUrl: src,
+            fileName: "image"
+          }))
         }, null),
         default: () => function() {
           var _a2, _b2, _c;
@@ -142,17 +145,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }()
       }), nodes.close];
     }
-    function formatImage(obj, type) {
-      try {
-        if (typeof obj === "string") {
-          const objParse = JSON.parse(obj);
-          return objParse[type];
-        }
-        return obj[type];
-      } catch (error) {
-        return obj;
-      }
-    }
     async function getHistoryRecord() {
       try {
         if (!pageInfo.hasMore)
@@ -490,7 +482,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }), 128))])], 8, _hoisted_14)) : createCommentVNode("v-if", true), item.content.chatMessageType === unref(MESSAGE_TYPE).IMAGE ? (openBlock(), createBlock(unref(NImage), {
             key: 4,
             width: "240",
-            src: formatImage(item.__content, "fileUrl"),
+            src: unref(formatJsonstr)(item.__content, "fileUrl"),
             onClick: _cache[0] || (_cache[0] = (event) => event.stopPropagation())
           }, null, 8, ["src"])) : createCommentVNode("v-if", true), unref(isAudioOrVideoMessage)(item.content) ? (openBlock(), createElementBlock(Fragment, {
             key: 5
@@ -515,7 +507,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 "row-gap": "0"
               }
             }, {
-              default: withCtx(() => [createElementVNode("span", null, toDisplayString(formatImage(item.__content, "fileName")), 1), createElementVNode("span", _hoisted_19, toDisplayString(item.__size), 1)]),
+              default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(formatJsonstr)(item.__content, "fileName")), 1), createElementVNode("span", _hoisted_19, toDisplayString(unref(formatJsonstr)(item.__content, "fileSize")), 1)]),
               _: 2
             }, 1024)]),
             _: 2

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
-import { formatTime, isDoctorRole, getRoleName, getFileDetails, getFileType, getDetail, showAudioAndVideoRecord, getForwardTitle, simplifyMessage } from '../utils';
+import { formatTime, isDoctorRole, getRoleName, formatJsonstr, getFileType, getDetail, showAudioAndVideoRecord, getForwardTitle, simplifyMessage } from '../utils';
 import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{
     visible: {
@@ -213,7 +213,7 @@ declare const _default: import("vue").DefineComponent<{
     formatTime: typeof formatTime;
     isDoctorRole: typeof isDoctorRole;
     getRoleName: typeof getRoleName;
-    getFileDetails: typeof getFileDetails;
+    formatJsonstr: typeof formatJsonstr;
     getFileType: typeof getFileType;
     getDetail: typeof getDetail;
     showAudioAndVideoRecord: typeof showAudioAndVideoRecord;

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

@@ -6,7 +6,7 @@ import 'stompjs';
 import 'sockjs-client/dist/sockjs.min.js';
 import { MESSAGE_TYPE } from '../constants/index.js';
 import { searchChatRecordApi } from '../api/index.js';
-import { transformMessage, isDoctorRole, getRoleName, formatTime, getFileDetails, getFileType, getDetail, showAudioAndVideoRecord, getForwardTitle, simplifyMessage } from '../utils/index.js';
+import { transformMessage, isDoctorRole, getRoleName, formatTime, formatJsonstr, getFileType, getDetail, showAudioAndVideoRecord, getForwardTitle, simplifyMessage } from '../utils/index.js';
 import { last, isArray } from 'lodash-es';
 import 'trtc-sdk-v5';
 import DatePicker from '../../../date-picker/index.js';
@@ -369,10 +369,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             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", {
             key: 0,
-            src: unref(getFileDetails)(item.__content, "fileUrl")
+            src: unref(formatJsonstr)(item.__content, "fileUrl")
           }, null, 8, _hoisted_11)) : 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(getFileDetails)(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_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", {
             key: 2,
             class: "emoji",
             src: unref(emojis).findEmoji(item.__content)

package/es/components/iho-chat/src/components/ContextMenu.js

@@ -7,7 +7,7 @@ import 'stompjs';
 import 'sockjs-client/dist/sockjs.min.js';
 import { STATUS, MESSAGE_TYPE } from '../constants/index.js';
 import { recallMessageApi } from '../api/index.js';
-import { isAudioOrVideoMessage, $message, downloadFile, getFileDetails } from '../utils/index.js';
+import { isAudioOrVideoMessage, $message, downloadFile, formatJsonstr } from '../utils/index.js';
 import 'lodash-es';
 import 'trtc-sdk-v5';
 import { emojis } from '../utils/emoji.js';
@@ -192,7 +192,7 @@ var ContextMenu = /* @__PURE__ */ defineComponent({
               } else {
                 let data;
                 if ([MESSAGE_TYPE.EMOJI, MESSAGE_TYPE.IMAGE].includes(chatMessageType)) {
-                  const url = chatMessageType === MESSAGE_TYPE.EMOJI ? emojis.findEmoji(content.msg) : getFileDetails(content.msg, "fileUrl");
+                  const url = chatMessageType === MESSAGE_TYPE.EMOJI ? emojis.findEmoji(content.msg) : formatJsonstr(content.msg, "fileUrl");
                   data = `<img data-msg=${chatMessageType === MESSAGE_TYPE.EMOJI ? content.msg : ""} data-type=${chatMessageType} class=${chatMessageType === MESSAGE_TYPE.EMOJI ? "emoji--min" : "chat-image-copy"} src=${url} />`;
                 } else if (chatMessageType === MESSAGE_TYPE.BLEND) {
                   data = __content;
@@ -211,15 +211,7 @@ var ContextMenu = /* @__PURE__ */ defineComponent({
           }
           return;
         case "download": {
-          let {
-            fileUrl: url,
-            msg: fileName
-          } = content;
-          if (chatMessageType === MESSAGE_TYPE.IMAGE) {
-            url = fileName;
-            fileName = fileName.match(/\/([^\/?#]+)$/)[1];
-          }
-          downloadFile(url, fileName);
+          downloadFile(__content);
           return;
         }
         case "withdraw": {

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

@@ -1,5 +1,5 @@
 import { AnyObject } from '../../../../shared/types';
-import { formatTime, getForwardTitle, isDoctorRole, getRoleName, getFileDetails, getFileType, getDetail, showAudioAndVideoRecord, simplifyMessage } from '../utils';
+import { formatTime, getForwardTitle, isDoctorRole, getRoleName, formatJsonstr, getFileType, getDetail, showAudioAndVideoRecord, simplifyMessage } from '../utils';
 import { MESSAGE_TYPE } from '../constants';
 declare const _default: import("vue").DefineComponent<{
     id: {
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     getForwardTitle: typeof getForwardTitle;
     isDoctorRole: typeof isDoctorRole;
     getRoleName: typeof getRoleName;
-    getFileDetails: typeof getFileDetails;
+    formatJsonstr: typeof formatJsonstr;
     getFileType: typeof getFileType;
     getDetail: typeof getDetail;
     showAudioAndVideoRecord: typeof showAudioAndVideoRecord;

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

@@ -5,7 +5,7 @@ import 'stompjs';
 import 'sockjs-client/dist/sockjs.min.js';
 import { MESSAGE_TYPE } from '../constants/index.js';
 import '../api/index.js';
-import { transformMessage, getForwardTitle, isDoctorRole, getRoleName, formatTime, getFileDetails, getFileType, getDetail, showAudioAndVideoRecord, simplifyMessage } from '../utils/index.js';
+import { transformMessage, getForwardTitle, isDoctorRole, getRoleName, formatTime, formatJsonstr, getFileType, getDetail, showAudioAndVideoRecord, simplifyMessage } from '../utils/index.js';
 import { isArray } from 'lodash-es';
 import 'trtc-sdk-v5';
 import { emojis } from '../utils/emoji.js';
@@ -116,10 +116,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             }
           }, toDisplayString(unref(getRoleName)(item.roleInfo)), 3), [[vShow, unref(getRoleName)(item.roleInfo)]])]), createElementVNode("span", null, toDisplayString(unref(formatTime)(item.sendTime).recordTime), 1)]), createElementVNode("div", _hoisted_5, [item.content.chatMessageType === unref(MESSAGE_TYPE).IMAGE ? (openBlock(), createElementBlock("img", {
             key: 0,
-            src: unref(getFileDetails)(item.__content, "fileUrl")
+            src: unref(formatJsonstr)(item.__content, "fileUrl")
           }, null, 8, _hoisted_6)) : item.content.chatMessageType === unref(MESSAGE_TYPE).FILE ? (openBlock(), createElementBlock(Fragment, {
             key: 1
-          }, [createElementVNode("span", _hoisted_7, toDisplayString(unref(getFileType)(item.__content)), 1), createElementVNode("div", _hoisted_8, [createElementVNode("span", _hoisted_9, toDisplayString(unref(getFileDetails)(item.__content, "fileName")), 1), createElementVNode("span", _hoisted_10, toDisplayString(unref(getDetail)(item)), 1)])], 64)) : item.content.chatMessageType === unref(MESSAGE_TYPE).EMOJI ? (openBlock(), createElementBlock("img", {
+          }, [createElementVNode("span", _hoisted_7, toDisplayString(unref(getFileType)(item.__content)), 1), createElementVNode("div", _hoisted_8, [createElementVNode("span", _hoisted_9, toDisplayString(unref(formatJsonstr)(item.__content, "fileName")), 1), createElementVNode("span", _hoisted_10, 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)

package/es/components/iho-chat/src/hooks/useData.js

@@ -1,9 +1,9 @@
 import { ref, reactive, computed, watch, toRef, inject, toRaw } from 'vue';
 import { openSessionApi, updateStatusApi, groupUserApi } from '../api/index.js';
 import { promiseTimeout, useIntervalFn } from '@vueuse/core';
-import { isGroup, listSort, formatTime, transformMessage, getFileSize, $message, simplifyMessage } from '../utils/index.js';
+import { isGroup, listSort, formatTime, transformMessage, $message, simplifyMessage } from '../utils/index.js';
 import { cloneDeep, remove, isArray, uniqBy } from 'lodash-es';
-import { STATUS, MESSAGE_TYPE, CHAT_TYPE } from '../constants/index.js';
+import { STATUS, CHAT_TYPE, MESSAGE_TYPE } from '../constants/index.js';
 import { useTheme } from '../../../../shared/hooks/useTheme.js';
 import 'date-fns';
 import '@vue/shared';
@@ -139,11 +139,6 @@ function initData(props, emit) {
         __content: transformMessage(item.content),
         __sendTime: formatTime(item.sendTime).recordTime
       });
-      if (item.content.chatMessageType === MESSAGE_TYPE.FILE && !item.__size) {
-        getFileSize(item.content.fileUrl).then((size) => {
-          item.__size = size;
-        });
-      }
     });
     if (needUpdateTime()) {
       resume();

package/es/components/iho-chat/src/hooks/useDraggable.js

@@ -65,6 +65,7 @@ function useDraggable(target, options = {}) {
       topRightElement();
     }
   };
+  const clamp = (val, min, max) => Math.max(min, Math.min(val, max));
   const onMouseDown = (e) => {
     var _a;
     if (!target.value)
@@ -87,12 +88,20 @@ function useDraggable(target, options = {}) {
   };
   const onMouseMove = (e) => {
     var _a;
-    if (!isDragging.value)
+    if (!isDragging.value || !target.value)
       return;
     const dx = e.clientX - startMousePos.value.x;
     const dy = e.clientY - startMousePos.value.y;
-    x.value = startPos.value.x + dx;
-    y.value = startPos.value.y + dy;
+    const {
+      width,
+      height
+    } = target.value.getBoundingClientRect();
+    const minX = 0;
+    const minY = 0;
+    const maxX = window.innerWidth - width;
+    const maxY = window.innerHeight - height;
+    x.value = clamp(startPos.value.x + dx, minX, maxX);
+    y.value = clamp(startPos.value.y + dy, minY, maxY);
     updatePosition();
     (_a = options.onDrag) == null ? void 0 : _a.call(options, {
       x: x.value,

package/es/components/iho-chat/src/utils/index.d.ts

@@ -9,8 +9,7 @@ export declare function listSort(list: AnyObject[]): AnyObject[];
 export declare function transformMessage(content: AnyObject): any;
 export declare function getAVTime(msg: string): string;
 export declare function simplifyMessage(lastMessage: AnyObject): any;
-export declare function downloadFile(url: string, filename: string): void;
-export declare function getFileSize(url: string): Promise<unknown>;
+export declare function downloadFile(msg: string): void;
 export declare function base64ToFile(base64: string): Promise<File | undefined>;
 export declare function isAudioOrVideoMessage(message: AnyObject): boolean;
 export declare function formatSeconds(seconds: number): string;
@@ -18,7 +17,7 @@ export declare function isGroup(session: AnyObject): boolean;
 export declare function getForwardTitle(content: AnyObject): string | undefined;
 export declare function isDoctorRole(type: string): boolean;
 export declare function getRoleName(type: string): string;
-export declare function getFileDetails(msg: string, type: string): any;
 export declare function getFileType(msg: string): string;
 export declare function getDetail(item: AnyObject, isShowSize?: boolean): string;
 export declare function showAudioAndVideoRecord(chatMessageType: string): "语音通话" | "视频通话";
+export declare function formatJsonstr(obj: AnyObject | string, type: string): any;