yx-web-sdk 0.0.18 → 0.0.19

package/dist/index-entry/style.css

@@ -1,38 +1,38 @@
-.qchat-container[data-v-40788bbc] {
+.qchat-container[data-v-240f366f] {
   display: flex;
   height: 100%;
   width: 100%;
   color: var(--theme-text);
   font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
-.loading-wrap[data-v-40788bbc],
-.error-wrap[data-v-40788bbc],
-.init-wrap[data-v-40788bbc] {
+.loading-wrap[data-v-240f366f],
+.error-wrap[data-v-240f366f],
+.init-wrap[data-v-240f366f] {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
 }
-.loading-wrap[data-v-40788bbc] .ant-spin-text,
-.error-wrap[data-v-40788bbc] .ant-spin-text,
-.init-wrap[data-v-40788bbc] .ant-spin-text {
+.loading-wrap[data-v-240f366f] .ant-spin-text,
+.error-wrap[data-v-240f366f] .ant-spin-text,
+.init-wrap[data-v-240f366f] .ant-spin-text {
   color: #dcddde;
 }
-.loading-wrap[data-v-40788bbc] .ant-result-title,
-.loading-wrap[data-v-40788bbc] .ant-result-subtitle,
-.error-wrap[data-v-40788bbc] .ant-result-title,
-.error-wrap[data-v-40788bbc] .ant-result-subtitle,
-.init-wrap[data-v-40788bbc] .ant-result-title,
-.init-wrap[data-v-40788bbc] .ant-result-subtitle {
+.loading-wrap[data-v-240f366f] .ant-result-title,
+.loading-wrap[data-v-240f366f] .ant-result-subtitle,
+.error-wrap[data-v-240f366f] .ant-result-title,
+.error-wrap[data-v-240f366f] .ant-result-subtitle,
+.init-wrap[data-v-240f366f] .ant-result-title,
+.init-wrap[data-v-240f366f] .ant-result-subtitle {
   color: #dcddde;
 }
-.loading-wrap[data-v-40788bbc] .ant-empty-description,
-.error-wrap[data-v-40788bbc] .ant-empty-description,
-.init-wrap[data-v-40788bbc] .ant-empty-description {
+.loading-wrap[data-v-240f366f] .ant-empty-description,
+.error-wrap[data-v-240f366f] .ant-empty-description,
+.init-wrap[data-v-240f366f] .ant-empty-description {
   color: #72767d;
 }
-.chat-main[data-v-40788bbc] {
+.chat-main[data-v-240f366f] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -40,12 +40,12 @@
   overflow: hidden;
   min-width: 300px;
 }
-.chat-main .no-channel[data-v-40788bbc] {
+.chat-main .no-channel[data-v-240f366f] {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
 }
-.chat-main .no-channel[data-v-40788bbc] .ant-empty-description {
+.chat-main .no-channel[data-v-240f366f] .ant-empty-description {
   color: #72767d;
 }

package/dist/{index.vue_vue_type_script_setup_true_lang-0YeDxfed.mjs → index.vue_vue_type_script_setup_true_lang-CkWszgC3.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, openBlock, createBlock, createElementBlock } from "vue";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-BdIDeEyF.mjs";
-import { b as useChannelStore, a as useServerStore, c as useUserStore } from "./index.vue_vue_type_style_index_0_lang-UfvEW_0n.mjs";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-5DeqmRdw.mjs";
+import { b as useChannelStore, a as useServerStore, c as useUserStore } from "./index.vue_vue_type_style_index_0_lang-CAZ44kgX.mjs";
 const _hoisted_1 = { key: 1 };
 const HISTORY_LIMIT = 100;
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -1,10 +1,10 @@
 import { ref, computed, watch, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, unref, normalizeClass, createBlock, createCommentVNode, createVNode, 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-sJcDnl5D.mjs";
-import { L as LoadingOutlined, _ as _sfc_main$2 } from "./index.vue_vue_type_style_index_0_lang-oO4NDv0U.mjs";
+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-UfvEW_0n.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 { useEventListener, useDebounceFn } from "@vueuse/core";
 import { C as CloseOutlined } from "./CloseOutlined-BEcmJaCc.mjs";
 const MENTION_TAG_REG = /@[^@]+\s/g;
@@ -546,6 +546,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    const handleRevokeMessage = (msg) => {
+      channelStore.revokeMessage({
+        ps: "撤回了一条消息",
+        message: msg
+      });
+    };
     const handleDeleteQuoteMsg = () => {
       quoteMsg.value = void 0;
     };
@@ -580,11 +586,21 @@ const _sfc_main = /* @__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(
@@ -882,7 +898,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onResendFile: handleResendFile,
                 onContextMenuSwitch,
                 onQuote: handleQuote,
-                onQuoteMsgClick: handleQuoteMsgClick
+                onQuoteMsgClick: handleQuoteMsgClick,
+                onRevokeMessage: handleRevokeMessage
               }, null, 8, ["msg", "my-avatar", "my-accid"]);
             }), 128))
           ])) : (openBlock(), createElementBlock("div", {

package/dist/{index.vue_vue_type_style_index_0_lang-BxxUcry3.mjs → index.vue_vue_type_style_index_0_lang-C-imP01W.mjs}

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

package/dist/{index.vue_vue_type_style_index_0_lang-oO4NDv0U.mjs → index.vue_vue_type_style_index_0_lang-CA27kCm1.mjs}

@@ -1,7 +1,7 @@
-import { createVNode, defineComponent, ref, watch, nextTick, onBeforeUnmount, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, withModifiers, createBlock, unref, withCtx, createCommentVNode, withDirectives, normalizeStyle, vShow } from "vue";
+import { createVNode, defineComponent, ref, onBeforeUnmount, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, toDisplayString, Fragment, createElementVNode, withModifiers, createBlock, unref, withCtx, createCommentVNode, withDirectives, normalizeStyle, vShow } from "vue";
 import { useClipboard, useEventListener } from "@vueuse/core";
 import { Image, Button, message } from "ant-design-vue";
-import { a as useServerStore, p as parseFileSize, m as matchExt, e as getImageMsgDisplaySize, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-UfvEW_0n.mjs";
+import { a as useServerStore, p as parseFileSize, m as matchExt, e as getImageMsgDisplaySize, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-CAZ44kgX.mjs";
 import { F as FileIconFont } from "./index-L_drmZir.mjs";
 import dayjs from "dayjs";
 import { I as Icon } from "./AntdIcon-DdvEPKFJ.mjs";
@@ -102,25 +102,30 @@ var LoadingOutlined = function LoadingOutlined2(props, context) {
 LoadingOutlined.displayName = "LoadingOutlined";
 LoadingOutlined.inheritAttrs = false;
 const _hoisted_1 = ["data-msg-id-client"];
-const _hoisted_2 = { class: "chatCardAvatar" };
-const _hoisted_3 = { class: "chatCardContent" };
-const _hoisted_4 = { class: "chatCardInfo" };
-const _hoisted_5 = { class: "chatCardInfoName" };
-const _hoisted_6 = { class: "chatCardInfoTime" };
-const _hoisted_7 = ["innerHTML"];
-const _hoisted_8 = ["href"];
-const _hoisted_9 = { class: "fileMsgContent" };
-const _hoisted_10 = { class: "fileMsgName" };
-const _hoisted_11 = { class: "fileMsgSize" };
-const _hoisted_12 = { class: "ant-image-mask-info" };
-const _hoisted_13 = {
+const _hoisted_2 = {
+  key: 0,
+  class: "chat-withdraw-msg"
+};
+const _hoisted_3 = { class: "chatCardAvatar" };
+const _hoisted_4 = { class: "chatCardContent" };
+const _hoisted_5 = { class: "chatCardInfo" };
+const _hoisted_6 = { class: "chatCardInfoName" };
+const _hoisted_7 = { class: "chatCardInfoTime" };
+const _hoisted_8 = ["innerHTML"];
+const _hoisted_9 = ["href"];
+const _hoisted_10 = { class: "fileMsgContent" };
+const _hoisted_11 = { class: "fileMsgName" };
+const _hoisted_12 = { class: "fileMsgSize" };
+const _hoisted_13 = { class: "ant-image-mask-info" };
+const _hoisted_14 = {
   key: 4,
   class: "chatCardMainContent"
 };
-const _hoisted_14 = { class: "chatCardQuoteMsgName" };
-const _hoisted_15 = ["innerHTML"];
-const _hoisted_16 = { class: "ant-image-mask-info" };
-const _hoisted_17 = { class: "chatCardStatus" };
+const _hoisted_15 = { class: "chatCardQuoteMsgName" };
+const _hoisted_16 = ["innerHTML"];
+const _hoisted_17 = { class: "ant-image-mask-info" };
+const _hoisted_18 = { class: "chatCardStatus" };
+const REVOCATION_INTERVAL = 120 * 1e3;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "ChatCard"
@@ -130,10 +135,30 @@ const _sfc_main = /* @__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);
@@ -146,13 +171,25 @@ const _sfc_main = /* @__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;
@@ -171,6 +208,14 @@ const _sfc_main = /* @__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);
@@ -276,159 +321,161 @@ const _sfc_main = /* @__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, [
-          createVNode(_sfc_main$1, {
-            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, [
-          createElementVNode("div", null, [
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("span", _hoisted_5, toDisplayString(__props.msg.fromNick), 1),
-              createElementVNode("span", _hoisted_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)
-            ], 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, 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, [
+            createVNode(_sfc_main$1, {
+              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, [
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("span", _hoisted_6, toDisplayString(__props.msg.fromNick), 1),
+                createElementVNode("span", _hoisted_7, 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, [
-                  createElementVNode("div", _hoisted_10, toDisplayString((_d = (_c = __props.msg) == null ? void 0 : _c.attach) == null ? void 0 : _d.name), 1),
-                  createElementVNode("div", _hoisted_11, toDisplayString(size.value), 1)
-                ])
-              ], 8, _hoisted_8)
-            ], 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, [
-                    createVNode(unref(EyeOutlined))
+                createElementVNode("div", {
+                  class: "textMsg flash-target",
+                  onContextmenu: withModifiers(onTextMsgContextMenu, ["prevent"]),
+                  innerHTML: textMsgBody.value
+                }, null, 40, _hoisted_8)
+              ], 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, [
+                    createElementVNode("div", _hoisted_11, toDisplayString((_f = (_e = __props.msg) == null ? void 0 : _e.attach) == null ? void 0 : _f.name), 1),
+                    createElementVNode("div", _hoisted_12, 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, [
-              createElementVNode("div", {
-                class: "chatCardQuoteMsg",
-                onClick: onQuoteMsgClick
+                ], 8, _hoisted_9)
+              ], 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, 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)) : 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, [
+                    createElementVNode("div", _hoisted_13, [
                       createVNode(unref(EyeOutlined))
                     ])
                   ]),
                   _: 1
-                }, 8, ["src", "width", "height"])) : createCommentVNode("", true)
-              ])
-            ])) : createCommentVNode("", true)
-          ]),
-          createElementVNode("div", _hoisted_17, [
-            __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, [
+                createElementVNode("div", {
+                  class: "chatCardQuoteMsg",
+                  onClick: onQuoteMsgClick
+                }, [
+                  createElementVNode("div", _hoisted_15, 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)) : 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, [
+                        createVNode(unref(EyeOutlined))
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["src", "width", "height"])) : createCommentVNode("", true)
+                ])
+              ])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_18, [
+              __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,
@@ -442,7 +489,12 @@ const _sfc_main = /* @__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]
         ])