feat: 新增可拖拽modal框

src/layouts/components/RightContent.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
 import { useRouter } from 'vue-router';
-import { toggle, isFullscreen } from '@/utils/fullscreen-utils';
+import { useFullscreen } from '@vueuse/core';
 import useI18n from '@/hooks/useI18n';
 import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import useAlarmStore from '@/store/modules/alarm';
+const { isFullscreen, toggle } = useFullscreen();
 const { t, changeLocale, optionsLocale } = useI18n();
 const userStore = useUserStore();
 const appStore = useAppStore();
@@ -64,7 +65,7 @@ function fnChangeLocale(e: any) {
       <template #title>{{ t('loayouts.rightContent.fullscreen') }}</template>
       <a-button type="text" @click="toggle">
         <template #icon>
-          <FullscreenExitOutlined v-if="isFullscreen()" />
+          <FullscreenExitOutlined v-if="isFullscreen" />
           <FullscreenOutlined v-else />
         </template>
       </a-button>