From b3d3561111eb8904b340fdc72f3dddcf17f8b191 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 10 Jul 2025 12:56:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86=20useDialogScrollLock=20=E6=9B=BF?=
 =?UTF-8?q?=E6=8D=A2=E4=B8=BA=20useScrollLock?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@core/components/DialogWrapper.vue               |  4 ++--
 .../{useDialogScrollLock.ts => useScrollLock.ts}     | 12 ++++++------
 src/layouts/components/DefaultLayout.vue             |  4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)
 rename src/composables/{useDialogScrollLock.ts => useScrollLock.ts} (94%)

diff --git a/src/@core/components/DialogWrapper.vue b/src/@core/components/DialogWrapper.vue
index 5c70c83d..9e4ba7bc 100644
--- a/src/@core/components/DialogWrapper.vue
+++ b/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,
diff --git a/src/composables/useDialogScrollLock.ts b/src/composables/useScrollLock.ts
similarity index 94%
rename from src/composables/useDialogScrollLock.ts
rename to src/composables/useScrollLock.ts
index 849e74f4..ae768c66 100644
--- a/src/composables/useDialogScrollLock.ts
+++ b/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)
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index d64d17f6..5d29a996 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/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 = () => {