yx-web-sdk 0.0.19 → 0.0.21

package/dist/{index.vue_vue_type_style_index_0_lang-5DeqmRdw.mjs → index.vue_vue_type_style_index_0_lang-iBkYSdDj.mjs}

@@ -1,12 +1,45 @@
-import { ref, computed, watch, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, unref, normalizeClass, createBlock, createCommentVNode, createVNode, Fragment, renderList, toDisplayString, withCtx } from "vue";
+import { createVNode, ref, computed, watch, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, unref, normalizeClass, createBlock, createCommentVNode, Fragment, renderList, toDisplayString, 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-D5gp5t2F.mjs";
-import { L as LoadingOutlined, _ as _sfc_main$2 } from "./index.vue_vue_type_style_index_0_lang-CA27kCm1.mjs";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-B2YRkoln.mjs";
-import { a as useServerStore, g as getServerMembersByAccids, b as useChannelStore, e as getImageMsgDisplaySize, f as filterStr, i as isLt } from "./index.vue_vue_type_style_index_0_lang-CAZ44kgX.mjs";
+import { A as AitPersonPopover } from "./index-Dwglj7_M.mjs";
+import { L as LoadingOutlined, _ as _sfc_main$2, a as _sfc_main$3 } from "./index.vue_vue_type_style_index_0_lang-CsNgkPt9.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-BaKNB-4q.mjs";
 import { useEventListener, useDebounceFn } from "@vueuse/core";
 import { C as CloseOutlined } from "./CloseOutlined-BEcmJaCc.mjs";
+import { I as Icon } from "./AntdIcon-DdvEPKFJ.mjs";
+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(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(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty(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 DeleteOutlined = function DeleteOutlined2(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread({}, p, {
+    "icon": DeleteOutlined$1
+  }), null);
+};
+DeleteOutlined.displayName = "DeleteOutlined";
+DeleteOutlined.inheritAttrs = false;
 const MENTION_TAG_REG = /@[^@]+\s/g;
 function getMentionSpans(text) {
   const spans = [];
@@ -419,19 +452,32 @@ const _hoisted_8 = {
   key: 0,
   class: "chatroomInputQuoteWrapper"
 };
-const _hoisted_9 = { class: "chatroomInputQuoteText" };
-const _hoisted_10 = { class: "chatroomInputQuoteTextName" };
-const _hoisted_11 = ["innerHTML"];
-const _hoisted_12 = {
+const _hoisted_9 = {
   key: 0,
+  class: "chatroomInputQuoteAttachBox"
+};
+const _hoisted_10 = { class: "chatroomInputQuoteText" };
+const _hoisted_11 = { class: "chatroomInputQuoteTextName" };
+const _hoisted_12 = ["innerHTML"];
+const _hoisted_13 = {
+  key: 1,
   class: "chatroomInputQuoteWrapperImg"
 };
-const _hoisted_13 = { class: "chatroomInputWrapper" };
-const _hoisted_14 = { class: "chatroomInputLeft" };
-const _hoisted_15 = { style: { "width": "400px" } };
-const _hoisted_16 = ["onClick"];
-const _hoisted_17 = { class: "chatroomController" };
-const MAX_IMG_SIZE = 20;
+const _hoisted_14 = {
+  key: 1,
+  class: "chatroomInputAttachmentWrapper"
+};
+const _hoisted_15 = {
+  key: 0,
+  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 MAX_IMG_SIZE = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "ChatContent"
@@ -457,8 +503,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const quoteMsg = ref();
+    const attachment = ref();
     const curText = ref("");
     const cursorIndex = ref(0);
+    const attachmentUploading = ref(false);
     const contentRef = ref();
     const contentScrollLocked = ref(false);
     const loadingMore = ref(false);
@@ -554,6 +602,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleDeleteQuoteMsg = () => {
       quoteMsg.value = void 0;
+      console.log("handleDeleteQuoteMsg", quoteMsg.value);
+    };
+    const handleDeleteAttachment = () => {
+      attachment.value = void 0;
     };
     watch(
       () => props.msgs,
@@ -591,15 +643,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => 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;
         }
       }
     );
@@ -636,10 +694,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ext: {
               quoteMsg: quoteMsg.value
             },
-            mentionAccids: mentionAccids.value
+            mentionAccids: mentionAccids.value,
+            attach: attachment.value
+            // 传递附件
           });
           curText.value = "";
           quoteMsg.value = void 0;
+          attachment.value = void 0;
           scrollToBottomAfterSend();
         }
       }
