From 50e49d60ec24687ffc3dad8e6ad4a429dc201612 Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Fri, 12 Jun 2026 01:17:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20/=E8=8F=9C=E5=8D=95=E6=89=8B=E5=8A=A8?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E5=90=8E=E9=AB=98=E4=BA=AE=E6=9D=A1=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E4=B8=BA=E9=BC=A0=E6=A0=87hover=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/src/components/input/InputComposer.vue | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/static/src/components/input/InputComposer.vue b/static/src/components/input/InputComposer.vue
index 33aef8a..cfe6eb7 100644
--- a/static/src/components/input/InputComposer.vue
+++ b/static/src/components/input/InputComposer.vue
@@ -50,6 +50,7 @@
           <div
             ref="skillSlashList"
             class="skill-slash-menu"
+            @scroll="onSlashScroll"
           >
             <button
               v-for="(item, index) in activeSlashMenuItems"
@@ -57,7 +58,7 @@
               type="button"
               class="skill-slash-item"
               :class="{
-                'skill-slash-item--active': index === skillSlashActiveIndex,
+                'skill-slash-item--active': index === skillSlashActiveIndex && !slashManualScrolled,
                 'skill-slash-item--disabled': item.disabled
               }"
               role="option"
@@ -566,9 +567,12 @@ const slashMenuMode = ref<SlashMenuMode>('root');
 const slashMenuParentIndex = ref(0);
 const slashMenuTransitioning = ref(false);
 const slashHighlightTop = ref(4);
+/** 手动滚动后切到鼠标 hover 模式，隐藏 JS 高亮条 */
+const slashManualScrolled = ref(false);
 let slashAnimId: number | null = null;
 
 const slashHighlightStyle = computed(() => {
+  if (slashManualScrolled.value) return { display: 'none' };
   const isFirst = skillSlashActiveIndex.value === 0 && skillSlashList.value?.scrollTop === 0;
   return {
     top: `${slashHighlightTop.value}px`,
@@ -580,7 +584,8 @@ const slashHighlightStyle = computed(() => {
 });
 
 const animateSlash = (element: HTMLElement, targetScroll: number) => {
-  if (slashAnimId !== null) {
+  const interrupted = slashAnimId !== null;
+  if (interrupted) {
     cancelAnimationFrame(slashAnimId);
   }
   const startScroll = element.scrollTop;
@@ -588,7 +593,7 @@ const animateSlash = (element: HTMLElement, targetScroll: number) => {
   const distScroll = targetScroll - startScroll;
   const targetHighlight = 4 + skillSlashActiveIndex.value * 31 - targetScroll;
   const distHighlight = targetHighlight - startHighlight;
-  const duration = 180;
+  const duration = interrupted ? 60 : 180;
   const startTime = performance.now();
 
   const step = (now: number) => {
@@ -605,6 +610,13 @@ const animateSlash = (element: HTMLElement, targetScroll: number) => {
   };
   slashAnimId = requestAnimationFrame(step);
 };
+
+/** 手动滚动时切到鼠标 hover 模式，不再跟踪键盘选中 */
+const onSlashScroll = () => {
+  if (slashAnimId !== null) return;
+  slashManualScrolled.value = true;
+};
+
 let composerResizeObserver: ResizeObserver | null = null;
 let syncingEditorFromProps = false;
 
@@ -733,6 +745,7 @@ const closeSlashMenu = () => {
   slashMenuMode.value = 'root';
   slashMenuParentIndex.value = 0;
   slashHighlightTop.value = 4;
+  slashManualScrolled.value = false;
 };
 
 const deleteSlashToken = () => {
@@ -1218,6 +1231,7 @@ const handleSlashMenuKeydown = (event: KeyboardEvent): boolean => {
   if (skillSlashOpen.value) {
     if (event.key === 'ArrowDown') {
       event.preventDefault();
+      slashManualScrolled.value = false;
       const count = activeSlashMenuItems.value.length;
       if (count > 0) {
         skillSlashActiveIndex.value = (skillSlashActiveIndex.value + 1) % count;
@@ -1227,6 +1241,7 @@ const handleSlashMenuKeydown = (event: KeyboardEvent): boolean => {
     }
     if (event.key === 'ArrowUp') {
       event.preventDefault();
+      slashManualScrolled.value = false;
       const count = activeSlashMenuItems.value.length;
       if (count > 0) {
         skillSlashActiveIndex.value = (skillSlashActiveIndex.value - 1 + count) % count;