新增全屏状态

src/renderer/components/core/Toolbar/ControlBtns.vue

@@ -1,5 +1,5 @@
 <template>
-<div :class="$style.control">
+<div :class="$style.control" v-show="!isFullscreen">
   <button type="button" :class="[$style.btn, $style.min]" :tips="$t('min')" @click="min">
     <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" height="60%" viewBox="0 0 24 24" space="preserve">
       <use xlink:href="#icon-window-minimize-2"></use>
@@ -15,6 +15,7 @@
 
 <script>
 import { base as eventBaseName } from '@renderer/event/names'
+import { isFullscreen } from '@renderer/core/share'
 // import { getRandom } from '../../utils'
 
 export default {
@@ -29,6 +30,7 @@ export default {
       close() {
         window.eventHub.emit(eventBaseName.close)
       },
+      isFullscreen,
     }
   },
 }

src/renderer/components/core/Toolbar/index.vue

@@ -1,5 +1,5 @@
 <template>
-<div :class="[$style.toolbar, setting.controlBtnPosition == 'left' ? $style.controlBtnLeft : $style.controlBtnRight]">
+<div :class="[$style.toolbar, { [$style.fullscreen]: isFullscreen }, setting.controlBtnPosition == 'left' ? $style.controlBtnLeft : $style.controlBtnRight]">
   <SearchInput />
   <div :class="$style.logo" v-if="setting.controlBtnPosition == 'left'">L X</div>
   <ControlBtns v-else />
@@ -11,10 +11,16 @@ import { mapGetters } from 'vuex'
 
 import ControlBtns from './ControlBtns'
 import SearchInput from './SearchInput'
+import { isFullscreen } from '@renderer/core/share'
 
 export default {
   name: 'CoreToolBar',
   components: { SearchInput, ControlBtns },
+  setup() {
+    return {
+      isFullscreen,
+    }
+  },
   computed: {
     ...mapGetters(['setting']),
   },
@@ -34,6 +40,13 @@ export default {
   -webkit-app-region: drag;
   z-index: 2;
 
+  &.fullscreen {
+    -webkit-app-region: no-drag;
+    .logo {
+      display: none;
+    }
+  }
+
   &.controlBtnLeft {
     .control {
       display: none;