ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2026-02-27 02:00:20 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat(@vant/use): add useCustomFieldValue (#9200)

Browse Source 
* feat(@vant/use): add useCustomFieldValue

* chore: upd
This commit is contained in:
neverland
2021-08-07 16:01:11 +08:00
committed by GitHub
parent 86f6692284
commit a4a2a3cb0f
2 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant-use/src/index.ts
View File

@@ -8,4 +8,5 @@ export * from './useWindowSize';
export * from './useScrollParent';
export * from './useEventListener';
export * from './usePageVisibility';
export * from './useCustomFieldValue';
export * from './onMountedOrActivated';

24
packages/vant-use/src/useCustomFieldValue/index.ts Normal file
View File

@@ -0,0 +1,24 @@
import { watch, inject, InjectionKey, Ref } from 'vue';
export type CustomFieldInjectionValue = {
customValue: Ref<(() => unknown) | undefined>;
resetValidation: () => void;
validateWithTrigger: (trigger: 'onBlur' | 'onChange' | 'onSubmit') => void;
};
export const CUSTOM_FIELD_INJECTION_KEY: InjectionKey<CustomFieldInjectionValue> = Symbol(
'van-field'
);
export function useCustomFieldValue(customValue: () => unknown) {
const field = inject(CUSTOM_FIELD_INJECTION_KEY, null);
if (field && !field.customValue.value) {
field.customValue.value = customValue;
watch(customValue, () => {
field.resetValidation();
field.validateWithTrigger('onChange');
});
}
}