From e161c1449ac3d097cd6eab9441b25de25d3aa27e Mon Sep 17 00:00:00 2001
From: bowen <54492610+jiaowoxiaobala@users.noreply.github.com>
Date: Wed, 11 Oct 2023 10:47:24 +0800
Subject: [PATCH] fix(full-screen): dom fullscreen status text (#3130)

* chore: Fix ts type error

* chore: fix type:check error

* fix(full-screen): dom fullscreen status text
---
 src/views/demo/feat/full-screen/index.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/views/demo/feat/full-screen/index.vue b/src/views/demo/feat/full-screen/index.vue
index 4fe47a1b..05c0ecfc 100644
--- a/src/views/demo/feat/full-screen/index.vue
+++ b/src/views/demo/feat/full-screen/index.vue
@@ -19,7 +19,9 @@
       ref="domRef"
       class="flex items-center justify-center w-1/2 h-64 mx-auto mt-10 bg-white rounded-md"
     >
-      <a-button type="primary" @click="toggleDom" class="mr-2"> Exit Dom Full Screen </a-button>
+      <a-button type="primary" @click="toggleDom" class="mr-2">
+        {{ isDomFullscreen ? 'Exit Dom Full Screen' : 'Enter Dom Full Screen' }}
+      </a-button>
     </div>
   </PageWrapper>
 </template>
@@ -37,12 +39,13 @@
       const domRef = ref<Nullable<HTMLElement>>(null);
       const { enter, toggle, exit, isFullscreen } = useFullscreen();
 
-      const { toggle: toggleDom } = useFullscreen(domRef);
+      const { toggle: toggleDom, isFullscreen: isDomFullscreen } = useFullscreen(domRef);
       return {
         enter,
         toggleDom,
         toggle,
         isFullscreen,
+        isDomFullscreen,
         exit,
         domRef,
       };