cnhis-design-vue 3.3.3-beta.3 → 3.3.3-beta.30

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/components/MultipleVideo.vue.d.ts

@@ -67,8 +67,22 @@ declare const _default: import("vue").DefineComponent<{}, {
         handleRemoteVideoAvailable: import("../../../../shared/types").AnyFn;
     }) => void;
     isConnect: import("vue").Ref<boolean>;
+    wrapperRef: import("vue").Ref<HTMLElement | null>;
+    handleRef: import("vue").Ref<HTMLElement | null>;
+    isMaxSize: import("vue").Ref<boolean>;
+    miniWrapperRef: import("vue").Ref<HTMLElement | null>;
     callUser: import("vue").ComputedRef<any>;
     title: import("vue").ComputedRef<string>;
+    style: import("vue").Ref<{
+        left: string;
+        top: string;
+    }>;
+    changePosition: (position?: ("center" | "top-right") | undefined) => void;
+    miniStyle: import("vue").Ref<{
+        left: string;
+        top: string;
+    }>;
+    changeMiniPosition: (position?: ("center" | "top-right") | undefined) => void;
     handleAddPerson: ({ checkedIds, checkedOptions }: {
         checkedIds: string[];
         checkedOptions: AnyObject[];
@@ -83,6 +97,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleRemoteUserExit: (event: any) => void;
     handleError: (error: any) => void;
     NButton: any;
+    NAvatar: any;
     NIcon: any;
     ChatAdd: import("vue").DefineComponent<{
         title: {
@@ -285,5 +300,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     PersonAdd: 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<{}>>, {}>;
     MicOff: 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<{}>>, {}>;
     Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ResizeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1,7 +1,7 @@
-import { createElementVNode, defineComponent, ref, computed, onBeforeUnmount, openBlock, createElementBlock, withDirectives, toDisplayString, unref, vShow, createVNode, withCtx, Fragment, renderList, createCommentVNode, createTextVNode, nextTick } from 'vue';
-import { NButton, NIcon } from 'naive-ui';
+import { createElementVNode, defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, withDirectives, normalizeStyle, unref, toDisplayString, vShow, createVNode, withCtx, renderList, createCommentVNode, createTextVNode, nextTick } from 'vue';
+import { NButton, NIcon, NAvatar } from 'naive-ui';
 import ChatAdd from './ChatAdd.vue.js';
-import { Close, Mic, MicOff, Videocam, VideocamOff, Call, PersonAdd } from '@vicons/ionicons5';
+import { Close, Mic, MicOff, Videocam, VideocamOff, Call, PersonAdd, ResizeOutline } from '@vicons/ionicons5';
 import { getUserDetailApi } from '../api/index.js';
 import '@vueuse/core';
 import { $message } from '../utils/index.js';
@@ -16,32 +16,30 @@ import '../../../../shared/hooks/useScrollLoading.js';
 import 'stompjs';
 import 'sockjs-client/dist/sockjs.min.js';
 import { useVideo } from '../hooks/useVideo.js';
+import { useDraggable } from '../hooks/useDraggable.js';
 import TRTC from 'trtc-sdk-v5';
 
 const _hoisted_1 = {
-  class: "video-wrapper video-wrapper--multiple"
+  class: "top-right-btns"
 };
 const _hoisted_2 = {
-  class: "video-header"
-};
-const _hoisted_3 = {
   key: 0,
   class: "video-main"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   class: "video-main__left"
 };
-const _hoisted_5 = ["data-name"];
-const _hoisted_6 = {
+const _hoisted_4 = ["data-name"];
+const _hoisted_5 = {
   class: "video-bottom"
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   class: "btn-group"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   class: "btn"
 };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", {
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", {
   class: "text"
 }, function() {
   var _a, _b, _c;
@@ -51,10 +49,10 @@ const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", {
     return "\u9759\u97F3";
   }
 }(), -1);
-const _hoisted_10 = {
+const _hoisted_9 = {
   class: "btn"
 };
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", {
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", {
   class: "text"
 }, function() {
   var _a, _b, _c;
@@ -64,7 +62,7 @@ const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", {
     return "\u6444\u50CF\u5934";
   }
 }(), -1);
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", {
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", {
   class: "text"
 }, function() {
   var _a, _b, _c;
@@ -74,10 +72,10 @@ const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", {
     return "\u7ED3\u675F\u4F1A\u8BCA";
   }
 }(), -1);
-const _hoisted_13 = {
+const _hoisted_12 = {
   class: "btn"
 };
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", {
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", {
   class: "text"
 }, function() {
   var _a, _b, _c;
@@ -87,35 +85,35 @@ const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", {
     return "\u6DFB\u52A0\u53C2\u4F1A\u4EBA";
   }
 }(), -1);
