feat .calude

This commit is contained in:
Ironsp
2026-09-17 08:52:53 +08:00
parent a84f7c4906
commit e1750b16c4
363 changed files with 41250 additions and 2 deletions

View File

@@ -0,0 +1,60 @@
---
category: Sensors
---
# usePointerLock
Reactive [pointer lock](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API).
## Basic Usage
```ts
import { usePointerLock } from '@vueuse/core'
const {
isSupported,
lock,
unlock,
element,
triggerElement
} = usePointerLock()
```
## Component Usage
```vue
<template>
<UsePointerLock v-slot="{ lock }">
<canvas />
<button @click="lock">
Lock Pointer on Canvas
</button>
</UsePointerLock>
</template>
```
## Type Declarations
```ts
export interface UsePointerLockOptions extends ConfigurableDocument {}
/**
* Reactive pointer lock.
*
* @see https://vueuse.org/usePointerLock
* @param target
* @param options
*
* @__NO_SIDE_EFFECTS__
*/
export declare function usePointerLock(
target?: MaybeElementRef,
options?: UsePointerLockOptions,
): {
isSupported: ComputedRef<boolean>
element: ShallowRef<MaybeElement, MaybeElement>
triggerElement: ShallowRef<MaybeElement, MaybeElement>
lock: (e: MaybeElementRef | Event) => Promise<HTMLElement | SVGElement>
unlock: () => Promise<boolean>
}
export type UsePointerLockReturn = ReturnType<typeof usePointerLock>
```