将 useDialogScrollLock 替换为 useScrollLock

src/@core/components/DialogWrapper.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="ts">
 import { computed, watch, onBeforeUnmount } from 'vue'
-import { useDialogScrollLockWithWatch } from '@/composables/useDialogScrollLock'
+import { useScrollLockWithWatch } from '@/composables/useScrollLock'
 
 // Props
 interface Props {
@@ -35,7 +35,7 @@ const dialogModel = computed({
 })
 
 // 使用滚动锁定
-const { isLocked, lockScroll, restoreScroll } = useDialogScrollLockWithWatch(dialogModel, {
+const { isLocked, lockScroll, restoreScroll } = useScrollLockWithWatch(dialogModel, {
   autoRestore: true,
   preserveScrollPosition: props.preserveScrollPosition,
   preventTouchScroll: props.preventTouchScroll,

src/composables/useScrollLock.ts

@@ -1,7 +1,7 @@
 import { ref, watch, onBeforeUnmount, readonly } from 'vue'
 
-// 弹窗滚动锁定配置
-export interface DialogScrollLockOptions {
+// 滚动锁定配置
+export interface ScrollLockOptions {
   // 是否在组件卸载时自动恢复滚动
   autoRestore?: boolean
   // 是否保存和恢复滚动位置
@@ -17,7 +17,7 @@ export interface DialogScrollLockOptions {
 }
 
 // 默认配置
-const DEFAULT_OPTIONS: Required<DialogScrollLockOptions> = {
+const DEFAULT_OPTIONS: Required<ScrollLockOptions> = {
   autoRestore: true,
   preserveScrollPosition: true,
   preventTouchScroll: true,
@@ -28,7 +28,7 @@ const DEFAULT_OPTIONS: Required<DialogScrollLockOptions> = {
   },
 }
 
-export function useDialogScrollLock(options: DialogScrollLockOptions = {}) {
+export function useScrollLock(options: ScrollLockOptions = {}) {
   const config = { ...DEFAULT_OPTIONS, ...options }
 
   // 状态管理
@@ -189,8 +189,8 @@ export function useDialogScrollLock(options: DialogScrollLockOptions = {}) {
 }
 
 // 便捷的自动监听版本
-export function useDialogScrollLockWithWatch(target: any, options: DialogScrollLockOptions = {}) {
-  const scrollLock = useDialogScrollLock(options)
+export function useScrollLockWithWatch(target: any, options: ScrollLockOptions = {}) {
+  const scrollLock = useScrollLock(options)
 
   // 自动监听目标值的变化
   const stopWatcher = scrollLock.watchTarget(target)

src/layouts/components/DefaultLayout.vue

@@ -18,7 +18,7 @@ import { useRoute } from 'vue-router'
 import { filterMenusByPermission } from '@/utils/permission'
 import { onUnreadMessage } from '@/utils/badge'
 import { usePullDownGesture } from '@/composables/usePullDownGesture'
-import { useDialogScrollLockWithWatch } from '@/composables/useDialogScrollLock'
+import { useScrollLockWithWatch } from '@/composables/useScrollLock'
 import { usePWA } from '@/composables/usePWA'
 import OfflinePage from '@/layouts/components/OfflinePage.vue'
 import { useGlobalOfflineStatus } from '@/composables/useOfflineStatus'
@@ -164,7 +164,7 @@ const handleServiceWorkerMessage = (event: MessageEvent) => {
 }
 
 // 使用滚动锁定 composable（自动监听showPluginQuickAccess的变化）
-useDialogScrollLockWithWatch(showPluginQuickAccess)
+useScrollLockWithWatch(showPluginQuickAccess)
 
 // 检查是否可以使用下拉手势
 const canUsePullGesture = () => {