修复设置意外被更改的问题

publish/changeLog.md

@@ -2,7 +2,7 @@
 
 - 新增对播放详情页歌词大小、是否缩放、对齐方式的设置，可以去设置-播放详情页设置查看
 - 新增播放详情页通过歌词调整播放进度，默认关闭，需要到设置-播放详情页设置开启，开启后在播放详情页拖动歌词时将会出现跳转当前行歌词播放的按钮
-- 新增全屏状态，按F11可以进入、退出全屏状态
+- 新增全屏状态，按F11可以进入、退出全屏状态，由于全屏时会隐藏控制栏按钮，所以需要使用鼠标右键双击（详情页的任意地方都可以）来关闭播放详情页
 
 ### 优化
 

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

@@ -166,7 +166,7 @@ export default {
   &.fullscreen {
     .header {
       -webkit-app-region: no-drag;
-      .close, .min {
+      > * {
         display: none;
       }
     }

src/renderer/core/useApp/useEventListener.js

@@ -8,7 +8,7 @@ import {
   toRaw,
   useCommit,
   onBeforeUnmount,
-  watchEffect,
+  watch,
   useRefGetter,
 } from '@renderer/utils/vueTools'
 
@@ -43,12 +43,13 @@ export default ({
 }) => {
   const setSetting = useCommit('setSetting')
   const windowSizeActive = useRefGetter('windowSizeActive')
+  const isShowAnimation = useRefGetter('isShowAnimation')
 
-  watchEffect(() => {
-    document.documentElement.style.fontSize = windowSizeActive.value.fontSize
+  watch(windowSizeActive, ({ fontSize }) => {
+    document.documentElement.style.fontSize = fontSize
   })
-  watchEffect(() => {
-    if (setting.value.isShowAnimation) {
+  watch(isShowAnimation, val => {
+    if (val) {
       if (document.body.classList.contains('disableAnimation')) {
         document.body.classList.remove('disableAnimation')
       }

src/renderer/store/getters.js

@@ -59,4 +59,7 @@ export default {
   pactModalVisible(state) {
     return !state.setting.isAgreePact
   },
+  isShowAnimation(state) {
+    return state.setting.isShowAnimation
+  },
 }

src/renderer/views/songList/SongList.vue

@@ -208,7 +208,8 @@ export default {
       window.removeEventListener('resize', this.handleSetTagWidth)
     },
     handleSetTagWidth() {
-      setTimeout(this.setTagListWidth)
+      this.setTagListWidth()
+      setTimeout(this.setTagListWidth, 100)
     },
     handle_key_backspace_down({ event }) {
       if (!this.isVisibleListDetail ||