Merge pull request #8944 from dataease/pr@dev-v2@perf_embedded_interactive

perf(X-Pack): 嵌入式与宿主交互

core/core-frontend/src/components/dashboard/DbToolbar.vue

@@ -179,13 +179,28 @@ const backToMain = () => {
       autofocus: false,
       showClose: false
     }).then(() => {
-      window.open(url, '_self')
+      backHandler(url)
     })
   } else {
-    window.open(url, '_self')
+    backHandler(url)
   }
 }
 
+const backHandler = (url: string) => {
+  if (window['dataease-embedded-host'] && openHandler?.value) {
+    const pm = {
+      methodName: 'interactive',
+      args: {
+        eventName: 'de-dashboard-editor-back',
+        args: 'Just a demo that descript dataease embedded interactive'
+      }
+    }
+    openHandler.value.invokeMethod(pm)
+    return
+  }
+  window.open(url, '_self')
+}
+
 const multiplexingCanvasOpen = () => {
   multiplexingRef.value.dialogInit()
 }

core/core-frontend/src/components/data-visualization/DvToolbar.vue

@@ -16,6 +16,7 @@ import DeResourceGroupOpt from '@/views/common/DeResourceGroupOpt.vue'
 import { canvasSave } from '@/utils/canvasUtils'
 import { changeSizeWithScale } from '@/utils/changeComponentsSizeWithScale'
 import MoreComGroup from '@/custom-component/component-group/MoreComGroup.vue'
+import { XpackComponent } from '@/components/plugin'
 let nameEdit = ref(false)
 let inputName = ref('')
 let nameInput = ref(null)
@@ -121,12 +122,27 @@ const backToMain = () => {
       autofocus: false,
       showClose: false
     }).then(() => {
-      window.open(url, '_self')
+      backHandler(url)
     })
   } else {
-    window.open(url, '_self')
+    backHandler(url)
   }
 }
+const backHandler = (url: string) => {
+  if (window['dataease-embedded-host'] && openHandler?.value) {
+    const pm = {
+      methodName: 'interactive',
+      args: {
+        eventName: 'de-dashboard-editor-back',
+        args: 'Just a demo that descript dataease embedded interactive'
+      }
+    }
+    openHandler.value.invokeMethod(pm)
+    return
+  }
+  window.open(url, '_self')
+}
+const openHandler = ref(null)
 
 const onDvNameChange = () => {
   snapshotStore.recordSnapshotCache()
@@ -252,6 +268,7 @@ eventBus.on('clearCanvas', clearCanvas)
       ref="resourceGroupOpt"
     />
   </div>
+  <XpackComponent ref="openHandler" jsname="L2NvbXBvbmVudC9lbWJlZGRlZC1pZnJhbWUvT3BlbkhhbmRsZXI=" />
 </template>
 
 <style lang="less" scoped>

de-xpack

@@ -1 +1 @@
-Subproject commit 2151cb380739f315e3c55586630d70249edde67c
+Subproject commit 426a7ed9f81ac63d9a95e1a58bd96d64a3c7b662