-
-
Notifications
You must be signed in to change notification settings - Fork 93
/
Copy pathuseMotionFeatures.ts
36 lines (32 loc) · 1.11 KB
/
useMotionFeatures.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import { registerEventListeners } from './features/eventListeners'
import { registerLifeCycleHooks } from './features/lifeCycleHooks'
import { registerVariantsSync } from './features/syncVariants'
import { registerVisibilityHooks } from './features/visibilityHooks'
import type { MotionInstance, MotionVariants, UseMotionOptions } from './types'
/**
* A Composable executing resolved variants features from variants declarations.
*
* Supports:
* - lifeCycleHooks: Bind the motion hooks to the component lifecycle hooks.
*/
export function useMotionFeatures<T extends string, V extends MotionVariants<T>>(
instance: MotionInstance<T, V>,
options: UseMotionOptions = {
syncVariants: true,
lifeCycleHooks: true,
visibilityHooks: true,
eventListeners: true,
},
) {
// Lifecycle hooks bindings
if (options.lifeCycleHooks)
registerLifeCycleHooks(instance)
if (options.syncVariants)
registerVariantsSync(instance)
// Visibility hooks
if (options.visibilityHooks)
registerVisibilityHooks(instance)
// Event listeners
if (options.eventListeners)
registerEventListeners(instance)
}