refactor(form): 提取校验函数到use-validate

packages/devui-vue/devui/form/src/use-validate.ts

@@ -0,0 +1,119 @@
+import AsyncValidator from 'async-validator';
+
+export default function useValidate() {
+
+ // 校验函数
+ const validate = (descriptor, validateObject) => {
+ const validator = new AsyncValidator(descriptor);
+ return validator.validate(validateObject);
+ }
+
+ // 创建内置校验器
+ const createDevUIBuiltinValidator = (rule) => {
+ let res = {...rule};
+ if(res.min !== undefined) {
+ res = {
+ ...res,
+ message: res.message ?? `最小值为${res.min}`,
+ asyncValidator: (r, val) => {
+ return new Promise((resolve, reject) => {
+ if(val < res.min) {
+ reject('最小值为' + res.min);
+ }else {
+ resolve('校验通过');
+ }
+ })
+ }
+ }
+ }
+
+ if(res.max !== undefined) {
+ res = {
+ ...res,
+ message: res.message ?? `最大值为${res.max}`,
+ asyncValidator: (r, val) => {
+ return new Promise((resolve, reject) => {
+ if(val > res.max) {
+ reject('最大值为' + res.max);
+ }else {
+ resolve('校验通过');
+ }
+ })
+ }
+ }
+ }
+
+ if(res.maxlength !== undefined) {
+ res = {
+ ...res,
+ max: res.maxlength,
+ message: res.message ?? `最大长度为${res.maxlength}`
+ }
+ delete res.maxlength;
+ delete res.asyncValidator;
+ }
+
+ if(res.minlength !== undefined) {
+ res = {
+ ...res,
+ min: res.minlength,
+ message: res.message ?? `最小长度为${res.minlength}`
+ }
+ delete res.minlength;
+ delete res.asyncValidator;
+ }
+
+
+ if(res.requiredTrue !== undefined) {
+ res = {
+ ...res,
+ message: res.message ?? `必须为true值`,
+ asyncValidator: (r, val) => {
+ return new Promise((resolve, reject) => {
+ if(!val) {
+ reject('必须为true值');
+ }else {
+ resolve('校验通过');
+ }
+ })
+ }
+ }
+ }
+ if(res.email !== undefined){
+ res = {
+ ...res,
+ type: 'email',
+ message: res.message ?? '邮箱格式不正确'
+ }
+ delete res.asyncValidator;
+ }
+ if(res.pattern !== undefined){
+ res = {
+ ...res,
+ type: 'pattern',
+ message: res.message ?? '正则不匹配'
+ }
+ delete res.asyncValidator;
+ }
+ if(res.whitespace === true){
+ res = {
+ ...res,
+ type: 'string',
+ message: res.message ?? '不能全为空格',
+ asyncValidator: (r, val) => {
+ return new Promise((resolve, reject) => {
+ if(val.trim() === '') {
+ reject('不能全为空格');
+ }else {
+ resolve('校验通过');
+ }
+ })
+ }
+ }
+ }
+
+ return res;
+ }
+
+ return {validate, createDevUIBuiltinValidator};
+}