From 91dac247c9e79d2bb2a3422ba1599617264950d9 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 23 Dec 2024 17:40:09 +0800
Subject: [PATCH] fix: modify related problem tooltip bug(#18853)

---
 ui/src/components/tag-ellipsis/index.vue              | 11 +----------
 .../views/dataset/component/EditParagraphDialog.vue   |  4 +++-
 ui/src/views/paragraph/component/ProblemComponent.vue |  4 +++-
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/ui/src/components/tag-ellipsis/index.vue b/ui/src/components/tag-ellipsis/index.vue
index aa08d864f..aed01a367 100644
--- a/ui/src/components/tag-ellipsis/index.vue
+++ b/ui/src/components/tag-ellipsis/index.vue
@@ -1,15 +1,11 @@
 <template>
   <el-tag class="tag-ellipsis flex-between mb-8" effect="plain" v-bind="$attrs">
-    <auto-tooltip :content="tooltipContent">
-      <slot></slot>
-    </auto-tooltip>
+    <slot></slot>
   </el-tag>
 </template>
 <script setup lang="ts">
 import { ref, computed, useSlots } from 'vue'
 defineOptions({ name: 'TagEllipsis' })
-const slots = useSlots()
-const tooltipContent = slots.default?.()?.[0].children || ''
 </script>
 <style lang="scss" scoped>
 /* tag超出省略号 */
@@ -27,10 +23,5 @@ const tooltipContent = slots.default?.()?.[0].children || ''
     white-space: nowrap;
     text-overflow: ellipsis;
   }
-  // :deep(.el-tooltip__trigger) {
-  //   overflow: hidden;
-  //   white-space: nowrap;
-  //   text-overflow: ellipsis;
-  // }
 }
 </style>
diff --git a/ui/src/views/dataset/component/EditParagraphDialog.vue b/ui/src/views/dataset/component/EditParagraphDialog.vue
index 18c4d39f4..3589b6de4 100644
--- a/ui/src/views/dataset/component/EditParagraphDialog.vue
+++ b/ui/src/views/dataset/component/EditParagraphDialog.vue
@@ -41,7 +41,9 @@
                 effect="plain"
                 closable
               >
-                {{ item.content }}
+                <auto-tooltip :content="item.content">
+                  {{ item.content }}
+                </auto-tooltip>
               </TagEllipsis>
             </template>
           </div>
diff --git a/ui/src/views/paragraph/component/ProblemComponent.vue b/ui/src/views/paragraph/component/ProblemComponent.vue
index b940385db..c7cbf91f8 100644
--- a/ui/src/views/paragraph/component/ProblemComponent.vue
+++ b/ui/src/views/paragraph/component/ProblemComponent.vue
@@ -45,7 +45,9 @@
             effect="plain"
             closable
           >
-            {{ item.content }}
+            <auto-tooltip :content="item.content">
+              {{ item.content }}
+            </auto-tooltip>
           </TagEllipsis>
         </template>
       </div>