From 05fb1b46abd11d3d18efb8314e5f9554603e2ce3 Mon Sep 17 00:00:00 2001
From: Mars <3361409208a@gmail.com>
Date: Tue, 30 Jun 2026 18:01:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(player-desktop):=20=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E5=8D=95=E6=B3=A8/=E4=B8=B2=E5=85=B3/=E5=8E=86=E5=8F=B2?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=E5=8D=A1=E6=97=B6=E5=85=B3=E9=97=AD=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E5=88=97=E8=A1=A8=E5=88=87=E6=8D=A2=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=EF=BC=8C=E4=BD=BF=E5=85=B6=E5=8A=A0=E8=BD=BD=E7=9E=AC=E6=97=B6?=
 =?UTF-8?q?=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/desktop/BetSlipPanel.vue   | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/apps/player/src/components/desktop/BetSlipPanel.vue b/apps/player/src/components/desktop/BetSlipPanel.vue
index d3d8436..408539f 100644
--- a/apps/player/src/components/desktop/BetSlipPanel.vue
+++ b/apps/player/src/components/desktop/BetSlipPanel.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
+import { computed, onMounted, onUnmounted, ref, watch, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter, RouterLink } from 'vue-router';
 import { PARLAY_MIN_LEGS, PARLAY_MAX_LEGS } from '@thebet365/shared';
@@ -26,6 +26,7 @@ const { refreshProfile } = usePlayerProfile();
 const { requestLocate } = useDesktopBetLocate();
 
 const activeTab = ref<PanelTab>('single');
+const transitionName = ref('list-slide');
 const historyScope = ref<'all' | 'match'>('all');
 const historyItems = ref<BetHistoryItem[]>([]);
 const historyTotal = ref(0);
@@ -190,22 +191,32 @@ function genId() {
 }
 
 function selectTab(tab: PanelTab) {
+  transitionName.value = '';
   activeTab.value = tab;
   error.value = '';
   if (tab === 'history') {
     if (!auth.token) {
       auth.showLoginPrompt(route.fullPath);
       activeTab.value = slip.mode;
+      nextTick(() => {
+        transitionName.value = 'list-slide';
+      });
       return;
     }
     if (showMatchHistoryFilter.value) {
       historyScope.value = 'match';
     }
     void loadHistory(true);
+    nextTick(() => {
+      transitionName.value = 'list-slide';
+    });
     return;
   }
   slip.setMode(tab);
   syncStakeInputFromSlip();
+  nextTick(() => {
+    transitionName.value = 'list-slide';
+  });
 }
 
 function selectHistoryScope(scope: 'all' | 'match') {
@@ -805,7 +816,13 @@ watch(
 watch(
   () => slip.mode,
   (mode) => {
-    if (activeTab.value !== 'history') activeTab.value = mode;
+    if (activeTab.value !== 'history') {
+      transitionName.value = '';
+      activeTab.value = mode;
+      nextTick(() => {
+        transitionName.value = 'list-slide';
+      });
+    }
   },
 );
 
@@ -979,7 +996,7 @@ onUnmounted(() => {
         <p>{{ activeTab === 'parlay' ? t('bet.slip_parlay_empty_hint') : t('bet.slip_empty_hint') }}</p>
       </div>
 
-      <TransitionGroup v-else name="list-slide" tag="div" class="items-list">
+      <TransitionGroup v-else :name="transitionName" tag="div" class="items-list">
         <p v-if="activeTab === 'parlay' && parlayWarning" class="panel-warning" key="warning">{{ parlayWarning }}</p>
         <div
           v-for="item in activeItems"