yx-web-sdk 0.0.18 → 0.0.19

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

@@ -1,4 +1,4 @@
-import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, computed, openBlock, createElementBlock, normalizeStyle, createCommentVNode, toDisplayString, watch, onBeforeUnmount, normalizeClass, createElementVNode, withModifiers, createBlock, unref, withCtx, withDirectives, vShow, Teleport, Fragment, renderList, onMounted, onUnmounted, createTextVNode } from "vue";
+import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, computed, openBlock, createElementBlock, normalizeStyle, createCommentVNode, toDisplayString, onBeforeUnmount, watch, normalizeClass, Fragment, createElementVNode, withModifiers, createBlock, unref, withCtx, withDirectives, vShow, Teleport, renderList, onMounted, onUnmounted, createTextVNode } from "vue";
 import { useClipboard, useEventListener, useDebounceFn, useLocalStorage } from "@vueuse/core";
 import { message, Image, Button, Input, Popover, Upload, List, Typography, Form, Tooltip, Badge, Modal, Spin as Spin$1, Result, Empty } from "ant-design-vue";
 import { defineStore, createPinia } from "pinia";
@@ -37640,7 +37640,6 @@ const useServerStore = defineStore("server", {
     async getSeverList(options) {
       if (window.qchat) {
         const res = await window.qchat.qchatServer.getServersByPage(options);
-        console.log("getSeverList", res);
         this.setSeverList(res);
       }
     },
@@ -37940,8 +37939,11 @@ const useChannelStore = defineStore("channel", {
     serverUnReadCountList: []
   }),
   actions: {
-    // 设置频道列表（原 mutations 转为 actions）
-    setChannelList(payload) {
+    /**
+     * 设置频道列表并获取未读数
+     * @param payload 频道列表数据
+     */
+    async setChannelList(payload) {
       const serverStore = useServerStore();
       serverStore.resetServerUnReadCount();
       this.channelList = payload.datas;
@@ -37957,65 +37959,89 @@ const useChannelStore = defineStore("channel", {
         });
       }
       this.channelListQueryTag = payload.listQueryTag;
+      await this.subscribleChannels();
     },
-    // 订阅频道（原 mutations 转为 actions）
-    subscribleChannels() {
+    /**
+     * 订阅频道并获取未读数
+     * @description 先使用 getChannelUnreadInfos 主动查询未读数（获取登录前积累的未读），再订阅频道接收实时更新
+     */
+    async subscribleChannels() {
+      var _a, _b;
       this.channelUnReadInfoList = [];
       const channels = [];
       this.channelList.forEach((item) => {
         channels.push({ serverId: item.serverId, channelId: item.channelId });
       });
-      window.qchat.qchatChannel.subscribeChannel({
+      if (channels.length === 0) {
+        return;
+      }
+      try {
+        const unreadInfos = await ((_a = window.qchat) == null ? void 0 : _a.qchatChannel.getChannelUnreadInfos({
+          channels
+        }));
+        this.applyUnreadInfosToChannels(unreadInfos);
+      } catch (error) {
+        console.error("[subscribleChannels] 查询未读数失败:", error);
+      }
+      (_b = window.qchat) == null ? void 0 : _b.qchatChannel.subscribeChannel({
         type: 2,
         opeType: 1,
         channels
-      }).then((resp) => {
-        const unreadInfos = resp;
-        unreadInfos.forEach((item) => {
-          if (this.channelList && this.channelList.length > 0) {
-            this.channelList.forEach((channelItem) => {
-              if (channelItem.channelId === item.channelId) {
-                channelItem["unreadCount"] = item.unreadCount;
-              }
-            });
-          }
-          this.channelUnReadInfoList.push({
-            channelId: item.channelId,
-            unreadCount: item.unreadCount,
-            serverId: item.serverId
-          });
-        });
-        this.serverUnReadCountList = [];
-        this.channelUnReadInfoList.forEach((item) => {
-          let existsFlag = false;
-          for (let index2 = 0; index2 < this.serverUnReadCountList.length; index2++) {
-            const serverCount = this.serverUnReadCountList[index2];
-            if (serverCount.serverId === item.serverId) {
-              existsFlag = true;
-              break;
-            }
-          }
-          if (!existsFlag) {
-            this.serverUnReadCountList.push({
-              serverId: item.serverId,
-              unreadCount: item.unreadCount
-            });
-          } else {
-            for (let index2 = 0; index2 < this.serverUnReadCountList.length; index2++) {
-              const serverUnReadCountAgg = this.serverUnReadCountList[index2];
-              if (serverUnReadCountAgg.serverId == item.serverId) {
-                serverUnReadCountAgg.unreadCount = serverUnReadCountAgg.unreadCount + item.unreadCount;
-                break;
-              }
+      }).catch((error) => {
+        console.error("[subscribleChannels] 订阅频道失败:", error);
+      });
+    },
+    /**
+     * 将未读信息应用到频道列表
+     * @param unreadInfos 未读信息列表
+     */
+    applyUnreadInfosToChannels(unreadInfos) {
+      unreadInfos.forEach((item) => {
+        if (this.channelList && this.channelList.length > 0) {
+          this.channelList.forEach((channelItem) => {
+            if (channelItem.channelId === item.channelId) {
+              channelItem["unreadCount"] = item.unreadCount;
             }
-          }
+          });
+        }
+        this.channelUnReadInfoList.push({
+          channelId: item.channelId,
+          unreadCount: item.unreadCount,
+          serverId: item.serverId
         });
-        const serverStore = useServerStore();
-        serverStore.setUnReadInfo(this.serverUnReadCountList);
       });
+      this.serverUnReadCountList = [];
+      this.channelUnReadInfoList.forEach((item) => {
+        const existingServer = this.serverUnReadCountList.find(
+          (s) => s.serverId === item.serverId
+        );
+        if (existingServer) {
+          existingServer.unreadCount += item.unreadCount;
+        } else {
+          this.serverUnReadCountList.push({
+            serverId: item.serverId,
+            unreadCount: item.unreadCount
+          });
+        }
+      });
+      const serverStore = useServerStore();
+      serverStore.setUnReadInfo(this.serverUnReadCountList);
     },
-    // 设置 channel 的未读消息数（原 mutations 转为 actions）
+    /**
+     * 设置 channel 的未读消息数
+     * @param payload 未读信息
+     * @description 如果是当前频道的未读更新，会忽略（因为用户正在查看该频道）
+     */
     setUnReadNum(payload) {
+      var _a;
+      if (this.currentChannel && this.currentChannel.channelId === payload.channelId) {
+        (_a = window.qchat) == null ? void 0 : _a.qchatMsg.markMessageRead({
+          serverId: payload.serverId,
+          channelId: payload.channelId,
+          time: Date.now()
+        });
+        return;
+      }
       if (this.channelList && this.channelList.length > 0) {
         this.channelList.forEach((channelItem) => {
           if (channelItem.channelId === payload.channelId) {
@@ -38092,6 +38118,7 @@ const useChannelStore = defineStore("channel", {
     },
     // 重置频道未读计数（原 mutations 转为 actions）
     resetChannelUnReadCount() {
+      var _a;
       if (this.currentChannel) {
         if (this.channelUnReadInfoList) {
           let finalIndex = -1;
@@ -38125,7 +38152,7 @@ const useChannelStore = defineStore("channel", {
           maxCount: 99,
           lastMsgTime: (/* @__PURE__ */ new Date()).getTime()
         };
-        window.qchat.qchatMsg.markMessageRead(markMessageReadOption);
+        (_a = window.qchat) == null ? void 0 : _a.qchatMsg.markMessageRead(markMessageReadOption);
         this.currentChannel["unreadCount"] = 0;
       }
     },
@@ -38174,6 +38201,15 @@ const useChannelStore = defineStore("channel", {
         (i) => payload.every((j) => j.msgIdClient !== i.msgIdClient)
       );
     },
+    // 更新当前频道消息
+    updateCurChannelMsgs(msg) {
+      this.currentChannelMsgs = this.currentChannelMsgs.map((msgItem) => {
+        if (msgItem.msgIdClient === msg.msgIdClient) {
+          return msg;
+        }
+        return msgItem;
+      });
+    },
     // 设置当前频道消息（原 mutations 转为 actions）
     setCurChannelMsgs(payload) {
       this.currentChannelMsgs = payload;
@@ -38190,7 +38226,7 @@ const useChannelStore = defineStore("channel", {
             throw new Error("QChat no login");
           }
           const res = await window.qchat.qchatChannel.getChannelsByPage(options);
-          this.setChannelList(res);
+          await this.setChannelList(res);
         },
         1e3
       );
@@ -38427,6 +38463,15 @@ const useChannelStore = defineStore("channel", {
         this.addCurChannelMsgs({ data: [msg], isUnShift: false });
       }
     },
+    // 撤回消息
+    async revokeMessage(options) {
+      if (!window.qchat) {
+        throw new Error("QChat no login");
+      }
+      window.qchat.qchatMsg.revokeMessage(options).then((res) => {
+        this.updateCurChannelMsgs(res);
+      });
+    },
     // 获取频道黑白名单
     async getWhiteBlackMembersPage(options) {
       if (!window.qchat) {
@@ -38467,6 +38512,9 @@ const useChannelStore = defineStore("channel", {
     },
     // 获取频道身份组
     async getChannelRoles(options) {
+      if (!window.qchat) {
+        throw new Error("QChat no login");
+      }
       const res = await window.qchat.qchatRole.getChannelRoles(options);
       return res;
     },
@@ -38526,11 +38574,17 @@ const useChannelStore = defineStore("channel", {
     },
     // 获取成员角色
     async getMemberRoles(options) {
+      if (!window.qchat) {
+        throw new Error("QChat no login");
+      }
       const res = await window.qchat.qchatRole.getMemberRoles(options);
       return res;
     },
     // 获取已存在的成员角色 accids
     async getExistingAccidsOfMemberRoles(options) {
+      if (!window.qchat) {
+        throw new Error("QChat no login");
+      }
       const res = await window.qchat.qchatRole.getExistingAccidsOfMemberRoles(
         options
       );
@@ -38674,25 +38728,30 @@ const IconFont$1 = defineComponent({
   }
 });
 const _hoisted_1$8 = ["data-msg-id-client"];
-const _hoisted_2$7 = { class: "chatCardAvatar" };
-const _hoisted_3$7 = { class: "chatCardContent" };
-const _hoisted_4$7 = { class: "chatCardInfo" };
-const _hoisted_5$6 = { class: "chatCardInfoName" };
-const _hoisted_6$6 = { class: "chatCardInfoTime" };
-const _hoisted_7$4 = ["innerHTML"];
-const _hoisted_8$4 = ["href"];
-const _hoisted_9$3 = { class: "fileMsgContent" };
-const _hoisted_10$3 = { class: "fileMsgName" };
-const _hoisted_11$3 = { class: "fileMsgSize" };
-const _hoisted_12$3 = { class: "ant-image-mask-info" };
-const _hoisted_13$3 = {
+const _hoisted_2$7 = {
+  key: 0,
+  class: "chat-withdraw-msg"
+};
+const _hoisted_3$7 = { class: "chatCardAvatar" };
+const _hoisted_4$7 = { class: "chatCardContent" };
+const _hoisted_5$6 = { class: "chatCardInfo" };
+const _hoisted_6$6 = { class: "chatCardInfoName" };
+const _hoisted_7$4 = { class: "chatCardInfoTime" };
+const _hoisted_8$4 = ["innerHTML"];
+const _hoisted_9$3 = ["href"];
+const _hoisted_10$3 = { class: "fileMsgContent" };
+const _hoisted_11$3 = { class: "fileMsgName" };
+const _hoisted_12$3 = { class: "fileMsgSize" };
+const _hoisted_13$3 = { class: "ant-image-mask-info" };
+const _hoisted_14$3 = {
   key: 4,
   class: "chatCardMainContent"
 };
-const _hoisted_14$3 = { class: "chatCardQuoteMsgName" };
-const _hoisted_15$3 = ["innerHTML"];
-const _hoisted_16$2 = { class: "ant-image-mask-info" };
-const _hoisted_17$2 = { class: "chatCardStatus" };
+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 REVOCATION_INTERVAL = 120 * 1e3;
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ChatCard"
@@ -38702,10 +38761,30 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     msg: {},
     myAccid: { default: "" }
   },
-  emits: ["resendText", "resendImg", "resendFile", "quote", "contextMenuSwitch", "quoteMsgClick"],
+  emits: ["resendText", "resendImg", "resendFile", "quote", "contextMenuSwitch", "quoteMsgClick", "revokeMessage"],
   setup(__props, { emit: __emit }) {
     const serverStore = useServerStore();
     const props = __props;
+    const nowTime = ref(Date.now());
+    let timer = null;
+    timer = setInterval(() => {
+      nowTime.value = Date.now();
+      if (nowTime.value - props.msg.time > REVOCATION_INTERVAL) {
+        if (timer) {
+          clearInterval(timer);
+          timer = null;
+        }
+      }
+    }, 1e3);
+    onBeforeUnmount(() => {
+      if (timer) {
+        clearInterval(timer);
+        timer = null;
+      }
+    });
+    const isRevocation = computed(() => {
+      return props.msg.fromAccount === props.myAccid && nowTime.value - props.msg.time <= REVOCATION_INTERVAL;
+    });
     const { copy } = useClipboard();
     const emit = __emit;
     const textMsgContextMenuVisible = ref(false);
@@ -38718,13 +38797,25 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       textMsgContextMenuVisible.value = true;
     }
     function onCopyClick() {
-      copy(props.msg.body).then(() => {
-      }).catch((err) => {
-        console.error("copy error: ", err);
-        message.error("复制失败");
-      }).finally(() => {
-        textMsgContextMenuVisible.value = false;
-      });
+      var _a;
+      if (props.msg.type === "text") {
+        copy(props.msg.body).then(() => {
+        }).catch((err) => {
+          console.error("copy error: ", err);
+          message.error("复制失败");
+        }).finally(() => {
+          textMsgContextMenuVisible.value = false;
+        });
+      }
+      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(() => {
+          textMsgContextMenuVisible.value = false;
+        });
+      }
     }
     function onQuoteClick() {
       var _a;
@@ -38743,6 +38834,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       emit("quote", msg);
       textMsgContextMenuVisible.value = false;
     }
+    const onRevocationClick = () => {
+      textMsgContextMenuVisible.value = false;
+      if (!isRevocation.value) {
+        message.error("消息已超过撤回时间");
+        return;
+      }
+      emit("revokeMessage", props.msg);
+    };
     function onQuoteMsgClick() {
       var _a;
       emit("quoteMsgClick", (_a = msgExt.value) == null ? void 0 : _a.quoteMsg);
@@ -38851,159 +38950,161 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["yx-chatCardWrapper", { reverse: __props.msg.fromAccount === __props.myAccid }]),
         "data-msg-id-client": __props.msg.msgIdClient
       }, [
-        createElementVNode("div", _hoisted_2$7, [
-          createVNode(_sfc_main$9, {
-            avatar: myAvatar.value,
-            nick: __props.msg.fromNick,
-            accid: __props.msg.fromAccount,
-            width: 32,
-            border: 0,
-            style: { "min-width": "32px" }
-          }, null, 8, ["avatar", "nick", "accid"])
-        ]),
-        createElementVNode("div", _hoisted_3$7, [
-          createElementVNode("div", null, [
-            createElementVNode("div", _hoisted_4$7, [
-              createElementVNode("span", _hoisted_5$6, toDisplayString(__props.msg.fromNick), 1),
-              createElementVNode("span", _hoisted_6$6, toDisplayString(time.value), 1)
-            ]),
-            __props.msg.type === "text" ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
-            }, [
-              createElementVNode("div", {
-                class: "textMsg flash-target",
-                onContextmenu: withModifiers(onTextMsgContextMenu, ["prevent"]),
-                innerHTML: textMsgBody.value
-              }, null, 40, _hoisted_7$4)
-            ], 2)) : __props.msg.type === "file" ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
-            }, [
-              createElementVNode("a", {
-                class: "fileMsg",
-                target: "_blank",
-                href: (_b = (_a = __props.msg) == null ? void 0 : _a.attach) == null ? void 0 : _b.url
+        ((_a = __props.msg.updateOperatorInfo) == null ? void 0 : _a.ps) ? (openBlock(), createElementBlock("div", _hoisted_2$7, toDisplayString(__props.msg.fromAccount === __props.myAccid ? "你" : `“${__props.msg.fromNick}”`) + " " + toDisplayString((_b = __props.msg.updateOperatorInfo) == null ? void 0 : _b.ps), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("div", _hoisted_3$7, [
+            createVNode(_sfc_main$9, {
+              avatar: myAvatar.value,
+              nick: __props.msg.fromNick,
+              accid: __props.msg.fromAccount,
+              width: 32,
+              border: 0,
+              style: { "min-width": "32px" }
+            }, null, 8, ["avatar", "nick", "accid"])
+          ]),
+          createElementVNode("div", _hoisted_4$7, [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_5$6, [
+                createElementVNode("span", _hoisted_6$6, toDisplayString(__props.msg.fromNick), 1),
+                createElementVNode("span", _hoisted_7$4, toDisplayString(time.value), 1)
+              ]),
+              __props.msg.type === "text" ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
               }, [
-                ext.value === "pdf" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 0,
-                  type: "icon-PDF",
-                  style: { "font-size": "40px" }
-                })) : ext.value === "word" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 1,
-                  type: "icon-Word",
-                  style: { "font-size": "40px" }
-                })) : ext.value === "excel" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 2,
-                  type: "icon-Excel",
-                  style: { "font-size": "40px" }
-                })) : ext.value === "ppt" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 3,
-                  type: "icon-PPT",
-                  style: { "font-size": "40px" }
-                })) : ext.value === "zip" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 4,
-                  type: "icon-RAR1",
-                  style: { "font-size": "40px" }
-                })) : ext.value === "video" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 5,
-                  type: "icon-shipin",
-                  style: { "font-size": "40px" }
-                })) : ext.value === "audio" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 6,
-                  type: "icon-yinle",
-                  style: { "font-size": "40px" }
-                })) : ext.value === "img" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 7,
-                  type: "icon-tupian2",
-                  style: { "font-size": "40px" }
-                })) : ext.value === "txt" ? (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 8,
-                  type: "icon-qita",
-                  style: { "font-size": "40px" }
-                })) : (openBlock(), createBlock(unref(FileIconFont), {
-                  key: 9,
-                  type: "icon-weizhiwenjian",
-                  style: { "font-size": "40px" }
-                })),
-                createElementVNode("div", _hoisted_9$3, [
-                  createElementVNode("div", _hoisted_10$3, toDisplayString((_d = (_c = __props.msg) == null ? void 0 : _c.attach) == null ? void 0 : _d.name), 1),
-                  createElementVNode("div", _hoisted_11$3, toDisplayString(size.value), 1)
-                ])
-              ], 8, _hoisted_8$4)
-            ], 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"])
-            }, [
-              createVNode(unref(Image), {
-                class: "imgMsg",
-                src: (_f = (_e = __props.msg) == null ? void 0 : _e.attach) == null ? void 0 : _f.url,
-                width: imageMsgSize.value.width,
-                height: imageMsgSize.value.height
-              }, {
-                previewMask: withCtx(() => [
-                  createElementVNode("div", _hoisted_12$3, [
-                    createVNode(unref(EyeOutlined))
+                createElementVNode("div", {
+                  class: "textMsg flash-target",
+                  onContextmenu: withModifiers(onTextMsgContextMenu, ["prevent"]),
+                  innerHTML: textMsgBody.value
+                }, null, 40, _hoisted_8$4)
+              ], 2)) : __props.msg.type === "file" ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
+              }, [
+                createElementVNode("a", {
+                  class: "fileMsg",
+                  target: "_blank",
+                  href: (_d = (_c = __props.msg) == null ? void 0 : _c.attach) == null ? void 0 : _d.url
+                }, [
+                  ext.value === "pdf" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 0,
+                    type: "icon-PDF",
+                    style: { "font-size": "40px" }
+                  })) : ext.value === "word" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 1,
+                    type: "icon-Word",
+                    style: { "font-size": "40px" }
+                  })) : ext.value === "excel" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 2,
+                    type: "icon-Excel",
+                    style: { "font-size": "40px" }
+                  })) : ext.value === "ppt" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 3,
+                    type: "icon-PPT",
+                    style: { "font-size": "40px" }
+                  })) : ext.value === "zip" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 4,
+                    type: "icon-RAR1",
+                    style: { "font-size": "40px" }
+                  })) : ext.value === "video" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 5,
+                    type: "icon-shipin",
+                    style: { "font-size": "40px" }
+                  })) : ext.value === "audio" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 6,
+                    type: "icon-yinle",
+                    style: { "font-size": "40px" }
+                  })) : ext.value === "img" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 7,
+                    type: "icon-tupian2",
+                    style: { "font-size": "40px" }
+                  })) : ext.value === "txt" ? (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 8,
+                    type: "icon-qita",
+                    style: { "font-size": "40px" }
+                  })) : (openBlock(), createBlock(unref(FileIconFont), {
+                    key: 9,
+                    type: "icon-weizhiwenjian",
+                    style: { "font-size": "40px" }
+                  })),
+                  createElementVNode("div", _hoisted_10$3, [
+                    createElementVNode("div", _hoisted_11$3, toDisplayString((_f = (_e = __props.msg) == null ? void 0 : _e.attach) == null ? void 0 : _f.name), 1),
+                    createElementVNode("div", _hoisted_12$3, toDisplayString(size.value), 1)
                   ])
