vuecssuiant-designantdreactantantd-vueenterprisefrontendui-designvue-antdvue-antd-uivue3vuecomponent
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.
17 lines
589 B
17 lines
589 B
import type { InjectionKey, Ref } from 'vue'; |
|
import { computed, inject, ref, provide } from 'vue'; |
|
|
|
export type DisabledType = boolean | undefined; |
|
const DisabledContextKey: InjectionKey<Ref<DisabledType>> = Symbol('DisabledContextKey'); |
|
|
|
export const useInjectDisabled = () => { |
|
return inject(DisabledContextKey, ref<DisabledType>(undefined)); |
|
}; |
|
export const useProviderDisabled = (disabled: Ref<DisabledType>) => { |
|
const parentDisabled = useInjectDisabled(); |
|
provide( |
|
DisabledContextKey, |
|
computed(() => disabled.value ?? parentDisabled.value), |
|
); |
|
return disabled; |
|
};
|
|
|