yx-web-sdk 0.0.18 → 0.0.20

package/dist/index.vue_vue_type_style_index_0_lang-CBpDXwwP.mjs

@@ -0,0 +1,589 @@
+import { createVNode, defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, ref, onBeforeUnmount, computed, watch, nextTick, normalizeClass, Fragment, withModifiers, createBlock, withCtx, createCommentVNode, withDirectives, normalizeStyle, vShow } from "vue";
+import { useClipboard, useEventListener } from "@vueuse/core";
+import { Image, Button, message } from "ant-design-vue";
+import { h as getMByteSize, a as useServerStore, p as parseFileSize, m as matchExt, e as getImageMsgDisplaySize, _ as _sfc_main$2 } from "./index.vue_vue_type_style_index_0_lang-BaKNB-4q.mjs";
+import { F as FileIconFont } from "./index-L_drmZir.mjs";
+import dayjs from "dayjs";
+import { I as Icon } from "./AntdIcon-DdvEPKFJ.mjs";
+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$2(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$2(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty$2(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 ExclamationCircleFilled = function ExclamationCircleFilled2(props, context) {
+  var p = _objectSpread$2({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread$2({}, p, {
+    "icon": ExclamationCircleFilled$1
+  }), null);
+};
+ExclamationCircleFilled.displayName = "ExclamationCircleFilled";
+ExclamationCircleFilled.inheritAttrs = false;
+var EyeOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" } }] }, "name": "eye", "theme": "outlined" };
+function _objectSpread$1(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$1(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty$1(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 EyeOutlined = function EyeOutlined2(props, context) {
+  var p = _objectSpread$1({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread$1({}, p, {
+    "icon": EyeOutlined$1
+  }), null);
+};
+EyeOutlined.displayName = "EyeOutlined";
+EyeOutlined.inheritAttrs = false;
+var LoadingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "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 LoadingOutlined = function LoadingOutlined2(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread({}, p, {
+    "icon": LoadingOutlined$1
+  }), null);
+};
+LoadingOutlined.displayName = "LoadingOutlined";
+LoadingOutlined.inheritAttrs = false;
+const _hoisted_1$1 = { class: "yx-attach-box-img-info-wrapper" };
+const _hoisted_2$1 = {
+  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$1 = { class: "yx-attach-box-img-info-text" };
+const _hoisted_4$1 = { class: "yx-attach-box-img-info-text-name" };
+const _hoisted_5$1 = ["href", "download"];
+const _hoisted_6$1 = { class: "yx-attach-box-img-info-text-size" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "ImgInfoWrapper" },
+  __name: "index",
+  props: {
+    attach: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        (openBlock(), createElementBlock("svg", _hoisted_2$1, [..._cache[0] || (_cache[0] = [
+          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),
+          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)
+        ])])),
+        createElementVNode("div", _hoisted_3$1, [
+          createElementVNode("div", _hoisted_4$1, [
+            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
+            }, toDisplayString((_c = __props.attach) == null ? void 0 : _c.name), 9, _hoisted_5$1)
+          ]),
+          createElementVNode("div", _hoisted_6$1, toDisplayString(unref(getMByteSize)(((_d = __props.attach) == null ? void 0 : _d.size) || 0)) + "MB", 1)
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1 = ["data-msg-id-client"];
+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 attach-box"
+};
+const _hoisted_15 = { class: "ant-image-mask-info" };
+const _hoisted_16 = {
+  key: 5,
+  class: "chatCardMainContent"
+};
+const _hoisted_17 = { class: "chatCardQuoteMsgAttachBox" };
+const _hoisted_18 = { class: "chatCardQuoteMsgName" };
+const _hoisted_19 = ["innerHTML"];
+const _hoisted_20 = { class: "ant-image-mask-info" };
+const _hoisted_21 = { class: "chatCardStatus" };
+const MAX_IMG_PREVIEW_SIZE = 2 * 1024 * 1024;
+const REVOCATION_INTERVAL = 120 * 1e3;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ChatCard"
+  },
+  __name: "index",
+  props: {
+    msg: {},
+    myAccid: { default: "" }
+  },
+  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);
+    const textMsgContextMenuX = ref(0);
+    const textMsgContextMenuY = ref(0);
+    const textMsgContextMenuRef = ref(null);
+    function onTextMsgContextMenu(e) {
+      textMsgContextMenuX.value = e.clientX;
+      textMsgContextMenuY.value = e.clientY;
+      textMsgContextMenuVisible.value = true;
+    }
+    function onCopyClick() {
+      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;
+      let msg;
+      try {
+        msg = JSON.parse(JSON.stringify(props.msg));
+        if (msg.ext && typeof msg.ext === "string") {
+          msg.ext = JSON.parse(msg.ext);
+        }
+      } catch (error) {
+        console.error("parse ext error: ", error);
+      }
+      if ((_a = msg == null ? void 0 : msg.ext) == null ? void 0 : _a.quoteMsg) {
+        delete msg.ext.quoteMsg;
+      }
+      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);
+    }
+    function handleClickOutside(e) {
+      if (!textMsgContextMenuVisible.value) return;
+      const el = textMsgContextMenuRef.value;
+      if (!el || !el.contains(e.target)) {
+        textMsgContextMenuVisible.value = false;
+      }
+    }
+    function closeMenuOnResizeOrScroll() {
+      if (textMsgContextMenuVisible.value) {
+        textMsgContextMenuVisible.value = false;
+      }
+    }
+    useEventListener(window, "resize", () => textMsgContextMenuVisible.value && closeMenuOnResizeOrScroll());
+    useEventListener(
+      () => window.visualViewport ?? void 0,
+      "resize",
+      () => textMsgContextMenuVisible.value && closeMenuOnResizeOrScroll()
+    );
+    useEventListener(document, "scroll", () => textMsgContextMenuVisible.value && closeMenuOnResizeOrScroll(), {
+      capture: true
+    });
+    watch(textMsgContextMenuVisible, (visible) => {
+      if (visible) {
+        nextTick(() => {
+          document.addEventListener("click", handleClickOutside, true);
+          document.addEventListener("contextmenu", handleClickOutside, true);
+        });
+        emit("contextMenuSwitch", true);
+      } else {
+        document.removeEventListener("click", handleClickOutside, true);
+        document.removeEventListener("contextmenu", handleClickOutside, true);
+        emit("contextMenuSwitch", false);
+      }
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("click", handleClickOutside, true);
+      document.removeEventListener("contextmenu", handleClickOutside, true);
+    });
+    const myAvatar = computed(() => {
+      var _a, _b, _c, _d;
+      if (((_a = serverStore.serverMembers) == null ? void 0 : _a.datas) && ((_b = serverStore.serverMembers) == null ? void 0 : _b.datas.length) > 0) {
+        return (_d = (_c = serverStore.serverMembers) == null ? void 0 : _c.datas.filter((item) => item.accid === props.msg.fromAccount)[0]) == null ? void 0 : _d.avatar;
+      }
+      return "";
+    });
+    const time = computed(() => {
+      const _d = dayjs(props.msg.time);
+      const isCurrentDay = _d.isSame(dayjs(), "day");
+      const isCurrentYear = _d.isSame(dayjs(), "year");
+      return _d.format(isCurrentDay ? "HH:mm:ss" : isCurrentYear ? "MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm:ss");
+    });
+    const size = computed(() => {
+      var _a;
+      return parseFileSize(((_a = props.msg.attach) == null ? void 0 : _a.size) || 0);
+    });
+    const ext = computed(() => {
+      var _a;
+      return matchExt(((_a = props.msg.attach) == null ? void 0 : _a.ext) || "");
+    });
+    const textMsgBody = computed(
+      () => {
+        var _a;
+        return ((_a = props.msg.body) == null ? void 0 : _a.replace(
+          /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,
+          '<a style="color:#fff;text-decoration:underline;" href="$1" target="_blank">$1</a>'
+        )) || "";
+      }
+    );
+    const msgExt = computed(() => {
+      if (!props.msg.ext) {
+        return null;
+      }
+      try {
+        return JSON.parse(props.msg.ext);
+      } catch (error) {
+        console.error("parse ext error: ", error);
+        return null;
+      }
+    });
+    const imageMsgSize = computed(() => {
+      var _a;
+      return getImageMsgDisplaySize((_a = props.msg) == null ? void 0 : _a.attach);
+    });
+    const quoteImageMsgSize = computed(() => {
+      var _a, _b;
+      return getImageMsgDisplaySize((_b = (_a = msgExt.value) == null ? void 0 : _a.quoteMsg) == null ? void 0 : _b.attach);
+    });
+    const resendHandler = () => {
+      switch (props.msg.type) {
+        case "text":
+          emit("resendText", props.msg);
+          break;
+        case "image":
+          emit("resendImg", props.msg);
+          break;
+        case "file":
+          emit("resendFile", props.msg);
+          break;
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+      return openBlock(), createElementBlock("div", {
+        class: 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) ? (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$2, {
+              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 }])
+              }, [
+                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)
+                  ])
+                ], 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"])
+              }, [
+                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_13, [
+                      createVNode(unref(EyeOutlined))
+                    ])
+                  ]),
+                  _: 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)),
+              __props.msg.type === "text" && ["jpg", "jpeg", "png", "gif"].includes(((_j = (_i = __props.msg) == null ? void 0 : _i.attach) == null ? void 0 : _j.ext) || "") ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                ((_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 ? (openBlock(), createBlock(unref(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: withCtx(() => [
+                    createElementVNode("div", _hoisted_15, [
+                      createVNode(unref(EyeOutlined))
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["src", "width", "height"])) : (openBlock(), createBlock(_sfc_main$1, {
+                  key: 1,
+                  attach: (_q = __props.msg) == null ? void 0 : _q.attach
+                }, null, 8, ["attach"]))
+              ])) : createCommentVNode("", true),
+              ((_r = msgExt.value) == null ? void 0 : _r.quoteMsg) ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                createElementVNode("div", {
+                  class: "chatCardQuoteMsg",
+                  onClick: onQuoteMsgClick
+                }, [
+                  createElementVNode("div", _hoisted_17, [
+                    createVNode(_sfc_main$1, {
+                      attach: msgExt.value.quoteMsg.attach
+                    }, null, 8, ["attach"])
+                  ]),
+                  createElementVNode("div", _hoisted_18, 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_19)) : createCommentVNode("", true),
+                  msgExt.value.quoteMsg.type === "image" ? (openBlock(), createBlock(unref(Image), {
+                    key: 1,
+                    class: "imgMsg quoteMsgImg",
+                    src: (_s = msgExt.value.quoteMsg.attach) == null ? void 0 : _s.url,
+                    width: quoteImageMsgSize.value.width,
+                    height: quoteImageMsgSize.value.height,
+                    onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                    }, ["stop", "prevent"]))
+                  }, {
+                    previewMask: withCtx(() => [
+                      createElementVNode("div", _hoisted_20, [
+                        createVNode(unref(EyeOutlined))
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["src", "width", "height"])) : createCommentVNode("", true)
+                ])
+              ])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_21, [
+              __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,
+          class: "yx-chatCardTextMsgContextMenu",
+          style: normalizeStyle({ left: textMsgContextMenuX.value + "px", top: textMsgContextMenuY.value + "px" })
+        }, [
+          createElementVNode("div", {
+            class: "yx-chatCardTextMsgContextMenu-item",
+            onClick: onCopyClick
+          }, "复制"),
+          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]
+        ])
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  LoadingOutlined as L,
+  _sfc_main as _,
+  _sfc_main$1 as a
+};

package/dist/{index.vue_vue_type_style_index_0_lang-BxxUcry3.mjs → index.vue_vue_type_style_index_0_lang-E3PcX8MA.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-C18d9C8W.mjs";
+import { a as useServerStore, u as useChannelStore } from "./index.vue_vue_type_style_index_0_lang-BaKNB-4q.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-CBpDXwwP.mjs";
 const _hoisted_1 = { class: "yx-chat-page-container" };
 const _hoisted_2 = { class: "header-wrap" };
 const _hoisted_3 = { class: "left" };