GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-22 00:39:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

将 useDialogScrollLock 替换为 useScrollLock

Browse Source
This commit is contained in:
jxxghp
2025-07-10 12:56:51 +08:00
parent ad857b0810
commit b3d3561111
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/composables/useDialogScrollLock.ts → src/composables/useScrollLock.ts
View File

@@ -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)