-                ]),
-                _: 1
-              }, 8, ["src", "width", "height"])
-            ], 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] = [
-              createElementVNode("div", { class: "textMsg" }, toDisplayString("暂不支持该消息"), -1)
-            ])], 2)),
-            ((_g = msgExt.value) == null ? void 0 : _g.quoteMsg) ? (openBlock(), createElementBlock("div", _hoisted_13$3, [
-              createElementVNode("div", {
-                class: "chatCardQuoteMsg",
-                onClick: onQuoteMsgClick
+                ], 8, _hoisted_9$3)
+              ], 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"])
               }, [
-                createElementVNode("div", _hoisted_14$3, toDisplayString(msgExt.value.quoteMsg.fromNick) + "：", 1),
-                msgExt.value.quoteMsg.body ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: "quoteMsgText",
-                  innerHTML: msgExt.value.quoteMsg.body
-                }, null, 8, _hoisted_15$3)) : createCommentVNode("", true),
-                msgExt.value.quoteMsg.type === "image" ? (openBlock(), createBlock(unref(Image), {
-                  key: 1,
-                  class: "imgMsg quoteMsgImg",
-                  src: (_h = msgExt.value.quoteMsg.attach) == null ? void 0 : _h.url,
-                  width: quoteImageMsgSize.value.width,
-                  height: quoteImageMsgSize.value.height,
-                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                  }, ["stop", "prevent"]))
+                createVNode(unref(Image), {
+                  class: "imgMsg",
+                  src: (_h = (_g = __props.msg) == null ? void 0 : _g.attach) == null ? void 0 : _h.url,
+                  width: imageMsgSize.value.width,
+                  height: imageMsgSize.value.height
                 }, {
                   previewMask: withCtx(() => [
-                    createElementVNode("div", _hoisted_16$2, [
+                    createElementVNode("div", _hoisted_13$3, [
                       createVNode(unref(EyeOutlined))
                     ])
                   ]),
                   _: 1
-                }, 8, ["src", "width", "height"])) : createCommentVNode("", true)
-              ])
-            ])) : createCommentVNode("", true)
-          ]),
-          createElementVNode("div", _hoisted_17$2, [
-            __props.msg.deliveryStatus === "failed" ? (openBlock(), createBlock(unref(Button), {
-              key: 0,
-              type: "text",
-              danger: "",
-              onClick: resendHandler
-            }, {
-              icon: withCtx(() => [
-                createVNode(unref(ExclamationCircleFilled))
-              ]),
-              _: 1
-            })) : __props.msg.deliveryStatus === "sending" ? (openBlock(), createBlock(unref(LoadingOutlined), { key: 1 })) : createCommentVNode("", true)
+                }, 8, ["src", "width", "height"])
+              ], 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] = [
+                createElementVNode("div", { class: "textMsg" }, toDisplayString("暂不支持该消息"), -1)
+              ])], 2)),
+              ((_i = msgExt.value) == null ? void 0 : _i.quoteMsg) ? (openBlock(), createElementBlock("div", _hoisted_14$3, [
+                createElementVNode("div", {
+                  class: "chatCardQuoteMsg",
+                  onClick: onQuoteMsgClick
+                }, [
+                  createElementVNode("div", _hoisted_15$3, toDisplayString(msgExt.value.quoteMsg.fromNick) + "：", 1),
+                  msgExt.value.quoteMsg.body ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "quoteMsgText",
+                    innerHTML: msgExt.value.quoteMsg.body
+                  }, null, 8, _hoisted_16$2)) : createCommentVNode("", true),
+                  msgExt.value.quoteMsg.type === "image" ? (openBlock(), createBlock(unref(Image), {
+                    key: 1,
+                    class: "imgMsg quoteMsgImg",
+                    src: (_j = msgExt.value.quoteMsg.attach) == null ? void 0 : _j.url,
+                    width: quoteImageMsgSize.value.width,
+                    height: quoteImageMsgSize.value.height,
+                    onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                    }, ["stop", "prevent"]))
+                  }, {
+                    previewMask: withCtx(() => [
+                      createElementVNode("div", _hoisted_17$2, [
+                        createVNode(unref(EyeOutlined))
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["src", "width", "height"])) : createCommentVNode("", true)
+                ])
+              ])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_18$1, [
+              __props.msg.deliveryStatus === "failed" ? (openBlock(), createBlock(unref(Button), {
+                key: 0,
+                type: "text",
+                danger: "",
+                onClick: resendHandler
+              }, {
+                icon: withCtx(() => [
+                  createVNode(unref(ExclamationCircleFilled))
+                ]),
+                _: 1
+              })) : __props.msg.deliveryStatus === "sending" ? (openBlock(), createBlock(unref(LoadingOutlined), { key: 1 })) : createCommentVNode("", true)
+            ])
           ])
