From 89f439a0918f5e69b9c730a639ca28962e3cfcaa Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Thu, 16 Nov 2023 18:46:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20antv=20=E6=8F=90=E7=A4=BA=E5=81=8F?=
 =?UTF-8?q?=E7=A7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/canvas/components/editor/ComponentWrapper.vue | 5 ++++-
 .../src/components/canvas/customComponent/UserViewDialog.vue | 2 +-
 .../frontend/src/views/chart/components/ChartComponentG2.vue | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue b/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
index 53f166b252..a6a7ba7096 100644
--- a/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
+++ b/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
@@ -2,7 +2,7 @@
   <div
     :style="getOutStyleDefault(config.style)"
     class="component component-outer"
-    :class="{'component-active': filterActive}"
+    :class="{'component-active': filterActive, 'user-view': config.component === 'user-view'}"
     @click="handleClick"
     @mousedown="elementMouseDown"
   >
@@ -405,4 +405,7 @@ export default {
     z-index: 0;
   }
 }
+.user-view {
+  transform: translate(0);
+}
 </style>
diff --git a/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue b/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
index d57c19d86c..d98f624c09 100644
--- a/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
+++ b/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
@@ -33,7 +33,7 @@
           />
           <chart-component-g2
             v-else-if="!chart.type.includes('text') && chart.type !== 'label' && !chart.type.includes('table') && renderComponent() === 'antv'"
-            class="chart-class"
+            class="chart-class show-in-dialog"
             :chart="chart"
           />
           <chart-component-s2
diff --git a/core/frontend/src/views/chart/components/ChartComponentG2.vue b/core/frontend/src/views/chart/components/ChartComponentG2.vue
index 91d200ec47..76a1802a76 100644
--- a/core/frontend/src/views/chart/components/ChartComponentG2.vue
+++ b/core/frontend/src/views/chart/components/ChartComponentG2.vue
@@ -482,7 +482,7 @@ export default {
   }
 }
 
-.fullscreen {
+.fullscreen, .show-in-dialog {
   .g2-container {
     ::v-deep .g2-tooltip {
       position: absolute !important;