From 8bc97eb47a759517039978a3e4bbb6f2fa687537 Mon Sep 17 00:00:00 2001
From: Jz0ojiang <hi@im0o.top>
Date: Tue, 11 Aug 2026 16:57:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=A1=E7=89=87=20foot=20=E7=9A=84=E7=A9=BA?=
 =?UTF-8?q?=E7=99=BD=E5=A4=84=E7=82=B9=E5=87=BB=E9=80=8F=E4=BC=A0=E4=B8=BA?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

foot 属于卡片，点了没反应像是卡片坏了。延迟按钮 stop 掉冒泡，测延迟
不会连带换线；禁用的卡片照样不可点，光标跟着语义走。
---
 web/components/OutboundCard.vue | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/web/components/OutboundCard.vue b/web/components/OutboundCard.vue
index a172b08..7ddb0eb 100644
--- a/web/components/OutboundCard.vue
+++ b/web/components/OutboundCard.vue
@@ -8,7 +8,7 @@
 import IconFlash from '~icons/ri/flashlight-line'
 import IconLoad from '~icons/ri/loader-4-line'
 
-defineProps<{
+const props = defineProps<{
   name: string
   /** 第二行。策略组显示「类型(当前选中)」，线路显示协议 */
   sub: string
@@ -36,6 +36,14 @@ defineProps<{
 
 const emit = defineEmits<{ pick: []; test: [] }>()
 
+/**
+ * foot 的空白处也算选择。它属于卡片，点了没反应会让人以为卡片坏了；
+ * 延迟按钮自己 stop 掉冒泡，测延迟不会连带换线。
+ */
+function pickFromFoot() {
+  if (!props.disabledReason) emit('pick')
+}
+
 function delayClass(ms: number | null): string {
   if (ms === null) return ''
   if (ms < 200) return 'd-ok'
@@ -69,14 +77,14 @@ function delayClass(ms: number | null): string {
     </button>
 
     <!-- 没内容就不渲染：空的 foot 会盖在卡片下缘，挡住主按钮的点击 -->
-    <div v-if="testable || pending" class="foot">
+    <div v-if="testable || pending" class="foot" @click="pickFromFoot">
       <button
         v-if="testable"
         type="button"
         :class="['delay', delayClass(delay)]"
         :disabled="testing"
         :title="delay === null ? '测试延迟' : '重新测试'"
-        @click="emit('test')"
+        @click.stop="emit('test')"
       >
         <IconLoad v-if="testing" class="spin" />
         <template v-else-if="delay !== null">{{ delay }} ms</template>
@@ -200,6 +208,11 @@ function delayClass(ms: number | null): string {
   padding: 0 var(--s-3) var(--s-2);
 }
 
+/* 空白处的点击是选择，光标也照选择的样子给 */
+.card:not(.is-off) .foot {
+  cursor: pointer;
+}
+
 .delay {
   display: flex;
   align-items: center;