🐞 fix: 修复进度条 tooltip

Author: imsyy

src/components/Player/PlayerSlider.vue

@@ -7,10 +7,7 @@
     :keyboard="false"
     :format-tooltip="formatTooltip"
     :tooltip="showTooltip"
-    :show-tooltip="showSliderTooltip"
     :class="['player-slider', { drag: isDragging }]"
-    @mouseenter="showSliderTooltip = true"
-    @mouseleave="showSliderTooltip = false"
     @dragstart="startDrag"
     @dragend="endDrag"
   />
@@ -35,7 +32,7 @@ const dragValue = ref(0);
 // 是否拖动
 const isDragging = ref(false);
 // 是否显示提示
-const showSliderTooltip = ref(false);
+// const showSliderTooltip = ref(false);
 
 // 实时进度
 const sliderProgress = computed({
@@ -101,8 +98,8 @@ const setSeek = (value: number) => {
 
 // 格式化提示
 const formatTooltip = (value: number) => {
-  const nearestLyric = getCurrentLyric(value);
-  return nearestLyric
+  const nearestLyric = settingStore.progressLyricShow ? getCurrentLyric(value) : null;
+  return nearestLyric?.text?.length
     ? `${msToTime(value)} / ${nearestLyric.text.length > 30 ? nearestLyric.text.slice(0, 30) + "..." : nearestLyric.text}`
     : msToTime(value);
 };

src/components/Setting/PlaySetting.vue

@@ -29,6 +29,12 @@
           <n-text class="tip" :depth="3">程序启动时恢复上次播放位置</n-text>
         </div>
         <n-switch v-model:value="settingStore.memoryLastSeek" class="set" :round="false" />
+      </n-card>
+       <n-card class="set-item">
+        <div class="label">
+          <n-text class="name">进度条悬浮时显示歌词</n-text>
+        </div>
+        <n-switch v-model:value="settingStore.progressLyricShow" class="set" :round="false" />
       </n-card>
       <n-card class="set-item">
         <div class="label">

src/stores/setting.ts

@@ -258,6 +258,8 @@ export interface SettingState {
   };
   /** 播放器跟随封面主色 */
   playerFollowCoverColor: boolean;
+  /** 进度条悬浮时显示歌词 */
+  progressLyricShow: boolean;
 }
 
 export const useSettingStore = defineStore("setting", {
@@ -388,6 +390,7 @@ export const useSettingStore = defineStore("setting", {
       orpheus: false,
     },
     playerFollowCoverColor: true,
+    progressLyricShow: true,
   }),
   getters: {
     /**