From da6643831e1bd1a0c55be81aa57554a7a705c085 Mon Sep 17 00:00:00 2001
From: houdunren <2300071698@qq.com>
Date: Mon, 26 Jun 2023 03:56:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=85=A8=E5=B1=8F=E4=BD=BF=E7=94=A8DOM?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/components/FullScreen.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/components/FullScreen.vue b/src/renderer/src/components/FullScreen.vue
index 6548801..e98a3d1 100644
--- a/src/renderer/src/components/FullScreen.vue
+++ b/src/renderer/src/components/FullScreen.vue
@@ -1,7 +1,18 @@
 <script setup lang="ts">
 import { FullScreen } from '@icon-park/vue-next'
-import useCamera from '@renderer/composables/useCamera'
-const { toggleFullscreen } = useCamera()
+// import useCamera from '@renderer/composables/useCamera'
+import { ref } from 'vue'
+// const { toggleFullscreen } = useCamera()
+
+const isFullScreen = ref<boolean>(false)
+const toggleFullScreen = () => {
+  isFullScreen.value ? document.exitFullscreen() : document.documentElement.requestFullscreen()
+  isFullScreen.value = !isFullScreen.value
+}
+
+document.addEventListener('fullscreenchange', (e) => {
+  isFullScreen.value = Boolean(document.fullscreenElement)
+})
 </script>
 
 <template>
@@ -11,7 +22,7 @@ const { toggleFullscreen } = useCamera()
     fill="#ffffff"
     class="icon"
     :strokeWidth="5"
-    @click="toggleFullscreen"
+    @click="toggleFullScreen"
   />
 </template>