@@ -651,10 +712,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ext: {
             quoteMsg: quoteMsg.value
           },
-          mentionAccids: mentionAccids.value
+          mentionAccids: mentionAccids.value,
+          attach: attachment.value
+          // 传递附件
         });
         curText.value = "";
         quoteMsg.value = void 0;
+        attachment.value = void 0;
         scrollToBottomAfterSend();
       }
     };
@@ -676,8 +740,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    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;
@@ -691,20 +755,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               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);
+              message.error("上传图片失败");
+              attachmentUploading.value = false;
+            }
           }
           return;
         }
       }
     };
-    const uploadImgHandler = (file) => {
+    const uploadImgHandler = async (file) => {
       if (!isLt(file.size, MAX_IMG_SIZE)) {
         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);
+        message.error("上传图片失败");
+        attachmentUploading.value = false;
+      }
+      return false;
     };
     const emjjData = [
       "😀",
@@ -919,15 +1014,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 size: "12px",
                 onClick: handleDeleteQuoteMsg
               }),
-              createElementVNode("div", _hoisted_9, [
-                createElementVNode("div", _hoisted_10, toDisplayString(quoteMsg.value.fromNick) + "：", 1),
+              quoteMsg.value.type === "text" && quoteMsg.value.attach ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                createVNode(_sfc_main$3, {
+                  attach: quoteMsg.value.attach
+                }, null, 8, ["attach"])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, toDisplayString(quoteMsg.value.fromNick) + "：", 1),
                 ((_d = quoteMsg.value) == null ? void 0 : _d.body) ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "chatroomInputQuoteTextBody",
                   innerHTML: (_e = quoteMsg.value) == null ? void 0 : _e.body
-                }, null, 8, _hoisted_11)) : createCommentVNode("", true)
+                }, null, 8, _hoisted_12)) : createCommentVNode("", true)
               ]),
