npm - yx-web-sdk - Versions diffs - 0.0.27 → 0.0.28 - Mend

yx-web-sdk 0.0.27 → 0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/chat-content/index.js CHANGED Viewed

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

package/dist/chat-page/index.js CHANGED Viewed

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

package/dist/chat-room/index.js CHANGED Viewed

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

package/dist/index-entry/index.js CHANGED Viewed

@@ -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-Bv3It4GH.mjs";
+import { _ as _sfc_main$1 } from "../index.vue_vue_type_style_index_0_lang-CvNvjkKX.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-DWgq-XoC.mjs → index.vue_vue_type_script_setup_true_lang-CvCfYqe9.mjs} RENAMED Viewed

@@ -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-BHF09625.mjs";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-CQtS2mCm.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-BHF09625.mjs → index.vue_vue_type_style_index_0_lang-CQtS2mCm.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { createVNode, ref, computed, watch, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, unref, normalizeClass, createBlock, createCommentVNode, Fragment, renderList, toDisplayString, withCtx } from "vue";
+import { createVNode, ref, computed, watch, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, unref, normalizeClass, createBlock, createCommentVNode, Fragment, renderList, toDisplayString, withModifiers, withCtx } from "vue";
 import { useRouter } from "vue-router";
 import { Input, Image, Popover, Button, Upload, message } from "ant-design-vue";
 import { A as AitPersonPopover } from "./index-BhLJLbtt.mjs";
@@ -472,11 +472,10 @@ const _hoisted_15 = {
   class: "chatroomInputAttachmentWrapperImg"
 };
 const _hoisted_16 = { class: "chatroomInputAttachmentWrapperImgMask" };
-const _hoisted_17 = { class: "chatroomInputWrapper" };
-const _hoisted_18 = { class: "chatroomInputLeft" };
-const _hoisted_19 = { style: { "width": "400px" } };
-const _hoisted_20 = ["onClick"];
-const _hoisted_21 = { class: "chatroomController" };
+const _hoisted_17 = { class: "chatroomInputLeft" };
+const _hoisted_18 = { style: { "width": "400px" } };
+const _hoisted_19 = ["onClick"];
+const _hoisted_20 = { class: "chatroomController" };
 const MAX_IMG_SIZE = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -808,6 +807,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         attachmentUploading.value = false;
       }
     };
+    const handleDrop = async (e) => {
+      var _a;
+      e.preventDefault();
+      if (props.sendDisabled || attachmentUploading.value) return;
+      const dataTransfer = e.dataTransfer;
+      console.log("dataTransfer", dataTransfer);
+      if (!dataTransfer || !dataTransfer.files.length) return;
+      let imageFile = null;
+      for (let i = 0; i < dataTransfer.files.length; i++) {
+        if (dataTransfer.files[i].type.startsWith("image/")) {
+          imageFile = dataTransfer.files[i];
+          break;
+        }
+      }
+      if (!imageFile) {
+        message.error("仅支持拖入图片文件");
+        return;
+      }
+      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(`图片大小最大支持${MAX_IMG_SIZE}MB`);
+        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/")) {
         message.error("请上传图片");
@@ -1014,7 +1058,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           __props.msgs.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
             __props.isNoMore ? (openBlock(), createElementBlock("div", _hoisted_3, "没有更多消息了~")) : loadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(unref(LoadingOutlined)),
-              _cache[1] || (_cache[1] = createElementVNode("span", { style: { "margin-left": "10px" } }, "正在加载，请稍候", -1))
+              _cache[2] || (_cache[2] = createElementVNode("span", { style: { "margin-left": "10px" } }, "正在加载，请稍候", -1))
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           __props.msgs.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
@@ -1038,7 +1082,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "emptyChatroomContent",
             style: normalizeStyle({ height: ((_c = curChannel.value) == null ? void 0 : _c.ext) ? "calc(100% - 48px)" : "100%" })
           }, [
-            _cache[2] || (_cache[2] = createElementVNode("div", null, "欢迎来到", -1)),
+            _cache[3] || (_cache[3] = createElementVNode("div", null, "欢迎来到", -1)),
             createElementVNode("h1", null, "#" + toDisplayString(__props.channelName), 1)
           ], 4))
         ], 38),
