chore: 更新依赖

package.json

@@ -25,15 +25,15 @@
   "dependencies": {
     "@headlessui/vue": "^1.7.22",
     "@imengyu/vue3-context-menu": "^1.4.2",
-    "@vueuse/components": "^10.11.1",
-    "@vueuse/core": "^10.11.0",
-    "@vueuse/integrations": "^10.11.0",
-    "axios": "^1.7.3",
-    "dayjs": "^1.11.12",
+    "@vueuse/components": "^11.0.3",
+    "@vueuse/core": "^11.0.3",
+    "@vueuse/integrations": "^11.0.3",
+    "axios": "^1.7.7",
+    "dayjs": "^1.11.13",
     "defu": "^6.1.4",
     "disable-devtool": "^0.3.7",
-    "element-plus": "^2.7.8",
-    "eruda": "^3.2.1",
+    "element-plus": "^2.8.1",
+    "eruda": "^3.2.3",
     "floating-vue": "5.2.2",
     "hotkeys-js": "^3.13.7",
     "lodash-es": "^4.17.21",
@@ -44,66 +44,67 @@
     "overlayscrollbars-vue": "^0.5.9",
     "path-browserify": "^1.0.1",
     "path-to-regexp": "^7.1.0",
-    "pinia": "^2.2.0",
+    "pinia": "^2.2.2",
     "qs": "^6.13.0",
     "scule": "^1.3.0",
     "vconsole": "^3.15.1",
-    "vue": "^3.4.35",
+    "vue": "^3.4.38",
     "vue-m-message": "^4.0.2",
-    "vue-router": "^4.4.2"
+    "vue-router": "^4.4.3"
   },
   "devDependencies": {
     "@antfu/eslint-config": "2.24.1",
-    "@iconify/json": "^2.2.233",
+    "@iconify/json": "^2.2.243",
     "@iconify/vue": "^4.1.2",
     "@stylistic/stylelint-config": "^2.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/mockjs": "^1.0.10",
     "@types/nprogress": "^0.2.3",
-    "@types/path-browserify": "^1.0.2",
+    "@types/path-browserify": "^1.0.3",
     "@types/qs": "^6.9.15",
-    "@unocss/eslint-plugin": "^0.61.9",
-    "@vitejs/plugin-legacy": "^5.4.1",
-    "@vitejs/plugin-vue": "^5.1.2",
-    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@unocss/eslint-plugin": "^0.62.3",
+    "@vitejs/plugin-legacy": "^5.4.2",
+    "@vitejs/plugin-vue": "^5.1.3",
+    "@vitejs/plugin-vue-jsx": "^4.0.1",
     "archiver": "^7.0.1",
     "autoprefixer": "^10.4.20",
-    "boxen": "^7.1.1",
-    "bumpp": "^9.4.2",
+    "boxen": "^8.0.1",
+    "bumpp": "^9.5.2",
     "cz-git": "^1.9.4",
-    "eslint": "^9.8.0",
+    "eslint": "^9.9.1",
     "esno": "^4.7.0",
     "fs-extra": "^11.2.0",
     "http-server": "^14.1.1",
-    "inquirer": "^10.1.6",
-    "lint-staged": "^15.2.8",
+    "inquirer": "^10.1.8",
+    "lint-staged": "^15.2.9",
     "npm-run-all2": "^6.2.2",
     "picocolors": "^1.0.1",
     "plop": "^4.0.1",
-    "postcss": "^8.4.40",
+    "postcss": "^8.4.42",
     "postcss-nested": "^6.2.0",
     "sass": "^1.77.8",
     "simple-git-hooks": "^2.11.1",
-    "stylelint": "^16.8.1",
-    "stylelint-config-recess-order": "^5.0.1",
+    "stylelint": "^16.9.0",
+    "stylelint-config-recess-order": "^5.1.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-config-standard-vue": "^1.0.0",
-    "stylelint-scss": "^6.4.1",
+    "stylelint-scss": "^6.5.1",
     "svgo": "^3.3.2",
     "typescript": "^5.5.4",
-    "unocss": "^0.61.9",
+    "unocss": "^0.62.3",
+    "unocss-preset-scrollbar": "^0.3.1",
     "unplugin-auto-import": "^0.18.2",
     "unplugin-turbo-console": "^1.10.1",
-    "unplugin-vue-components": "^0.27.3",
-    "vite": "^5.3.5",
+    "unplugin-vue-components": "^0.27.4",
+    "vite": "^5.4.2",
     "vite-plugin-banner": "^0.7.1",
-    "vite-plugin-compression2": "^1.1.3",
+    "vite-plugin-compression2": "^1.2.0",
     "vite-plugin-fake-server": "^2.1.1",
     "vite-plugin-pages": "^0.32.3",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vite-plugin-vue-devtools": "^7.3.7",
+    "vite-plugin-vue-devtools": "^7.3.9",
     "vite-plugin-vue-meta-layouts": "^0.4.3",
-    "vue-tsc": "^2.0.29"
+    "vue-tsc": "^2.1.4"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged",

src/assets/styles/resources/utils.scss

@@ -7,9 +7,9 @@
   } @else {
     /* stylelint-disable-next-line value-no-vendor-prefix */
     display: -webkit-box;
+    overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: $line;
-    overflow: hidden;
   }
 }
 

