From 98b4abfa1935903ae18818064ca20d53f6686882 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Fri, 8 Dec 2023 16:34:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BA=E6=92=AD=E6=94=BE=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=E6=AD=8C=E8=AF=8D=E9=80=89=E6=8B=A9=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=85=A8=E9=80=89=E5=BF=AB=E6=8D=B7=E9=94=AE?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layout/PlayDetail/LyricPlayer.vue         |  6 ++++-
 .../layout/PlayDetail/useSelectAllLrc.js      | 23 +++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 src/renderer/components/layout/PlayDetail/useSelectAllLrc.js

diff --git a/src/renderer/components/layout/PlayDetail/LyricPlayer.vue b/src/renderer/components/layout/PlayDetail/LyricPlayer.vue
index 5d1403f5..4a5dfc71 100644
--- a/src/renderer/components/layout/PlayDetail/LyricPlayer.vue
+++ b/src/renderer/components/layout/PlayDetail/LyricPlayer.vue
@@ -25,7 +25,7 @@
       </div>
     </transition>
     <transition enter-active-class="animated fadeIn" leave-active-class="animated fadeOut">
-      <div v-if="isShowLrcSelectContent" :class="[$style.lyricSelectContent, 'select', 'scroll', 'lyricSelectContent']" @contextmenu="handleCopySelectText">
+      <div v-if="isShowLrcSelectContent" ref="dom_lrc_select_content" tabindex="-1" :class="[$style.lyricSelectContent, 'select', 'scroll', 'lyricSelectContent']" @contextmenu="handleCopySelectText">
         <div v-for="(info, index) in lyric.lines" :key="index" :class="[$style.lyricSelectline, { [$style.lrcActive]: lyric.line == index }]">
           <span>{{ info.text }}</span>
           <template v-for="(lrc, i) in info.extendedLyrics" :key="i">
@@ -59,6 +59,7 @@ import useLyric from '@renderer/utils/compositions/useLyric'
 import LyricMenu from './components/LyricMenu.vue'
 import { appSetting } from '@renderer/store/setting'
 import { setLyricOffset } from '@renderer/core/lyric'
+import useSelectAllLrc from './useSelectAllLrc'
 
 export default {
   components: {
@@ -83,6 +84,8 @@ export default {
       handleScrollLrc,
     } = useLyric({ isPlay, lyric, playProgress, isShowLyricProgressSetting })
 
+    const dom_lrc_select_content = useSelectAllLrc()
+
     watch([isFullscreen, isShowPlayComment], () => {
       setTimeout(handleScrollLrc, 400)
     })
@@ -154,6 +157,7 @@ export default {
       dom_lyric,
       dom_lyric_text,
       dom_skip_line,
+      dom_lrc_select_content,
       isMsDown,
       timeStr,
       handleLyricMouseDown,
diff --git a/src/renderer/components/layout/PlayDetail/useSelectAllLrc.js b/src/renderer/components/layout/PlayDetail/useSelectAllLrc.js
new file mode 100644
index 00000000..6d757c13
--- /dev/null
+++ b/src/renderer/components/layout/PlayDetail/useSelectAllLrc.js
@@ -0,0 +1,23 @@
+import { ref, onBeforeUnmount } from '@common/utils/vueTools'
+
+export default () => {
+  const dom_lrc_select_content = ref()
+  const handle_key_mod_a_down = ({ event }) => {
+    if (event.target.tagName == 'INPUT' || !dom_lrc_select_content.value || document.activeElement != dom_lrc_select_content.value) return
+    event.preventDefault()
+    if (event.repeat) return
+
+    let selection = window.getSelection()
+    let range = document.createRange()
+    range.selectNodeContents(dom_lrc_select_content.value)
+    selection.removeAllRanges()
+    selection.addRange(range)
+  }
+
+  onBeforeUnmount(() => {
+    window.key_event.off('key_mod+a_down', handle_key_mod_a_down)
+  })
+  window.key_event.on('key_mod+a_down', handle_key_mod_a_down)
+
+  return dom_lrc_select_content
+}