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

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

@@ -1,5 +1,5 @@
 import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
-import { createElementVNode, defineComponent, useAttrs, ref, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString, withDirectives, normalizeClass, vShow, createCommentVNode, withKeys, nextTick } from 'vue';
+import { defineComponent, useAttrs, ref, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, withDirectives, normalizeClass, vShow, createCommentVNode, withKeys, nextTick } from 'vue';
 import { NDrawer, NDrawerContent, NButton, NIcon, NAvatar, NUpload, NUploadTrigger, NInput, NSpace, NSwitch, NPopconfirm } from 'naive-ui';
 import { ChevronBackOutline, ChevronForwardOutline, AddOutline, RemoveOutline, Pencil } from '@vicons/ionicons5';
 import { useData } from '../hooks/useData.js';
@@ -35,72 +35,38 @@ const _hoisted_6 = {
 const _hoisted_7 = {
   class: "item item-column"
 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, i18n("10010.1.85", "\u7FA4\u6210\u5458"), -1);
-const _hoisted_9 = {
+const _hoisted_8 = {
   class: "group-box"
 };
-const _hoisted_10 = ["onClick"];
-const _hoisted_11 = {
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
   class: "name"
 };
-const _hoisted_12 = {
+const _hoisted_11 = {
   class: "group-box__item"
 };
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", {
-  class: "name"
-}, i18n("10010.1.86", "\u6DFB\u52A0"), -1);
-const _hoisted_14 = {
+const _hoisted_12 = {
   class: "group-box__item"
 };
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", {
-  class: "name"
-}, i18n("10010.1.88", "\u79FB\u9664"), -1);
-const _hoisted_16 = ["onClick"];
-const _hoisted_17 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, i18n("10010.1.90", "\u7FA4\u5934\u50CF"), -1);
-const _hoisted_18 = {
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = {
   class: "item"
 };
-const _hoisted_19 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, i18n("10010.1.91", "\u7FA4\u540D\u79F0"), -1);
-const _hoisted_20 = {
+const _hoisted_15 = {
   class: "item__right"
 };
-const _hoisted_21 = {
+const _hoisted_16 = {
   class: "txt"
 };
-const _hoisted_22 = {
+const _hoisted_17 = {
   class: "item"
 };
-const _hoisted_23 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, i18n("10010.1.92", "\u7F6E\u9876\u804A\u5929"), -1);
-const _hoisted_24 = {
+const _hoisted_18 = {
   class: "item item--red"
 };
-const _hoisted_25 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, i18n("10010.1.93", "\u9000\u51FA\u7FA4\u804A"), -1);
-const _hoisted_26 = /* @__PURE__ */ createElementVNode("p", {
-  style: {
-    "width": "230px"
-  }
-}, i18n("10010.1.94", "\u662F\u5426\u786E\u8BA4\u9000\u51FA\u7FA4\u804A\uFF1F"), -1);
-const _hoisted_27 = {
+const _hoisted_19 = {
   class: "item item--red"
 };
-const _hoisted_28 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, i18n("10010.1.95", "\u89E3\u6563\u8BE5\u7FA4"), -1);
-const _hoisted_29 = /* @__PURE__ */ createElementVNode("p", {
-  style: {
-    "width": "230px"
-  }
-}, i18n("10010.1.96", "\u662F\u5426\u786E\u8BA4\u89E3\u6563\u7FA4\u804A\uFF1F"), -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChatSet",
   setup(__props) {
@@ -223,7 +189,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               size: 20,
               component: unref(ChevronBackOutline)
             }, null, 8, ["component"])]),
