From 2d7f2492afe6130974feb47b3ae962d7dee50f5b Mon Sep 17 00:00:00 2001
From: yinkang <ylyw56@163.com>
Date: Wed, 9 Jul 2025 11:49:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/editor/MentionList.vue         | 42 +++++++++++++++++--
 src/components/editor/TiptapEditor.vue        |  6 ++-
 src/views/message/inner/panel/PanelFooter.vue |  4 +-
 3 files changed, 46 insertions(+), 6 deletions(-)

diff --git a/src/components/editor/MentionList.vue b/src/components/editor/MentionList.vue
index 5062e0b..f9ee7c1 100644
--- a/src/components/editor/MentionList.vue
+++ b/src/components/editor/MentionList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dropdown-menu">
+  <div class="dropdown-menu" ref="dropdownMenuRef">
     <n-virtual-list
       ref="virtualListRef"
       style="max-height: 240px"
@@ -20,7 +20,7 @@
 </template>
 
 <script setup>
-import { ref, watch, defineProps, defineExpose } from 'vue'
+import { ref, watch, defineProps, defineExpose, onMounted, onUnmounted } from 'vue'
 
 const props = defineProps({
   items: {
@@ -35,6 +35,40 @@ const props = defineProps({
 
 const selectedIndex = ref(0)
 const virtualListRef = ref(null)
+const dropdownMenuRef = ref(null)
+
+let observer = null
+
+let isViewport = ref(true)
+const handleIntersection = (entries, observer) => {
+  entries.forEach(entry => {
+    if (entry.isIntersecting) {
+      isViewport.value = true
+      // 在这里处理元素可见的逻辑
+    } else {
+      isViewport.value = false
+      // 在这里处理元素不可见的逻辑
+    }
+  })
+}
+onMounted(() => {
+  observer = new IntersectionObserver(handleIntersection, {
+    root: null, // null 值表示视口
+    rootMargin: '0px',
+    threshold: 0.1 // 元素至少有 10% 可见时触发回调
+  })
+
+  if (dropdownMenuRef.value) {
+    observer.observe(dropdownMenuRef.value)
+  }
+})
+
+onUnmounted(() => {
+  if (observer && dropdownMenuRef.value) {
+    observer.unobserve(dropdownMenuRef.value)
+    observer.disconnect()
+  }
+})
 
 watch(
   () => props.items,
@@ -44,7 +78,8 @@ watch(
 )
 
 const onKeyDown = ({ event }) => {
-  console.log('event',event)
+  console.log('event', event)
+  if(!isViewport.value) return false
   if (event.key === 'ArrowUp') {
     upHandler()
     return true
@@ -100,6 +135,7 @@ defineExpose({
   overflow: auto;
   padding: 0.4rem;
   position: relative;
+  
   max-height: 200px;
   width: 200px;
   button {
diff --git a/src/components/editor/TiptapEditor.vue b/src/components/editor/TiptapEditor.vue
index 808aaae..ab99563 100644
--- a/src/components/editor/TiptapEditor.vue
+++ b/src/components/editor/TiptapEditor.vue
@@ -61,6 +61,9 @@ const props = defineProps({
     type: Boolean,
     default: false
   },
+  uid:{
+    type: Number
+  },
   members: {
     default: () => []
   }
@@ -288,7 +291,8 @@ const editor = useEditor({
       if (text) {
         event.preventDefault()
         const { state, dispatch } = view
-        dispatch(state.tr.insertText(text))
+        // dispatch(state.tr.insertContent(text).replace(/\n/g, '<br>'))
+        editor.value.commands.insertContent(text.replace(/\r/g, '').replace(/\n/g, '<br>'))
         return true // Handled
       }
 
diff --git a/src/views/message/inner/panel/PanelFooter.vue b/src/views/message/inner/panel/PanelFooter.vue
index b78c7e2..adf33fe 100644
--- a/src/views/message/inner/panel/PanelFooter.vue
+++ b/src/views/message/inner/panel/PanelFooter.vue
@@ -75,7 +75,7 @@ const onSendMessage = (data = {}, callBack: any) => {
 }
 
 // 发送文本消息
-const onSendTextEvent = throttle((value: any) => {
+const onSendTextEvent = (value: any) => {
   let { data, callBack } = value
 
   let message = {
@@ -93,7 +93,7 @@ const onSendTextEvent = throttle((value: any) => {
 
     callBack(true)
   })
-}, 1000)
+}
 
 // 发送图片消息
 const onSendImageEvent = ({ data, callBack }) => {