devstar插件
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;
|
27
node_modules/@vueuse/integrations/useAsyncValidator/component.d.cts
generated
vendored
Normal file
27
node_modules/@vueuse/integrations/useAsyncValidator/component.d.cts
generated
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
import * as vue from 'vue';
|
||||
import { PropType } from 'vue';
|
||||
import { Rules } from 'async-validator';
|
||||
|
||||
declare const UseAsyncValidator: vue.DefineComponent<vue.ExtractPropTypes<{
|
||||
form: {
|
||||
type: PropType<Record<string, any>>;
|
||||
required: true;
|
||||
};
|
||||
rules: {
|
||||
type: PropType<Rules>;
|
||||
required: true;
|
||||
};
|
||||
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
||||
form: {
|
||||
type: PropType<Record<string, any>>;
|
||||
required: true;
|
||||
};
|
||||
rules: {
|
||||
type: PropType<Rules>;
|
||||
required: true;
|
||||
};
|
||||
}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
||||
|
||||
export { UseAsyncValidator };
|
27
node_modules/@vueuse/integrations/useAsyncValidator/component.d.mts
generated
vendored
Normal file
27
node_modules/@vueuse/integrations/useAsyncValidator/component.d.mts
generated
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
import * as vue from 'vue';
|
||||
import { PropType } from 'vue';
|
||||
import { Rules } from 'async-validator';
|
||||
|
||||
declare const UseAsyncValidator: vue.DefineComponent<vue.ExtractPropTypes<{
|
||||
form: {
|
||||
type: PropType<Record<string, any>>;
|
||||
required: true;
|
||||
};
|
||||
rules: {
|
||||
type: PropType<Rules>;
|
||||
required: true;
|
||||
};
|
||||
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
||||
form: {
|
||||
type: PropType<Record<string, any>>;
|
||||
required: true;
|
||||
};
|
||||
rules: {
|
||||
type: PropType<Rules>;
|
||||
required: true;
|
||||
};
|
||||
}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
||||
|
||||
export { UseAsyncValidator };
|
27
node_modules/@vueuse/integrations/useAsyncValidator/component.d.ts
generated
vendored
Normal file
27
node_modules/@vueuse/integrations/useAsyncValidator/component.d.ts
generated
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
import * as vue from 'vue';
|
||||
import { PropType } from 'vue';
|
||||
import { Rules } from 'async-validator';
|
||||
|
||||
declare const UseAsyncValidator: vue.DefineComponent<vue.ExtractPropTypes<{
|
||||
form: {
|
||||
type: PropType<Record<string, any>>;
|
||||
required: true;
|
||||
};
|
||||
rules: {
|
||||
type: PropType<Rules>;
|
||||
required: true;
|
||||
};
|
||||
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
||||
form: {
|
||||
type: PropType<Record<string, any>>;
|
||||
required: true;
|
||||
};
|
||||
rules: {
|
||||
type: PropType<Rules>;
|
||||
required: true;
|
||||
};
|
||||
}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
||||
|
||||
export { UseAsyncValidator };
|
87
node_modules/@vueuse/integrations/useAsyncValidator/component.mjs
generated
vendored
Normal file
87
node_modules/@vueuse/integrations/useAsyncValidator/component.mjs
generated
vendored
Normal file
@@ -0,0 +1,87 @@
|
||||
import { shallowRef, computed, toValue, watch, defineComponent, reactive } from 'vue';
|
||||
import { toRef, until } from '@vueuse/shared';
|
||||
import Schema from 'async-validator';
|
||||
|
||||
const AsyncValidatorSchema = Schema.default || Schema;
|
||||
function useAsyncValidator(value, rules, options = {}) {
|
||||
const {
|
||||
validateOption = {},
|
||||
immediate = true,
|
||||
manual = false
|
||||
} = options;
|
||||
const valueRef = toRef(value);
|
||||
const errorInfo = shallowRef(null);
|
||||
const isFinished = shallowRef(true);
|
||||
const pass = shallowRef(!immediate || manual);
|
||||
const errors = computed(() => errorInfo.value?.errors || []);
|
||||
const errorFields = computed(() => errorInfo.value?.fields || {});
|
||||
const validator = computed(() => new AsyncValidatorSchema(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) {
|
||||
watch(
|
||||
[valueRef, validator],
|
||||
() => execute(),
|
||||
{ immediate, deep: true }
|
||||
);
|
||||
}
|
||||
const shell = {
|
||||
isFinished,
|
||||
pass,
|
||||
errors,
|
||||
errorInfo,
|
||||
errorFields,
|
||||
execute
|
||||
};
|
||||
function waitUntilFinished() {
|
||||
return new Promise((resolve, reject) => {
|
||||
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__*/ defineComponent({
|
||||
name: "UseAsyncValidator",
|
||||
props: {
|
||||
form: {
|
||||
type: Object,
|
||||
required: true
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
const data = reactive(useAsyncValidator(props.form, props.rules));
|
||||
return () => {
|
||||
if (slots.default)
|
||||
return slots.default(data);
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
export { UseAsyncValidator };
|
Reference in New Issue
Block a user