-const _hoisted_15 = {
+const _hoisted_14 = {
   class: "video-main__right"
 };
-const _hoisted_16 = ["id", "data-name"];
-const _hoisted_17 = {
+const _hoisted_15 = ["id", "data-name"];
+const _hoisted_16 = {
   class: "user"
 };
-const _hoisted_18 = {
+const _hoisted_17 = {
   class: "name"
 };
-const _hoisted_19 = {
+const _hoisted_18 = {
   key: 0,
   class: "tip"
 };
-const _hoisted_20 = {
+const _hoisted_19 = {
   key: 0,
   class: "calling-box"
 };
-const _hoisted_21 = {
+const _hoisted_20 = {
   class: "btn-box"
 };
-const _hoisted_22 = {
+const _hoisted_21 = {
   key: 1,
   class: "opt-btn"
 };
-const _hoisted_23 = {
+const _hoisted_22 = {
   class: "btn"
 };
-const _hoisted_24 = /* @__PURE__ */ createElementVNode("span", null, function() {
+const _hoisted_23 = /* @__PURE__ */ createElementVNode("span", null, function() {
   var _a, _b, _c;
   try {
     return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.113")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.113")) || "\u62D2\u63A5";
@@ -123,10 +121,10 @@ const _hoisted_24 = /* @__PURE__ */ createElementVNode("span", null, function()
     return "\u62D2\u63A5";
   }
 }(), -1);
-const _hoisted_25 = {
+const _hoisted_24 = {
   class: "btn"
 };
-const _hoisted_26 = /* @__PURE__ */ createElementVNode("span", null, function() {
+const _hoisted_25 = /* @__PURE__ */ createElementVNode("span", null, function() {
   var _a, _b, _c;
   try {
     return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.114")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.114")) || "\u63A5\u542C";
@@ -134,6 +132,12 @@ const _hoisted_26 = /* @__PURE__ */ createElementVNode("span", null, function()
     return "\u63A5\u542C";
   }
 }(), -1);
+const _hoisted_26 = {
+  class: "header"
+};
+const _hoisted_27 = {
+  class: "content"
+};
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MultipleVideo",
   setup(__props) {
@@ -158,6 +162,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       uninstallEventHandlers
     } = useVideo();
     const isConnect = ref(false);
+    const wrapperRef = ref(null);
+    const handleRef = ref(null);
+    const isMaxSize = ref(true);
+    const miniWrapperRef = ref(null);
     const callUser = computed(() => isCall.value ? state.userInfo.name : state.currentAVMsg.sendName);
     const title = computed(() => {
       if (!isConnect.value)
@@ -165,6 +173,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const count = isCall.value ? `\uFF08${remoteUsers.value.length + 1}/${state.currentAVMsg.checkedIds.length + 1}\uFF09` : "";
       return `${callUser.value}\u53D1\u8D77\u7684${messageTypeText.value}\u4F1A\u8BCA${count} ${timing.value}`;
     });
+    const {
+      style,
+      changePosition
+    } = useDraggable(wrapperRef, {
+      initialPosition: "center",
+      handle: handleRef
+    });
+    const {
+      style: miniStyle,
+      changePosition: changeMiniPosition
+    } = useDraggable(miniWrapperRef);
+    watch(() => isMaxSize.value, (val) => {
+      if (val) {
+        changePosition("center");
+      } else {
+        changeMiniPosition("top-right");
+      }
+    });
     function handleAddPerson({
       checkedIds,
       checkedOptions
@@ -315,24 +341,38 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       handleExit();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [withDirectives(createElementVNode("span", {
+      return openBlock(), createElementBlock(Fragment, null, [withDirectives(createElementVNode("div", {
+        class: "video-wrapper video-wrapper--multiple",
+        ref_key: "wrapperRef",
+        ref: wrapperRef,
+        style: normalizeStyle(unref(style))
+      }, [createElementVNode("div", {
+        class: "video-header",
+        ref_key: "handleRef",
+        ref: handleRef
+      }, [withDirectives(createElementVNode("span", {
         class: "title"
-      }, toDisplayString(unref(title)), 513), [[vShow, isConnect.value]]), createVNode(unref(NButton), {
+      }, toDisplayString(unref(title)), 513), [[vShow, isConnect.value]]), createElementVNode("div", _hoisted_1, [createVNode(unref(NButton), {
         quaternary: "",
-        circle: "",
+        size: "tiny",
+        class: "custom-btn",
+        onClick: _cache[0] || (_cache[0] = () => isMaxSize.value = false)
+      }), createVNode(unref(NButton), {
+        text: "",
         color: "#ffffffcc",
         onClick: handleExit
       }, {
-        icon: withCtx(() => [createVNode(unref(NIcon), {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "18",
           component: unref(Close)
         }, null, 8, ["component"])]),
         _: 1
-      })]), isConnect.value ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createElementVNode("div", {
+      })])], 512), isConnect.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
         ref_key: "selfVideoRef",
         ref: selfVideoRef,
         class: "video-view",
         "data-name": unref(state).userInfo.name
-      }, null, 8, _hoisted_5), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [createVNode(unref(NButton), {
+      }, null, 8, _hoisted_4), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createVNode(unref(NButton), {
         text: "",
         color: !unref(voiceClose) ? "#fff" : "#000",
         onClick: unref(toggleAudio)
@@ -341,7 +381,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: !unref(voiceClose) ? unref(Mic) : unref(MicOff)
         }, null, 8, ["component"])]),
         _: 1
-      }, 8, ["color", "onClick"]), _hoisted_9]), createElementVNode("div", _hoisted_10, [createVNode(unref(NButton), {
+      }, 8, ["color", "onClick"]), _hoisted_8]), createElementVNode("div", _hoisted_9, [createVNode(unref(NButton), {
         text: "",
         color: !unref(videocamClose) ? "#fff" : "#000",
         disabled: unref(isAudio),
@@ -351,7 +391,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: !unref(videocamClose) ? unref(Videocam) : unref(VideocamOff)
         }, null, 8, ["component"])]),
         _: 1
-      }, 8, ["color", "disabled", "onClick"]), _hoisted_11]), createElementVNode("div", {
+      }, 8, ["color", "disabled", "onClick"]), _hoisted_10]), createElementVNode("div", {
         class: "btn",
         onClick: handleExit
       }, [createVNode(unref(NButton), {
@@ -363,11 +403,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_12]), createVNode(ChatAdd, {
+      }), _hoisted_11]), createVNode(ChatAdd, {
         onComfirm: handleAddPerson,
         disabledIds: unref(state).currentAVMsg.checkedIds
       }, {
-        trigger: withCtx(() => [createElementVNode("div", _hoisted_13, [createVNode(unref(NButton), {
+        trigger: withCtx(() => [createElementVNode("div", _hoisted_12, [createVNode(unref(NButton), {
           text: "",
           color: "#fff"
         }, {
@@ -375,18 +415,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             component: unref(PersonAdd)
           }, null, 8, ["component"])]),
           _: 1
-        }), _hoisted_14])]),
+        }), _hoisted_13])]),
         _: 1
-      }, 8, ["disabledIds"])])])]), createElementVNode("div", _hoisted_15, [(openBlock(true), createElementBlock(Fragment, null, renderList(remoteUsers.value, (user) => {
+      }, 8, ["disabledIds"])])])]), createElementVNode("div", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(remoteUsers.value, (user) => {
         return openBlock(), createElementBlock("div", {
           key: user.id,
           id: user.id,
           class: "video-view",
           "data-name": user.name
-        }, null, 8, _hoisted_16);
+        }, null, 8, _hoisted_15);
       }), 128))])])) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [createElementVNode("div", _hoisted_17, [createElementVNode("span", _hoisted_18, toDisplayString(unref(callUser)) + function() {
+      }, [createElementVNode("div", _hoisted_16, [createElementVNode("span", _hoisted_17, toDisplayString(unref(callUser)) + function() {
         var _a, _b, _c;
         try {
           return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.108")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.108")) || "\u53D1\u8D77\u7684";
@@ -400,7 +440,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         } catch (e) {
           return "\u4F1A\u8BAE";
         }
-      }(), 1), !unref(isCall) ? (openBlock(), createElementBlock("span", _hoisted_19, function() {
+      }(), 1), !unref(isCall) ? (openBlock(), createElementBlock("span", _hoisted_18, function() {
         var _a, _b, _c;
         try {
           return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.110")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.110")) || "\u9080\u8BF7\u4F60\u52A0\u5165";
@@ -414,7 +454,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         } catch (e) {
           return "\u4F1A\u8BAE";
         }
-      }(), 1)) : createCommentVNode("v-if", true)]), unref(isCall) ? (openBlock(), createElementBlock("div", _hoisted_20, [createVNode(ChatAdd, {
+      }(), 1)) : createCommentVNode("v-if", true)]), unref(isCall) ? (openBlock(), createElementBlock("div", _hoisted_19, [createVNode(ChatAdd, {
         onComfirm: handleAddPerson,
         disabledIds: unref(state).currentAVMsg.checkedIds
       }, {
@@ -459,10 +499,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }())]),
         _: 1
-      }), createElementVNode("div", _hoisted_21, [createVNode(unref(NButton), {
+      }), createElementVNode("div", _hoisted_20, [createVNode(unref(NButton), {
         color: "#000",
         round: "",
-        onClick: _cache[0] || (_cache[0] = ($event) => voiceClose.value = !unref(voiceClose))
+        onClick: _cache[1] || (_cache[1] = ($event) => voiceClose.value = !unref(voiceClose))
       }, {
         icon: withCtx(() => [createVNode(unref(NIcon), {
           component: unref(voiceClose) ? unref(MicOff) : unref(Mic)
@@ -471,25 +511,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }), createVNode(unref(NButton), {
         color: "#000",
         round: "",
-        onClick: _cache[1] || (_cache[1] = ($event) => videocamClose.value = !unref(videocamClose)),
+        onClick: _cache[2] || (_cache[2] = ($event) => videocamClose.value = !unref(videocamClose)),
         disabled: unref(isAudio)
       }, {
         icon: withCtx(() => [createVNode(unref(NIcon), {
           component: unref(videocamClose) ? unref(VideocamOff) : unref(Videocam)
         }, null, 8, ["component"])]),
         _: 1
-      }, 8, ["disabled"])])])) : (openBlock(), createElementBlock("div", _hoisted_22, [createElementVNode("div", _hoisted_23, [createVNode(unref(NButton), {
+      }, 8, ["disabled"])])])) : (openBlock(), createElementBlock("div", _hoisted_21, [createElementVNode("div", _hoisted_22, [createVNode(unref(NButton), {
         circle: "",
         color: "#f17568",
         class: "btn--rotate",
-        onClick: _cache[2] || (_cache[2] = () => unref(state).showMultipleVideo = false)
+        onClick: _cache[3] || (_cache[3] = () => unref(state).showMultipleVideo = false)
       }, {
         icon: withCtx(() => [createVNode(unref(NIcon), {
           size: "30",
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_24]), createElementVNode("div", _hoisted_25, [createVNode(unref(NButton), {
+      }), _hoisted_23]), createElementVNode("div", _hoisted_24, [createVNode(unref(NButton), {
         circle: "",
         color: "#2ac98b",
         onClick: handleEnter
@@ -499,7 +539,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_26])]))], 64))]);
+      }), _hoisted_25])]))], 64))], 4), [[vShow, isMaxSize.value]]), withDirectives(createElementVNode("div", {
+        class: "video-wrapper video-wrapper--mini",
+        ref_key: "miniWrapperRef",
+        ref: miniWrapperRef,
+        style: normalizeStyle(unref(miniStyle))
+      }, [createElementVNode("div", _hoisted_26, [createVNode(unref(NButton), {
+        text: "",
+        color: "#ffffffcc",
+        onClick: _cache[4] || (_cache[4] = () => isMaxSize.value = true)
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "18",
+          component: unref(ResizeOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      })]), createElementVNode("div", _hoisted_27, [createVNode(unref(NAvatar), {
+        round: "",
+        size: 48,
+        src: unref(state).userInfo.avatar
+      }, null, 8, ["src"])])], 4), [[vShow, !isMaxSize.value]])], 64);
     };
   }
 });

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