@@ -1090,17 +1134,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["src"])
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_17, [
-              createElementVNode("div", _hoisted_18, [
+            createElementVNode("div", {
+              class: "chatroomInputWrapper",
+              onDragover: _cache[1] || (_cache[1] = withModifiers(() => {
+              }, ["prevent"])),
+              onDrop: withModifiers(handleDrop, ["prevent"])
+            }, [
+              createElementVNode("div", _hoisted_17, [
                 createVNode(unref(Popover), { placement: "topLeft" }, {
                   content: withCtx(() => [
-                    createElementVNode("div", _hoisted_19, [
+                    createElementVNode("div", _hoisted_18, [
                       (openBlock(), createElementBlock(Fragment, null, renderList(emjjData, (value, i) => {
                         return createElementVNode("span", {
                           key: i,
                           style: { "font-size": "16px", "cursor": "pointer" },
                           onClick: ($event) => insertEmj(i)
-                        }, toDisplayString(value), 9, _hoisted_20);
+                        }, toDisplayString(value), 9, _hoisted_19);
                       }), 64))
                     ])
                   ]),
@@ -1110,7 +1159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       type: "text",
                       disabled: __props.sendDisabled
                     }, {
-                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
                         createElementVNode("svg", {
                           width: "21",
                           height: "21",
@@ -1145,7 +1194,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onBlur: handleInputBlur,
                 onPaste: handlePaste
               }, null, 8, ["value", "placeholder", "disabled", "onKeydown", "onClick"]),
-              createElementVNode("div", _hoisted_21, [
+              createElementVNode("div", _hoisted_20, [
                 createVNode(unref(Upload), {
                   "before-upload": uploadImgHandler,
                   "show-upload-list": false,
@@ -1160,7 +1209,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       loading: attachmentUploading.value,
                       disabled: __props.sendDisabled || attachmentUploading.value
                     }, {
-                      icon: withCtx(() => [..._cache[4] || (_cache[4] = [
+                      icon: withCtx(() => [..._cache[5] || (_cache[5] = [
                         createElementVNode("svg", {
                           width: "21",
                           height: "18",
@@ -1185,14 +1234,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["accept", "disabled"]),
-                _cache[6] || (_cache[6] = createElementVNode("span", { class: "lineSeparator" }, null, -1)),
+                _cache[7] || (_cache[7] = createElementVNode("span", { class: "lineSeparator" }, null, -1)),
                 createVNode(unref(Button), {
                   class: "chatroomButtonArrowUp",
                   type: "text",
                   disabled: __props.sendDisabled,
                   onClick: handleSendText
                 }, {
-                  icon: withCtx(() => [..._cache[5] || (_cache[5] = [
+                  icon: withCtx(() => [..._cache[6] || (_cache[6] = [
                     createElementVNode("svg", {
                       width: "36",
                       height: "36",
@@ -1215,7 +1264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["disabled"])
               ])
-            ])
+            ], 32)
           ])
         ]),
         createVNode(AitPersonPopover, {

package/dist/{index.vue_vue_type_style_index_0_lang-Bv3It4GH.mjs → index.vue_vue_type_style_index_0_lang-CvNvjkKX.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 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-DWgq-XoC.mjs";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-CvCfYqe9.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";

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

@@ -38867,7 +38867,7 @@ const _hoisted_17$2 = {
 const _hoisted_18$2 = { class: "chatCardQuoteMsgName" };
 const _hoisted_19$2 = ["innerHTML"];
 const _hoisted_20$2 = { class: "ant-image-mask-info" };
-const _hoisted_21$2 = { class: "chatCardStatus" };
+const _hoisted_21$1 = { class: "chatCardStatus" };
 const MAX_IMG_PREVIEW_SIZE = 2 * 1024 * 1024;
 const REVOCATION_INTERVAL = 120 * 1e3;
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
@@ -39324,7 +39324,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 ])
               ])) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_21$2, [
+            createElementVNode("div", _hoisted_21$1, [
               __props.msg.deliveryStatus === "failed" ? (openBlock(), createBlock(unref(Button), {
                 key: 0,
                 type: "text",
@@ -40041,11 +40041,10 @@ const _hoisted_15$2 = {
   class: "chatroomInputAttachmentWrapperImg"
 };
 const _hoisted_16$1 = { class: "chatroomInputAttachmentWrapperImgMask" };
-const _hoisted_17$1 = { class: "chatroomInputWrapper" };
-const _hoisted_18$1 = { class: "chatroomInputLeft" };
-const _hoisted_19$1 = { style: { "width": "400px" } };
-const _hoisted_20$1 = ["onClick"];
-const _hoisted_21$1 = { class: "chatroomController" };
+const _hoisted_17$1 = { class: "chatroomInputLeft" };
+const _hoisted_18$1 = { style: { "width": "400px" } };
+const _hoisted_19$1 = ["onClick"];
+const _hoisted_20$1 = { class: "chatroomController" };
 const MAX_IMG_SIZE = 10;
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
@@ -40377,6 +40376,51 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         attachmentUploading.value = false;
       }
     };
+    const handleDrop = async (e) => {
+      var _a;
+      e.preventDefault();
+      if (props.sendDisabled || attachmentUploading.value) return;
+      const dataTransfer = e.dataTransfer;
+      console.log("dataTransfer", dataTransfer);
+      if (!dataTransfer || !dataTransfer.files.length) return;
+      let imageFile = null;
+      for (let i = 0; i < dataTransfer.files.length; i++) {
+        if (dataTransfer.files[i].type.startsWith("image/")) {
+          imageFile = dataTransfer.files[i];
+          break;
+        }
+      }
+      if (!imageFile) {
+        message.error("仅支持拖入图片文件");
+        return;
+      }
+      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(`图片大小最大支持${MAX_IMG_SIZE}MB`);
+        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/")) {
         message.error("请上传图片");
@@ -40583,7 +40627,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           __props.msgs.length ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
             __props.isNoMore ? (openBlock(), createElementBlock("div", _hoisted_3$4, "没有更多消息了~")) : loadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
               createVNode(unref(LoadingOutlined)),
-              _cache[1] || (_cache[1] = createElementVNode("span", { style: { "margin-left": "10px" } }, "正在加载，请稍候", -1))
+              _cache[2] || (_cache[2] = createElementVNode("span", { style: { "margin-left": "10px" } }, "正在加载，请稍候", -1))
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           __props.msgs.length ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
@@ -40607,7 +40651,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             class: "emptyChatroomContent",
             style: normalizeStyle({ height: ((_c = curChannel.value) == null ? void 0 : _c.ext) ? "calc(100% - 48px)" : "100%" })
           }, [
-            _cache[2] || (_cache[2] = createElementVNode("div", null, "欢迎来到", -1)),
+            _cache[3] || (_cache[3] = createElementVNode("div", null, "欢迎来到", -1)),
             createElementVNode("h1", null, "#" + toDisplayString(__props.channelName), 1)
           ], 4))
         ], 38),
@@ -40659,17 +40703,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["src"])
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_17$1, [
-              createElementVNode("div", _hoisted_18$1, [
+            createElementVNode("div", {
+              class: "chatroomInputWrapper",
+              onDragover: _cache[1] || (_cache[1] = withModifiers(() => {
+              }, ["prevent"])),
+              onDrop: withModifiers(handleDrop, ["prevent"])
+            }, [
+              createElementVNode("div", _hoisted_17$1, [
                 createVNode(unref(Popover), { placement: "topLeft" }, {
                   content: withCtx(() => [
-                    createElementVNode("div", _hoisted_19$1, [
+                    createElementVNode("div", _hoisted_18$1, [
                       (openBlock(), createElementBlock(Fragment, null, renderList(emjjData, (value, i) => {
                         return createElementVNode("span", {
                           key: i,
                           style: { "font-size": "16px", "cursor": "pointer" },
                           onClick: ($event) => insertEmj(i)
-                        }, toDisplayString(value), 9, _hoisted_20$1);
+                        }, toDisplayString(value), 9, _hoisted_19$1);
                       }), 64))
                     ])
                   ]),
@@ -40679,7 +40728,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       type: "text",
                       disabled: __props.sendDisabled
                     }, {
-                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
                         createElementVNode("svg", {
                           width: "21",
                           height: "21",
@@ -40714,7 +40763,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 onBlur: handleInputBlur,
                 onPaste: handlePaste
               }, null, 8, ["value", "placeholder", "disabled", "onKeydown", "onClick"]),
-              createElementVNode("div", _hoisted_21$1, [
+              createElementVNode("div", _hoisted_20$1, [
                 createVNode(unref(Upload), {
                   "before-upload": uploadImgHandler,
                   "show-upload-list": false,
@@ -40729,7 +40778,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       loading: attachmentUploading.value,
                       disabled: __props.sendDisabled || attachmentUploading.value
                     }, {
-                      icon: withCtx(() => [..._cache[4] || (_cache[4] = [
+                      icon: withCtx(() => [..._cache[5] || (_cache[5] = [
                         createElementVNode("svg", {
                           width: "21",
                           height: "18",
@@ -40754,14 +40803,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["accept", "disabled"]),
-                _cache[6] || (_cache[6] = createElementVNode("span", { class: "lineSeparator" }, null, -1)),
+                _cache[7] || (_cache[7] = createElementVNode("span", { class: "lineSeparator" }, null, -1)),
                 createVNode(unref(Button), {
                   class: "chatroomButtonArrowUp",
                   type: "text",
                   disabled: __props.sendDisabled,
                   onClick: handleSendText
                 }, {
-                  icon: withCtx(() => [..._cache[5] || (_cache[5] = [
+                  icon: withCtx(() => [..._cache[6] || (_cache[6] = [
                     createElementVNode("svg", {
                       width: "36",
                       height: "36",
@@ -40784,7 +40833,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["disabled"])
               ])
-            ])
+            ], 32)
           ])
         ]),
         createVNode(AitPersonPopover, {

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

@@ -38864,7 +38864,7 @@
   const _hoisted_18$2 = { class: "chatCardQuoteMsgName" };
   const _hoisted_19$2 = ["innerHTML"];
   const _hoisted_20$2 = { class: "ant-image-mask-info" };
-  const _hoisted_21$2 = { class: "chatCardStatus" };
+  const _hoisted_21$1 = { class: "chatCardStatus" };
   const MAX_IMG_PREVIEW_SIZE = 2 * 1024 * 1024;
   const REVOCATION_INTERVAL = 120 * 1e3;
   const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
@@ -39321,7 +39321,7 @@
                   ])
                 ])) : vue.createCommentVNode("", true)
               ]),
-              vue.createElementVNode("div", _hoisted_21$2, [
+              vue.createElementVNode("div", _hoisted_21$1, [
                 __props.msg.deliveryStatus === "failed" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
                   key: 0,
                   type: "text",
@@ -40038,11 +40038,10 @@
     class: "chatroomInputAttachmentWrapperImg"
   };
   const _hoisted_16$1 = { class: "chatroomInputAttachmentWrapperImgMask" };
-  const _hoisted_17$1 = { class: "chatroomInputWrapper" };
-  const _hoisted_18$1 = { class: "chatroomInputLeft" };
-  const _hoisted_19$1 = { style: { "width": "400px" } };
-  const _hoisted_20$1 = ["onClick"];
-  const _hoisted_21$1 = { class: "chatroomController" };
+  const _hoisted_17$1 = { class: "chatroomInputLeft" };
+  const _hoisted_18$1 = { style: { "width": "400px" } };
+  const _hoisted_19$1 = ["onClick"];
+  const _hoisted_20$1 = { class: "chatroomController" };
   const MAX_IMG_SIZE = 10;
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -40374,6 +40373,51 @@
           attachmentUploading.value = false;
         }
       };
+      const handleDrop = async (e) => {
+        var _a;
+        e.preventDefault();
+        if (props.sendDisabled || attachmentUploading.value) return;
+        const dataTransfer = e.dataTransfer;
+        console.log("dataTransfer", dataTransfer);
+        if (!dataTransfer || !dataTransfer.files.length) return;
+        let imageFile = null;
+        for (let i = 0; i < dataTransfer.files.length; i++) {
+          if (dataTransfer.files[i].type.startsWith("image/")) {
+            imageFile = dataTransfer.files[i];
+            break;
+          }
+        }
+        if (!imageFile) {
+          antDesignVue.message.error("仅支持拖入图片文件");
+          return;
+        }
+        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(`图片大小最大支持${MAX_IMG_SIZE}MB`);
+          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/")) {
           antDesignVue.message.error("请上传图片");
@@ -40580,7 +40624,7 @@
             __props.msgs.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
               __props.isNoMore ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, "没有更多消息了~")) : loadingMore.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
                 vue.createVNode(vue.unref(LoadingOutlined)),
-                _cache[1] || (_cache[1] = vue.createElementVNode("span", { style: { "margin-left": "10px" } }, "正在加载，请稍候", -1))
+                _cache[2] || (_cache[2] = vue.createElementVNode("span", { style: { "margin-left": "10px" } }, "正在加载，请稍候", -1))
               ])) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true),
             __props.msgs.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
@@ -40604,7 +40648,7 @@
               class: "emptyChatroomContent",
               style: vue.normalizeStyle({ height: ((_c = curChannel.value) == null ? void 0 : _c.ext) ? "calc(100% - 48px)" : "100%" })
             }, [
-              _cache[2] || (_cache[2] = vue.createElementVNode("div", null, "欢迎来到", -1)),
+              _cache[3] || (_cache[3] = vue.createElementVNode("div", null, "欢迎来到", -1)),
               vue.createElementVNode("h1", null, "#" + vue.toDisplayString(__props.channelName), 1)
             ], 4))
           ], 38),
@@ -40656,17 +40700,22 @@
                   }, null, 8, ["src"])
                 ])) : vue.createCommentVNode("", true)
               ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_17$1, [
-                vue.createElementVNode("div", _hoisted_18$1, [
+              vue.createElementVNode("div", {
+                class: "chatroomInputWrapper",
+                onDragover: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                }, ["prevent"])),
+                onDrop: vue.withModifiers(handleDrop, ["prevent"])
+              }, [
+                vue.createElementVNode("div", _hoisted_17$1, [
                   vue.createVNode(vue.unref(antDesignVue.Popover), { placement: "topLeft" }, {
                     content: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_19$1, [
+                      vue.createElementVNode("div", _hoisted_18$1, [
                         (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(emjjData, (value, i) => {
                           return vue.createElementVNode("span", {
                             key: i,
                             style: { "font-size": "16px", "cursor": "pointer" },
                             onClick: ($event) => insertEmj(i)
-                          }, vue.toDisplayString(value), 9, _hoisted_20$1);
+                          }, vue.toDisplayString(value), 9, _hoisted_19$1);
                         }), 64))
                       ])
                     ]),
@@ -40676,7 +40725,7 @@
                         type: "text",
                         disabled: __props.sendDisabled
                       }, {
-                        default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                        default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
                           vue.createElementVNode("svg", {
                             width: "21",
                             height: "21",
@@ -40711,7 +40760,7 @@
                   onBlur: handleInputBlur,
                   onPaste: handlePaste
                 }, null, 8, ["value", "placeholder", "disabled", "onKeydown", "onClick"]),
-                vue.createElementVNode("div", _hoisted_21$1, [
+                vue.createElementVNode("div", _hoisted_20$1, [
                   vue.createVNode(vue.unref(antDesignVue.Upload), {
                     "before-upload": uploadImgHandler,
                     "show-upload-list": false,
@@ -40726,7 +40775,7 @@
                         loading: attachmentUploading.value,
                         disabled: __props.sendDisabled || attachmentUploading.value
                       }, {
-                        icon: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
+                        icon: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
                           vue.createElementVNode("svg", {
                             width: "21",
                             height: "18",
@@ -40751,14 +40800,14 @@
                     ]),
                     _: 1
                   }, 8, ["accept", "disabled"]),
-                  _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "lineSeparator" }, null, -1)),
+                  _cache[7] || (_cache[7] = vue.createElementVNode("span", { class: "lineSeparator" }, null, -1)),
                   vue.createVNode(vue.unref(antDesignVue.Button), {
                     class: "chatroomButtonArrowUp",
                     type: "text",
                     disabled: __props.sendDisabled,
                     onClick: handleSendText
                   }, {
-                    icon: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
+                    icon: vue.withCtx(() => [..._cache[6] || (_cache[6] = [
                       vue.createElementVNode("svg", {
                         width: "36",
                         height: "36",
@@ -40781,7 +40830,7 @@
                     _: 1
                   }, 8, ["disabled"])
                 ])
-              ])
+              ], 32)
             ])
           ]),
           vue.createVNode(AitPersonPopover, {

package/package.json CHANGED Viewed

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