From 2e9631c159abca5caf5bb2634f741592ba18b66f Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 3 Mar 2025 18:28:47 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=E9=92=89?=
 =?UTF-8?q?=E9=92=89=E5=85=A8=E5=B1=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visualization/common/DeFullscreen.vue     | 44 +++++++++----------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/common/DeFullscreen.vue b/core/core-frontend/src/components/visualization/common/DeFullscreen.vue
index f197259c4b..3860b309c1 100644
--- a/core/core-frontend/src/components/visualization/common/DeFullscreen.vue
+++ b/core/core-frontend/src/components/visualization/common/DeFullscreen.vue
@@ -1,11 +1,10 @@
 <script lang="ts" setup>
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-
-const dvMainStore = dvMainStoreWithOut()
-import screenfull from 'screenfull'
 import { onBeforeUnmount, onMounted, toRefs } from 'vue'
 import { useEmitt } from '@/hooks/web/useEmitt'
 
+const dvMainStore = dvMainStoreWithOut()
+
 const props = defineProps({
   themes: {
     type: String,
@@ -24,38 +23,35 @@ const props = defineProps({
 const { themes } = toRefs(props)
 
 const fullscreenChange = () => {
-  if (screenfull.isEnabled) {
-    dvMainStore.setFullscreenFlag(screenfull.isFullscreen)
-    // 编辑界面使用
-    if (props.showPosition === 'edit') {
-      if (screenfull.isFullscreen) {
-        dvMainStore.setEditMode('preview')
-      } else {
-        dvMainStore.setEditMode('edit')
-      }
-    }
-    // 大屏编辑使用
-    if (props.showPosition === 'dvEdit') {
-      useEmitt().emitter.emit('canvasScrollRestore')
-    }
+  const isFullscreen = !!document.fullscreenElement
+  dvMainStore.setFullscreenFlag(isFullscreen)
+
+  // 编辑界面使用
+  if (props.showPosition === 'edit') {
+    dvMainStore.setEditMode(isFullscreen ? 'preview' : 'edit')
+  }
+
+  // 大屏编辑使用
+  if (props.showPosition === 'dvEdit') {
+    useEmitt().emitter.emit('canvasScrollRestore')
   }
 }
 
 const toggleFullscreen = () => {
-  if (screenfull.isEnabled) {
-    const bodyNode = document.querySelector('body')
-    screenfull.toggle(bodyNode)
+  const bodyNode = document.querySelector('body')
+  if (!document.fullscreenElement) {
+    bodyNode?.requestFullscreen()
+  } else {
+    document.exitFullscreen()
   }
 }
 
 onMounted(() => {
-  if (screenfull.isEnabled) {
-    screenfull.on('change', fullscreenChange)
-  }
+  document.addEventListener('fullscreenchange', fullscreenChange)
 })
 
 onBeforeUnmount(() => {
-  screenfull.off('change', fullscreenChange)
+  document.removeEventListener('fullscreenchange', fullscreenChange)
 })
 
 defineExpose({