@@ -225,7 +225,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           round: "",
           size: 100,
           onClickCapture: _cache[0] || (_cache[0] = ($event) => showLargeAvatar.value = true)
-        }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\n							<n-upload-trigger #="{ handleClick }" abstract>\n								<n-button\n									circle\n									secondary\n									class="edit-avatar"\n									v-show="userDetail.id === state.userInfo.id"\n									@click="handleClick"\n								>\n									<template #icon>\n										<n-icon size="16" color="#666666" :component="Camera" />\n									</template>\n								</n-button>\n							</n-upload-trigger>\n						</n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
+        }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\r\n							<n-upload-trigger #="{ handleClick }" abstract>\r\n								<n-button\r\n									circle\r\n									secondary\r\n									class="edit-avatar"\r\n									v-show="userDetail.id === state.userInfo.id"\r\n									@click="handleClick"\r\n								>\r\n									<template #icon>\r\n										<n-icon size="16" color="#666666" :component="Camera" />\r\n									</template>\r\n								</n-button>\r\n							</n-upload-trigger>\r\n						</n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
           class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(userDetail.roleInfo) ? "isDoctor" : ""])
         }, toDisplayString(unref(getRoleName)(userDetail.roleInfo)), 3), [[vShow, unref(getRoleName)(userDetail.roleInfo)]])]), createElementVNode("p", null, toDisplayString(userDetail.orgName), 1)]), createVNode(unref(NButton), {
           strong: "",

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

@@ -1,3 +1,4 @@
 export * from './useData';
 export * from './useWebSocket';
 export * from './useVideo';
+export * from './useDraggable';

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

@@ -1,3 +1,4 @@
 export { InjectionIChatData, initData, useData } from './useData.js';
 export { useWebSocket } from './useWebSocket.js';
 export { useVideo } from './useVideo.js';
+export { useDraggable } from './useDraggable.js';

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();