From 292471ce2f4b464ab66388c9e218fae1cff1caa8 Mon Sep 17 00:00:00 2001
From: "Vigo.zhou" <eq1024@foxmail.com>
Date: Wed, 30 Apr 2025 15:28:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96TabBar=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E7=A7=BB=E9=99=A4=E5=86=97=E4=BD=99=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E5=B9=B6=E6=95=B4=E5=90=88useTabScroll=E9=92=A9?=
 =?UTF-8?q?=E5=AD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/tab/TabBar.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/layouts/components/tab/TabBar.vue b/src/layouts/components/tab/TabBar.vue
index c4ec22b..79c61d7 100644
--- a/src/layouts/components/tab/TabBar.vue
+++ b/src/layouts/components/tab/TabBar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { NScrollbar } from 'naive-ui'
 import type { RouteLocationNormalized } from 'vue-router'
 import { useAppStore, useTabStore } from '@/store'
+import { useTabScroll } from '@/hooks/useTabScroll'
 import { useDraggable } from 'vue-draggable-plus'
 import IconClose from '~icons/icon-park-outline/close'
 import IconDelete from '~icons/icon-park-outline/delete-four'
@@ -14,12 +14,12 @@ import DropTabs from './DropTabs.vue'
 import Reload from './Reload.vue'
 import TabBarItem from './TabBarItem.vue'
 
-import { useTabScroll } from '@/hooks/useTabScroll'
-
 const tabStore = useTabStore()
 const { tabs } = storeToRefs(useTabStore())
 const appStore = useAppStore()
 
+const {scrollbar, onWheel } = useTabScroll(computed(() => tabStore.currentTabPath))
+
 const router = useRouter()
 function handleTab(route: RouteLocationNormalized) {
   router.push(route.fullPath)
@@ -106,7 +106,6 @@ function onClickoutside() {
 }
 
 const el = ref()
-const {scrollbar, onWheel } = useTabScroll(computed(() => tabStore.currentTabPath))
 
 useDraggable(el, tabs, {
   animation: 150,
@@ -140,7 +139,6 @@ useDraggable(el, tabs, {
           :on-clickoutside="onClickoutside" @select="handleSelect"
         />
       </div>
-      <!-- <span class="m-l-auto" /> -->
     </div>
     <n-el class="absolute right-0 top-0 flex items-center gap-1 bg-[var(--base-color)] h-full">
       <Reload />