yx-web-sdk 0.0.19 → 0.0.21

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

@@ -715,7 +715,7 @@
     newNode.setAttribute(getMark(option), key);
     return newNode;
   }
-  function _objectSpread$b(target) {
+  function _objectSpread$c(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -725,12 +725,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$b(target, key, source[key]);
+        _defineProperty$c(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$b(obj, key, value) {
+  function _defineProperty$c(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -751,13 +751,13 @@
   }
   function generate(node, key, rootProps) {
     if (!rootProps) {
-      return vue.h(node.tag, _objectSpread$b({
+      return vue.h(node.tag, _objectSpread$c({
         key
       }, node.attrs), (node.children || []).map(function(child, index2) {
         return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index2));
       }));
     }
-    return vue.h(node.tag, _objectSpread$b({
+    return vue.h(node.tag, _objectSpread$c({
       key
     }, rootProps, node.attrs), (node.children || []).map(function(child, index2) {
       return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index2));
@@ -840,7 +840,7 @@
     }
     return target;
   }
-  function _objectSpread$a(target) {
+  function _objectSpread$b(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -850,12 +850,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$a(target, key, source[key]);
+        _defineProperty$b(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$a(obj, key, value) {
+  function _defineProperty$b(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -875,10 +875,10 @@
     twoToneColorPalette.calculated = !!secondaryColor;
   }
   function getTwoToneColors() {
-    return _objectSpread$a({}, twoToneColorPalette);
+    return _objectSpread$b({}, twoToneColorPalette);
   }
   var IconBase = function IconBase2(props, context) {
-    var _props$context$attrs = _objectSpread$a({}, props, context.attrs), icon = _props$context$attrs.icon, primaryColor = _props$context$attrs.primaryColor, secondaryColor = _props$context$attrs.secondaryColor, restProps = _objectWithoutProperties$3(_props$context$attrs, _excluded$3);
+    var _props$context$attrs = _objectSpread$b({}, props, context.attrs), icon = _props$context$attrs.icon, primaryColor = _props$context$attrs.primaryColor, secondaryColor = _props$context$attrs.secondaryColor, restProps = _objectWithoutProperties$3(_props$context$attrs, _excluded$3);
     var colors = twoToneColorPalette;
     if (primaryColor) {
       colors = {
@@ -892,11 +892,11 @@
     }
     var target = icon;
     if (target && typeof target.icon === "function") {
-      target = _objectSpread$a({}, target, {
+      target = _objectSpread$b({}, target, {
         icon: target.icon(colors.primaryColor, colors.secondaryColor)
       });
     }
-    return generate(target.icon, "svg-".concat(target.name), _objectSpread$a({}, restProps, {
+    return generate(target.icon, "svg-".concat(target.name), _objectSpread$b({}, restProps, {
       "data-icon": target.name,
       width: "1em",
       height: "1em",
@@ -1034,7 +1034,7 @@
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
-  function _objectSpread$9(target) {
+  function _objectSpread$a(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -1044,12 +1044,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$9(target, key, source[key]);
+        _defineProperty$a(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$9(obj, key, value) {
+  function _defineProperty$a(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -1087,9 +1087,9 @@
   setTwoToneColor(blue.primary);
   var Icon$1 = function Icon2(props, context) {
     var _classObj;
-    var _props$context$attrs = _objectSpread$9({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties$2(_props$context$attrs, _excluded$2);
+    var _props$context$attrs = _objectSpread$a({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties$2(_props$context$attrs, _excluded$2);
     var _useInjectIconContext = useInjectIconContext(), prefixCls = _useInjectIconContext.prefixCls, rootClassName = _useInjectIconContext.rootClassName;
-    var classObj = (_classObj = {}, _defineProperty$9(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty$9(_classObj, prefixCls.value, true), _defineProperty$9(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty$9(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === "loading"), _classObj);
+    var classObj = (_classObj = {}, _defineProperty$a(_classObj, rootClassName.value, !!rootClassName.value), _defineProperty$a(_classObj, prefixCls.value, true), _defineProperty$a(_classObj, "".concat(prefixCls.value, "-").concat(icon.name), Boolean(icon.name)), _defineProperty$a(_classObj, "".concat(prefixCls.value, "-spin"), !!spin || icon.name === "loading"), _classObj);
     var iconTabIndex = tabindex;
     if (iconTabIndex === void 0 && onClick) {
       iconTabIndex = -1;
@@ -1099,7 +1099,7 @@
       transform: "rotate(".concat(rotate, "deg)")
     } : void 0;
     var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
-    return vue.createVNode("span", _objectSpread$9({
+    return vue.createVNode("span", _objectSpread$a({
       "role": "img",
       "aria-label": icon.name
     }, restProps, {
@@ -1124,7 +1124,7 @@
   Icon$1.getTwoToneColor = getTwoToneColor;
   Icon$1.setTwoToneColor = setTwoToneColor;
   var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
-  function _objectSpread$8(target) {
+  function _objectSpread$9(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
       var ownKeys = Object.keys(source);
@@ -1134,12 +1134,12 @@
         }));
       }
       ownKeys.forEach(function(key) {
-        _defineProperty$8(target, key, source[key]);
+        _defineProperty$9(target, key, source[key]);
       });
     }
     return target;
   }
-  function _defineProperty$8(obj, key, value) {
+  function _defineProperty$9(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
     } else {
@@ -1148,14 +1148,46 @@
     return obj;
   }
   var CloseOutlined = function CloseOutlined2(props, context) {
-    var p = _objectSpread$8({}, props, context.attrs);
-    return vue.createVNode(Icon$1, _objectSpread$8({}, p, {
+    var p = _objectSpread$9({}, props, context.attrs);
+    return vue.createVNode(Icon$1, _objectSpread$9({}, p, {
       "icon": CloseOutlined$1
     }), null);
   };
   CloseOutlined.displayName = "CloseOutlined";
   CloseOutlined.inheritAttrs = false;
   var CrownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M899.6 276.5L705 396.4 518.4 147.5a8.06 8.06 0 00-12.9 0L319 396.4 124.3 276.5c-5.7-3.5-13.1 1.2-12.2 7.9L188.5 865c1.1 7.9 7.9 14 16 14h615.1c8 0 14.9-6 15.9-14l76.4-580.6c.8-6.7-6.5-11.4-12.3-7.9zm-126 534.1H250.3l-53.8-409.4 139.8 86.1L512 252.9l175.7 234.4 139.8-86.1-53.9 409.4zM512 509c-62.1 0-112.6 50.5-112.6 112.6S449.9 734.2 512 734.2s112.6-50.5 112.6-112.6S574.1 509 512 509zm0 160.9c-26.6 0-48.2-21.6-48.2-48.3 0-26.6 21.6-48.3 48.2-48.3s48.2 21.6 48.2 48.3c0 26.6-21.6 48.3-48.2 48.3z" } }] }, "name": "crown", "theme": "outlined" };
+  function _objectSpread$8(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? Object(arguments[i]) : {};
+      var ownKeys = Object.keys(source);
+      if (typeof Object.getOwnPropertySymbols === "function") {
+        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+        }));
+      }
+      ownKeys.forEach(function(key) {
+        _defineProperty$8(target, key, source[key]);
+      });
+    }
+    return target;
+  }
+  function _defineProperty$8(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  var CrownOutlined = function CrownOutlined2(props, context) {
+    var p = _objectSpread$8({}, props, context.attrs);
+    return vue.createVNode(Icon$1, _objectSpread$8({}, p, {
+      "icon": CrownOutlined$1
+    }), null);
+  };
+  CrownOutlined.displayName = "CrownOutlined";
+  CrownOutlined.inheritAttrs = false;
+  var DeleteOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, "name": "delete", "theme": "outlined" };
   function _objectSpread$7(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i] != null ? Object(arguments[i]) : {};
@@ -1179,14 +1211,14 @@
     }
     return obj;
   }
-  var CrownOutlined = function CrownOutlined2(props, context) {
+  var DeleteOutlined = function DeleteOutlined2(props, context) {
     var p = _objectSpread$7({}, props, context.attrs);
     return vue.createVNode(Icon$1, _objectSpread$7({}, p, {
-      "icon": CrownOutlined$1
+      "icon": DeleteOutlined$1
     }), null);
   };
-  CrownOutlined.displayName = "CrownOutlined";
-  CrownOutlined.inheritAttrs = false;
+  DeleteOutlined.displayName = "DeleteOutlined";
+  DeleteOutlined.inheritAttrs = false;
   var ExclamationCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
   function _objectSpread$6(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -1658,12 +1690,12 @@
     return function(...args) {
       return new Promise((resolve, reject) => {
         queue.push([resolve, reject]);
-        clearTimeout(timer);
+        clearTimeout(timer != null ? timer : void 0);
         timer = setTimeout(() => {
           func.apply(this, args).then((res) => {
-            queue.map((item) => item[0]).forEach((item) => item(res));
+            queue.forEach(([resolver]) => resolver(res));
           }).catch((err) => {
-            queue.map((item) => item[1]).forEach((item) => item(err));
+            queue.forEach(([, rejecter]) => rejecter(err));
           }).finally(() => {
             queue.length = 0;
             timer = null;
@@ -1691,6 +1723,9 @@
     h = Math.min(IMG_MSG_SIDE_MAX, h0 * scale);
     return { width: Math.round(w), height: Math.round(h) };
   }
+  const getMByteSize = (size) => {
+    return (size / 1024 / 1024).toFixed(2);
+  };
   const useGlobalStore = pinia.defineStore("global", {
     state: () => ({
       loginStatus: false
@@ -38299,7 +38334,27 @@
         });
         return msgs;
       },
-      // 发送文本消息
+      /**
+       * 上传图片
+       * @param options - 上传选项，包含图片文件和回调函数
+       * @returns Promise<UploadFileResult> 返回上传结果，包含图片URL、宽高等信息
+       */
+      async uploadImage(options) {
+        if (!window.qchat) {
+          throw new Error("QChat no login");
+        }
+        const uploadResult = await window.qchat.cloudStorage.uploadFile({
+          type: "image",
+          file: options.file,
+          onUploadStart: options.onUploadStart,
+          onUploadDone: options.onUploadDone
+        });
+        return uploadResult;
+      },
+      /**
+       * 发送文本消息
+       * @param options - 发送选项，包含消息内容和可选附件
+       */
       async sendTextMsg(options) {
         var _a;
         if (!window.qchat) {
@@ -38314,6 +38369,8 @@
             channelId: this.currentChannel.channelId,
             type: "text",
             body: options.body,
+            attach: options == null ? void 0 : options.attach,
+            // 如果有附件，塞到attach字段
             ext: (options == null ? void 0 : options.ext) ? JSON.stringify(options == null ? void 0 : options.ext) : void 0,
             mentionAccids: options == null ? void 0 : options.mentionAccids,
             onSendBefore: (msg2) => {
@@ -38610,9 +38667,9 @@
     }
   });
   pinia.createPinia();
-  const _hoisted_1$9 = { class: "yx-common-avatar-container" };
-  const _hoisted_2$8 = ["src"];
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$a = { class: "yx-common-avatar-container" };
+  const _hoisted_2$9 = ["src"];
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "CommonAvatar"
     },
@@ -38668,14 +38725,14 @@
       });
       return (_ctx, _cache) => {
         var _a, _b;
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
           __props.avatar || ((_a = matchedMember.value) == null ? void 0 : _a.avatar) ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             alt: "",
             class: "image",
             src: __props.avatar,
             style: vue.normalizeStyle("width:" + widthAndHeight.value + "height:" + widthAndHeight.value + "border:" + borderStyle.value)
-          }, null, 12, _hoisted_2$8)) : vue.createCommentVNode("", true),
+          }, null, 12, _hoisted_2$9)) : vue.createCommentVNode("", true),
           !__props.avatar && !((_b = matchedMember.value) == null ? void 0 : _b.avatar) ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: "text",
@@ -38724,6 +38781,55 @@
       };
     }
   });
+  const _hoisted_1$9 = { class: "yx-attach-box-img-info-wrapper" };
+  const _hoisted_2$8 = {
+    style: { "min-width": "21px", "min-height": "18px" },
+    width: "21",
+    height: "18",
+    viewBox: "0 0 21 18",
+    fill: "var(--theme-head-title-link, #3B3E55)",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+  const _hoisted_3$8 = { class: "yx-attach-box-img-info-text" };
+  const _hoisted_4$8 = { class: "yx-attach-box-img-info-text-name" };
+  const _hoisted_5$7 = ["href", "download"];
+  const _hoisted_6$7 = { class: "yx-attach-box-img-info-text-size" };
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...{ name: "ImgInfoWrapper" },
+    __name: "index",
+    props: {
+      attach: {}
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        var _a, _b, _c, _d;
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$8, [..._cache[0] || (_cache[0] = [
+            vue.createElementVNode("path", {
+              d: "M15.75 9C16.9926 9 18 7.99264 18 6.75C18 5.50736 16.9926 4.5 15.75 4.5C14.5074 4.5 13.5 5.50736 13.5 6.75C13.5 7.99264 14.5074 9 15.75 9Z",
+              fill: "#9198A1"
+            }, null, -1),
+            vue.createElementVNode("path", {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M3 0C1.34315 0 0 1.34315 0 3V15C0 16.6569 1.34315 18 3 18H18C19.6569 18 21 16.6569 21 15V3C21 1.34315 19.6569 0 18 0H3ZM18 1.5H3C2.17157 1.5 1.5 2.17157 1.5 3V8.68934L6 4.18934L18.2838 16.4732C18.9765 16.3405 19.5 15.7314 19.5 15V3C19.5 2.17157 18.8284 1.5 18 1.5ZM1.5 15V10.8107L6 6.31066L16.1893 16.5H3C2.17157 16.5 1.5 15.8284 1.5 15Z",
+              fill: "#9198A1"
+            }, null, -1)
+          ])])),
+          vue.createElementVNode("div", _hoisted_3$8, [
+            vue.createElementVNode("div", _hoisted_4$8, [
+              vue.createElementVNode("a", {
+                class: "yx-attach-box-img-info-text-name-link",
+                href: (_a = __props.attach) == null ? void 0 : _a.url,
+                download: (_b = __props.attach) == null ? void 0 : _b.name
+              }, vue.toDisplayString((_c = __props.attach) == null ? void 0 : _c.name), 9, _hoisted_5$7)
+            ]),
+            vue.createElementVNode("div", _hoisted_6$7, vue.toDisplayString(vue.unref(getMByteSize)(((_d = __props.attach) == null ? void 0 : _d.size) || 0)) + "MB", 1)
+          ])
+        ]);
+      };
+    }
+  });
   const _hoisted_1$8 = ["data-msg-id-client"];
   const _hoisted_2$7 = {
     key: 0,
@@ -38742,12 +38848,22 @@
   const _hoisted_13$3 = { class: "ant-image-mask-info" };
   const _hoisted_14$3 = {
     key: 4,
+    class: "chatCardMainContent attach-box"
+  };
+  const _hoisted_15$3 = { class: "ant-image-mask-info" };
+  const _hoisted_16$2 = {
+    key: 5,
     class: "chatCardMainContent"
   };
-  const _hoisted_15$3 = { class: "chatCardQuoteMsgName" };
-  const _hoisted_16$2 = ["innerHTML"];
-  const _hoisted_17$2 = { class: "ant-image-mask-info" };
-  const _hoisted_18$1 = { class: "chatCardStatus" };
+  const _hoisted_17$2 = {
+    key: 0,
+    class: "chatCardQuoteMsgAttachBox"
+  };
+  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 MAX_IMG_PREVIEW_SIZE = 2 * 1024 * 1024;
   const REVOCATION_INTERVAL = 120 * 1e3;
   const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -38947,14 +39063,14 @@
         }
       };
       return (_ctx, _cache) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["yx-chatCardWrapper", { reverse: __props.msg.fromAccount === __props.myAccid }]),
           "data-msg-id-client": __props.msg.msgIdClient
         }, [
           ((_a = __props.msg.updateOperatorInfo) == null ? void 0 : _a.ps) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, vue.toDisplayString(__props.msg.fromAccount === __props.myAccid ? "你" : `“${__props.msg.fromNick}”`) + " " + vue.toDisplayString((_b = __props.msg.updateOperatorInfo) == null ? void 0 : _b.ps), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createElementVNode("div", _hoisted_3$7, [
-              vue.createVNode(_sfc_main$9, {
+              vue.createVNode(_sfc_main$a, {
                 avatar: myAvatar.value,
                 nick: __props.msg.fromNick,
                 accid: __props.msg.fromAccount,
@@ -39057,28 +39173,52 @@
                 }, [..._cache[1] || (_cache[1] = [
                   vue.createElementVNode("div", { class: "textMsg" }, vue.toDisplayString("暂不支持该消息"), -1)
                 ])], 2)),
-                ((_i = msgExt.value) == null ? void 0 : _i.quoteMsg) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$3, [
+                __props.msg.type === "text" && ["jpg", "jpeg", "png", "gif"].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), {
+                    key: 0,
+                    class: "imgMsg",
+                    src: (_p = (_o = __props.msg) == null ? void 0 : _o.attach) == null ? void 0 : _p.url,
+                    width: imageMsgSize.value.width,
+                    height: imageMsgSize.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, {
+                    key: 1,
+                    attach: (_q = __props.msg) == null ? void 0 : _q.attach
+                  }, null, 8, ["attach"]))
+                ])) : vue.createCommentVNode("", true),
+                ((_r = msgExt.value) == null ? void 0 : _r.quoteMsg) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$2, [
                   vue.createElementVNode("div", {
                     class: "chatCardQuoteMsg",
                     onClick: onQuoteMsgClick
                   }, [
-                    vue.createElementVNode("div", _hoisted_15$3, vue.toDisplayString(msgExt.value.quoteMsg.fromNick) + "：", 1),
+                    msgExt.value.quoteMsg.type === "text" && msgExt.value.quoteMsg.attach ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$2, [
+                      vue.createVNode(_sfc_main$9, {
+                        attach: msgExt.value.quoteMsg.attach
+                      }, null, 8, ["attach"])
+                    ])) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", _hoisted_18$2, vue.toDisplayString(msgExt.value.quoteMsg.fromNick) + "：", 1),
                     msgExt.value.quoteMsg.body ? (vue.openBlock(), vue.createElementBlock("div", {
-                      key: 0,
+                      key: 1,
                       class: "quoteMsgText",
                       innerHTML: msgExt.value.quoteMsg.body
-                    }, null, 8, _hoisted_16$2)) : vue.createCommentVNode("", true),
+                    }, null, 8, _hoisted_19$2)) : vue.createCommentVNode("", true),
                     msgExt.value.quoteMsg.type === "image" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Image), {
-                      key: 1,
+                      key: 2,
                       class: "imgMsg quoteMsgImg",
-                      src: (_j = msgExt.value.quoteMsg.attach) == null ? void 0 : _j.url,
+                      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(() => {
                       }, ["stop", "prevent"]))
                     }, {
                       previewMask: vue.withCtx(() => [
-                        vue.createElementVNode("div", _hoisted_17$2, [
+                        vue.createElementVNode("div", _hoisted_20$2, [
                           vue.createVNode(vue.unref(EyeOutlined))
                         ])
                       ]),
@@ -39087,7 +39227,7 @@
                   ])
                 ])) : vue.createCommentVNode("", true)
               ]),
-              vue.createElementVNode("div", _hoisted_18$1, [
+              vue.createElementVNode("div", _hoisted_21$2, [
                 __props.msg.deliveryStatus === "failed" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Button), {
                   key: 0,
                   type: "text",
@@ -39242,7 +39382,7 @@
                   onMousedown: vue.withModifiers(($event) => onSelect($event, index2), ["prevent"])
                 }, [
                   vue.createElementVNode("div", _hoisted_3$6, [
-                    vue.createVNode(_sfc_main$9, {
+                    vue.createVNode(_sfc_main$a, {
                       avatar: item.avatar,
                       nick: item.nick,
                       accid: item.accid,
@@ -39784,19 +39924,32 @@
     key: 0,
     class: "chatroomInputQuoteWrapper"
   };
-  const _hoisted_9$2 = { class: "chatroomInputQuoteText" };
-  const _hoisted_10$2 = { class: "chatroomInputQuoteTextName" };
-  const _hoisted_11$2 = ["innerHTML"];
-  const _hoisted_12$2 = {
+  const _hoisted_9$2 = {
     key: 0,
+    class: "chatroomInputQuoteAttachBox"
+  };
+  const _hoisted_10$2 = { class: "chatroomInputQuoteText" };
+  const _hoisted_11$2 = { class: "chatroomInputQuoteTextName" };
+  const _hoisted_12$2 = ["innerHTML"];
+  const _hoisted_13$2 = {
+    key: 1,
     class: "chatroomInputQuoteWrapperImg"
   };
-  const _hoisted_13$2 = { class: "chatroomInputWrapper" };
-  const _hoisted_14$2 = { class: "chatroomInputLeft" };
-  const _hoisted_15$2 = { style: { "width": "400px" } };
-  const _hoisted_16$1 = ["onClick"];
-  const _hoisted_17$1 = { class: "chatroomController" };
-  const MAX_IMG_SIZE = 20;
+  const _hoisted_14$2 = {
+    key: 1,
+    class: "chatroomInputAttachmentWrapper"
+  };
+  const _hoisted_15$2 = {
+    key: 0,
+    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 MAX_IMG_SIZE = 10;
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "ChatContent"
@@ -39822,8 +39975,10 @@
       const props = __props;
       const emit = __emit;
       const quoteMsg = vue.ref();
+      const attachment = vue.ref();
       const curText = vue.ref("");
       const cursorIndex = vue.ref(0);
+      const attachmentUploading = vue.ref(false);
       const contentRef = vue.ref();
       const contentScrollLocked = vue.ref(false);
       const loadingMore = vue.ref(false);
@@ -39919,6 +40074,10 @@
       };
       const handleDeleteQuoteMsg = () => {
         quoteMsg.value = void 0;
+        console.log("handleDeleteQuoteMsg", quoteMsg.value);
+      };
+      const handleDeleteAttachment = () => {
+        attachment.value = void 0;
       };
       vue.watch(
         () => props.msgs,
@@ -39956,15 +40115,21 @@
         () => channelStore.currentChannel,
         (value, oldValue) => {
           if (oldValue == null ? void 0 : oldValue.channelId) {
-            inputMap.set(oldValue == null ? void 0 : oldValue.channelId, { input: curText.value, quoteMsg: quoteMsg.value });
+            inputMap.set(oldValue == null ? void 0 : oldValue.channelId, {
+              input: curText.value,
+              quoteMsg: quoteMsg.value,
+              attachment: attachment.value
+            });
           }
           if ((value == null ? void 0 : value.channelId) && inputMap.has((value == null ? void 0 : value.channelId) || "")) {
             const mapValue = inputMap.get((value == null ? void 0 : value.channelId) || "");
             curText.value = (mapValue == null ? void 0 : mapValue.input) || "";
             quoteMsg.value = mapValue == null ? void 0 : mapValue.quoteMsg;
+            attachment.value = mapValue == null ? void 0 : mapValue.attachment;
           } else {
             curText.value = "";
             quoteMsg.value = void 0;
+            attachment.value = void 0;
           }
         }
       );
@@ -40001,10 +40166,13 @@
               ext: {
                 quoteMsg: quoteMsg.value
               },
-              mentionAccids: mentionAccids.value
+              mentionAccids: mentionAccids.value,
+              attach: attachment.value
+              // 传递附件
             });
             curText.value = "";
             quoteMsg.value = void 0;
+            attachment.value = void 0;
             scrollToBottomAfterSend();
           }
         }
@@ -40016,10 +40184,13 @@
             ext: {
               quoteMsg: quoteMsg.value
             },
-            mentionAccids: mentionAccids.value
+            mentionAccids: mentionAccids.value,
+            attach: attachment.value
+            // 传递附件
           });
           curText.value = "";
           quoteMsg.value = void 0;
+          attachment.value = void 0;
           scrollToBottomAfterSend();
         }
       };
@@ -40041,8 +40212,8 @@
           });
         }
       };
-      const handlePaste = (e) => {
-        if (props.sendDisabled) return;
+      const handlePaste = async (e) => {
+        if (props.sendDisabled || attachmentUploading.value) return;
         const clipboardData = e.clipboardData;
         if (!clipboardData) return;
         const items = clipboardData.items;
@@ -40056,20 +40227,51 @@
                 antDesignVue.message.error("图片大小最大支持20M");
                 return;
               }
-              emit("sendImg", file);
-              scrollToBottomAfterSend();
+              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;
+              }
             }
             return;
           }
         }
       };
-      const uploadImgHandler = (file) => {
+      const uploadImgHandler = async (file) => {
         if (!isLt(file.size, MAX_IMG_SIZE)) {
           antDesignVue.message.error(`图片大小最大支持${MAX_IMG_SIZE}M`);
-          return;
+          return false;
         }
-        emit("sendImg", file);
-        scrollToBottomAfterSend();
+        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;
+        }
+        return false;
       };
       const emjjData = [
         "😀",
@@ -40284,15 +40486,20 @@
                   size: "12px",
                   onClick: handleDeleteQuoteMsg
                 }),
-                vue.createElementVNode("div", _hoisted_9$2, [
-                  vue.createElementVNode("div", _hoisted_10$2, vue.toDisplayString(quoteMsg.value.fromNick) + "：", 1),
+                quoteMsg.value.type === "text" && quoteMsg.value.attach ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
+                  vue.createVNode(_sfc_main$9, {
+                    attach: quoteMsg.value.attach
+                  }, null, 8, ["attach"])
+                ])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", _hoisted_10$2, [
+                  vue.createElementVNode("div", _hoisted_11$2, vue.toDisplayString(quoteMsg.value.fromNick) + "：", 1),
                   ((_d = quoteMsg.value) == null ? void 0 : _d.body) ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
                     class: "chatroomInputQuoteTextBody",
                     innerHTML: (_e = quoteMsg.value) == null ? void 0 : _e.body
-                  }, null, 8, _hoisted_11$2)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_12$2)) : vue.createCommentVNode("", true)
                 ]),
-                quoteMsg.value.type === "image" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, [
+                quoteMsg.value.type === "image" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$2, [
                   vue.createVNode(vue.unref(antDesignVue.Image), {
                     preview: false,
                     class: "imgMsg quoteImg",
@@ -40302,17 +40509,34 @@
                   }, null, 8, ["src", "width", "height"])
                 ])) : vue.createCommentVNode("", true)
               ])) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_13$2, [
-                vue.createElementVNode("div", _hoisted_14$2, [
+              attachment.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$2, [
+                ["jpg", "jpeg", "png", "gif"].includes(attachment.value.ext || "") && attachment.value.url ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$2, [
+                  vue.createElementVNode("div", _hoisted_16$1, [
+                    vue.createVNode(vue.unref(DeleteOutlined), {
+                      class: "chatroomInputAttachmentDeleteBtn",
+                      onClick: handleDeleteAttachment
+                    })
+                  ]),
+                  vue.createVNode(vue.unref(antDesignVue.Image), {
+                    preview: false,
+                    class: "imgMsg quoteImg",
+                    src: attachment.value.url,
+                    width: 60,
+                    height: 60
+                  }, null, 8, ["src"])
+                ])) : vue.createCommentVNode("", true)
+              ])) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_17$1, [
+                vue.createElementVNode("div", _hoisted_18$1, [
                   vue.createVNode(vue.unref(antDesignVue.Popover), { placement: "topLeft" }, {
                     content: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_15$2, [
+                      vue.createElementVNode("div", _hoisted_19$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_16$1);
+                          }, vue.toDisplayString(value), 9, _hoisted_20$1);
                         }), 64))
                       ])
                     ]),
