From 88225ec104f9ce320345035bafc0e23221627e95 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 19 Dec 2023 10:22:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=82=B9=E5=87=BB=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E6=A1=86=E5=A4=96=E7=9A=84=E5=8C=BA=E5=9F=9F=E6=97=B6=EF=BC=8C?=
 =?UTF-8?q?=E8=83=BD=E5=B0=86=E4=B8=8B=E6=8B=89=E6=A1=86=E6=94=B6=E8=B5=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/frontend/src/components/dataease/DeOutWidget.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/core/frontend/src/components/dataease/DeOutWidget.vue b/core/frontend/src/components/dataease/DeOutWidget.vue
index 068d0feee9..19d08a0103 100644
--- a/core/frontend/src/components/dataease/DeOutWidget.vue
+++ b/core/frontend/src/components/dataease/DeOutWidget.vue
@@ -45,6 +45,7 @@
           </div> -->
           <div class="first-element">
             <div
+              v-clickoutside="lostFocus"
               :class="element.component === 'de-select-grid' ? 'first-element-grid-container': ''"
               :style="deSelectGridBg"
               class="first-element-container"
@@ -77,10 +78,14 @@
 
 <script>
 import inputStyleMixin from '@/components/widget/deWidget/inputStyleMixin'
+import clickoutside from 'element-ui/src/utils/clickoutside.js'
 import { mapState } from 'vuex'
 
 export default {
   name: 'DeOutWidget',
+  directives: {
+    clickoutside
+  },
   mixins: [inputStyleMixin],
   props: {
     canvasId: {
@@ -196,6 +201,9 @@ export default {
     this.$set(this.element.style, 'innerBgColor', innerBgColor || '')
   },
   methods: {
+    lostFocus() {
+      this.$refs['deOutWidget'].onScroll?.()
+    },
     filterLoaded(p) {
       this.$emit('filter-loaded', p)
     },