yx-web-sdk 0.0.26 → 0.0.27

package/dist/chat-card/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-DectxdQg.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-Bzp6GXSr.mjs";
 export {
   _sfc_main as ChatCard,
   _sfc_main as default

package/dist/chat-content/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-CJ6N1ut8.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-BHF09625.mjs";
 export {
   _sfc_main as ChatContent,
   _sfc_main as default

package/dist/chat-page/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-D8SCARR2.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-Bv3It4GH.mjs";
 export {
   _sfc_main as ChatPage,
   _sfc_main as default

package/dist/chat-room/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_script_setup_true_lang-BpYIybBN.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_script_setup_true_lang-DWgq-XoC.mjs";
 export {
   _sfc_main as ChatRoom,
   _sfc_main as default

package/dist/index-entry/index.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, onMounted, onUnmounted, openBlock, crea
 import { useRouter } from "vue-router";
 import { Spin, Result, Button, Empty, message } from "ant-design-vue";
 import { s as setGlobalRequest, c as useImSdkStore, a as useServerStore, u as useChannelStore, b as useUserStore, d as useGlobalStore } from "../index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs";
-import { _ as _sfc_main$1 } from "../index.vue_vue_type_style_index_0_lang-D8SCARR2.mjs";
+import { _ as _sfc_main$1 } from "../index.vue_vue_type_style_index_0_lang-Bv3It4GH.mjs";
 import { S as ServerChannelSidebar } from "../index-BvfJ77uD.mjs";
 import { M as MembersSidebar } from "../index-DwPi-usb.mjs";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.mjs";

package/dist/{index.vue_vue_type_script_setup_true_lang-BpYIybBN.mjs → index.vue_vue_type_script_setup_true_lang-DWgq-XoC.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, openBlock, createBlock, createElementBlock } from "vue";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-CJ6N1ut8.mjs";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-BHF09625.mjs";
 import { u as useChannelStore, a as useServerStore, b as useUserStore } from "./index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs";
 const _hoisted_1 = { key: 1 };
 const HISTORY_LIMIT = 100;

package/dist/{index.vue_vue_type_style_index_0_lang-CJ6N1ut8.mjs → index.vue_vue_type_style_index_0_lang-BHF09625.mjs}

@@ -2,7 +2,7 @@ import { createVNode, ref, computed, watch, nextTick, defineComponent, openBlock
 import { useRouter } from "vue-router";
 import { Input, Image, Popover, Button, Upload, message } from "ant-design-vue";
 import { A as AitPersonPopover } from "./index-BhLJLbtt.mjs";
-import { L as LoadingOutlined, _ as _sfc_main$2, a as _sfc_main$3 } from "./index.vue_vue_type_style_index_0_lang-DectxdQg.mjs";
+import { L as LoadingOutlined, _ as _sfc_main$2, a as _sfc_main$3 } from "./index.vue_vue_type_style_index_0_lang-Bzp6GXSr.mjs";
 import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-BxXBf_VA.mjs";
 import { a as useServerStore, g as getServerMembersByAccids, u as useChannelStore, e as getImageMsgDisplaySize, f as filterStr, i as isLt } from "./index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs";
 import { useEventListener, useDebounceFn } from "@vueuse/core";
@@ -757,41 +757,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const handlePaste = async (e) => {
+      var _a;
       if (props.sendDisabled || attachmentUploading.value) return;
       const clipboardData = e.clipboardData;
       if (!clipboardData) return;
-      const items = clipboardData.items;
-      for (let i = 0; i < items.length; i++) {
-        const item = items[i];
-        if (item.type.startsWith("image/")) {
-          const file = item.getAsFile();
-          if (file) {
-            e.preventDefault();
-            if (!isLt(file.size, MAX_IMG_SIZE)) {
-              message.error("图片大小最大支持20M");
-              return;
-            }
-            attachmentUploading.value = true;
-            try {
-              const uploadResult = await channelStore.uploadImage({
-                file,
-                onUploadStart: () => {
-                  attachmentUploading.value = true;
-                },
-                onUploadDone: () => {
-                  attachmentUploading.value = false;
-                }
-              });
-              attachment.value = uploadResult;
-            } catch (error) {
-              console.error("上传图片失败:", error);
-              message.error("上传图片失败");
-              attachmentUploading.value = false;
-            }
+      let imageFile = null;
+      if (clipboardData.items && clipboardData.items.length) {
+        for (let i = 0; i < clipboardData.items.length; i++) {
+          const item = clipboardData.items[i];
+          if (item.type.startsWith("image/")) {
+            imageFile = item.getAsFile();
+            break;
+          }
+        }
+      }
+      if (!imageFile && clipboardData.files && clipboardData.files.length) {
+        for (let i = 0; i < clipboardData.files.length; i++) {
+          if (clipboardData.files[i].type.startsWith("image/")) {
+            imageFile = clipboardData.files[i];
+            break;
           }
-          return;
         }
       }
+      if (!imageFile) return;
+      e.preventDefault();
+      const existingFile = (_a = attachment.value) == null ? void 0 : _a.__file;
+      if (existingFile && existingFile.size === imageFile.size && existingFile.type === imageFile.type) {
+        return;
+      }
+      if (!isLt(imageFile.size, MAX_IMG_SIZE)) {
+        message.error("图片大小最大支持20M");
+        return;
+      }
+      attachmentUploading.value = true;
+      try {
+        const uploadResult = await channelStore.uploadImage({
+          file: imageFile,
+          onUploadStart: () => {
+            attachmentUploading.value = true;
+          },
+          onUploadDone: () => {
+            attachmentUploading.value = false;
+          }
+        });
+        uploadResult.__file = imageFile;
+        attachment.value = uploadResult;
+      } catch (error) {
+        console.error("上传图片失败:", error);
+        message.error("上传图片失败");
+        attachmentUploading.value = false;
+      }
     };
     const uploadImgHandler = async (file) => {
       if (!file.type.startsWith("image/")) {

package/dist/{index.vue_vue_type_style_index_0_lang-D8SCARR2.mjs → index.vue_vue_type_style_index_0_lang-Bv3It4GH.mjs}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, h, watch, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
 import { List, Typography } from "ant-design-vue";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-BpYIybBN.mjs";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-DWgq-XoC.mjs";
 import { a as useServerStore, u as useChannelStore } from "./index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs";
 import "./index-L_drmZir.mjs";
 import { useLocalStorage } from "@vueuse/core";
-import { L as LoadingOutlined } from "./index.vue_vue_type_style_index_0_lang-DectxdQg.mjs";
+import { L as LoadingOutlined } from "./index.vue_vue_type_style_index_0_lang-Bzp6GXSr.mjs";
 const _hoisted_1 = { class: "yx-chat-page-container" };
 const _hoisted_2 = { class: "header-wrap" };
 const _hoisted_3 = { class: "left" };

package/dist/{index.vue_vue_type_style_index_0_lang-DectxdQg.mjs → index.vue_vue_type_style_index_0_lang-Bzp6GXSr.mjs}

@@ -220,19 +220,90 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.msg.fromAccount === props.myAccid && nowTime.value - props.msg.time <= REVOCATION_INTERVAL;
     });
     const { copy } = useClipboard();
+    const imageBlobCache = /* @__PURE__ */ new Map();
+    async function fetchImageAsPngBlob(url) {
+      const response = await fetch(url);
+      const blob = await response.blob();
+      if (blob.type === "image/png") {
+        return blob;
+      }
+      return new Promise((resolve, reject) => {
+        const objectUrl = URL.createObjectURL(blob);
+        const img = document.createElement("img");
+        img.crossOrigin = "anonymous";
+        img.onload = () => {
+          const canvas = document.createElement("canvas");
+          canvas.width = img.naturalWidth;
+          canvas.height = img.naturalHeight;
+          const ctx = canvas.getContext("2d");
+          ctx.drawImage(img, 0, 0);
+          canvas.toBlob((b) => {
+            URL.revokeObjectURL(objectUrl);
+            if (b) {
+              resolve(b);
+            } else {
+              reject(new Error("canvas toBlob 失败"));
+            }
+          }, "image/png");
+        };
+        img.onerror = () => {
+          URL.revokeObjectURL(objectUrl);
+          reject(new Error("图片加载失败"));
+        };
+        img.src = objectUrl;
+      });
+    }
+    function clearImageBlobCache() {
+      imageBlobCache.clear();
+    }
     const emit = __emit;
     const textMsgContextMenuVisible = ref(false);
     const textMsgContextMenuX = ref(0);
     const textMsgContextMenuY = ref(0);
     const textMsgContextMenuRef = ref(null);
-    function onTextMsgContextMenu(e) {
+    const eventSource = ref("");
+    function onTextMsgContextMenu(e, p) {
+      var _a;
+      eventSource.value = p ?? "normal";
       textMsgContextMenuX.value = e.clientX;
       textMsgContextMenuY.value = e.clientY;
-      textMsgContextMenuVisible.value = true;
+      if (p === "img") {
+        const imgUrl = (_a = props.msg.attach) == null ? void 0 : _a.url;
+        if (imgUrl && !imageBlobCache.has(imgUrl)) {
+          fetchImageAsPngBlob(imgUrl).then((blob) => {
+            imageBlobCache.set(imgUrl, blob);
+          }).catch((err) => {
+            console.error("预下载图片失败: ", err);
+          });
+        }
+      }
+      setTimeout(
+        () => {
+          textMsgContextMenuVisible.value = true;
+        },
+        p === "img" ? 150 : 0
+      );
     }
     function onCopyClick() {
-      var _a;
+      var _a, _b;
       if (props.msg.type === "text") {
+        if (eventSource.value === "img") {
+          const imgUrl = (_a = props.msg.attach) == null ? void 0 : _a.url;
+          const cachedBlob = imageBlobCache.get(imgUrl);
+          if (cachedBlob) {
+            navigator.clipboard.write([new ClipboardItem({ "image/png": cachedBlob })]).then(() => {
+            }).catch((err) => {
+              console.error("copy image error: ", err);
+              message.error("复制图片失败");
+            }).finally(() => {
+              textMsgContextMenuVisible.value = false;
+            });
+          } else {
+            message.warning("图片正在加载中，请稍后再试");
+            textMsgContextMenuVisible.value = false;
+          }
+          return;
+        }
         copy(props.msg.body).then(() => {
         }).catch((err) => {
           console.error("copy error: ", err);
@@ -242,13 +313,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
       if (props.msg.type === "image") {
-        copy((_a = props.msg.attach) == null ? void 0 : _a.url).then(() => {
-        }).catch((err) => {
-          console.error("copy error: ", err);
-          message.error("复制失败");
-        }).finally(() => {
+        const imgUrl = (_b = props.msg.attach) == null ? void 0 : _b.url;
+        const cachedBlob = imageBlobCache.get(imgUrl);
+        if (cachedBlob) {
+          navigator.clipboard.write([new ClipboardItem({ "image/png": cachedBlob })]).then(() => {
+          }).catch((err) => {
+            console.error("copy image error: ", err);
+            message.error("复制图片失败");
+          }).finally(() => {
+            textMsgContextMenuVisible.value = false;
+          });
+        } else {
+          message.warning("图片正在加载中，请稍后再试");
           textMsgContextMenuVisible.value = false;
-        });
+        }
       }
     }
     function onQuoteClick() {
@@ -317,6 +395,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       document.removeEventListener("click", handleClickOutside, true);
       document.removeEventListener("contextmenu", handleClickOutside, true);
+      clearImageBlobCache();
     });
     const myAvatar = computed(() => {
       var _a, _b, _c, _d;
@@ -478,7 +557,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 2)) : __props.msg.type === "image" ? (openBlock(), createElementBlock("div", {
                 key: 2,
                 class: normalizeClass(["chatCardMainContent flash-target", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }]),
-                onContextmenu: withModifiers(onTextMsgContextMenu, ["prevent"])
+                onContextmenu: _cache[0] || (_cache[0] = withModifiers(($event) => onTextMsgContextMenu($event, "img"), ["prevent"]))
               }, [
                 createVNode(unref(Image), {
                   class: "imgMsg",
@@ -496,24 +575,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 34)) : (openBlock(), createElementBlock("div", {
                 key: 3,
                 class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
-              }, [..._cache[1] || (_cache[1] = [
+              }, [..._cache[3] || (_cache[3] = [
                 createElementVNode("div", { class: "textMsg" }, toDisplayString("暂不支持该消息"), -1)
               ])], 2)),
               __props.msg.type === "text" && IMG_EXT.includes(((_j = (_i = __props.msg) == null ? void 0 : _i.attach) == null ? void 0 : _j.ext) || "") ? (openBlock(), createElementBlock("div", _hoisted_14, [
-                ((_l = (_k = __props.msg) == null ? void 0 : _k.attach) == null ? void 0 : _l.size) && ((_n = (_m = __props.msg) == null ? void 0 : _m.attach) == null ? void 0 : _n.size) < MAX_IMG_PREVIEW_SIZE ? (openBlock(), createBlock(unref(Image), {
+                ((_l = (_k = __props.msg) == null ? void 0 : _k.attach) == null ? void 0 : _l.size) && ((_n = (_m = __props.msg) == null ? void 0 : _m.attach) == null ? void 0 : _n.size) < MAX_IMG_PREVIEW_SIZE ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  class: "imgMsg",
-                  src: (_p = (_o = __props.msg) == null ? void 0 : _o.attach) == null ? void 0 : _p.url,
-                  width: attachImageSize.value.width,
-                  height: attachImageSize.value.height
-                }, {
-                  previewMask: withCtx(() => [
-                    createElementVNode("div", _hoisted_15, [
-                      createVNode(unref(EyeOutlined))
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["src", "width", "height"])) : (openBlock(), createBlock(_sfc_main$1, {
+                  onContextmenu: _cache[1] || (_cache[1] = withModifiers(($event) => onTextMsgContextMenu($event, "img"), ["prevent"]))
+                }, [
+                  createVNode(unref(Image), {
+                    class: "imgMsg",
+                    src: (_p = (_o = __props.msg) == null ? void 0 : _o.attach) == null ? void 0 : _p.url,
+                    width: attachImageSize.value.width,
+                    height: attachImageSize.value.height
+                  }, {
+                    previewMask: withCtx(() => [
+                      createElementVNode("div", _hoisted_15, [
+                        createVNode(unref(EyeOutlined))
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["src", "width", "height"])
+                ], 32)) : (openBlock(), createBlock(_sfc_main$1, {
                   key: 1,
                   attach: (_q = __props.msg) == null ? void 0 : _q.attach
                 }, null, 8, ["attach"]))
@@ -540,7 +623,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     src: (_s = msgExt.value.quoteMsg.attach) == null ? void 0 : _s.url,
                     width: quoteImageMsgSize.value.width,
                     height: quoteImageMsgSize.value.height,
-                    onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                    onClick: _cache[2] || (_cache[2] = withModifiers(() => {
                     }, ["stop", "prevent"]))
                   }, {
                     previewMask: withCtx(() => [

package/dist/yx-web-sdk.es.js

@@ -38905,19 +38905,90 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return props.msg.fromAccount === props.myAccid && nowTime.value - props.msg.time <= REVOCATION_INTERVAL;
     });
     const { copy } = useClipboard();
+    const imageBlobCache = /* @__PURE__ */ new Map();
+    async function fetchImageAsPngBlob(url) {
+      const response = await fetch(url);
+      const blob = await response.blob();
+      if (blob.type === "image/png") {
+        return blob;
+      }
+      return new Promise((resolve, reject) => {
+        const objectUrl = URL.createObjectURL(blob);
+        const img = document.createElement("img");
+        img.crossOrigin = "anonymous";
+        img.onload = () => {
+          const canvas = document.createElement("canvas");
+          canvas.width = img.naturalWidth;
+          canvas.height = img.naturalHeight;
+          const ctx = canvas.getContext("2d");
+          ctx.drawImage(img, 0, 0);
+          canvas.toBlob((b) => {
+            URL.revokeObjectURL(objectUrl);
+            if (b) {
+              resolve(b);
+            } else {
+              reject(new Error("canvas toBlob 失败"));
+            }
+          }, "image/png");
+        };
+        img.onerror = () => {
+          URL.revokeObjectURL(objectUrl);
+          reject(new Error("图片加载失败"));
+        };
+        img.src = objectUrl;
+      });
+    }
+    function clearImageBlobCache() {
+      imageBlobCache.clear();
+    }
     const emit = __emit;
     const textMsgContextMenuVisible = ref(false);
     const textMsgContextMenuX = ref(0);
     const textMsgContextMenuY = ref(0);
     const textMsgContextMenuRef = ref(null);
-    function onTextMsgContextMenu(e) {
+    const eventSource = ref("");
+    function onTextMsgContextMenu(e, p) {
+      var _a;
+      eventSource.value = p != null ? p : "normal";
       textMsgContextMenuX.value = e.clientX;
       textMsgContextMenuY.value = e.clientY;
-      textMsgContextMenuVisible.value = true;
+      if (p === "img") {
+        const imgUrl = (_a = props.msg.attach) == null ? void 0 : _a.url;
+        if (imgUrl && !imageBlobCache.has(imgUrl)) {
+          fetchImageAsPngBlob(imgUrl).then((blob) => {
+            imageBlobCache.set(imgUrl, blob);
+          }).catch((err) => {
+            console.error("预下载图片失败: ", err);
+          });
+        }
+      }
+      setTimeout(
+        () => {
+          textMsgContextMenuVisible.value = true;
+        },
+        p === "img" ? 150 : 0
+      );
     }
     function onCopyClick() {
-      var _a;
+      var _a, _b;
       if (props.msg.type === "text") {
+        if (eventSource.value === "img") {
+          const imgUrl = (_a = props.msg.attach) == null ? void 0 : _a.url;
+          const cachedBlob = imageBlobCache.get(imgUrl);
+          if (cachedBlob) {
+            navigator.clipboard.write([new ClipboardItem({ "image/png": cachedBlob })]).then(() => {
+            }).catch((err) => {
+              console.error("copy image error: ", err);
+              message.error("复制图片失败");
+            }).finally(() => {
+              textMsgContextMenuVisible.value = false;
+            });
+          } else {
+            message.warning("图片正在加载中，请稍后再试");
+            textMsgContextMenuVisible.value = false;
+          }
+          return;
+        }
         copy(props.msg.body).then(() => {
         }).catch((err) => {
           console.error("copy error: ", err);
@@ -38927,13 +38998,20 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         });
       }
       if (props.msg.type === "image") {
-        copy((_a = props.msg.attach) == null ? void 0 : _a.url).then(() => {
-        }).catch((err) => {
-          console.error("copy error: ", err);
-          message.error("复制失败");
-        }).finally(() => {
+        const imgUrl = (_b = props.msg.attach) == null ? void 0 : _b.url;
+        const cachedBlob = imageBlobCache.get(imgUrl);
+        if (cachedBlob) {
+          navigator.clipboard.write([new ClipboardItem({ "image/png": cachedBlob })]).then(() => {
+          }).catch((err) => {
+            console.error("copy image error: ", err);
+            message.error("复制图片失败");
+          }).finally(() => {
+            textMsgContextMenuVisible.value = false;
+          });
+        } else {
+          message.warning("图片正在加载中，请稍后再试");
           textMsgContextMenuVisible.value = false;
-        });
+        }
       }
     }
     function onQuoteClick() {
@@ -39005,6 +39083,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       document.removeEventListener("click", handleClickOutside, true);
       document.removeEventListener("contextmenu", handleClickOutside, true);
+      clearImageBlobCache();
     });
     const myAvatar = computed(() => {
       var _a, _b, _c, _d;
@@ -39166,7 +39245,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               ], 2)) : __props.msg.type === "image" ? (openBlock(), createElementBlock("div", {
                 key: 2,
                 class: normalizeClass(["chatCardMainContent flash-target", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }]),
-                onContextmenu: withModifiers(onTextMsgContextMenu, ["prevent"])
+                onContextmenu: _cache[0] || (_cache[0] = withModifiers(($event) => onTextMsgContextMenu($event, "img"), ["prevent"]))
               }, [
                 createVNode(unref(Image), {
                   class: "imgMsg",
@@ -39184,24 +39263,28 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               ], 34)) : (openBlock(), createElementBlock("div", {
                 key: 3,
                 class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
-              }, [..._cache[1] || (_cache[1] = [
+              }, [..._cache[3] || (_cache[3] = [
                 createElementVNode("div", { class: "textMsg" }, toDisplayString("暂不支持该消息"), -1)
               ])], 2)),
               __props.msg.type === "text" && IMG_EXT.includes(((_j = (_i = __props.msg) == null ? void 0 : _i.attach) == null ? void 0 : _j.ext) || "") ? (openBlock(), createElementBlock("div", _hoisted_14$3, [
-                ((_l = (_k = __props.msg) == null ? void 0 : _k.attach) == null ? void 0 : _l.size) && ((_n = (_m = __props.msg) == null ? void 0 : _m.attach) == null ? void 0 : _n.size) < MAX_IMG_PREVIEW_SIZE ? (openBlock(), createBlock(unref(Image), {
+                ((_l = (_k = __props.msg) == null ? void 0 : _k.attach) == null ? void 0 : _l.size) && ((_n = (_m = __props.msg) == null ? void 0 : _m.attach) == null ? void 0 : _n.size) < MAX_IMG_PREVIEW_SIZE ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  class: "imgMsg",
-                  src: (_p = (_o = __props.msg) == null ? void 0 : _o.attach) == null ? void 0 : _p.url,
-                  width: attachImageSize.value.width,
-                  height: attachImageSize.value.height
-                }, {
-                  previewMask: withCtx(() => [
-                    createElementVNode("div", _hoisted_15$3, [
-                      createVNode(unref(EyeOutlined))
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["src", "width", "height"])) : (openBlock(), createBlock(_sfc_main$9, {
+                  onContextmenu: _cache[1] || (_cache[1] = withModifiers(($event) => onTextMsgContextMenu($event, "img"), ["prevent"]))
+                }, [
+                  createVNode(unref(Image), {
+                    class: "imgMsg",
+                    src: (_p = (_o = __props.msg) == null ? void 0 : _o.attach) == null ? void 0 : _p.url,
+                    width: attachImageSize.value.width,
+                    height: attachImageSize.value.height
+                  }, {
+                    previewMask: withCtx(() => [
+                      createElementVNode("div", _hoisted_15$3, [
+                        createVNode(unref(EyeOutlined))
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["src", "width", "height"])
+                ], 32)) : (openBlock(), createBlock(_sfc_main$9, {
                   key: 1,
                   attach: (_q = __props.msg) == null ? void 0 : _q.attach
                 }, null, 8, ["attach"]))
@@ -39228,7 +39311,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                     src: (_s = msgExt.value.quoteMsg.attach) == null ? void 0 : _s.url,
                     width: quoteImageMsgSize.value.width,
                     height: quoteImageMsgSize.value.height,
-                    onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                    onClick: _cache[2] || (_cache[2] = withModifiers(() => {
                     }, ["stop", "prevent"]))
                   }, {
                     previewMask: withCtx(() => [
@@ -40243,41 +40326,56 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
     };
     const handlePaste = async (e) => {
+      var _a;
       if (props.sendDisabled || attachmentUploading.value) return;
       const clipboardData = e.clipboardData;
       if (!clipboardData) return;
-      const items = clipboardData.items;
-      for (let i = 0; i < items.length; i++) {
-        const item = items[i];
-        if (item.type.startsWith("image/")) {
-          const file = item.getAsFile();
-          if (file) {
-            e.preventDefault();
-            if (!isLt(file.size, MAX_IMG_SIZE)) {
-              message.error("图片大小最大支持20M");
-              return;
-            }
-            attachmentUploading.value = true;
-            try {
-              const uploadResult = await channelStore.uploadImage({
-                file,
-                onUploadStart: () => {
-                  attachmentUploading.value = true;
-                },
-                onUploadDone: () => {
-                  attachmentUploading.value = false;
-                }
-              });
-              attachment.value = uploadResult;
-            } catch (error) {
-              console.error("上传图片失败:", error);
-              message.error("上传图片失败");
-              attachmentUploading.value = false;
-            }
+      let imageFile = null;
+      if (clipboardData.items && clipboardData.items.length) {
+        for (let i = 0; i < clipboardData.items.length; i++) {
+          const item = clipboardData.items[i];
+          if (item.type.startsWith("image/")) {
+            imageFile = item.getAsFile();
+            break;
           }
-          return;
         }
       }
+      if (!imageFile && clipboardData.files && clipboardData.files.length) {
+        for (let i = 0; i < clipboardData.files.length; i++) {
+          if (clipboardData.files[i].type.startsWith("image/")) {
+            imageFile = clipboardData.files[i];
+            break;
+          }
+        }
+      }
+      if (!imageFile) return;
+      e.preventDefault();
+      const existingFile = (_a = attachment.value) == null ? void 0 : _a.__file;
+      if (existingFile && existingFile.size === imageFile.size && existingFile.type === imageFile.type) {
+        return;
+      }
+      if (!isLt(imageFile.size, MAX_IMG_SIZE)) {
+        message.error("图片大小最大支持20M");
+        return;
+      }
+      attachmentUploading.value = true;
+      try {
+        const uploadResult = await channelStore.uploadImage({
+          file: imageFile,
+          onUploadStart: () => {
+            attachmentUploading.value = true;
+          },
+          onUploadDone: () => {
+            attachmentUploading.value = false;
+          }
+        });
+        uploadResult.__file = imageFile;
+        attachment.value = uploadResult;
+      } catch (error) {
+        console.error("上传图片失败:", error);
+        message.error("上传图片失败");
+        attachmentUploading.value = false;
+      }
     };
     const uploadImgHandler = async (file) => {
       if (!file.type.startsWith("image/")) {

package/dist/yx-web-sdk.umd.js

@@ -38902,19 +38902,90 @@
         return props.msg.fromAccount === props.myAccid && nowTime.value - props.msg.time <= REVOCATION_INTERVAL;
       });
       const { copy } = core.useClipboard();
+      const imageBlobCache = /* @__PURE__ */ new Map();
+      async function fetchImageAsPngBlob(url) {
+        const response = await fetch(url);
+        const blob = await response.blob();
+        if (blob.type === "image/png") {
+          return blob;
+        }
+        return new Promise((resolve, reject) => {
+          const objectUrl = URL.createObjectURL(blob);
+          const img = document.createElement("img");
+          img.crossOrigin = "anonymous";
+          img.onload = () => {
+            const canvas = document.createElement("canvas");
+            canvas.width = img.naturalWidth;
+            canvas.height = img.naturalHeight;
+            const ctx = canvas.getContext("2d");
+            ctx.drawImage(img, 0, 0);
+            canvas.toBlob((b) => {
+              URL.revokeObjectURL(objectUrl);
+              if (b) {
+                resolve(b);
+              } else {
+                reject(new Error("canvas toBlob 失败"));
+              }
+            }, "image/png");
+          };
+          img.onerror = () => {
+            URL.revokeObjectURL(objectUrl);
+            reject(new Error("图片加载失败"));
+          };
+          img.src = objectUrl;
+        });
+      }
+      function clearImageBlobCache() {
+        imageBlobCache.clear();
+      }
       const emit = __emit;
       const textMsgContextMenuVisible = vue.ref(false);
       const textMsgContextMenuX = vue.ref(0);
       const textMsgContextMenuY = vue.ref(0);
       const textMsgContextMenuRef = vue.ref(null);
-      function onTextMsgContextMenu(e) {
+      const eventSource = vue.ref("");
+      function onTextMsgContextMenu(e, p) {
+        var _a;
+        eventSource.value = p != null ? p : "normal";
         textMsgContextMenuX.value = e.clientX;
         textMsgContextMenuY.value = e.clientY;
-        textMsgContextMenuVisible.value = true;
+        if (p === "img") {
+          const imgUrl = (_a = props.msg.attach) == null ? void 0 : _a.url;
+          if (imgUrl && !imageBlobCache.has(imgUrl)) {
+            fetchImageAsPngBlob(imgUrl).then((blob) => {
+              imageBlobCache.set(imgUrl, blob);
+            }).catch((err) => {
+              console.error("预下载图片失败: ", err);
+            });
+          }
+        }
+        setTimeout(
+          () => {
+            textMsgContextMenuVisible.value = true;
+          },
+          p === "img" ? 150 : 0
+        );
       }
       function onCopyClick() {
-        var _a;
+        var _a, _b;
         if (props.msg.type === "text") {
+          if (eventSource.value === "img") {
+            const imgUrl = (_a = props.msg.attach) == null ? void 0 : _a.url;
+            const cachedBlob = imageBlobCache.get(imgUrl);
+            if (cachedBlob) {
+              navigator.clipboard.write([new ClipboardItem({ "image/png": cachedBlob })]).then(() => {
+              }).catch((err) => {
+                console.error("copy image error: ", err);
+                antDesignVue.message.error("复制图片失败");
+              }).finally(() => {
+                textMsgContextMenuVisible.value = false;
+              });
+            } else {
+              antDesignVue.message.warning("图片正在加载中，请稍后再试");
+              textMsgContextMenuVisible.value = false;
+            }
+            return;
+          }
           copy(props.msg.body).then(() => {
           }).catch((err) => {
             console.error("copy error: ", err);
@@ -38924,13 +38995,20 @@
           });
         }
         if (props.msg.type === "image") {
-          copy((_a = props.msg.attach) == null ? void 0 : _a.url).then(() => {
-          }).catch((err) => {
-            console.error("copy error: ", err);
-            antDesignVue.message.error("复制失败");
-          }).finally(() => {
+          const imgUrl = (_b = props.msg.attach) == null ? void 0 : _b.url;
+          const cachedBlob = imageBlobCache.get(imgUrl);
+          if (cachedBlob) {
+            navigator.clipboard.write([new ClipboardItem({ "image/png": cachedBlob })]).then(() => {
+            }).catch((err) => {
+              console.error("copy image error: ", err);
+              antDesignVue.message.error("复制图片失败");
+            }).finally(() => {
+              textMsgContextMenuVisible.value = false;
+            });
+          } else {
+            antDesignVue.message.warning("图片正在加载中，请稍后再试");
             textMsgContextMenuVisible.value = false;
-          });
+          }
         }
       }
       function onQuoteClick() {
@@ -39002,6 +39080,7 @@
       vue.onBeforeUnmount(() => {
         document.removeEventListener("click", handleClickOutside, true);
         document.removeEventListener("contextmenu", handleClickOutside, true);
+        clearImageBlobCache();
       });
       const myAvatar = vue.computed(() => {
         var _a, _b, _c, _d;
@@ -39163,7 +39242,7 @@
                 ], 2)) : __props.msg.type === "image" ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 2,
                   class: vue.normalizeClass(["chatCardMainContent flash-target", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }]),
-                  onContextmenu: vue.withModifiers(onTextMsgContextMenu, ["prevent"])
+                  onContextmenu: _cache[0] || (_cache[0] = vue.withModifiers(($event) => onTextMsgContextMenu($event, "img"), ["prevent"]))
                 }, [
                   vue.createVNode(vue.unref(antDesignVue.Image), {
                     class: "imgMsg",
@@ -39181,24 +39260,28 @@
                 ], 34)) : (vue.openBlock(), vue.createElementBlock("div", {
                   key: 3,
                   class: vue.normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
-                }, [..._cache[1] || (_cache[1] = [
+                }, [..._cache[3] || (_cache[3] = [
                   vue.createElementVNode("div", { class: "textMsg" }, vue.toDisplayString("暂不支持该消息"), -1)
                 ])], 2)),
                 __props.msg.type === "text" && IMG_EXT.includes(((_j = (_i = __props.msg) == null ? void 0 : _i.attach) == null ? void 0 : _j.ext) || "") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$3, [
-                  ((_l = (_k = __props.msg) == null ? void 0 : _k.attach) == null ? void 0 : _l.size) && ((_n = (_m = __props.msg) == null ? void 0 : _m.attach) == null ? void 0 : _n.size) < MAX_IMG_PREVIEW_SIZE ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Image), {
+                  ((_l = (_k = __props.msg) == null ? void 0 : _k.attach) == null ? void 0 : _l.size) && ((_n = (_m = __props.msg) == null ? void 0 : _m.attach) == null ? void 0 : _n.size) < MAX_IMG_PREVIEW_SIZE ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
-                    class: "imgMsg",
-                    src: (_p = (_o = __props.msg) == null ? void 0 : _o.attach) == null ? void 0 : _p.url,
-                    width: attachImageSize.value.width,
-                    height: attachImageSize.value.height
-                  }, {
-                    previewMask: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_15$3, [
-                        vue.createVNode(vue.unref(EyeOutlined))
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["src", "width", "height"])) : (vue.openBlock(), vue.createBlock(_sfc_main$9, {
+                    onContextmenu: _cache[1] || (_cache[1] = vue.withModifiers(($event) => onTextMsgContextMenu($event, "img"), ["prevent"]))
+                  }, [
+                    vue.createVNode(vue.unref(antDesignVue.Image), {
+                      class: "imgMsg",
+                      src: (_p = (_o = __props.msg) == null ? void 0 : _o.attach) == null ? void 0 : _p.url,
+                      width: attachImageSize.value.width,
+                      height: attachImageSize.value.height
+                    }, {
+                      previewMask: vue.withCtx(() => [
+                        vue.createElementVNode("div", _hoisted_15$3, [
+                          vue.createVNode(vue.unref(EyeOutlined))
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["src", "width", "height"])
+                  ], 32)) : (vue.openBlock(), vue.createBlock(_sfc_main$9, {
                     key: 1,
                     attach: (_q = __props.msg) == null ? void 0 : _q.attach
                   }, null, 8, ["attach"]))
@@ -39225,7 +39308,7 @@
                       src: (_s = msgExt.value.quoteMsg.attach) == null ? void 0 : _s.url,
                       width: quoteImageMsgSize.value.width,
                       height: quoteImageMsgSize.value.height,
-                      onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                      onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
                       }, ["stop", "prevent"]))
                     }, {
                       previewMask: vue.withCtx(() => [
@@ -40240,41 +40323,56 @@
         }
       };
       const handlePaste = async (e) => {
+        var _a;
         if (props.sendDisabled || attachmentUploading.value) return;
         const clipboardData = e.clipboardData;
         if (!clipboardData) return;
-        const items = clipboardData.items;
-        for (let i = 0; i < items.length; i++) {
-          const item = items[i];
-          if (item.type.startsWith("image/")) {
-            const file = item.getAsFile();
-            if (file) {
-              e.preventDefault();
-              if (!isLt(file.size, MAX_IMG_SIZE)) {
-                antDesignVue.message.error("图片大小最大支持20M");
-                return;
-              }
-              attachmentUploading.value = true;
-              try {
-                const uploadResult = await channelStore.uploadImage({
-                  file,
-                  onUploadStart: () => {
-                    attachmentUploading.value = true;
-                  },
-                  onUploadDone: () => {
-                    attachmentUploading.value = false;
-                  }
-                });
-                attachment.value = uploadResult;
-              } catch (error) {
-                console.error("上传图片失败:", error);
-                antDesignVue.message.error("上传图片失败");
-                attachmentUploading.value = false;
-              }
+        let imageFile = null;
+        if (clipboardData.items && clipboardData.items.length) {
+          for (let i = 0; i < clipboardData.items.length; i++) {
+            const item = clipboardData.items[i];
+            if (item.type.startsWith("image/")) {
+              imageFile = item.getAsFile();
+              break;
             }
-            return;
           }
         }
+        if (!imageFile && clipboardData.files && clipboardData.files.length) {
+          for (let i = 0; i < clipboardData.files.length; i++) {
+            if (clipboardData.files[i].type.startsWith("image/")) {
+              imageFile = clipboardData.files[i];
+              break;
+            }
+          }
+        }
+        if (!imageFile) return;
+        e.preventDefault();
+        const existingFile = (_a = attachment.value) == null ? void 0 : _a.__file;
+        if (existingFile && existingFile.size === imageFile.size && existingFile.type === imageFile.type) {
+          return;
+        }
+        if (!isLt(imageFile.size, MAX_IMG_SIZE)) {
+          antDesignVue.message.error("图片大小最大支持20M");
+          return;
+        }
+        attachmentUploading.value = true;
+        try {
+          const uploadResult = await channelStore.uploadImage({
+            file: imageFile,
+            onUploadStart: () => {
+              attachmentUploading.value = true;
+            },
+            onUploadDone: () => {
+              attachmentUploading.value = false;
+            }
+          });
+          uploadResult.__file = imageFile;
+          attachment.value = uploadResult;
+        } catch (error) {
+          console.error("上传图片失败:", error);
+          antDesignVue.message.error("上传图片失败");
+          attachmentUploading.value = false;
+        }
       };
       const uploadImgHandler = async (file) => {
         if (!file.type.startsWith("image/")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yx-web-sdk",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "private": false,
   "main": "dist/yx-web-sdk.umd.js",
   "module": "dist/yx-web-sdk.es.js",