@@ -40357,19 +40581,20 @@
                   onBlur: handleInputBlur,
                   onPaste: handlePaste
                 }, null, 8, ["value", "placeholder", "disabled", "onKeydown", "onClick"]),
-                vue.createElementVNode("div", _hoisted_17$1, [
+                vue.createElementVNode("div", _hoisted_21$1, [
                   vue.createVNode(vue.unref(antDesignVue.Upload), {
                     "before-upload": uploadImgHandler,
                     "show-upload-list": false,
                     accept: ".jpg,.png,.jpeg",
-                    disabled: __props.sendDisabled
+                    disabled: __props.sendDisabled || attachmentUploading.value,
+                    class: "chatroomInputUpload"
                   }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(antDesignVue.Button), {
                         class: "chatroomButton",
                         type: "text",
-                        loading: __props.imgUploading,
-                        disabled: __props.sendDisabled
+                        loading: attachmentUploading.value,
+                        disabled: __props.sendDisabled || attachmentUploading.value
                       }, {
                         icon: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
                           vue.createElementVNode("svg", {
@@ -40495,7 +40720,13 @@
       );
       const sendMessage = (type, file, option) => {
         if (type === "textMsg") {
-          channelStore.sendTextMsg({ body: file, ext: option == null ? void 0 : option.ext, mentionAccids: option == null ? void 0 : option.mentionAccids });
+          channelStore.sendTextMsg({
+            body: file,
+            ext: option == null ? void 0 : option.ext,
+            mentionAccids: option == null ? void 0 : option.mentionAccids,
+            attach: option == null ? void 0 : option.attach
+            // 传递附件
+          });
           return;
         }
         if (type === "SendImg") {
@@ -41261,7 +41492,7 @@
             style: vue.normalizeStyle({ width: userPanelWidth.value + "px" })
           }, [
             vue.createElementVNode("div", _hoisted_15, [
-              vue.createVNode(_sfc_main$9, {
+              vue.createVNode(_sfc_main$a, {
                 avatar: userProfile.value.avatar,
                 nick: userProfile.value.nick,
                 accid: currentAccount.value,
@@ -41440,7 +41671,7 @@
       };
     }
   });
-  const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2f397ece"]]);
+  const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-961f30d7"]]);
   const _hoisted_1$1 = { class: "members-header" };
   const _hoisted_2$1 = {
     key: 0,
@@ -41577,7 +41808,7 @@
                 }, {
                   default: vue.withCtx(() => [
                     vue.createElementVNode("div", _hoisted_4$1, [
-                      vue.createVNode(_sfc_main$9, {
+                      vue.createVNode(_sfc_main$a, {
                         avatar: member.avatar,
                         nick: member.nick,
                         accid: member.accid,
@@ -41971,7 +42202,7 @@
     ChatContent: _sfc_main$5,
     ChatPage: _sfc_main$3,
     ChatRoom: _sfc_main$4,
-    CommonAvatar: _sfc_main$9,
+    CommonAvatar: _sfc_main$a,
     IconFont: IconFont$1,
     IndexEntry,
     MembersSidebar,