This commit is contained in:
89
node_modules/@vueuse/integrations/useAsyncValidator/component.cjs
generated
vendored
Normal file
89
node_modules/@vueuse/integrations/useAsyncValidator/component.cjs
generated
vendored
Normal file
@@ -0,0 +1,89 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var shared = require('@vueuse/shared');
|
||||
var Schema = require('async-validator');
|
||||
|
||||
const AsyncValidatorSchema = Schema.default || Schema;
|
||||
function useAsyncValidator(value, rules, options = {}) {
|
||||
const {
|
||||
validateOption = {},
|
||||
immediate = true,
|
||||
manual = false
|
||||
} = options;
|
||||
const valueRef = shared.toRef(value);
|
||||
const errorInfo = vue.shallowRef(null);
|
||||
const isFinished = vue.shallowRef(true);
|
||||
const pass = vue.shallowRef(!immediate || manual);
|
||||
const errors = vue.computed(() => errorInfo.value?.errors || []);
|
||||
const errorFields = vue.computed(() => errorInfo.value?.fields || {});
|
||||
const validator = vue.computed(() => new AsyncValidatorSchema(vue.toValue(rules)));
|
||||
const execute = async () => {
|
||||
isFinished.value = false;
|
||||
pass.value = false;
|
||||
try {
|
||||
await validator.value.validate(valueRef.value, validateOption);
|
||||
pass.value = true;
|
||||
errorInfo.value = null;
|
||||
} catch (err) {
|
||||
errorInfo.value = err;
|
||||
} finally {
|
||||
isFinished.value = true;
|
||||
}
|
||||
return {
|
||||
pass: pass.value,
|
||||
errorInfo: errorInfo.value,
|
||||
errors: errors.value,
|
||||
errorFields: errorFields.value
|
||||
};
|
||||
};
|
||||
if (!manual) {
|
||||
vue.watch(
|
||||
[valueRef, validator],
|
||||
() => execute(),
|
||||
{ immediate, deep: true }
|
||||
);
|
||||
}
|
||||
const shell = {
|
||||
isFinished,
|
||||
pass,
|
||||
errors,
|
||||
errorInfo,
|
||||
errorFields,
|
||||
execute
|
||||
};
|
||||
function waitUntilFinished() {
|
||||
return new Promise((resolve, reject) => {
|
||||
shared.until(isFinished).toBe(true).then(() => resolve(shell)).catch((error) => reject(error));
|
||||
});
|
||||
}
|
||||
return {
|
||||
...shell,
|
||||
then(onFulfilled, onRejected) {
|
||||
return waitUntilFinished().then(onFulfilled, onRejected);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
const UseAsyncValidator = /* @__PURE__ */ /*@__PURE__*/ vue.defineComponent({
|
||||
name: "UseAsyncValidator",
|
||||
props: {
|
||||
form: {
|
||||
type: Object,
|
||||
required: true
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
const data = vue.reactive(useAsyncValidator(props.form, props.rules));
|
||||
return () => {
|
||||
if (slots.default)
|
||||
return slots.default(data);
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
exports.UseAsyncValidator = UseAsyncValidator;
|
Reference in New Issue
Block a user