yx-web-sdk 0.0.4

package/dist/index.vue_vue_type_style_index_0_lang-XiDTgYoZ.mjs

@@ -0,0 +1,1012 @@
+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 } from "ant-design-vue";
+import { A as AitPersonPopover } from "./index-CFI0URc5.mjs";
+import { L as LoadingOutlined, _ as _sfc_main$2 } from "./index.vue_vue_type_style_index_0_lang-CibeOmhP.mjs";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-CfLKcYM9.mjs";
+import { b as useChannelStore, g as getImageMsgDisplaySize, f as filterStr } from "./index.vue_vue_type_style_index_0_lang-Y-vyKHWz.mjs";
+import { useEventListener } from "@vueuse/core";
+import { C as CloseOutlined } from "./CloseOutlined-DDb89ei3.mjs";
+const MENTION_TAG_REG = /@[^@]+\s/g;
+function getMentionSpans(text) {
+  const spans = [];
+  let m;
+  MENTION_TAG_REG.lastIndex = 0;
+  while ((m = MENTION_TAG_REG.exec(text)) !== null) {
+    spans.push({ start: m.index, end: m.index + m[0].length });
+  }
+  return spans;
+}
+function getMentionSpanAt(text, pos, key) {
+  const spans = getMentionSpans(text);
+  for (const span of spans) {
+    if (pos === span.end && key === "ArrowRight") continue;
+    if (pos >= span.start && pos <= span.end) return span;
+  }
+  return null;
+}
+function parseMentionTagContent(content, members, myAccid, enableMentionEveryone = false) {
+  const trimmed = content.trim();
+  if (trimmed === "所有人" && enableMentionEveryone) return { type: "everyone" };
+  const match = trimmed.match(/^(.+?)\(([^)]+)\)$/);
+  if (match) {
+    const accid = match[2].trim();
+    if (members.some((m) => m.accid === accid)) return { type: "member", accids: [accid] };
+    return null;
+  }
+  const list = members.filter((m) => m.accid !== myAccid);
+  const byNick = list.filter((m) => (m.nick || m.accid || "").trim() === trimmed);
+  if (byNick.length === 0) return null;
+  return { type: "member", accids: byNick.map((m) => m.accid).filter(Boolean) };
+}
+function parseMentionStateFromText(text, members, myAccid, enableMentionEveryone = true) {
+  const spans = getMentionSpans(text);
+  let hasEveryone = false;
+  const accidSet = /* @__PURE__ */ new Set();
+  const others = members.filter((m) => m.accid !== myAccid);
+  const allAccids = others.map((m) => m.accid).filter(Boolean);
+  for (const span of spans) {
+    const content = text.slice(span.start + 1, span.end - 1);
+    const parsed = parseMentionTagContent(content, members, myAccid, enableMentionEveryone);
+    if (!parsed) continue;
+    if (parsed.type === "everyone") {
+      hasEveryone = true;
+      allAccids.forEach((id) => accidSet.add(id));
+    } else {
+      parsed.accids.forEach((id) => accidSet.add(id));
+    }
+  }
+  return {
+    hasEveryone,
+    accids: [...accidSet]
+  };
+}
+function useAitPerson(options) {
+  const { scrollRef, curText, cursorIndex, serverMembers, myAccid = "" } = options;
+  const enableMentionEveryone = false;
+  const showAitPersonPopover = ref(false);
+  const cursorRectRef = ref(null);
+  const aitPersonSelectedIndex = ref(-1);
+  const aitAtStartIndex = ref(0);
+  const textareaRef = ref(null);
+  const aitItemRefs = { current: {} };
+  const mentionAccids = computed(() => {
+    const { accids } = parseMentionStateFromText(
+      curText.value,
+      serverMembers.value,
+      myAccid,
+      enableMentionEveryone
+    );
+    return accids;
+  });
+  const scrollbarWidth = ref(0);
+  const aitAtPrefix = ref("");
+  const aitPopoverItems = computed(
+    () => serverMembers.value.filter((m) => m.accid !== myAccid)
+  );
+  const aitFilteredItems = computed(() => {
+    const prefix = aitAtPrefix.value.trim().toLowerCase();
+    if (!prefix) return aitPopoverItems.value;
+    return aitPopoverItems.value.filter((m) => {
+      const name = (m.nick || m.accid || "").toLowerCase();
+      return name.startsWith(prefix);
+    });
+  });
+  const showEveryoneOption = computed(() => enableMentionEveryone);
+  const aitDisplayItems = computed(
+    () => showEveryoneOption.value ? aitPopoverItems.value : aitFilteredItems.value
+  );
+  const aitPopoverTotal = computed(
+    () => showEveryoneOption.value ? 1 + aitPopoverItems.value.length : aitFilteredItems.value.length
+  );
+  const resizeTarget = computed(() => showAitPersonPopover.value ? window : null);
+  useEventListener(resizeTarget, "resize", () => {
+    showAitPersonPopover.value = false;
+  });
+  watch(showAitPersonPopover, (visible) => {
+    if (!visible) cursorRectRef.value = null;
+  });
+  function getCursorCoordinates(textarea) {
+    const cursorPosition = textarea.selectionStart;
+    const rect = textarea.getBoundingClientRect();
+    const style = getComputedStyle(textarea);
+    const mirror = document.createElement("div");
+    mirror.style.cssText = [
+      "position: absolute",
+      "visibility: hidden",
+      "white-space: pre-wrap",
+      "word-wrap: break-word",
+      "overflow: hidden",
+      `width: ${textarea.offsetWidth}px`,
+      `min-height: ${textarea.offsetHeight}px`,
+      `font: ${style.font}`,
+      `font-size: ${style.fontSize}`,
+      `font-family: ${style.fontFamily}`,
+      `line-height: ${style.lineHeight}`,
+      `padding: ${style.padding}`,
+      `border: ${style.border}`,
+      `box-sizing: ${style.boxSizing}`,
+      `letter-spacing: ${style.letterSpacing}`
+    ].join("; ");
+    mirror.style.left = `${rect.left}px`;
+    mirror.style.top = `${rect.top}px`;
+    document.body.appendChild(mirror);
+    const textBeforeCursor = textarea.value.substring(0, cursorPosition);
+    mirror.appendChild(document.createTextNode(textBeforeCursor));
+    const cursorSpan = document.createElement("span");
+    cursorSpan.textContent = "​";
+    mirror.appendChild(cursorSpan);
+    mirror.scrollTop = textarea.scrollTop;
+    mirror.scrollLeft = textarea.scrollLeft;
+    const spanRect = cursorSpan.getBoundingClientRect();
+    document.body.removeChild(mirror);
+    return {
+      left: spanRect.left,
+      top: spanRect.top
+    };
+  }
+  function aitPersonHandler(e) {
+    if (aitPopoverItems.value.length === 0) {
+      showAitPersonPopover.value = false;
+      return;
+    }
+    const target = e.target;
+    const value = target.value;
+    const lastAtIndex = value.lastIndexOf("@");
+    if (lastAtIndex === -1) {
+      showAitPersonPopover.value = false;
+      return;
+    }
+    const prefix = value.slice(lastAtIndex + 1);
+    if (prefix.trim() === "") {
+      aitAtPrefix.value = "";
+      const coords = getCursorCoordinates(target);
+      if (coords) {
+        textareaRef.value = target;
+        aitAtStartIndex.value = lastAtIndex;
+        aitPersonSelectedIndex.value = 0;
+        cursorRectRef.value = coords;
+        showAitPersonPopover.value = true;
+      }
+    } else {
+      const prefixLower = prefix.trim().toLowerCase();
+      const filtered = aitPopoverItems.value.filter((m) => {
+        const name = (m.nick || m.accid || "").toLowerCase();
+        return name.startsWith(prefixLower);
+      });
+      if (filtered.length === 0) {
+        showAitPersonPopover.value = false;
+        return;
+      }
+      aitAtPrefix.value = prefix;
+      const coords = getCursorCoordinates(target);
+      if (coords) {
+        textareaRef.value = target;
+        aitAtStartIndex.value = lastAtIndex;
+        aitPersonSelectedIndex.value = 0;
+        cursorRectRef.value = coords;
+        showAitPersonPopover.value = true;
+      }
+    }
+  }
+  function setAitItemRef(el, index) {
+    aitItemRefs.current[index] = el || null;
+  }
+  function handleMentionCursorOrBackspace(e, target) {
+    const text = target.value;
+    const pos = target.selectionStart ?? 0;
+    const span = getMentionSpanAt(text, pos, e.key);
+    if (e.key === "ArrowRight") {
+      let jumpEnd = null;
+      if (span) {
+        if (pos === span.end) return false;
+        jumpEnd = span.end;
+      } else {
+        const spans = getMentionSpans(text);
+        const nextSpan = spans.find((s) => s.start === pos + 1);
+        if (nextSpan) jumpEnd = nextSpan.end;
+      }
+      if (jumpEnd !== null) {
+        e.preventDefault();
+        target.selectionStart = jumpEnd;
+        target.selectionEnd = jumpEnd;
+        cursorIndex.value = jumpEnd;
+        return true;
+      }
+      return false;
+    }
+    if (!span) return false;
+    if (e.key === "ArrowLeft") {
+      if (pos === span.start) return false;
+      e.preventDefault();
+      target.selectionStart = span.start;
+      target.selectionEnd = span.start;
+      cursorIndex.value = span.start;
+      return true;
+    }
+    if (e.key === "Backspace") {
+      if (pos <= span.start) return false;
+      e.preventDefault();
+      const before = text.slice(0, span.start);
+      const after = text.slice(span.end);
+      const newText = before + after;
+      curText.value = newText;
+      target.value = newText;
+      target.selectionStart = span.start;
+      target.selectionEnd = span.start;
+      cursorIndex.value = span.start;
+      return true;
+    }
+    return false;
+  }
+  function handleMentionClick(e) {
+    const target = e.target;
+    if (!target || target.nodeName !== "TEXTAREA") return;
+    const text = target.value;
+    const pos = target.selectionStart ?? 0;
+    const span = getMentionSpanAt(text, pos);
+    if (!span) return;
+    if (pos >= span.end) return;
+    if (target.selectionStart === span.start && target.selectionEnd === span.end) return;
+    target.selectionStart = span.start;
+    target.selectionEnd = span.end;
+    cursorIndex.value = span.start;
+  }
+  function handleInputKeydown(e) {
+    const target = e.target;
+    if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+      showAitPersonPopover.value = false;
+    }
+    if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "Backspace") {
+      if (handleMentionCursorOrBackspace(e, target)) return;
+    }
+    if (!showAitPersonPopover.value) return;
+    if (e.key !== "ArrowUp" && e.key !== "ArrowDown" && e.key !== "Enter" && e.key !== "Escape") return;
+    e.preventDefault();
+    handleAitKeydown(e);
+  }
+  function handleAitKeydown(e) {
+    const total = aitPopoverTotal.value;
+    if (total === 0) return;
+    const showEveryone = showEveryoneOption.value;
+    const listLen = showEveryone ? aitPopoverItems.value.length : aitFilteredItems.value.length;
+    if (e.key === "ArrowDown") {
+      const cur = aitPersonSelectedIndex.value;
+      if (showEveryone) {
+        aitPersonSelectedIndex.value = cur === -1 ? 0 : cur === listLen - 1 ? -1 : cur + 1;
+      } else {
+        aitPersonSelectedIndex.value = cur === listLen - 1 ? 0 : cur + 1;
+      }
+      nextTick(() => {
+        var _a;
+        return (_a = aitItemRefs.current[aitPersonSelectedIndex.value]) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+      });
+    } else if (e.key === "ArrowUp") {
+      const cur = aitPersonSelectedIndex.value;
+      if (showEveryone) {
+        aitPersonSelectedIndex.value = cur === 0 ? -1 : cur === -1 ? listLen - 1 : cur - 1;
+      } else {
+        aitPersonSelectedIndex.value = cur === 0 ? listLen - 1 : cur - 1;
+      }
+      nextTick(() => {
+        var _a;
+        return (_a = aitItemRefs.current[aitPersonSelectedIndex.value]) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+      });
+    } else if (e.key === "Enter") {
+      confirmAitSelection();
+    } else if (e.key === "Escape") {
+      closeAitPopover();
+    }
+  }
+  function confirmAitSelection(clickIndex) {
+    const index = clickIndex ?? aitPersonSelectedIndex.value;
+    const showEveryone = showEveryoneOption.value;
+    const items = showEveryone ? aitPopoverItems.value : aitFilteredItems.value;
+    const maxIndex = items.length - 1;
+    if (index < (showEveryone ? -1 : 0) || index > maxIndex) return;
+    let insertText;
+    if (showEveryone && index === -1) {
+      insertText = "@所有人 ";
+    } else {
+      const member = items[index];
+      const nick = member.nick || member.accid || "";
+      const accid = member.accid;
+      const hasDuplicateNick = accid && aitPopoverItems.value.filter((m) => (m.nick || m.accid) === nick).length > 1;
+      const needDisambiguator = (hasDuplicateNick || nick === "所有人") && accid;
+      insertText = needDisambiguator ? `@${nick}(${accid}) ` : `@${nick} `;
+    }
+    const endIndex = textareaRef.value ? textareaRef.value.selectionStart : aitAtStartIndex.value + 1;
+    const before = curText.value.slice(0, aitAtStartIndex.value);
+    const after = curText.value.slice(endIndex);
+    curText.value = before + insertText + after;
+    cursorIndex.value = aitAtStartIndex.value + insertText.length;
+    showAitPersonPopover.value = false;
+    nextTick(() => {
+      var _a;
+      (_a = textareaRef.value) == null ? void 0 : _a.focus();
+      if (textareaRef.value) textareaRef.value.selectionStart = cursorIndex.value;
+    });
+  }
+  function closeAitPopover() {
+    showAitPersonPopover.value = false;
+  }
+  function getAccurateScrollbarWidth() {
+    var _a, _b;
+    if (!scrollRef.value) return;
+    if (scrollRef.value.scrollHeight > scrollRef.value.clientHeight) {
+      try {
+        const testDiv = document.createElement("div");
+        testDiv.style.cssText = `
+          position: absolute;
+          top: -999px;
+          left: -999px;
+          width: 100px;
+          height: 100px;
+          overflow-y: scroll;
+          visibility: hidden;
+          padding: 0;
+          margin: 0;
+          border: 0;
+        `;
+        (_a = scrollRef.value.parentElement) == null ? void 0 : _a.appendChild(testDiv);
+        const placeholderWidth = testDiv.offsetWidth - testDiv.clientWidth;
+        scrollbarWidth.value = placeholderWidth;
+        (_b = scrollRef.value.parentElement) == null ? void 0 : _b.removeChild(testDiv);
+      } catch (error) {
+        console.error(error);
+      }
+      return;
+    }
+    scrollbarWidth.value = 0;
+  }
+  const aitPopoverItemsLength = computed(() => aitPopoverItems.value.length);
+  return {
+    showAitPersonPopover,
+    scrollbarWidth,
+    cursorRectRef,
+    aitPersonSelectedIndex,
+    aitPopoverItems,
+    /** 弹框内展示的成员列表（无前缀全量，有前缀为过滤结果） */
+    aitDisplayItems,
+    aitPopoverItemsLength,
+    mentionAccids,
+    setAitItemRef,
+    handleInputKeydown,
+    /** 点击时若落在 @用户 标签内则整段选中 */
+    handleMentionClick,
+    confirmAitSelection,
+    aitPersonHandler,
+    closeAitPopover,
+    getAccurateScrollbarWidth
+  };
+}
+const _hoisted_1 = { class: "yx-chatroomWrapper" };
+const _hoisted_2 = {
+  key: 1,
+  class: "chatroomContentNoMore"
+};
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { key: 2 };
+const _hoisted_6 = { class: "chatroomControllerContainer" };
+const _hoisted_7 = { class: "chatroomControllerWrapper" };
+const _hoisted_8 = {
+  key: 0,
+  class: "chatroomInputQuoteWrapper"
+};
+const _hoisted_9 = { class: "chatroomInputQuoteText" };
+const _hoisted_10 = { class: "chatroomInputQuoteTextName" };
+const _hoisted_11 = ["innerHTML"];
+const _hoisted_12 = {
+  key: 0,
+  class: "chatroomInputQuoteWrapperImg"
+};
+const _hoisted_13 = { class: "chatroomInputWrapper" };
+const _hoisted_14 = { class: "chatroomInputLeft" };
+const _hoisted_15 = { style: { "width": "400px" } };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { class: "chatroomController" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ChatContent"
+  },
+  __name: "index",
+  props: {
+    msgs: { default: () => [] },
+    channelName: { default: "频道名称" },
+    topic: { default: "频道主题" },
+    imgUploading: { type: Boolean, default: false },
+    fileUploading: { type: Boolean, default: false },
+    sendDisabled: { type: Boolean, default: false },
+    isNoMore: { type: Boolean, default: false },
+    myAccid: { default: "" },
+    myAvatar: { default: "" },
+    onLoadMore: { type: Function, default: () => Promise.resolve() }
+  },
+  emits: ["sendText", "sendImg", "sendFile", "resendText", "resendImg", "resendFile"],
+  setup(__props, { emit: __emit }) {
+    const router = useRouter();
+    const channelStore = useChannelStore();
+    const Textarea = Input.TextArea;
+    const props = __props;
+    const emit = __emit;
+    const quoteMsg = ref();
+    const curText = ref("");
+    const cursorIndex = ref(0);
+    const contentRef = ref();
+    const contentScrollLocked = ref(false);
+    const loadingMore = ref(false);
+    const serverMembers = computed(() => {
+      var _a;
+      return ((_a = channelStore.ChannelMembers) == null ? void 0 : _a.datas) || [];
+    });
+    const curChannel = computed(() => channelStore.currentChannel);
+    const {
+      showAitPersonPopover,
+      cursorRectRef,
+      aitPersonSelectedIndex,
+      aitDisplayItems,
+      aitPopoverItemsLength,
+      mentionAccids,
+      scrollbarWidth,
+      setAitItemRef,
+      handleInputKeydown,
+      handleMentionClick,
+      confirmAitSelection,
+      aitPersonHandler,
+      closeAitPopover,
+      getAccurateScrollbarWidth
+    } = useAitPerson({ scrollRef: contentRef, curText, cursorIndex, serverMembers, myAccid: props.myAccid });
+    const handleResendText = (msg) => {
+      emit("resendText", msg);
+    };
+    const handleResendImg = (msg) => {
+      emit("resendImg", msg);
+    };
+    const handleResendFile = (msg) => {
+      emit("resendFile", msg);
+    };
+    const onContextMenuSwitch = (bol) => {
+      contentScrollLocked.value = bol;
+      if (bol) {
+        getAccurateScrollbarWidth();
+      }
+    };
+    const handleQuote = (msg) => {
+      quoteMsg.value = msg;
+    };
+    const handleQuoteMsgClick = (msg) => {
+      const id = msg == null ? void 0 : msg.msgIdClient;
+      if (!id || !contentRef.value) return;
+      nextTick(() => {
+        var _a;
+        const el = (_a = contentRef.value) == null ? void 0 : _a.querySelector(`[data-msg-id-client="${id}"]`);
+        if (el) {
+          el.scrollIntoView({ behavior: "instant", block: "start" });
+          el.classList.add("yx-flash-a-moment");
+          el.addEventListener(
+            "animationend",
+            () => {
+              el.classList.remove("yx-flash-a-moment");
+            },
+            { once: true }
+          );
+        } else {
+          console.log("position failed", id);
+        }
+      });
+    };
+    const handleDeleteQuoteMsg = () => {
+      quoteMsg.value = void 0;
+    };
+    watch(
+      () => props.msgs,
+      (value, oldValue) => {
+        nextTick(() => {
+          var _a, _b, _c;
+          console.log((_a = contentRef.value) == null ? void 0 : _a.scrollTop, (_b = contentRef.value) == null ? void 0 : _b.scrollHeight);
+          if (oldValue.length === 0 && value.length > 0 && contentRef.value) {
+            contentRef.value.scrollTop = ((_c = contentRef.value) == null ? void 0 : _c.scrollHeight) || 0;
+          }
+          if (contentRef.value && contentRef.value.scrollTop > contentRef.value.scrollHeight / 2) {
+            contentRef.value.scrollTop = contentRef.value.scrollHeight;
+          }
+        });
+      }
+    );
+    const stopWatch = watch(
+      () => props.msgs,
+      (value) => {
+        if (value && value.length) {
+          nextTick(() => {
+            var _a;
+            const query = router.currentRoute.value.query;
+            if (((_a = curChannel.value) == null ? void 0 : _a.channelId) === query.channel_id && query.msgIdClient) {
+              handleQuoteMsgClick({ msgIdClient: query.msgIdClient });
+              router.replace({ query: { ...query, msgIdClient: void 0 } });
+            }
+            stopWatch();
+          });
+        }
+      }
+    );
+    watch(
+      () => channelStore.currentChannel,
+      () => {
+        curText.value = "";
+        quoteMsg.value = void 0;
+      }
+    );
+    const inputPlaceholder = computed(
+      () => props.sendDisabled ? "您暂无发送消息权限" : `在 #${props.channelName} 中发送消息`
+    );
+    const handleInputBlur = (e) => {
+      const target = e.target;
+      cursorIndex.value = target.selectionStart || 0;
+      closeAitPopover();
+    };
+    const insertEmj = (index) => {
+      const insertVal = emjjData[index];
+      const curTextVal = curText.value.slice(0, cursorIndex.value) + insertVal + curText.value.slice(cursorIndex.value);
+      curText.value = curTextVal;
+      cursorIndex.value = cursorIndex.value + insertVal.length;
+    };
+    const inputChangeHandler = (e) => {
+      const target = e.target;
+      curText.value = target.value;
+      aitPersonHandler(e);
+    };
+    const pressEnterHandler = (e) => {
+      if (showAitPersonPopover.value) {
+        e.preventDefault();
+        confirmAitSelection();
+        return;
+      }
+      if (!e.shiftKey) {
+        e.preventDefault();
+        const text = filterStr(curText.value.trim());
+        if (text) {
+          if (quoteMsg.value) {
+            sendReplyMessage();
+            return;
+          }
+          emit("sendText", text, {
+            ext: {
+              quoteMsg: quoteMsg.value
+            },
+            mentionAccids: mentionAccids.value
+          });
+          curText.value = "";
+          quoteMsg.value = void 0;
+        }
+      }
+    };
+    const handleSendText = () => {
+      const text = filterStr(curText.value.trim());
+      if (text) {
+        if (quoteMsg.value) {
+          sendReplyMessage();
+          return;
+        }
+        emit("sendText", text, {
+          ext: {
+            mentionAccids: mentionAccids.value,
+            quoteMsg: quoteMsg.value
+          },
+          mentionAccids: mentionAccids.value
+        });
+        curText.value = "";
+        quoteMsg.value = void 0;
+      }
+    };
+    const sendReplyMessage = () => {
+      const text = filterStr(curText.value.trim());
+      channelStore.sendReplyMessage({
+        type: "text",
+        body: text,
+        mentionAccids: mentionAccids.value,
+        ext: {
+          quoteMsg: quoteMsg.value
+          // 备份引用消息
+        },
+        replyMessage: {
+          ...quoteMsg.value
+          // 多余字段sdk会自动忽略
+        }
+      });
+      curText.value = "";
+      quoteMsg.value = void 0;
+    };
+    const scrollHandler = async (e) => {
+      var _a;
+      const target = e.target;
+      if (target.scrollTop === 0 && target.scrollHeight - target.clientHeight > 0 && !loadingMore.value && !props.isNoMore && props.msgs.length) {
+        const beforeScrollHeight = ((_a = contentRef.value) == null ? void 0 : _a.scrollHeight) || 0;
+        loadingMore.value = true;
+        await props.onLoadMore(props.msgs[0].time);
+        loadingMore.value = false;
+        channelStore.resetChannelUnReadCount();
+        nextTick(() => {
+          if (contentRef.value) {
+            const top = contentRef.value.scrollTop;
+            const increaseInScrollHeight = contentRef.value.scrollHeight - beforeScrollHeight;
+            contentRef.value.scrollTop = top + increaseInScrollHeight;
+          }
+        });
+      }
+    };
+    const uploadImgHandler = (file) => {
+      emit("sendImg", file);
+    };
+    const emjjData = [
+      "😀",
+      "😃",
+      "😄",
+      "😁",
+      "😆",
+      "😅",
+      "🤣",
+      "😂",
+      "🙂",
+      "🙃",
+      "😉",
+      "😊",
+      "😇",
+      "🥰",
+      "😍",
+      "🤩",
+      "😘",
+      "😗",
+      "☺️",
+      "☺",
+      "😚",
+      "😙",
+      "😋",
+      "😛",
+      "😜",
+      "🤪",
+      "😝",
+      "🤑",
+      "🤗",
+      "🤭",
+      "🤫",
+      "🤔",
+      "🤐",
+      "🤨",
+      "😐",
+      "😑",
+      "😶",
+      "😏",
+      "😒",
+      "🙄",
+      "😬",
+      "🤥",
+      "😌",
+      "😔",
+      "😪",
+      "🤤",
+      "😴",
+      "😷",
+      "🤒",
+      "🤕",
+      "🤢",
+      "🤮",
+      "🤧",
+      "🥵",
+      "🥶",
+      "🥴",
+      "😵",
+      "🤯",
+      "🤠",
+      "🥳",
+      "😎",
+      "🤓",
+      "🧐",
+      "😕",
+      "😟",
+      "🙁",
+      "☹️",
+      "😮",
+      "😯",
+      "😲",
+      "😳",
+      "🥺",
+      "😦",
+      "😧",
+      "😨",
+      "😰",
+      "😥",
+      "😢",
+      "😭",
+      "😱",
+      "😖",
+      "😣",
+      "😞",
+      "😓",
+      "😩",
+      "😫",
+      "😤",
+      "😡",
+      "😠",
+      "🤬",
+      "😈",
+      "👿",
+      "💀",
+      "☠️",
+      "☠",
+      "💩",
+      "🤡",
+      "👹",
+      "👺",
+      "👻",
+      "👽",
+      "👾",
+      "🤖",
+      "😺",
+      "😸",
+      "😹",
+      "😻",
+      "😼",
+      "😽",
+      "🙀",
+      "😿",
+      "😾",
+      "🙈",
+      "🙉",
+      "🙊",
+      "💋",
+      "💌",
+      "💘",
+      "💝",
+      "💖",
+      "💗",
+      "💓",
+      "💞",
+      "💕",
+      "💟",
+      "❣️",
+      "❣",
+      "💔",
+      "❤️",
+      "❤",
+      "🧡",
+      "💛",
+      "💚",
+      "💙",
+      "💜",
+      "🖤",
+      "💯",
+      "💢",
+      "💥",
+      "💫",
+      "💦",
+      "💨",
+      "🕳️",
+      "🕳",
+      "💣",
+      "💬",
+      "👁️‍🗨️",
+      "👁‍🗨️",
+      "👁️‍🗨",
+      "👁‍🗨",
+      "🗨️",
+      "🗨",
+      "🗯️",
+      "🗯",
+      "💭",
+      "💤",
+      "👋"
+    ];
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          ref_key: "contentRef",
+          ref: contentRef,
+          class: normalizeClass(["chatroomContent", { "is-scroll-locked": contentScrollLocked.value }]),
+          style: normalizeStyle({ "margin-right": contentScrollLocked.value && unref(scrollbarWidth) > 0 ? unref(scrollbarWidth) + "px" : "0px" }),
+          onScroll: scrollHandler
+        }, [
+          ((_a = curChannel.value) == null ? void 0 : _a.ext) && __props.isNoMore ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            content: (_b = curChannel.value) == null ? void 0 : _b.ext,
+            style: normalizeStyle({ marginBottom: __props.msgs.length ? "1rem" : "0" })
+          }, null, 8, ["content", "style"])) : createCommentVNode("", true),
+          __props.msgs.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            __props.isNoMore ? (openBlock(), createElementBlock("div", _hoisted_3, "没有更多消息了~")) : loadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createVNode(unref(LoadingOutlined)),
+              _cache[1] || (_cache[1] = createElementVNode("span", { style: { "margin-left": "10px" } }, "正在加载，请稍候", -1))
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          __props.msgs.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.msgs, (item) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                key: item.msgIdClient,
+                msg: item,
+                "my-avatar": __props.myAvatar,
+                "my-accid": __props.myAccid,
+                onResendText: handleResendText,
+                onResendImg: handleResendImg,
+                onResendFile: handleResendFile,
+                onContextMenuSwitch,
+                onQuote: handleQuote,
+                onQuoteMsgClick: handleQuoteMsgClick
+              }, null, 8, ["msg", "my-avatar", "my-accid"]);
+            }), 128))
+          ])) : (openBlock(), createElementBlock("div", {
+            key: 3,
+            class: "emptyChatroomContent",
+            style: normalizeStyle({ height: ((_c = curChannel.value) == null ? void 0 : _c.ext) ? "calc(100% - 48px)" : "100%" })
+          }, [
+            _cache[2] || (_cache[2] = createElementVNode("div", null, "欢迎来到", -1)),
+            createElementVNode("h1", null, "#" + toDisplayString(__props.channelName), 1)
+          ], 4))
+        ], 38),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            quoteMsg.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              createVNode(unref(CloseOutlined), {
+                class: "chatroomInputQuoteDeleteBtn",
+                size: "12px",
+                onClick: handleDeleteQuoteMsg
+              }),
+              createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_10, toDisplayString(quoteMsg.value.fromNick) + "：", 1),
+                ((_d = quoteMsg.value) == null ? void 0 : _d.body) ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "chatroomInputQuoteTextBody",
+                  innerHTML: (_e = quoteMsg.value) == null ? void 0 : _e.body
+                }, null, 8, _hoisted_11)) : createCommentVNode("", true)
+              ]),
+              quoteMsg.value.type === "image" ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                createVNode(unref(Image), {
+                  preview: false,
+                  class: "imgMsg quoteImg",
+                  src: (_f = quoteMsg.value.attach) == null ? void 0 : _f.url,
+                  width: unref(getImageMsgDisplaySize)(quoteMsg.value.attach).width,
+                  height: unref(getImageMsgDisplaySize)(quoteMsg.value.attach).height
+                }, null, 8, ["src", "width", "height"])
+              ])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, [
+                createVNode(unref(Popover), { placement: "topLeft" }, {
+                  content: withCtx(() => [
+                    createElementVNode("div", _hoisted_15, [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(emjjData, (value, i) => {
+                        return createElementVNode("span", {
+                          key: i,
+                          style: { "font-size": "16px", "cursor": "pointer" },
+                          onClick: ($event) => insertEmj(i)
+                        }, toDisplayString(value), 9, _hoisted_16);
+                      }), 64))
+                    ])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(unref(Button), {
+                      class: "chatroomButtonSmile",
+                      type: "text",
+                      disabled: __props.sendDisabled
+                    }, {
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createElementVNode("svg", {
+                          width: "21",
+                          height: "21",
+                          viewBox: "0 0 21 21",
+                          fill: "var(--theme-head-title-link, #3B3E55)",
+                          xmlns: "http://www.w3.org/2000/svg"
+                        }, [
+                          createElementVNode("path", {
+                            d: "M10.5003 20.8699C7.69521 20.8699 5.05787 19.7847 3.07484 17.8152C1.09142 15.8434 -0.000386379 13.223 1.02571e-07 10.435C1.02571e-07 7.64729 1.09258 5.02656 3.07638 3.05551C5.05941 1.08524 7.69676 0 10.5022 0C13.3085 0 15.9454 1.08524 17.9292 3.05551C22.024 7.12515 22.0236 13.7452 17.9292 17.8133C15.945 19.7839 13.3065 20.8699 10.5003 20.8699ZM10.5022 1.36002C8.06198 1.36002 5.76899 2.30342 4.04374 4.01708C2.3185 5.73034 1.36853 8.01019 1.36853 10.435C1.36814 12.8601 2.31772 15.1396 4.0422 16.8536C5.76706 18.5665 8.06082 19.5111 10.5003 19.5111C12.9409 19.5111 15.2358 18.5657 16.9615 16.8517C20.5221 13.3139 20.5221 7.55608 16.9615 4.01708C15.2362 2.30342 12.9425 1.36002 10.5022 1.36002ZM6.76998 13.2829C6.76998 13.2829 8.00053 15.2374 10.4999 15.2374C12.9993 15.2374 14.6383 13.2829 14.6383 13.2829C14.6383 13.2829 15.5674 13.2799 15.567 14.26C15.567 14.26 13.9562 16.5402 10.4999 16.5402C7.0436 16.5402 5.91856 14.26 5.91856 14.26C5.91856 14.26 5.88455 13.2829 6.76998 13.2829ZM7.44825 7.07955C6.74022 7.07955 6.16204 7.65192 6.16204 8.35764C6.16204 9.06258 6.73983 9.63495 7.44825 9.63495C8.15976 9.63495 8.73446 9.06258 8.73446 8.35764C8.73446 7.65192 8.15976 7.07955 7.44825 7.07955ZM14.0381 7.07955C13.3289 7.07955 12.7527 7.65192 12.7527 8.35764C12.7527 9.06258 13.3289 9.63495 14.0381 9.63495C14.7489 9.63495 15.3243 9.06258 15.3243 8.35764C15.3243 7.65192 14.7489 7.07955 14.0381 7.07955Z",
+                            fill: "#9198A1"
+                          })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              createVNode(unref(Textarea), {
+                id: "chatroomInputId",
+                value: curText.value,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => curText.value = $event),
+                class: "chatroomInput",
+                placeholder: inputPlaceholder.value,
+                disabled: __props.sendDisabled,
+                "auto-size": { minRows: 1, maxRows: 4 },
+                onChange: inputChangeHandler,
+                onKeydown: unref(handleInputKeydown),
+                onClick: unref(handleMentionClick),
+                onPressEnter: pressEnterHandler,
+                onBlur: handleInputBlur
+              }, null, 8, ["value", "placeholder", "disabled", "onKeydown", "onClick"]),
+              createElementVNode("div", _hoisted_17, [
+                createVNode(unref(Upload), {
+                  "before-upload": uploadImgHandler,
+                  "show-upload-list": false,
+                  accept: ".jpg,.png,.jpeg",
+                  disabled: __props.sendDisabled
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Button), {
+                      class: "chatroomButton",
+                      type: "text",
+                      loading: __props.imgUploading,
+                      disabled: __props.sendDisabled
+                    }, {
+                      icon: withCtx(() => [..._cache[4] || (_cache[4] = [
+                        createElementVNode("svg", {
+                          width: "21",
+                          height: "18",
+                          viewBox: "0 0 21 18",
+                          fill: "var(--theme-head-title-link, #3B3E55)",
+                          xmlns: "http://www.w3.org/2000/svg"
+                        }, [
+                          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"
+                          }),
+                          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"
+                          })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["loading", "disabled"])
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                _cache[6] || (_cache[6] = createElementVNode("span", { class: "lineSeparator" }, null, -1)),
+                createVNode(unref(Button), {
+                  class: "chatroomButtonArrowUp",
+                  type: "text",
+                  disabled: __props.sendDisabled,
+                  onClick: handleSendText
+                }, {
+                  icon: withCtx(() => [..._cache[5] || (_cache[5] = [
+                    createElementVNode("svg", {
+                      width: "36",
+                      height: "36",
+                      viewBox: "0 0 36 36",
+                      fill: "var(--theme-btn-primary, #000)",
+                      xmlns: "http://www.w3.org/2000/svg"
+                    }, [
+                      createElementVNode("rect", {
+                        width: "36",
+                        height: "36",
+                        rx: "18",
+                        fill: "var(--theme-btn-primary, #000)"
+                      }),
+                      createElementVNode("path", {
+                        d: "M25.4253 15.5288L24.3633 16.5894L18.75 10.9746V27.8774H17.25V10.9746L11.6367 16.5894L10.5747 15.5288L18 8.10352L25.4253 15.5288Z",
+                        fill: "#F0F6FC"
+                      })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ])
+          ])
+        ]),
+        createVNode(AitPersonPopover, {
+          visible: unref(showAitPersonPopover),
+          "cursor-rect": unref(cursorRectRef),
+          items: unref(aitDisplayItems),
+          "selected-index": unref(aitPersonSelectedIndex),
+          "members-count": unref(aitPopoverItemsLength),
+          "set-item-ref": unref(setAitItemRef),
+          onSelect: unref(confirmAitSelection)
+        }, null, 8, ["visible", "cursor-rect", "items", "selected-index", "members-count", "set-item-ref", "onSelect"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};