From 4715e4d84e1b5ab24a864c1b99d1c75a8d3a45d8 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Wed, 16 Jul 2025 16:24:46 +0800
Subject: [PATCH] fix: vueDraggable disabled

---
 ui/src/components/generate-related-dialog/index.vue |  2 +-
 ui/src/views/paragraph/component/ParagraphCard.vue  | 11 ++++++++---
 .../views/paragraph/component/ParagraphDialog.vue   |  5 +----
 .../paragraph/component/SelectDocumentDialog.vue    |  2 +-
 ui/src/views/paragraph/index.vue                    | 13 +++++++++++--
 5 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/generate-related-dialog/index.vue b/ui/src/components/generate-related-dialog/index.vue
index 6a3f278b6..27faa22bc 100644
--- a/ui/src/components/generate-related-dialog/index.vue
+++ b/ui/src/components/generate-related-dialog/index.vue
@@ -201,6 +201,6 @@ function getModelFn() {
     })
 }
 
-defineExpose({ open })
+defineExpose({ open, dialogVisible })
 </script>
 <style lang="scss" scoped></style>
diff --git a/ui/src/views/paragraph/component/ParagraphCard.vue b/ui/src/views/paragraph/component/ParagraphCard.vue
index 5c5b99874..f6e101222 100644
--- a/ui/src/views/paragraph/component/ParagraphCard.vue
+++ b/ui/src/views/paragraph/component/ParagraphCard.vue
@@ -123,7 +123,7 @@
   </el-card>
 </template>
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import GenerateRelatedDialog from '@/components/generate-related-dialog/index.vue'
 import ParagraphDialog from '@/views/paragraph/component/ParagraphDialog.vue'
@@ -154,7 +154,7 @@ const permissionPrecise = computed (() => {
   return permissionMap['knowledge'][apiType.value]
 })
 
-const emit = defineEmits(['clickCard','changeState', 'deleteParagraph', 'refresh', 'refreshMigrateParagraph','move'])
+const emit = defineEmits(['dialogVisibleChange','clickCard','changeState', 'deleteParagraph', 'refresh', 'refreshMigrateParagraph','move'])
 const loading = ref(false)
 const changeStateloading = ref(false)
 const show = ref(false)
@@ -222,7 +222,7 @@ function editParagraph(row: any) {
 const cardClick = permissionPrecise.value.doc_edit(id)
 
 function handleClickCard(row: any) {
-  if (!cardClick) 
+  if (!cardClick || dialogVisible.value) 
   {return }
   if (!props.disabled) {
     editParagraph(row)
@@ -248,6 +248,11 @@ function refresh(data?: any) {
 function refreshMigrateParagraph() {
   emit('refreshMigrateParagraph', props.data)
 }
+
+const dialogVisible = computed(()=> ParagraphDialogRef.value?.dialogVisible || SelectDocumentDialogRef.value?.dialogVisible || GenerateRelatedDialogRef.value?.dialogVisible)
+watch(dialogVisible, (val: boolean)=>{
+  emit('dialogVisibleChange', val)
+})
 </script>
 <style lang="scss" scoped>
 .paragraph-box {
diff --git a/ui/src/views/paragraph/component/ParagraphDialog.vue b/ui/src/views/paragraph/component/ParagraphDialog.vue
index 542ccfdd8..0d2193aa7 100644
--- a/ui/src/views/paragraph/component/ParagraphDialog.vue
+++ b/ui/src/views/paragraph/component/ParagraphDialog.vue
@@ -8,9 +8,6 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
     @click.stop
-    @mousemove.stop
-    @mousedown.stop
-    @keydown.stop
   >
     <el-row v-loading="loading">
       <el-col :span="18">
@@ -165,6 +162,6 @@ const handleDebounceClick = debounce(() => {
   submitHandle()
 }, 200)
 
-defineExpose({ open })
+defineExpose({ open, dialogVisible })
 </script>
 <style lang="scss" scoped></style>
diff --git a/ui/src/views/paragraph/component/SelectDocumentDialog.vue b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
index bf2bb92cd..b61b624a5 100644
--- a/ui/src/views/paragraph/component/SelectDocumentDialog.vue
+++ b/ui/src/views/paragraph/component/SelectDocumentDialog.vue
@@ -86,6 +86,6 @@ function changeDocument(document_id: string) {
   localStorage.setItem(id + 'chat_document_id', document_id)
 }
 
-defineExpose({ open })
+defineExpose({ open, dialogVisible })
 </script>
 <style lang="scss" scoped></style>
diff --git a/ui/src/views/paragraph/index.vue b/ui/src/views/paragraph/index.vue
index e38935158..70cf6a58a 100644
--- a/ui/src/views/paragraph/index.vue
+++ b/ui/src/views/paragraph/index.vue
@@ -85,7 +85,7 @@
                     <VueDraggable
                       ref="el"
                       v-model="paragraphDetail"
-                      :disabled="isBatch === true || shareDisabled || !permissionPrecise.doc_edit(id)"
+                      :disabled="isBatch === true || shareDisabled || dialogVisible || !permissionPrecise.doc_edit(id)"
                       handle=".handle"
                       :animation="150"
                       ghostClass="ghost"
@@ -118,6 +118,7 @@
                               @refresh="refresh"
                               @refreshMigrateParagraph="refreshMigrateParagraph"
                               :disabled="shareDisabled"
+                              @dialogVisibleChange="dialogVisibleChange"
                             />
                           </div>
                         </div>
@@ -163,7 +164,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { reactive, ref, onMounted, computed } from 'vue'
+import { reactive, ref, onMounted, computed, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import ParagraphDialog from './component/ParagraphDialog.vue'
 import ParagraphCard from './component/ParagraphCard.vue'
@@ -201,6 +202,14 @@ const title = ref('')
 const search = ref('')
 const searchType = ref('title')
 
+const dialogVisible = ref(false)
+watch(()=>ParagraphDialogRef.value?.dialogVisible, (val: boolean) => {
+  dialogVisible.value = val
+})
+function dialogVisibleChange(val: boolean) {
+  dialogVisible.value = val
+}
+
 const handleClick = (e: MouseEvent, ele: any) => {
   e.preventDefault()
   document.querySelector(`${ele}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' })