mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.0 KiB
41 lines
1.0 KiB
import type { InjectionKey } from 'vue' |
|
import { inject, provide, tryOnScopeDispose } from '#imports' |
|
|
|
export function useInjectionState<Arguments extends any[], Return>( |
|
composable: (...args: Arguments) => Return, |
|
keyName = 'InjectionState', |
|
): readonly [useInjectionState: (...args: Arguments) => Return, useInjectedState: () => Return | undefined] { |
|
const key: string | InjectionKey<Return> = Symbol(keyName) |
|
|
|
let providableState: Return | undefined |
|
|
|
const useProvidingState = (...args: Arguments) => { |
|
const providedState = composable(...args) |
|
|
|
provide(key, providedState) |
|
|
|
providableState = providedState |
|
|
|
tryOnScopeDispose(() => { |
|
providableState = undefined |
|
}) |
|
|
|
return providedState |
|
} |
|
|
|
const useInjectedState = () => { |
|
let injection = inject(key, undefined) |
|
|
|
if (typeof injection === 'undefined') { |
|
injection = providableState |
|
} |
|
|
|
return injection |
|
} |
|
|
|
tryOnScopeDispose(() => { |
|
providableState = undefined |
|
}) |
|
|
|
return [useProvidingState, useInjectedState] |
|
}
|
|
|