-              quoteMsg.value.type === "image" ? (openBlock(), createElementBlock("div", _hoisted_12, [
+              quoteMsg.value.type === "image" ? (openBlock(), createElementBlock("div", _hoisted_13, [
                 createVNode(unref(Image), {
                   preview: false,
                   class: "imgMsg quoteImg",
@@ -937,17 +1037,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["src", "width", "height"])
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_13, [
-              createElementVNode("div", _hoisted_14, [
+            attachment.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              ["jpg", "jpeg", "png", "gif"].includes(attachment.value.ext || "") && attachment.value.url ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                createElementVNode("div", _hoisted_16, [
+                  createVNode(unref(DeleteOutlined), {
+                    class: "chatroomInputAttachmentDeleteBtn",
+                    onClick: handleDeleteAttachment
+                  })
+                ]),
+                createVNode(unref(Image), {
+                  preview: false,
+                  class: "imgMsg quoteImg",
+                  src: attachment.value.url,
+                  width: 60,
+                  height: 60
+                }, null, 8, ["src"])
+              ])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_17, [
+              createElementVNode("div", _hoisted_18, [
                 createVNode(unref(Popover), { placement: "topLeft" }, {
                   content: withCtx(() => [
-                    createElementVNode("div", _hoisted_15, [
+                    createElementVNode("div", _hoisted_19, [
                       (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_16);
+                        }, toDisplayString(value), 9, _hoisted_20);
                       }), 64))
                     ])
                   ]),
@@ -992,19 +1109,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onBlur: handleInputBlur,
                 onPaste: handlePaste
               }, null, 8, ["value", "placeholder", "disabled", "onKeydown", "onClick"]),
-              createElementVNode("div", _hoisted_17, [
+              createElementVNode("div", _hoisted_21, [
                 createVNode(unref(Upload), {
                   "before-upload": uploadImgHandler,
                   "show-upload-list": false,
                   accept: ".jpg,.png,.jpeg",
-                  disabled: __props.sendDisabled
+                  disabled: __props.sendDisabled || attachmentUploading.value,
+                  class: "chatroomInputUpload"
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(Button), {
                       class: "chatroomButton",
                       type: "text",
-                      loading: __props.imgUploading,
-                      disabled: __props.sendDisabled
+                      loading: attachmentUploading.value,
+                      disabled: __props.sendDisabled || attachmentUploading.value
                     }, {
                       icon: withCtx(() => [..._cache[4] || (_cache[4] = [
                         createElementVNode("svg", {

package/dist/members-sidebar/index.js

@@ -1,4 +1,4 @@
-import { M as MembersSidebar } from "../index-DHnPD8u9.mjs";
+import { M as MembersSidebar } from "../index-BPnLB3av.mjs";
 export {
   MembersSidebar,
   MembersSidebar as default

package/dist/notice-box/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-B2YRkoln.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-BxXBf_VA.mjs";
 export {
   _sfc_main as NoticeBox,
   _sfc_main as default

package/dist/server-channel-sidebar/index.js

@@ -1,4 +1,4 @@
-import { S as ServerChannelSidebar } from "../index-BjIqS2ZC.mjs";
+import { S as ServerChannelSidebar } from "../index-DME8_VYv.mjs";
 export {
   ServerChannelSidebar,
   ServerChannelSidebar as default

package/dist/stores/channel.d.ts

@@ -1,4 +1,4 @@
-import { IUploadFileOptions } from "nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/CloudStorageServiceInterface";
+import { IUploadFileOptions, UploadFileResult } from "nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/CloudStorageServiceInterface";
 import { ChannelInfo, CreateChannelOptions, GetChannelsByPageOptions, GetChannelsByPageResult, GetWhiteBlackMembersPageOptions, UpdateChannelOptions, UpdateWhiteBlackMembersOptions, QChatChannelUnreadInfo } from "nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatChannelServiceInterface";
 import { QChatMessage, QChatMessageRefer, RovokeMessageOptions } from "nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatMsgServiceInterface";
 import { AddMemberRoleOptions, QChatChannelRole, GetMemberRolesOptions } from "nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatRoleServiceInterface";
@@ -11,6 +11,8 @@ interface ServerUnReadCountAgg {
     unreadCount: number;
 }
 export interface SendMsgOption {
+    /** 附件信息（如上传的图片信息），如果有则塞到attach字段 */
+    attach?: UploadFileResult;
     ext?: {
         /** 引用消息 */
         quoteMsg?: QChatMessage;
@@ -100,7 +102,7 @@ export declare const useChannelStore: import("pinia").StoreDefinition<"channel",
     updateCurChannelMsgs(msg: QChatMessage): void;
     setCurChannelMsgs(payload: QChatMessage[]): void;
     clearCurChannelMsgs(): void;
-    getChannelsByPage: (this: any, options: GetChannelsByPageOptions) => Promise<unknown>;
+    getChannelsByPage: (this: any, options: GetChannelsByPageOptions) => Promise<void>;
     createChannel(options: CreateChannelOptions): Promise<ChannelInfo>;
     updateChannel(options: UpdateChannelOptions): Promise<void>;
     deleteChannel(): Promise<void>;
@@ -108,6 +110,20 @@ export declare const useChannelStore: import("pinia").StoreDefinition<"channel",
         limit: number;
     }): Promise<QChatMessage[]>;
     loadMoreHistoryMsgs(options: LoadMoreHistoryMsgsOptions): Promise<QChatMessage[]>;
+    /**
+     * 上传图片
+     * @param options - 上传选项，包含图片文件和回调函数
+     * @returns Promise<UploadFileResult> 返回上传结果，包含图片URL、宽高等信息
+     */
+    uploadImage(options: {
+        file: IUploadFileOptions["file"];
+        onUploadStart?: IUploadFileOptions["onUploadStart"];
+        onUploadDone?: IUploadFileOptions["onUploadDone"];
+    }): Promise<UploadFileResult>;
+    /**
+     * 发送文本消息
+     * @param options - 发送选项，包含消息内容和可选附件
+     */
     sendTextMsg(options: {
         body: string;
     } & SendMsgOption): Promise<void>;