-            default: withCtx(() => [createTextVNode(i18n("10010.1.82", "\u8FD4\u56DE"))]),
+            default: withCtx(() => [_cache[9] || (_cache[9] = createTextVNode(i18n("10010.1.82", "\u8FD4\u56DE"), -1))]),
             _: 1
           })) : unref(isGroupChat) ? (openBlock(), createElementBlock(Fragment, {
             key: 1
@@ -271,7 +237,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             class: "item__right"
           }, null, 8, ["component"])) : createCommentVNode("v-if", true)]), !!unref(isGroupChat) ? (openBlock(), createElementBlock(Fragment, {
             key: 0
-          }, [createElementVNode("div", _hoisted_7, [_hoisted_8, createElementVNode("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentGroupUser), (user) => {
+          }, [createElementVNode("div", _hoisted_7, [_cache[13] || (_cache[13] = createElementVNode("span", {
+            class: "label"
+          }, i18n("10010.1.85", "\u7FA4\u6210\u5458"), -1)), createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(currentGroupUser.value, (user) => {
             return openBlock(), createElementBlock("div", {
               key: user.id,
               class: "group-box__item",
@@ -283,17 +251,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               round: "",
               size: 40,
               src: user.avatar
-            }, null, 8, ["src"]), createElementVNode("span", _hoisted_11, toDisplayString(user.name), 1), withDirectives(createElementVNode("label", {
+            }, null, 8, ["src"]), createElementVNode("span", _hoisted_10, toDisplayString(user.name), 1), withDirectives(createElementVNode("label", {
               class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(user.roleInfo) ? "isDoctor" : ""]),
               style: {
                 "margin-left": "0"
               }
-            }, toDisplayString(unref(getRoleName)(user.roleInfo)), 3), [[vShow, unref(getRoleName)(user.roleInfo)]])], 8, _hoisted_10);
+            }, toDisplayString(unref(getRoleName)(user.roleInfo)), 3), [[vShow, unref(getRoleName)(user.roleInfo)]])], 8, _hoisted_9);
           }), 128)), createVNode(ChatAdd, {
             mode: "join",
-            disabledIds: unref(currentGroupUserIds)
+            disabledIds: currentGroupUserIds.value
           }, {
-            trigger: withCtx(() => [createElementVNode("div", _hoisted_12, [createVNode(unref(NButton), {
+            trigger: withCtx(() => [createElementVNode("div", _hoisted_11, [createVNode(unref(NButton), {
               strong: "",
               secondary: "",
               circle: ""
@@ -302,7 +270,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 component: unref(AddOutline)
               }, null, 8, ["component"])]),
               _: 1
-            }), _hoisted_13])]),
+            }), _cache[10] || (_cache[10] = createElementVNode("span", {
+              class: "name"
+            }, i18n("10010.1.86", "\u6DFB\u52A0"), -1))])]),
             _: 1
           }, 8, ["disabledIds"]), unref(isGroupLeader) ? (openBlock(), createBlock(ChatAdd, {
             key: 0,
@@ -310,7 +280,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             mode: "remove",
             options: unref(state).currentGroupUser
           }, {
-            trigger: withCtx(() => [createElementVNode("div", _hoisted_14, [createVNode(unref(NButton), {
+            trigger: withCtx(() => [createElementVNode("div", _hoisted_12, [createVNode(unref(NButton), {
               strong: "",
               secondary: "",
               circle: ""
@@ -319,7 +289,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 component: unref(RemoveOutline)
               }, null, 8, ["component"])]),
               _: 1
-            }), _hoisted_15])]),
+            }), _cache[11] || (_cache[11] = createElementVNode("span", {
+              class: "name"
+            }, i18n("10010.1.88", "\u79FB\u9664"), -1))])]),
             _: 1
           }, 8, ["options"])) : createCommentVNode("v-if", true)]), createVNode(unref(NButton), {
             text: "",
@@ -330,7 +302,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             icon: withCtx(() => [createVNode(unref(NIcon), {
               component: unref(ChevronForwardOutline)
             }, null, 8, ["component"])]),
-            default: withCtx(() => [createTextVNode(i18n("10010.1.89", "\u67E5\u770B\u5168\u90E8\u7FA4\u6210\u5458"))]),
+            default: withCtx(() => [_cache[12] || (_cache[12] = createTextVNode(i18n("10010.1.89", "\u67E5\u770B\u5168\u90E8\u7FA4\u6210\u5458"), -1))]),
             _: 1
           })]), createVNode(unref(NUpload), {
             abstract: "",
@@ -346,15 +318,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }) => [createElementVNode("div", {
                 class: "item",
                 onClick: handleClick
-              }, [_hoisted_17, createVNode(unref(NIcon), {
+              }, [_cache[14] || (_cache[14] = createElementVNode("span", {
+                class: "label"
+              }, i18n("10010.1.90", "\u7FA4\u5934\u50CF"), -1)), createVNode(unref(NIcon), {
                 size: 20,
                 component: unref(ChevronForwardOutline),
                 class: "item__right"
-              }, null, 8, ["component"])], 8, _hoisted_16)]),
+              }, null, 8, ["component"])], 8, _hoisted_13)]),
               _: 1
             })]),
             _: 1
