mirror of
https://github.com/elk-zone/elk.git
synced 2024-12-05 03:59:59 +03:00
30 lines
812 B
TypeScript
30 lines
812 B
TypeScript
import type { ComponentInternalInstance } from 'vue'
|
|
import { onActivated, onDeactivated, ref } from 'vue'
|
|
|
|
/**
|
|
* ### Whether the current component is running in the background
|
|
*
|
|
* for handling problems caused by the keepalive function
|
|
*/
|
|
export function useDeactivated() {
|
|
const deactivated = ref(false)
|
|
onActivated(() => deactivated.value = false)
|
|
onDeactivated(() => deactivated.value = true)
|
|
|
|
return deactivated
|
|
}
|
|
|
|
/**
|
|
* ### When the component is restored from the background
|
|
*
|
|
* for handling problems caused by the keepalive function
|
|
*/
|
|
export function onReactivated(hook: Function, target?: ComponentInternalInstance | null): void {
|
|
const initial = ref(true)
|
|
onActivated(() => {
|
|
if (initial.value)
|
|
return
|
|
hook()
|
|
}, target)
|
|
onDeactivated(() => initial.value = false)
|
|
}
|