54 lines
1.1 KiB
TypeScript
54 lines
1.1 KiB
TypeScript
import _ from 'lodash';
|
|
import { reactive, watch, type Ref } from 'vue';
|
|
|
|
type ValidatorReturnType = unknown;
|
|
|
|
interface UseValidationRule<T> {
|
|
validator: (value: T) => ValidatorReturnType;
|
|
message: string;
|
|
}
|
|
|
|
export function isFalsyOrHasThrown(cb: () => ValidatorReturnType): boolean {
|
|
try {
|
|
const returnValue = cb();
|
|
|
|
if (_.isNil(returnValue)) return true;
|
|
|
|
return returnValue === false;
|
|
} catch (_) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
export function useValidation<T>({ source, rules }: { source: Ref<T>; rules: UseValidationRule<T>[] }) {
|
|
const state = reactive<{
|
|
message: string;
|
|
status: undefined | 'error';
|
|
isValid: boolean;
|
|
}>({
|
|
message: '',
|
|
status: undefined,
|
|
isValid: false,
|
|
});
|
|
|
|
watch(
|
|
[source],
|
|
() => {
|
|
state.message = '';
|
|
state.status = undefined;
|
|
|
|
for (const rule of rules) {
|
|
if (isFalsyOrHasThrown(() => rule.validator(source.value))) {
|
|
state.message = rule.message;
|
|
state.status = 'error';
|
|
}
|
|
}
|
|
|
|
state.isValid = state.status !== 'error';
|
|
},
|
|
{ immediate: true },
|
|
);
|
|
|
|
return state;
|
|
}
|