yl-view/components/yl-form/utils.js

一个基于uniapp的ui框架

import AsyncValidator from '../../libs/utils/async-validator'
const utils = {
	validate: (model, rules, callback, options) => {
		const initOptions = {
			showMessage: true
		}
		options = Object.assign({}, initOptions, options || {})
		// 如果需要验证的fields为空，调用验证时立刻返回callback
		if ((!rules || rules.length === 0) && callback) {
		 let obj = {
				success:true,
			}
			callback(obj, null);
		}
		let errors = []
		let errorProp = ""
		const props = Object.keys(rules)
		for (let i in props) {
			const prop = props[i]
			const value = utils.getValueByProp(model, prop)
			utils.validateItem(rules, prop, value, (err) => {
				if (err && err.length > 0) {
					errors = errors.concat(err)
					if(errorProp == ''){
						errorProp = prop
					}
				}
			})
		}
		if (errors.length > 0) {
			if (options.showMessage) {
				utils.showToast(errors[0].message)
			}
			let obj = {
				success:false,
				prop:errorProp
			}
			callback(obj, errors)
		} else {
			let obj = {
				success:true,
			}
			callback(obj, null)
		}
	},
	validateSync: (model, rules, options) => {
		const initOptions = {
			showMessage: true
		}
		options = Object.assign({}, initOptions, options || {})
		// 如果需要验证的fields为空，调用验证时立刻返回true
		if ((!rules || rules.length === 0)) {
			return true
		}
		let errors = []
		const props = Object.keys(rules)
		for (let i in props) {
			const prop = props[i]
			const value = utils.getValueByProp(model, prop)
			utils.validateItem(rules, prop, value, (err) => {
				if (err && err.length > 0) {
					errors = errors.concat(err)
				}
			})
		}
		if (errors.length > 0) {
			if (options.showMessage) {
				utils.showToast(errors[0].message)
			}
			return false
		} else {
			return true
		}
	},
	validateField: (model, rules, props, callback, options) => {
		const initOptions = {
			showMessage: true
		}
		options = Object.assign({}, initOptions, options || {})
		props = [].concat(props)
		if (props.length === 0) {
			return
		}
		let errors = []
		for (let i in props) {
			const prop = props[i]
			const value = utils.getValueByProp(model, prop)
			utils.validateItem(rules, prop, value, (err) => {
				if (err && err.length > 0) {
					errors = errors.concat(err)
				}
			})
		}
		if (errors.length > 0) {
			if (options.showMessage) {
				utils.showToast(errors[0].message)
			}
			callback(false, errors)
		} else {
			callback(true, null)
		}
	},
	validateItem(rules, prop, value, callback) {
		if (!rules || rules.length === 0) {
			if (callback instanceof Function) {
				callback();
			}
			return true;
		}
		const propRules = [].concat(rules[prop] || []);
		const descriptor = {
			[prop]: propRules
		};
		const validator = new AsyncValidator(descriptor);
		const model = {
			[prop]: value
		};
		validator.validate(model, {
			firstFields: true
		}, (errors) => {
			callback(errors);
		});
	},
	getValueByProp: (obj, prop) => {
		let tempObj = obj;
		prop = prop.replace(/\[(\w+)\]/g, '.$1').replace(/^\./, '');
		let keyArr = prop.split('.');
		let i = 0;
		for (let len = keyArr.length; i < len - 1; ++i) {
			if (!tempObj) break;
			let key = keyArr[i];
			if (key in tempObj) {
				tempObj = tempObj[key];
			} else {
				break;
			}
		}
		return tempObj ? (typeof tempObj[keyArr[i]] === 'string' ? tempObj[keyArr[i]].trim() : tempObj[keyArr[i]]) :
			null
	},
	showToast: (message) => {
		uni.showToast({
			title: message,
			icon: 'none'
		})
	}
}

export default utils