From ce708284904e48c974b5ae94c5a021392a4462c6 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 2 Apr 2024 13:43:57 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=8C=BA=E5=9F=9F=E9=94=99=E4=BD=8D=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/data-visualization/index.vue      | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index e4c5fd2d1d..478c4d4317 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -296,7 +296,7 @@ const canvasPropertiesShow = computed(
   () => !curComponent.value || ['GroupArea'].includes(curComponent.value.component)
 )
 const viewsPropertiesShow = computed(
-  () => curComponent.value && ['UserView'].includes(curComponent.value.component)
+  () => !!(curComponent.value && ['UserView'].includes(curComponent.value.component))
 )
 eventBus.on('handleNew', handleNew)
 </script>
@@ -372,13 +372,14 @@ eventBus.on('handleNew', handleNew)
         >
           <canvas-attr></canvas-attr>
         </dv-sidebar>
-        <editor
-          v-show="viewsPropertiesShow"
-          :view="canvasViewInfo[curComponent ? curComponent.id : 'default']"
-          themes="dark"
-          :dataset-tree="state.datasetTree"
-          :class="{ 'preview-aside': editMode === 'preview' }"
-        ></editor>
+        <div v-show="viewsPropertiesShow" style="height: 100%">
+          <editor
+            :view="canvasViewInfo[curComponent ? curComponent.id : 'default']"
+            themes="dark"
+            :dataset-tree="state.datasetTree"
+            :class="{ 'preview-aside': editMode === 'preview' }"
+          ></editor>
+        </div>
       </div>
     </el-container>
   </div>