From 07408d39ad414ddb69827a2a7f9ed2b7884c9533 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 20 Feb 2024 15:49:14 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B5=8C=E5=85=A5=E5=BC=8F):=20iframe?=
 =?UTF-8?q?=E5=B5=8C=E5=85=A5=E9=AB=98=E5=BA=A6=E4=B8=A2=E5=A4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/pom.xml                    |  4 ++--
 core/core-frontend/src/utils/style.ts         |  1 -
 .../src/views/chart/ChartView.vue             | 21 +++++++++++++++++--
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/core/core-frontend/pom.xml b/core/core-frontend/pom.xml
index ae46ef19fb..f05d6565f0 100644
--- a/core/core-frontend/pom.xml
+++ b/core/core-frontend/pom.xml
@@ -49,7 +49,7 @@
             </configuration>
           </execution>
           <!--前端组件有更新需要放开-->
-          <execution>
+          <!-- <execution>
             <id>npm install</id>
             <goals>
               <goal>npm</goal>
@@ -57,7 +57,7 @@
             <configuration>
               <arguments>install</arguments>
             </configuration>
-          </execution>
+          </execution> -->
 
           <execution>
             <id>npm run build</id>
diff --git a/core/core-frontend/src/utils/style.ts b/core/core-frontend/src/utils/style.ts
index b4450554a8..2151f906da 100644
--- a/core/core-frontend/src/utils/style.ts
+++ b/core/core-frontend/src/utils/style.ts
@@ -211,7 +211,6 @@ export function getCanvasStyle(canvasStyleData) {
       style['background'] = colorRGBA
     }
   }
-  console.log('style', style)
   return style
 }
 
diff --git a/core/core-frontend/src/views/chart/ChartView.vue b/core/core-frontend/src/views/chart/ChartView.vue
index 0bbdfa97e4..61a94f3c44 100644
--- a/core/core-frontend/src/views/chart/ChartView.vue
+++ b/core/core-frontend/src/views/chart/ChartView.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { shallowRef, defineAsyncComponent } from 'vue'
+import { shallowRef, defineAsyncComponent, ref, onBeforeUnmount } from 'vue'
+import { debounce } from 'lodash-es'
 import { useEmbedded } from '@/store/modules/embedded'
 import { useAppStoreWithOut } from '@/store/modules/app'
 import { useRoute } from 'vue-router'
@@ -50,11 +51,27 @@ const init = () => {
   embeddedStore.setType(type)
   currentComponent.value = componentMap[type || 'ViewWrapper']
 }
+
+const iframeStyle = ref(null)
+const setStyle = debounce(() => {
+  iframeStyle.value = {
+    height: window.innerHeight + 'px',
+    width: window.innerWidth + 'px'
+  }
+}, 300)
 onBeforeMount(() => {
+  window.addEventListener('resize', setStyle)
+  setStyle()
   init()
 })
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', setStyle)
+})
 </script>
 
 <template>
-  <component :is="currentComponent"></component>
+  <div :style="iframeStyle">
+    <component :is="currentComponent"></component>
+  </div>
 </template>