-        ]),
+        ], 64)),
         withDirectives(createElementVNode("div", {
           ref_key: "textMsgContextMenuRef",
           ref: textMsgContextMenuRef,
@@ -39017,7 +39118,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: "yx-chatCardTextMsgContextMenu-item",
             onClick: onQuoteClick
-          }, "引用")
+          }, "引用"),
+          isRevocation.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "yx-chatCardTextMsgContextMenu-item",
+            onClick: onRevocationClick
+          }, " 撤回 ")) : createCommentVNode("", true)
         ], 4), [
           [vShow, textMsgContextMenuVisible.value]
         ])
@@ -39808,6 +39914,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    const handleRevokeMessage = (msg) => {
+      channelStore.revokeMessage({
+        ps: "撤回了一条消息",
+        message: msg
+      });
+    };
     const handleDeleteQuoteMsg = () => {
       quoteMsg.value = void 0;
     };
@@ -39842,11 +39954,21 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }
       }
     );
+    const inputMap = /* @__PURE__ */ new Map();
     watch(
       () => channelStore.currentChannel,
-      () => {
-        curText.value = "";
-        quoteMsg.value = void 0;
+      (value, oldValue) => {
+        if (oldValue == null ? void 0 : oldValue.channelId) {
+          inputMap.set(oldValue == null ? void 0 : oldValue.channelId, { input: curText.value, quoteMsg: quoteMsg.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;
+        } else {
+          curText.value = "";
+          quoteMsg.value = void 0;
+        }
       }
     );
     const inputPlaceholder = computed(
@@ -40144,7 +40266,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 onResendFile: handleResendFile,
                 onContextMenuSwitch,
                 onQuote: handleQuote,
-                onQuoteMsgClick: handleQuoteMsgClick
+                onQuoteMsgClick: handleQuoteMsgClick,
+                onRevokeMessage: handleRevokeMessage
               }, null, 8, ["msg", "my-avatar", "my-accid"]);
             }), 128))
           ])) : (openBlock(), createElementBlock("div", {
@@ -40869,6 +40992,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     const getChannelUnread = (channelId) => {
       const channel = channelList.value.find((c) => c.channelId === channelId);
+      console.log("channel", channel);
       return (channel == null ? void 0 : channel.unreadCount) || 0;
     };
     const handleSelectServer = async (server) => {
@@ -40958,11 +41082,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         cancelText: "取消",
         wrapClassName: "delete-channel-modal",
         async onOk() {
-          var _a;
+          var _a, _b;
           try {
-            await window.qchat.qchatChannel.deleteChannel({
+            await ((_a = window.qchat) == null ? void 0 : _a.qchatChannel.deleteChannel({
               channelId: channelForm.value.channelId
-            });
+            }));
             message.success("删除成功");
             channelModalVisible.value = false;
             await channelStore.getChannelsByPage({
@@ -40970,7 +41094,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               timetag: 0,
               limit
             });
-            if (((_a = currentChannel.value) == null ? void 0 : _a.channelId) === channelForm.value.channelId) {
+            if (((_b = currentChannel.value) == null ? void 0 : _b.channelId) === channelForm.value.channelId) {
               if (channelStore.channelList.length > 0) {
                 emit("selectChannel", channelStore.channelList[0]);
               } else {
@@ -41319,7 +41443,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-aa044ccf"]]);
+const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-2f397ece"]]);
 const _hoisted_1$1 = { class: "members-header" };
 const _hoisted_2$1 = {
   key: 0,
@@ -41829,7 +41953,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const IndexEntry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-40788bbc"]]);
+const IndexEntry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-240f366f"]]);
 const componentList = [
   "chat-card",
   "chat-content",