294 lines
7.5 KiB
JavaScript
294 lines
7.5 KiB
JavaScript
|
/**
|
|||
|
* 简单处理对象拷贝
|
|||
|
* @param {Obejct} 被拷贝对象
|
|||
|
* @@return {Object} 拷贝对象
|
|||
|
*/
|
|||
|
export const deepCopy = (val) => {
|
|||
|
return JSON.parse(JSON.stringify(val))
|
|||
|
}
|
|||
|
/**
|
|||
|
* 过滤数字类型
|
|||
|
* @param {String} format 数字类型
|
|||
|
* @@return {Boolean} 返回是否为数字类型
|
|||
|
*/
|
|||
|
export const typeFilter = (format) => {
|
|||
|
return format === 'int' || format === 'double' || format === 'number' || format === 'timestamp';
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 把 value 转换成指定的类型,用于处理初始值,原因是初始值需要入库不能为 undefined
|
|||
|
* @param {String} key 字段名
|
|||
|
* @param {any} value 字段值
|
|||
|
* @param {Object} rules 表单校验规则
|
|||
|
*/
|
|||
|
export const getValue = (key, value, rules) => {
|
|||
|
const isRuleNumType = rules.find(val => val.format && typeFilter(val.format));
|
|||
|
const isRuleBoolType = rules.find(val => (val.format && val.format === 'boolean') || val.format === 'bool');
|
|||
|
// 输入类型为 number
|
|||
|
if (!!isRuleNumType) {
|
|||
|
if (!value && value !== 0) {
|
|||
|
value = null
|
|||
|
} else {
|
|||
|
value = isNumber(Number(value)) ? Number(value) : value
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
// 输入类型为 boolean
|
|||
|
if (!!isRuleBoolType) {
|
|||
|
value = isBoolean(value) ? value : false
|
|||
|
}
|
|||
|
|
|||
|
return value;
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 获取表单数据
|
|||
|
* @param {String|Array} name 真实名称,需要使用 realName 获取
|
|||
|
* @param {Object} data 原始数据
|
|||
|
* @param {any} value 需要设置的值
|
|||
|
*/
|
|||
|
export const setDataValue = (field, formdata, value) => {
|
|||
|
formdata[field] = value
|
|||
|
return value || ''
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 获取表单数据
|
|||
|
* @param {String|Array} field 真实名称,需要使用 realName 获取
|
|||
|
* @param {Object} data 原始数据
|
|||
|
*/
|
|||
|
export const getDataValue = (field, data) => {
|
|||
|
return objGet(data, field)
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 获取表单类型
|
|||
|
* @param {String|Array} field 真实名称,需要使用 realName 获取
|
|||
|
*/
|
|||
|
export const getDataValueType = (field, data) => {
|
|||
|
const value = getDataValue(field, data)
|
|||
|
return {
|
|||
|
type: type(value),
|
|||
|
value
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 获取表单可用的真实name
|
|||
|
* @param {String|Array} name 表单name
|
|||
|
* @@return {String} 表单可用的真实name
|
|||
|
*/
|
|||
|
export const realName = (name, data = {}) => {
|
|||
|
const base_name = _basePath(name)
|
|||
|
if (typeof base_name === 'object' && Array.isArray(base_name) && base_name.length > 1) {
|
|||
|
const realname = base_name.reduce((a, b) => a += `#${b}`, '_formdata_')
|
|||
|
return realname
|
|||
|
}
|
|||
|
return base_name[0] || name
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 判断是否表单可用的真实name
|
|||
|
* @param {String|Array} name 表单name
|
|||
|
* @@return {String} 表单可用的真实name
|
|||
|
*/
|
|||
|
export const isRealName = (name) => {
|
|||
|
const reg = /^_formdata_#*/
|
|||
|
return reg.test(name)
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 获取表单数据的原始格式
|
|||
|
* @@return {Object|Array} object 需要解析的数据
|
|||
|
*/
|
|||
|
export const rawData = (object = {}, name) => {
|
|||
|
let newData = JSON.parse(JSON.stringify(object))
|
|||
|
let formData = {}
|
|||
|
for(let i in newData){
|
|||
|
let path = name2arr(i)
|
|||
|
objSet(formData,path,newData[i])
|
|||
|
}
|
|||
|
return formData
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 真实name还原为 array
|
|||
|
* @param {*} name
|
|||
|
*/
|
|||
|
export const name2arr = (name) => {
|
|||
|
let field = name.replace('_formdata_#', '')
|
|||
|
field = field.split('#').map(v => (isNumber(v) ? Number(v) : v))
|
|||
|
return field
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 对象中设置值
|
|||
|
* @param {Object|Array} object 源数据
|
|||
|
* @param {String| Array} path 'a.b.c' 或 ['a',0,'b','c']
|
|||
|
* @param {String} value 需要设置的值
|
|||
|
*/
|
|||
|
export const objSet = (object, path, value) => {
|
|||
|
if (typeof object !== 'object') return object;
|
|||
|
_basePath(path).reduce((o, k, i, _) => {
|
|||
|
if (i === _.length - 1) {
|
|||
|
// 若遍历结束直接赋值
|
|||
|
o[k] = value
|
|||
|
return null
|
|||
|
} else if (k in o) {
|
|||
|
// 若存在对应路径,则返回找到的对象,进行下一次遍历
|
|||
|
return o[k]
|
|||
|
} else {
|
|||
|
// 若不存在对应路径,则创建对应对象,若下一路径是数字,新对象赋值为空数组,否则赋值为空对象
|
|||
|
o[k] = /^[0-9]{1,}$/.test(_[i + 1]) ? [] : {}
|
|||
|
return o[k]
|
|||
|
}
|
|||
|
}, object)
|
|||
|
// 返回object
|
|||
|
return object;
|
|||
|
}
|
|||
|
|
|||
|
// 处理 path, path有三种形式:'a[0].b.c'、'a.0.b.c' 和 ['a','0','b','c'],需要统一处理成数组,便于后续使用
|
|||
|
function _basePath(path) {
|
|||
|
// 若是数组,则直接返回
|
|||
|
if (Array.isArray(path)) return path
|
|||
|
// 若有 '[',']',则替换成将 '[' 替换成 '.',去掉 ']'
|
|||
|
return path.replace(/\[/g, '.').replace(/\]/g, '').split('.')
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 从对象中获取值
|
|||
|
* @param {Object|Array} object 源数据
|
|||
|
* @param {String| Array} path 'a.b.c' 或 ['a',0,'b','c']
|
|||
|
* @param {String} defaultVal 如果无法从调用链中获取值的默认值
|
|||
|
*/
|
|||
|
export const objGet = (object, path, defaultVal = 'undefined') => {
|
|||
|
// 先将path处理成统一格式
|
|||
|
let newPath = _basePath(path)
|
|||
|
// 递归处理,返回最后结果
|
|||
|
let val = newPath.reduce((o, k) => {
|
|||
|
return (o || {})[k]
|
|||
|
}, object);
|
|||
|
return !val || val !== undefined ? val : defaultVal
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
/**
|
|||
|
* 是否为 number 类型
|
|||
|
* @param {any} num 需要判断的值
|
|||
|
* @return {Boolean} 是否为 number
|
|||
|
*/
|
|||
|
export const isNumber = (num) => {
|
|||
|
return !isNaN(Number(num))
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 是否为 boolean 类型
|
|||
|
* @param {any} bool 需要判断的值
|
|||
|
* @return {Boolean} 是否为 boolean
|
|||
|
*/
|
|||
|
export const isBoolean = (bool) => {
|
|||
|
return (typeof bool === 'boolean')
|
|||
|
}
|
|||
|
/**
|
|||
|
* 是否有必填字段
|
|||
|
* @param {Object} rules 规则
|
|||
|
* @return {Boolean} 是否有必填字段
|
|||
|
*/
|
|||
|
export const isRequiredField = (rules) => {
|
|||
|
let isNoField = false;
|
|||
|
for (let i = 0; i < rules.length; i++) {
|
|||
|
const ruleData = rules[i];
|
|||
|
if (ruleData.required) {
|
|||
|
isNoField = true;
|
|||
|
break;
|
|||
|
}
|
|||
|
}
|
|||
|
return isNoField;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
/**
|
|||
|
* 获取数据类型
|
|||
|
* @param {Any} obj 需要获取数据类型的值
|
|||
|
*/
|
|||
|
export const type = (obj) => {
|
|||
|
var class2type = {};
|
|||
|
|
|||
|
// 生成class2type映射
|
|||
|
"Boolean Number String Function Array Date RegExp Object Error".split(" ").map(function(item, index) {
|
|||
|
class2type["[object " + item + "]"] = item.toLowerCase();
|
|||
|
})
|
|||
|
if (obj == null) {
|
|||
|
return obj + "";
|
|||
|
}
|
|||
|
return typeof obj === "object" || typeof obj === "function" ?
|
|||
|
class2type[Object.prototype.toString.call(obj)] || "object" :
|
|||
|
typeof obj;
|
|||
|
}
|
|||
|
|
|||
|
/**
|
|||
|
* 判断两个值是否相等
|
|||
|
* @param {any} a 值
|
|||
|
* @param {any} b 值
|
|||
|
* @return {Boolean} 是否相等
|
|||
|
*/
|
|||
|
export const isEqual = (a, b) => {
|
|||
|
//如果a和b本来就全等
|
|||
|
if (a === b) {
|
|||
|
//判断是否为0和-0
|
|||
|
return a !== 0 || 1 / a === 1 / b;
|
|||
|
}
|
|||
|
//判断是否为null和undefined
|
|||
|
if (a == null || b == null) {
|
|||
|
return a === b;
|
|||
|
}
|
|||
|
//接下来判断a和b的数据类型
|
|||
|
var classNameA = toString.call(a),
|
|||
|
classNameB = toString.call(b);
|
|||
|
//如果数据类型不相等,则返回false
|
|||
|
if (classNameA !== classNameB) {
|
|||
|
return false;
|
|||
|
}
|
|||
|
//如果数据类型相等,再根据不同数据类型分别判断
|
|||
|
switch (classNameA) {
|
|||
|
case '[object RegExp]':
|
|||
|
case '[object String]':
|
|||
|
//进行字符串转换比较
|
|||
|
return '' + a === '' + b;
|
|||
|
case '[object Number]':
|
|||
|
//进行数字转换比较,判断是否为NaN
|
|||
|
if (+a !== +a) {
|
|||
|
return +b !== +b;
|
|||
|
}
|
|||
|
//判断是否为0或-0
|
|||
|
return +a === 0 ? 1 / +a === 1 / b : +a === +b;
|
|||
|
case '[object Date]':
|
|||
|
case '[object Boolean]':
|
|||
|
return +a === +b;
|
|||
|
}
|
|||
|
//如果是对象类型
|
|||
|
if (classNameA == '[object Object]') {
|
|||
|
//获取a和b的属性长度
|
|||
|
var propsA = Object.getOwnPropertyNames(a),
|
|||
|
propsB = Object.getOwnPropertyNames(b);
|
|||
|
if (propsA.length != propsB.length) {
|
|||
|
return false;
|
|||
|
}
|
|||
|
for (var i = 0; i < propsA.length; i++) {
|
|||
|
var propName = propsA[i];
|
|||
|
//如果对应属性对应值不相等,则返回false
|
|||
|
if (a[propName] !== b[propName]) {
|
|||
|
return false;
|
|||
|
}
|
|||
|
}
|
|||
|
return true;
|
|||
|
}
|
|||
|
//如果是数组类型
|
|||
|
if (classNameA == '[object Array]') {
|
|||
|
if (a.toString() == b.toString()) {
|
|||
|
return true;
|
|||
|
}
|
|||
|
return false;
|
|||
|
}
|
|||
|
}
|