fix: fix some problem

src/layout/components/panel/index.vue

@@ -19,6 +19,7 @@
 <script lang='ts'>
 import { addClass, removeClass } from "../../../utils/operate";
 import { ref, watch, getCurrentInstance, onMounted, onBeforeMount } from "vue";
+import { useEventListener } from "@vueuse/core";
 export default {
   name: "panel",
   setup() {
@@ -40,7 +41,7 @@ export default {
     );
 
     const addEventClick = (): void => {
-      window.addEventListener("click", closeSidebar);
+      useEventListener("click", closeSidebar);
     };
 
     const closeSidebar = (evt: any): void => {

src/layout/components/screenfull/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="screen-full" @click="onClick">
+  <div class="screen-full" @click="toggle">
     <i
-      :title="isFullscreen ? '退出全屏' : '全屏'"
+      :title="isFullscreen ? $t('exitfullscreen') : $t('fullscreen')"
       :class="
         isFullscreen
           ? 'iconfont team-iconexit-fullscreen'
@@ -12,51 +12,18 @@
 </template>
 
 <script>
-import screenfull from "screenfull";
+import { useFullscreen } from '@vueuse/core'
 import {
-  ref,
-  onBeforeMount,
-  onUnmounted,
   defineComponent,
-  onMounted,
 } from "vue";
 export default defineComponent({
   name: "screenfull",
   setup() {
-    let isFullscreen = ref(false);
-
-    const onClick = () => {
-      if (!screenfull.isEnabled) return;
-      screenfull.toggle();
-    };
-
-    const change = () => {
-      isFullscreen.value = screenfull.isFullscreen;
-    };
-
-    const init = () => {
-      if (screenfull.isEnabled) {
-        screenfull.on("change", change);
-      }
-    };
-
-    const destroy = () => {
-      if (screenfull.isEnabled) {
-        screenfull.off("change", change);
-      }
-    };
-
-    onMounted(() => {
-      init();
-    });
-
-    onUnmounted(() => {
-      destroy();
-    });
+    const { isFullscreen, toggle } = useFullscreen()
 
     return {
       isFullscreen,
-      onClick,
+      toggle,
     };
   },
 });