From 79ab32b0d3bef1120cb8f48c296d2bf41c6ef089 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 4 Sep 2026 22:05:56 +0800
Subject: [PATCH] fix: bind subscribe status tooltip to full state

---
 src/components/cards/SubscribeCard.vue        | 72 +++++++++++--------
 .../cards/__tests__/SubscribeCard.spec.ts     |  5 +-
 2 files changed, 47 insertions(+), 30 deletions(-)

diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index 0c5af261..d9d47e31 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -726,24 +726,30 @@ function handleCardClick() {
                 <div class="subscribe-card-mobile-body">
                   <div class="subscribe-card-mobile-footer">
                     <div class="subscribe-card-mobile-meta">
-                      <div
-                        class="subscribe-card-mobile-state"
-                        :style="{ color: `rgb(var(--v-theme-${compactStateDisplay.color}))` }"
-                        :title="executionStateDisplay?.error || compactStateDisplay.label"
-                        :aria-label="compactStateDisplay.label"
+                      <VTooltip
+                        :text="executionStateDisplay?.error"
+                        :disabled="!executionStateDisplay?.error"
+                        location="top"
                       >
-                        <VIcon
-                          :icon="compactStateDisplay.icon"
-                          :data-subscribe-state-icon="compactStateDisplay.icon"
-                          size="16"
-                        />
-                        <span v-if="compactStateText" class="subscribe-card-mobile-progress-text">
-                          {{ compactStateText }}
-                        </span>
-                        <VTooltip v-if="executionStateDisplay?.error" activator="parent" location="top">
-                          {{ executionStateDisplay.error }}
-                        </VTooltip>
-                      </div>
+                        <template #activator="{ props: tooltipProps }">
+                          <div
+                            v-bind="tooltipProps"
+                            class="subscribe-card-mobile-state"
+                            :style="{ color: `rgb(var(--v-theme-${compactStateDisplay.color}))` }"
+                            :title="executionStateDisplay?.error || compactStateDisplay.label"
+                            :aria-label="compactStateDisplay.label"
+                          >
+                            <VIcon
+                              :icon="compactStateDisplay.icon"
+                              :data-subscribe-state-icon="compactStateDisplay.icon"
+                              size="16"
+                            />
+                            <span v-if="compactStateText" class="subscribe-card-mobile-progress-text">
+                              {{ compactStateText }}
+                            </span>
+                          </div>
+                        </template>
+                      </VTooltip>
 
                       <IconBtn v-if="!props.sortable" class="subscribe-card-mobile-menu" size="small" @click.stop>
                         <VIcon icon="mdi-dots-horizontal" size="18" />
@@ -862,20 +868,28 @@ function handleCardClick() {
                   </div>
                 </VCardText>
                 <!-- 右下角元数据：暂停 / 待定时替换"x 天前"为状态文案 -->
-                <VCardText
+                <VTooltip
                   v-if="rightBottomStateDisplay"
-                  class="absolute right-0 bottom-0 d-flex align-center p-2 text-gray-300 text-xs"
-                  :style="
-                    executionStateDisplay ? { color: `rgb(var(--v-theme-${executionStateDisplay.color}))` } : undefined
-                  "
-                  :title="executionStateDisplay?.error || rightBottomStateDisplay.label"
+                  :text="executionStateDisplay?.error"
+                  :disabled="!executionStateDisplay?.error"
+                  location="top"
                 >
-                  <VIcon :icon="rightBottomStateDisplay.icon" class="me-1" />
-                  {{ rightBottomStateDisplay.label }}
-                  <VTooltip v-if="executionStateDisplay?.error" activator="parent" location="top">
-                    {{ executionStateDisplay.error }}
-                  </VTooltip>
-                </VCardText>
+                  <template #activator="{ props: tooltipProps }">
+                    <VCardText
+                      v-bind="tooltipProps"
+                      class="absolute right-0 bottom-0 d-flex align-center p-2 text-gray-300 text-xs"
+                      :style="
+                        executionStateDisplay
+                          ? { color: `rgb(var(--v-theme-${executionStateDisplay.color}))` }
+                          : undefined
+                      "
+                      :title="executionStateDisplay?.error || rightBottomStateDisplay.label"
+                    >
+                      <VIcon :icon="rightBottomStateDisplay.icon" class="me-1" />
+                      {{ rightBottomStateDisplay.label }}
+                    </VCardText>
+                  </template>
+                </VTooltip>
                 <VCardText
                   v-else-if="lastUpdateText"
                   class="absolute right-0 bottom-0 d-flex align-center p-2 text-gray-300 text-xs"
diff --git a/src/components/cards/__tests__/SubscribeCard.spec.ts b/src/components/cards/__tests__/SubscribeCard.spec.ts
index e2d31e3c..b2ecc233 100644
--- a/src/components/cards/__tests__/SubscribeCard.spec.ts
+++ b/src/components/cards/__tests__/SubscribeCard.spec.ts
@@ -364,7 +364,10 @@ describe('SubscribeCard display and progress', () => {
     })
 
     expect(screen.getByText('等待站点额度')).toBeInTheDocument()
-    expect(screen.getByTitle('站点 9 冷却中')).toBeInTheDocument()
+    const status = screen.getByTitle('站点 9 冷却中')
+    expect(status).toBeInTheDocument()
+    await fireEvent.mouseEnter(status)
+    await waitFor(() => expect(screen.getByRole('tooltip')).toHaveTextContent('站点 9 冷却中'))
   })
 
   it.each([480, 1024])('shows a skipped execution as a non-error terminal state at %ipx', async width => {