src/layouts/components/Header/index.vue

@@ -30,7 +30,7 @@ function handlerMouserScroll(event: WheelEvent) {
     <header v-if="settingsStore.mode === 'pc' && settingsStore.settings.menu.mode === 'head'">
       <div class="header-container">
         <Logo class="title" />
-        <div ref="menuRef" class="menu-container" @wheel.prevent="handlerMouserScroll">
+        <div ref="menuRef" class="menu-container scrollbar-none" @wheel.prevent="handlerMouserScroll">
           <!-- 顶部模式 -->
           <div class="menu h-full flex of-hidden transition-all">
             <template v-for="(item, index) in menuStore.allMenus" :key="index">
@@ -115,14 +115,6 @@ header {
       overflow-x: auto;
       mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent);
 
-      /* firefox隐藏滚动条 */
-      scrollbar-width: none;
-
-      /* chrome隐藏滚动条 */
-      &::-webkit-scrollbar {
-        display: none;
-      }
-
       .menu {
         display: inline-flex;
         height: 100%;

src/layouts/components/MainSidebar/index.vue

@@ -17,7 +17,7 @@ const { switchTo } = useMenu()
   <Transition name="main-sidebar">
     <div v-if="settingsStore.settings.menu.mode === 'side' || (settingsStore.mode === 'mobile' && settingsStore.settings.menu.mode !== 'single')" class="main-sidebar-container">
       <Logo :show-title="false" class="sidebar-logo" />
-      <div class="menu">
+      <div class="menu scrollbar-none">
         <!-- 侧边栏模式（含主导航） -->
         <div class="w-full flex flex-col of-hidden py-1 transition-all -mt-2">
           <template v-for="(item, index) in menuStore.allMenus" :key="index">
@@ -69,14 +69,6 @@ const { switchTo } = useMenu()
     overflow: hidden auto;
     overscroll-behavior: contain;
 
-    /* firefox隐藏滚动条 */
-    scrollbar-width: none;
-
-    /* chrome隐藏滚动条 */
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
     :deep(.menu-item) {
       .menu-item-container {
         padding-block: 8px;

src/layouts/components/SubSidebar/index.vue

@@ -70,7 +70,7 @@ onMounted(() => {
       }"
     />
     <div
-      ref="subSidebarRef" class="sub-sidebar flex-1 transition-shadow-300" :class="{
+      ref="subSidebarRef" class="sub-sidebar flex-1 transition-shadow-300 scrollbar-none" :class="{
         'shadow-top': showShadowTop,
         'shadow-bottom': showShadowBottom,
       }" @scroll="onSidebarScroll"
@@ -140,14 +140,6 @@ onMounted(() => {
     overflow: hidden auto;
     overscroll-behavior: contain;
 
-    /* firefox隐藏滚动条 */
-    scrollbar-width: none;
-
-    /* chrome隐藏滚动条 */
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
     &.shadow-top {
       box-shadow: inset 0 10px 10px -10px var(--g-box-shadow-color), inset 0 0 0 transparent;
     }

src/layouts/components/Topbar/Tabbar/index.vue

@@ -170,7 +170,7 @@ onUnmounted(() => {
 
 <template>
   <div class="tabbar-container">
-    <div ref="tabsRef" class="tabs" @wheel.prevent="handlerMouserScroll">
+    <div ref="tabsRef" class="tabs scrollbar-none" @wheel.prevent="handlerMouserScroll">
       <TransitionGroup ref="tabContainerRef" name="tabbar" tag="div" class="tab-container">
         <div
           v-for="(element, index) in tabbarStore.list" :key="element.tabId"
@@ -249,14 +249,6 @@ onUnmounted(() => {
     overflow-y: hidden;
     white-space: nowrap;
 
-    /* firefox隐藏滚动条 */
-    scrollbar-width: none;
-
-    /* chrome隐藏滚动条 */
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
     .tab-container {
       display: inline-block;
 

uno.config.ts

@@ -10,6 +10,7 @@ import {
   transformerVariantGroup,
 } from 'unocss'
 import { entriesToCss, toArray } from '@unocss/core'
+import { presetScrollbar } from 'unocss-preset-scrollbar'
 import { darkTheme, lightTheme } from './themes'
 
 export default defineConfig<Theme>({
@@ -73,6 +74,7 @@ export default defineConfig<Theme>({
       },
     }),
     presetTypography(),
+    presetScrollbar(),
   ],
   transformers: [
     transformerDirectives(),