-          }), createElementVNode("div", _hoisted_18, [_hoisted_19, createElementVNode("div", _hoisted_20, [groupNameEditing.value ? (openBlock(), createBlock(unref(NInput), {
+          }), createElementVNode("div", _hoisted_14, [_cache[15] || (_cache[15] = createElementVNode("span", {
+            class: "label"
+          }, i18n("10010.1.91", "\u7FA4\u540D\u79F0"), -1)), createElementVNode("div", _hoisted_15, [groupNameEditing.value ? (openBlock(), createBlock(unref(NInput), {
             key: 0,
             ref_key: "inputRef",
             ref: inputRef,
@@ -368,7 +344,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: handleToEdit,
             align: "center"
           }, {
-            default: withCtx(() => [createElementVNode("span", _hoisted_21, toDisplayString(unref(state).currentSessionItem.name), 1), createVNode(unref(NButton), {
+            default: withCtx(() => [createElementVNode("span", _hoisted_16, toDisplayString(unref(state).currentSessionItem.name), 1), createVNode(unref(NButton), {
               text: "",
               style: {
                 "font-size": "14px",
@@ -381,7 +357,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             })]),
             _: 1
-          }))])])], 64)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_22, [_hoisted_23, createVNode(unref(NSwitch), {
+          }))])])], 64)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_17, [_cache[16] || (_cache[16] = createElementVNode("span", {
+            class: "label"
+          }, i18n("10010.1.92", "\u7F6E\u9876\u804A\u5929"), -1)), createVNode(unref(NSwitch), {
             value: unref(state).currentSessionItem.topping,
             "onUpdate:value": [_cache[5] || (_cache[5] = ($event) => unref(state).currentSessionItem.topping = $event), handleTopping],
             class: "item__right"
@@ -390,23 +368,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, [createVNode(unref(NPopconfirm), {
             onPositiveClick: _cache[6] || (_cache[6] = () => handleLeaveGroup(false))
           }, {
-            trigger: withCtx(() => [createElementVNode("div", _hoisted_24, [_hoisted_25, createVNode(unref(NIcon), {
+            trigger: withCtx(() => [createElementVNode("div", _hoisted_18, [_cache[17] || (_cache[17] = createElementVNode("span", {
+              class: "label"
+            }, i18n("10010.1.93", "\u9000\u51FA\u7FA4\u804A"), -1)), createVNode(unref(NIcon), {
               size: 20,
               component: unref(ChevronForwardOutline),
               class: "item__right"
             }, null, 8, ["component"])])]),
-            default: withCtx(() => [_hoisted_26]),
+            default: withCtx(() => [_cache[18] || (_cache[18] = createElementVNode("p", {
+              style: {
+                "width": "230px"
+              }
+            }, i18n("10010.1.94", "\u662F\u5426\u786E\u8BA4\u9000\u51FA\u7FA4\u804A\uFF1F"), -1))]),
             _: 1
           }), unref(isGroupLeader) ? (openBlock(), createBlock(unref(NPopconfirm), {
             key: 0,
             onPositiveClick: _cache[7] || (_cache[7] = () => handleLeaveGroup(true))
           }, {
-            trigger: withCtx(() => [createElementVNode("div", _hoisted_27, [_hoisted_28, createVNode(unref(NIcon), {
+            trigger: withCtx(() => [createElementVNode("div", _hoisted_19, [_cache[19] || (_cache[19] = createElementVNode("span", {
+              class: "label"
+            }, i18n("10010.1.95", "\u89E3\u6563\u8BE5\u7FA4"), -1)), createVNode(unref(NIcon), {
               size: 20,
               component: unref(ChevronForwardOutline),
               class: "item__right"
             }, null, 8, ["component"])])]),
-            default: withCtx(() => [_hoisted_29]),
+            default: withCtx(() => [_cache[20] || (_cache[20] = createElementVNode("p", {
+              style: {
+                "width": "230px"
+              }
+            }, i18n("10010.1.96", "\u662F\u5426\u786E\u8BA4\u89E3\u6563\u7FA4\u804A\uFF1F"), -1))]),
             _: 1
           })) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true)], 64))])) : createCommentVNode("v-if", true)]),
           _: 1

package/es/components/iho-chat/src/components/ContextMenu.d.ts

@@ -1,5 +1,5 @@
 import { PropType, CSSProperties } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
     };
-}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
@@ -29,11 +29,11 @@ declare const _default: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: string;
     show: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -126,8 +126,33 @@ var ContextMenu = /* @__PURE__ */ defineComponent({
     onClickOutside(menuRef, (event) => {
       emit("update:show", false);
     });
+    function fallbackCopyText(html) {
+      const tempDiv = document.createElement("div");
+      tempDiv.innerHTML = html;
+      tempDiv.style.position = "fixed";
+      tempDiv.style.opacity = "0";
+      document.body.appendChild(tempDiv);
+      const range = document.createRange();
+      range.selectNode(tempDiv);
+      const selection = window.getSelection();
+      selection == null ? void 0 : selection.removeAllRanges();
+      selection == null ? void 0 : selection.addRange(range);
+      try {
+        const successful = document.execCommand("copy");
+        if (successful) {
+          $message.success("\u590D\u5236\u6210\u529F");
+        } else {
+          throw new Error("\u590D\u5236\u547D\u4EE4\u5931\u8D25");
+        }
+      } catch (err) {
+        $message.error("\u65E0\u6CD5\u590D\u5236\u5185\u5BB9\uFF0C\u8BF7\u4F7F\u7528Ctrl+C\u624B\u52A8\u590D\u5236");
+      } finally {
+        selection == null ? void 0 : selection.removeAllRanges();
+        document.body.removeChild(tempDiv);
+      }
+    }
     async function clickMenu(key) {
-      var _a;
+      var _a, _b;
       emit("update:show", false);
       const {
         content = {},
@@ -142,17 +167,12 @@ var ContextMenu = /* @__PURE__ */ defineComponent({
         case "copy":
           {
             if (!content.msg)
-              return console.log("\u590D\u5236\u5185\u5BB9\u4E3A\u7A7A\uFF01");
-            const isSupported = navigator && "clipboard" in navigator;
-            if (!isSupported) {
-              $message.error("\u5F53\u524D\u6D4F\u89C8\u5668\u7248\u672C\u6216\u8005http\u534F\u8BAE\u4E0D\u652F\u6301\u590D\u5236\uFF01");
-              return console.log("\u5F53\u524D\u6D4F\u89C8\u5668\u7248\u672C\u6216\u8005http\u534F\u8BAE\u4E0D\u652F\u6301\u590D\u5236\uFF01");
-            }
+              return $message.warning("\u590D\u5236\u5185\u5BB9\u4E3A\u7A7A\uFF01");
             try {
               let data;
               switch (chatMessageType) {
                 case MESSAGE_TYPE.TEXT:
-                  await navigator.clipboard.writeText(content.msg);
+                  await ((_a = navigator == null ? void 0 : navigator.clipboard) == null ? void 0 : _a.writeText(content.msg));
                   break;
                 case MESSAGE_TYPE.EMOJI: {
                   const url = emojis.findEmoji(content.msg);
@@ -162,7 +182,7 @@ var ContextMenu = /* @__PURE__ */ defineComponent({
                 case MESSAGE_TYPE.IMAGE: {
                   const url = formatJsonstr(content.msg, "fileUrl");
                   const fileName = formatJsonstr(content.msg, "fileName");
-                  const fileSize = (_a = formatJsonstr(content.msg, "fileSize")) == null ? void 0 : _a.replace(/\s+/g, "");
+                  const fileSize = (_b = formatJsonstr(content.msg, "fileSize")) == null ? void 0 : _b.replace(/\s+/g, "");
                   data = `<img data-filename=${fileName} data-filesize=${fileSize} data-type=${chatMessageType} class="chat-image-copy" src=${url} />`;
                   break;
                 }
@@ -173,12 +193,17 @@ var ContextMenu = /* @__PURE__ */ defineComponent({
                   data = content.msg;
                   break;
               }
-              await navigator.clipboard.write([new window.ClipboardItem({
-                "text/html": new Blob([data], {
-                  type: "text/html"
-                })
-              })]);
-              $message.success("\u590D\u5236\u6210\u529F");
+              const isSupported = navigator && "clipboard" in navigator;
+              if (!isSupported) {
+                fallbackCopyText(data || content.msg);
+              } else {
+                data && await navigator.clipboard.write([new window.ClipboardItem({
+                  "text/html": new Blob([data], {
+                    type: "text/html"
+                  })
+                })]);
+                $message.success("\u590D\u5236\u6210\u529F");
+              }
             } catch (error) {
               console.log("\u590D\u5236\u5931\u8D25\uFF01");
             }

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ImageItem } from '../types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     images: {
         type: PropType<ImageItem[]>;
         default: () => never[];
@@ -12,8 +12,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         images: {
             type: PropType<ImageItem[]>;
             default: () => never[];
@@ -25,26 +25,44 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
         "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
-    }>>;
+    }> & {}>;
     emit: (event: "update:visible" | "update:currentId", ...args: any[]) => void;
-    imageEl: import("vue").Ref<HTMLImageElement | null>;
+    imageEl: import("vue").Ref<HTMLImageElement | null, HTMLImageElement | null>;
     naturalSize: import("vue").Ref<{
         width: number;
         height: number;
+    }, {
+        width: number;
+        height: number;
+    } | {
+        width: number;
+        height: number;
     }>;
-    scale: import("vue").Ref<number>;
-    rotation: import("vue").Ref<number>;
-    isDragging: import("vue").Ref<boolean>;
+    scale: import("vue").Ref<number, number>;
+    rotation: import("vue").Ref<number, number>;
+    isDragging: import("vue").Ref<boolean, boolean>;
     offset: import("vue").Ref<{
         x: number;
         y: number;
+    }, {
+        x: number;
+        y: number;
+    } | {
+        x: number;
+        y: number;
     }>;
     lastMouse: import("vue").Ref<{
         x: number;
         y: number;
+    }, {
+        x: number;
+        y: number;
+    } | {
+        x: number;
+        y: number;
     }>;
     idToIndexMap: import("vue").ComputedRef<Map<string, number>>;
     currentIndex: import("vue").ComputedRef<number>;
@@ -72,16 +90,16 @@ declare const _default: import("vue").DefineComponent<{
     handleWheel: (e: WheelEvent) => void;
     handleImageLoad: () => void;
     download: () => void;
-    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<{}>>, {}>;
-    PlaySkipBackOutline: 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<{}>>, {}>;
-    PlaySkipForwardOutline: 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<{}>>, {}>;
-    RefreshOutline: 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<{}>>, {}>;
-    AddOutline: 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<{}>>, {}>;
-    RemoveSharp: 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<{}>>, {}>;
-    NButton: any;
-    NIcon: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "update:currentId")[], "update:visible" | "update:currentId", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly PlaySkipBackOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly PlaySkipForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly RefreshOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly AddOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly RemoveSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly NButton: any;
+    readonly NIcon: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "update:currentId")[], "update:visible" | "update:currentId", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     images: {
         type: PropType<ImageItem[]>;
         default: () => never[];
@@ -93,12 +111,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onUpdate:currentId"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     visible: boolean;
     images: ImageItem[];
     currentId: string;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -4,16 +4,14 @@ 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 = {
+const _hoisted_1 = {
   class: "lightbox-container"
 };
-const _hoisted_3 = ["onMousedown", "onWheel"];
-const _hoisted_4 = ["src", "alt"];
-const _hoisted_5 = {
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = {
   class: "title"
 };
-const _hoisted_6 = {
+const _hoisted_4 = {
   class: "toolbar-container"
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -33,10 +31,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:visible", "update:currentId"],
   setup(__props, {
-    expose,
-    emit
+    expose: __expose,
+    emit: __emit
   }) {
     const props = __props;
+    const emit = __emit;
     const imageEl = ref(null);
     const naturalSize = ref({
       width: 0,
@@ -183,7 +182,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     watch(() => props.visible, (newVal) => {
       document.body.style.overflow = newVal ? "hidden" : "";
     });
-    expose({
+    __expose({
       open,
       nextImage,
       prevImage
@@ -193,7 +192,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "c-lightbox-overlay",
         onClick: withModifiers(close, ["stop"])
-      }, [createElementVNode("div", _hoisted_2, [createVNode(unref(NButton), {
+      }, [createElementVNode("div", _hoisted_1, [createVNode(unref(NButton), {
         text: "",
         class: "close-btn",
         onClick: close
@@ -210,21 +209,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, [createElementVNode("img", {
         ref_key: "imageEl",
         ref: imageEl,
-        src: unref(currentImageData).fileUrl,
-        style: normalizeStyle(unref(imageStyle)),
-        alt: unref(currentImageData).fileName,
+        src: currentImageData.value.fileUrl,
+        style: normalizeStyle(imageStyle.value),
+        alt: currentImageData.value.fileName,
         onLoad: handleImageLoad,
         onClick: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["stop"]))
-      }, null, 44, _hoisted_4)], 40, _hoisted_3), createCommentVNode(i18n("10010.1.254", "\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", {
+      }, null, 44, _hoisted_2)], 32), createCommentVNode(i18n("10010.1.254", "\u81EA\u5B9A\u4E49\u6807\u9898")), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "title", {
+        currentImageData: currentImageData.value
+      }, () => [createElementVNode("p", null, toDisplayString(currentImageData.value.senderName) + "\u5206\u4EAB\u7684\u56FE\u7247", 1), createElementVNode("p", null, toDisplayString(currentImageData.value.sendTime) + " \xB7 " + toDisplayString(currentImageData.value.fileSize), 1)])]), createCommentVNode(" \u5DE5\u5177\u680F "), createElementVNode("div", _hoisted_4, [createElementVNode("div", {
         class: "toolbar",
         onClick: _cache[3] || (_cache[3] = withModifiers(() => {
         }, ["stop"]))
       }, [createVNode(unref(NButton), {
         text: "",
-        disabled: !unref(hasPrev),
+        disabled: !hasPrev.value,
         onClick: prevImage
       }, {
         default: withCtx(() => [createVNode(unref(NIcon), {
@@ -234,7 +233,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         _: 1
       }, 8, ["disabled"]), createVNode(unref(NButton), {
         text: "",
-        disabled: !unref(hasNext),
+        disabled: !hasNext.value,
         onClick: nextImage
       }, {
         default: withCtx(() => [createVNode(unref(NIcon), {
@@ -248,7 +247,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [createVNode(unref(NIcon), {
           size: "22",
-          component: unref(RefreshOutline)
+          component: unref(RefreshOutline),
+          style: {
+            "transform": "rotateY(180deg)",
+            "transform-origin": "center"
+          }
         }, null, 8, ["component"])]),
         _: 1
       }), createVNode(unref(NButton), {
@@ -282,7 +285,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         text: "",
         onClick: resetZoom
       }, {
-        default: withCtx(() => [createTextVNode("1:1")]),
+        default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("1:1", -1)])]),
         _: 1
       }), createVNode(unref(NButton), {
         text: "",
@@ -293,7 +296,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(DownloadOutline)
         }, null, 8, ["component"])]),
         _: 1
-      })])])])], 8, _hoisted_1)) : createCommentVNode("v-if", true);
+      })])])])])) : createCommentVNode("v-if", true);
     };
   }
 });