添加vue eslint规则，修复问题

2021-12-03 23:45:03 +08:00
parent ccd951b5d3
commit 1ab5db8507
35 changed files with 198 additions and 175 deletions
@@ -0,0 +1,62 @@
+<template lang="pug">
+dt#play {{$t('setting__play')}}
+dd
+  .gap-top
+    base-checkbox(id="setting_player_save_play_time" v-model="currentStting.player.isSavePlayTime" :label="$t('setting__play_save_play_time')")
+  .gap-top
+    base-checkbox(id="setting_player_lyric_transition" v-model="currentStting.player.isShowLyricTranslation" :label="$t('setting__play_lyric_transition')")
+  .gap-top
+    base-checkbox(id="setting_player_lyric_play_lxlrc" v-model="currentStting.player.isPlayLxlrc" :label="$t('setting__play_lyric_lxlrc')")
+  .gap-top
+    base-checkbox(id="setting_player_highQuality" v-model="currentStting.player.highQuality" :label="$t('setting__play_quality')")
+  .gap-top
+    base-checkbox(id="setting_player_showTaskProgess" v-model="currentStting.player.isShowTaskProgess" :label="$t('setting__play_task_bar')")
+  .gap-top
+    base-checkbox(id="setting_player_isMediaDeviceRemovedStopPlay" v-model="currentStting.player.isMediaDeviceRemovedStopPlay" :label="$t('setting__play_mediaDevice_remove_stop_play')")
+dd(:tips="$t('setting__play_mediaDevice_title')")
+  h3#play_mediaDevice {{$t('setting__play_mediaDevice')}}
+  div
+    base-selection.gap-left(:list="mediaDevices" v-model="currentStting.player.mediaDeviceId" item-key="deviceId" item-name="label")
+</template>
+
+<script>
+import { ref, onBeforeUnmount, watch, nextTick } from '@renderer/utils/vueTools'
+import { setTaskBarProgress } from '@renderer/utils/tools'
+
+import { currentStting } from '../setting'
+
+export default {
+  name: 'SettingPlay',
+  setup() {
+    const mediaDevices = ref([])
+    const getMediaDevice = async() => {
+      const devices = await navigator.mediaDevices.enumerateDevices()
+      let audioDevices = devices.filter(device => device.kind === 'audiooutput')
+      mediaDevices.value = audioDevices
+      // console.log(this.mediaDevices)
+    }
+    getMediaDevice()
+
+    navigator.mediaDevices.addEventListener('devicechange', getMediaDevice)
+    onBeforeUnmount(() => {
+      navigator.mediaDevices.removeEventListener('devicechange', getMediaDevice)
+    })
+
+    watch(() => currentStting.value.player.isShowTaskProgess, val => {
+      if (val) return
+      nextTick(() => {
+        setTaskBarProgress({
+          status: -1,
+          mode: 'normal',
+        })
+      })
+    })
+
+
+    return {
+      currentStting,
+      mediaDevices,
+    }
+  },
+}
+</script>