cnhis-design-vue 3.3.3-beta.7 → 3.3.3-release.12

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

@@ -0,0 +1,307 @@
+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 = ["onClick"];
+const _hoisted_2 = {
+  class: "lightbox-container"
+};
+const _hoisted_3 = ["onMousedown", "onWheel"];
+const _hoisted_4 = ["src", "alt"];
+const _hoisted_5 = {
+  class: "title"
+};
+const _hoisted_6 = {
+  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,
+    emit
+  }) {
+    const props = __props;
+    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.src,
+        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_2, [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: unref(currentImageData).fileUrl,
+        style: normalizeStyle(unref(imageStyle)),
+        alt: unref(currentImageData).fileName,
+        onLoad: handleImageLoad,
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, null, 44, _hoisted_4)], 40, _hoisted_3), 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_5, [renderSlot(_ctx.$slots, "title", {
+        currentImageData: unref(currentImageData)
+      }, () => [createElementVNode("p", null, toDisplayString(unref(currentImageData).senderName) + "\u5206\u4EAB\u7684\u56FE\u7247", 1), createElementVNode("p", null, toDisplayString(unref(currentImageData).sendTime) + " \xB7 " + toDisplayString(unref(currentImageData).fileSize), 1)])]), createCommentVNode(" \u5DE5\u5177\u680F "), createElementVNode("div", _hoisted_6, [createElementVNode("div", {
+        class: "toolbar",
+        onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+        }, ["stop"]))
+      }, [createVNode(unref(NButton), {
+        text: "",
+        disabled: !unref(hasPrev),
+        onClick: prevImage
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(PlaySkipBackOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      }, 8, ["disabled"]), createVNode(unref(NButton), {
+        text: "",
+        disabled: !unref(hasNext),
+        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(() => [createTextVNode("1:1")]),
+        _: 1
+      }), createVNode(unref(NButton), {
+        text: "",
+        onClick: download
+      }, {
+        default: withCtx(() => [createVNode(unref(NIcon), {
+          size: "22",
+          component: unref(DownloadOutline)
+        }, null, 8, ["component"])]),
+        _: 1
+      })])])])], 8, _hoisted_1)) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -17,7 +17,30 @@ declare const _default: import("vue").DefineComponent<{
         currentSessionItem: AnyObject;
         id: string;
         userInfo: AnyObject;
-        msgList: AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            };
+            senderName: string;
+            sendTime: string;
+            sender: string;
+            status: string;
+            senderAvatar: string;
+            __content: string;
+            __time?: string | undefined;
+            __sendTime?: string | undefined;
+        }[];
         currentMsg: AnyObject;
         isAppendMsg: boolean;
         sessionList: AnyObject[];

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

@@ -1,6 +1,7 @@
 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';
+import { MsgListItem } from '../types';
 declare const _default: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
@@ -16,7 +17,30 @@ declare const _default: import("vue").DefineComponent<{
         currentSessionItem: AnyObject;
         id: string;
         userInfo: AnyObject;
-        msgList: AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            };
+            senderName: string;
+            sendTime: string;
+            sender: string;
+            status: string;
+            senderAvatar: string;
+            __content: string;
+            __time?: string | undefined;
+            __sendTime?: string | undefined;
+        }[];
         currentMsg: AnyObject;
         isAppendMsg: boolean;
         sessionList: AnyObject[];
@@ -41,7 +65,7 @@ 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;
@@ -54,7 +78,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;
@@ -62,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
     MESSAGE_TYPE: typeof MESSAGE_TYPE;
     emojis: {
         default: string[][];
-        findEmoji(name: string): any;
+        findEmoji(name: string): string | undefined;
     };
     MessageEvent: import("vue").DefineComponent<{
         data: {
@@ -81,7 +105,30 @@ declare const _default: import("vue").DefineComponent<{
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];

package/es/components/iho-chat/src/components/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

@@ -11,7 +11,30 @@ declare const _default: import("vue").DefineComponent<{}, {
         currentSessionItem: AnyObject;
         id: string;
         userInfo: AnyObject;
-        msgList: AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            };
+            senderName: string;
+            sendTime: string;
+            sender: string;
+            status: string;
+            senderAvatar: string;
+            __content: string;
+            __time?: string | undefined;
+            __sendTime?: string | undefined;
+        }[];
         currentMsg: AnyObject;
         isAppendMsg: boolean;
         sessionList: AnyObject[];
@@ -67,8 +90,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 +120,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: {
@@ -148,7 +186,30 @@ declare const _default: import("vue").DefineComponent<{}, {
             currentSessionItem: AnyObject;
             id: string;
             userInfo: AnyObject;
-            msgList: AnyObject[];
+            msgList: {
+                [x: string]: any;
+                id: string;
+                sessionKey: string;
+                content: {
+                    [x: string]: any;
+                    chatMessageType: string;
+                    msg: string;
+                    referenceContent?: any;
+                    forwardMessageList?: AnyObject[] | undefined;
+                    messageTemplate?: any;
+                    messageTemplateData?: any;
+                    fileUrl?: string | undefined;
+                    avStatus?: string | undefined;
+                };
+                senderName: string;
+                sendTime: string;
+                sender: string;
+                status: string;
+                senderAvatar: string;
+                __content: string;
+                __time?: string | undefined;
+                __sendTime?: string | undefined;
+            }[];
             currentMsg: AnyObject;
             isAppendMsg: boolean;
             sessionList: AnyObject[];
@@ -285,5 +346,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;