From 3b85c4bd69d6db48aac8bc3a940380568303d0d8 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Fri, 7 Mar 2025 13:58:31 +0800
Subject: [PATCH] =?UTF-8?q?fix(X-Pack):=20=E5=B5=8C=E5=85=A5=E5=BC=8F-?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E6=96=B9=E5=BC=8F=E8=B7=B3=E8=BD=AC=E6=8A=A5?=
 =?UTF-8?q?=E9=94=99=E7=BC=BA=E5=A4=B1=20Token?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visualization/DePreviewPopDialog.vue       | 18 +++++++++++++++---
 .../views/data-visualization/PreviewCanvas.vue |  9 +++++++++
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue b/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
index c6389ab09f..88deee27ac 100644
--- a/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
+++ b/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
@@ -20,11 +20,13 @@
       />
     </div>
   </el-dialog>
+  <XpackComponent ref="xpackIframe" jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvSWZyYW1lU2VsZg==" />
 </template>
 
 <script setup lang="ts">
-import { computed, reactive } from 'vue'
-
+import { computed, reactive, ref } from 'vue'
+import { useEmbedded } from '@/store/modules/embedded'
+import { XpackComponent } from '@/components/plugin'
 const state = reactive({
   dialogShow: false,
   name: '',
@@ -33,7 +35,8 @@ const state = reactive({
   width: '70vw',
   height: '70%'
 })
-
+const xpackIframe = ref()
+const embeddedStore = useEmbedded()
 const dialogStyle = computed(() => {
   if (state.fullscreen) {
     return {}
@@ -60,6 +63,15 @@ const previewInit = params => {
     state.height = '65%'
   }
   state.dialogShow = true
+  if (embeddedStore.getToken && state.url.includes('#/preview?dvId=')) {
+    if (xpackIframe?.value) {
+      const pm = {
+        methodName: 'iframeInit',
+        args: null
+      }
+      xpackIframe.value.invokeMethod(pm)
+    }
+  }
 }
 
 defineExpose({
diff --git a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
index e85f462d37..408507d5b8 100644
--- a/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
+++ b/core/core-frontend/src/views/data-visualization/PreviewCanvas.vue
@@ -165,7 +165,9 @@ watch(
 )
 
 let p = null
+let p1 = null
 const XpackLoaded = () => p(true)
+const initIframe = () => p1(true)
 onMounted(async () => {
   useEmitt({
     name: 'canvasDownload',
@@ -174,6 +176,7 @@ onMounted(async () => {
     }
   })
   await new Promise(r => (p = r))
+  await new Promise(r => (p1 = r))
   const dvId = embeddedStore.dvId || router.currentRoute.value.query.dvId
   // 检查外部参数
   const ignoreParams = router.currentRoute.value.query.ignoreParams === 'true'
@@ -232,6 +235,12 @@ defineExpose({
     @loaded="XpackLoaded"
     @load-fail="XpackLoaded"
   />
+
+  <XpackComponent
+    jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvRW50cmFuY2Vz"
+    @init-iframe="initIframe"
+    @load-fail="initIframe"
+  />
 </template>
 
 <style lang="less" scoped>