feat: 首次提交
This commit is contained in:
peerless_hero
374
components/firstui/fui-utils/index.js
Normal file
374
components/firstui/fui-utils/index.js
Normal file
@ -0,0 +1,374 @@
|
||||
// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6 140 725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
|
||||
/*!
|
||||
* 工具类：常用数据处理工具
|
||||
* Utils - v1.0.0 (2021/7/9, 11:07:14 AM)
|
||||
* https://github.com/FirstUI/FirstUI | Released under Apache License 2.0
|
||||
*
|
||||
* 官网地址：https://firstui.cn/
|
||||
* 文档地址：https://doc.firstui.cn/
|
||||
*/
|
||||
|
||||
const utils = {
|
||||
/**
|
||||
* @desc 英文首字母大写：english=>English
|
||||
* @param {String} value 需要处理的英文字符串
|
||||
**/
|
||||
titleCase(value) {
|
||||
if (value == null || value.length === 0) return value;
|
||||
return value.replace(/^[a-z]/, (matchStr) => {
|
||||
return matchStr.toLocaleUpperCase();
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 把连续出现多次的字母字符串进行压缩。aaabbbbcccccd=>3a4b5cd
|
||||
* @param {String} value 需要压缩的字符串
|
||||
* @param {Boolean} ignoreCase 是否忽略大小写
|
||||
*/
|
||||
compressLetter(value, ignoreCase) {
|
||||
let pattern = new RegExp("([a-zA-Z])\\1+", ignoreCase ? "ig" : "g");
|
||||
|
||||
return value.replace(pattern, (matchStr, group_1) => {
|
||||
return matchStr.length + group_1;
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @desc 等待多少毫秒再执行 ，同步阻塞
|
||||
* @param {String} millisecond 毫秒
|
||||
**/
|
||||
sleep(millisecond) {
|
||||
let now = new Date();
|
||||
let exitTime = now.getTime() + millisecond;
|
||||
while (true) {
|
||||
now = new Date();
|
||||
if (now.getTime() > exitTime) return;
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @desc 去左右空格
|
||||
* @param {String} value 需要处理的字符串
|
||||
**/
|
||||
trim(value) {
|
||||
return value.replace(/(^\s*)|(\s*$)/g, "");
|
||||
},
|
||||
/**
|
||||
* @desc 去所有空格
|
||||
* @param {String} value 需要处理的字符串
|
||||
**/
|
||||
trimAll(value) {
|
||||
return value.replace(/\s+/g, "")
|
||||
},
|
||||
/**
|
||||
* @desc 替换所有相同字符串
|
||||
* @param {String} text 需要处理的字符串
|
||||
* @param {String} repstr 被替换的字符
|
||||
* @param {String} newstr 替换后的字符
|
||||
**/
|
||||
replaceAll(text, repstr, newstr) {
|
||||
return text.replace(new RegExp(repstr, "gm"), newstr);
|
||||
},
|
||||
/**
|
||||
* @desc 格式化手机号码
|
||||
* @param {String} num 手机号码
|
||||
**/
|
||||
numberFormatter(num) {
|
||||
return num.length === 11 ? num.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2') : num;
|
||||
},
|
||||
/**
|
||||
* @desc 金额格式化，保留两位小数
|
||||
* @param {String | Number} money 金额值
|
||||
**/
|
||||
moneyFormatter(money) {
|
||||
return parseFloat(money).toFixed(2).toString().split('').reverse().join('').replace(/(\d{3})/g, '$1,')
|
||||
.replace(
|
||||
/\,$/, '').split('').reverse().join('');
|
||||
},
|
||||
/**
|
||||
* @desc 日期时间格式化
|
||||
* @param date 需要格式化的日期
|
||||
* @param format 格式化字符串(y-m-d h:i:s)
|
||||
* @param type date的格式类型：1-日期字符串(2017/12/04 12:12:12) 2-时间戳(1603676514690) 3-日期字符串，无连接符(20171204121212)
|
||||
* 4-new Date()时间格式(Thu Oct 01 2020 00:00:00 GMT+0800 (中国标准时间))
|
||||
* @param isMs 时间戳精度是否为毫秒，默认为true（当精度为秒时传false），type=2时有效
|
||||
**/
|
||||
dateFormatter(date, format, type = 1, isMs = true) {
|
||||
let formatDate = ""
|
||||
if (type === 3) {
|
||||
formatDate = utils._formatTimeStr(date, format)
|
||||
} else {
|
||||
formatDate = utils._formatDate(format, date, type, isMs)
|
||||
}
|
||||
return formatDate;
|
||||
},
|
||||
_formatDate(formatStr, fdate, type = 1, isMs) {
|
||||
if (!fdate) return '';
|
||||
let fTime, fStr = 'ymdhis';
|
||||
if (type === 4) {
|
||||
fTime = fdate;
|
||||
} else {
|
||||
fdate = fdate.toString()
|
||||
if (~fdate.indexOf('.')) {
|
||||
fdate = fdate.substring(0, fdate.indexOf('.'));
|
||||
}
|
||||
fdate = fdate.replace('T', ' ').replace(/\-/g, '/');
|
||||
if (!formatStr)
|
||||
formatStr = "y-m-d h:i:s";
|
||||
if (fdate) {
|
||||
if (type === 2) {
|
||||
fdate = isMs ? Number(fdate) : Number(fdate) * 1000
|
||||
}
|
||||
fTime = new Date(fdate);
|
||||
} else {
|
||||
fTime = new Date();
|
||||
}
|
||||
}
|
||||
let month = fTime.getMonth() + 1;
|
||||
let day = fTime.getDate();
|
||||
let hours = fTime.getHours();
|
||||
let minu = fTime.getMinutes();
|
||||
let second = fTime.getSeconds();
|
||||
month = month < 10 ? '0' + month : month;
|
||||
day = day < 10 ? '0' + day : day;
|
||||
hours = hours < 10 ? ('0' + hours) : hours;
|
||||
minu = minu < 10 ? '0' + minu : minu;
|
||||
second = second < 10 ? '0' + second : second;
|
||||
let formatArr = [
|
||||
fTime.getFullYear().toString(),
|
||||
month.toString(),
|
||||
day.toString(),
|
||||
hours.toString(),
|
||||
minu.toString(),
|
||||
second.toString()
|
||||
]
|
||||
for (let i = 0; i < formatArr.length; i++) {
|
||||
formatStr = formatStr.replace(fStr.charAt(i), formatArr[i]);
|
||||
}
|
||||
return formatStr;
|
||||
},
|
||||
/**
|
||||
* @desc 格式化时间
|
||||
* @param timeStr 时间字符串 20191212162001
|
||||
* @param formatStr 需要的格式 如 y-m-d h:i:s | y/m/d h:i:s | y/m/d | y年m月d日 等
|
||||
**/
|
||||
_formatTimeStr(timeStr, formatStr) {
|
||||
if (!timeStr) return;
|
||||
timeStr = timeStr.toString()
|
||||
if (timeStr.length === 14) {
|
||||
let timeArr = timeStr.split('')
|
||||
let fStr = 'ymdhis'
|
||||
if (!formatStr) {
|
||||
formatStr = 'y-m-d h:i:s'
|
||||
}
|
||||
let formatArr = [
|
||||
[...timeArr].splice(0, 4).join(''),
|
||||
[...timeArr].splice(4, 2).join(''),
|
||||
[...timeArr].splice(6, 2).join(''),
|
||||
[...timeArr].splice(8, 2).join(''),
|
||||
[...timeArr].splice(10, 2).join(''),
|
||||
[...timeArr].splice(12, 2).join('')
|
||||
]
|
||||
for (let i = 0; i < formatArr.length; i++) {
|
||||
formatStr = formatStr.replace(fStr.charAt(i), formatArr[i])
|
||||
}
|
||||
return formatStr
|
||||
}
|
||||
return timeStr
|
||||
},
|
||||
/**
|
||||
* @desc RGB颜色转十六进制颜色
|
||||
* @param r
|
||||
* @param g
|
||||
* @param b
|
||||
**/
|
||||
rgbToHex(r, g, b) {
|
||||
return "#" + utils._toHex(r) + utils._toHex(g) + utils._toHex(b)
|
||||
},
|
||||
_toHex(n) {
|
||||
n = parseInt(n, 10);
|
||||
if (isNaN(n)) return "00";
|
||||
n = Math.max(0, Math.min(n, 255));
|
||||
return "0123456789ABCDEF".charAt((n - n % 16) / 16) +
|
||||
"0123456789ABCDEF".charAt(n % 16);
|
||||
},
|
||||
/**
|
||||
* @desc 十六进制颜色转RGB颜色
|
||||
* @param hex 颜色值 #333 或 #333333
|
||||
**/
|
||||
hexToRGB(hex) {
|
||||
if (hex.length === 4) {
|
||||
let text = hex.substring(1, 4);
|
||||
hex = '#' + text + text;
|
||||
}
|
||||
let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
||||
return result ? {
|
||||
r: parseInt(result[1], 16),
|
||||
g: parseInt(result[2], 16),
|
||||
b: parseInt(result[3], 16)
|
||||
} : null;
|
||||
},
|
||||
/**
|
||||
* @desc 唯一标识，随机数
|
||||
* @param n 随机数位数
|
||||
**/
|
||||
unique(n) {
|
||||
n = n || 6;
|
||||
let rnd = '';
|
||||
for (let i = 0; i < n; i++)
|
||||
rnd += Math.floor(Math.random() * 10);
|
||||
return 'firstui_' + new Date().getTime() + rnd;
|
||||
},
|
||||
/**
|
||||
* @desc 获取uuid
|
||||
*/
|
||||
getUUID() {
|
||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
|
||||
return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16)
|
||||
})
|
||||
},
|
||||
/**
|
||||
* @desc 简单数组合并去重
|
||||
* @param arr1 数组1
|
||||
* @param arr2 数组2 可不传
|
||||
**/
|
||||
distinctArray(arr1, arr2) {
|
||||
arr1 = arr1 || []
|
||||
arr2 = arr2 || []
|
||||
return [...new Set([...arr1, ...arr2])]
|
||||
},
|
||||
|
||||
/**
|
||||
* @desc 获取日期时间段
|
||||
* @param type 1-今天 2-昨天 3-本周 4-本月 5-本年
|
||||
**/
|
||||
getDateTimeSlot(type) {
|
||||
let now = new Date()
|
||||
let start = now.toDateString()
|
||||
let end = now.toDateString()
|
||||
switch (type) {
|
||||
case 1:
|
||||
start = `${start} 00:00:00`
|
||||
end = `${end} 23:59:59`
|
||||
break
|
||||
case 2:
|
||||
now.setTime(now.getTime() - 3600 * 1000 * 24 * 1)
|
||||
start = `${now.toDateString()} 00:00:00`
|
||||
end = `${now.toDateString()} 23:59:59`
|
||||
break
|
||||
case 3:
|
||||
// 获取星期几,getDay()返回值是 0（周日） 到 6（周六） 之间的一个整数。0||7为7，即weekday的值为1-7
|
||||
let weekday = now.getDay() || 7
|
||||
// 往前算（weekday-1）天，年份、月份会自动变化
|
||||
now.setDate(now.getDate() - weekday + 1)
|
||||
start = `${now.toDateString()} 00:00:00`
|
||||
end = `${end} 23:59:59`
|
||||
break
|
||||
case 4:
|
||||
start = `${now.getFullYear()}-${now.getMonth() + 1}-01 00:00:00`
|
||||
end = `${end} 23:59:59`
|
||||
break
|
||||
case 5:
|
||||
start = `${now.getFullYear()}-01-01 00:00:00`
|
||||
end = `${end} 23:59:59`
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
|
||||
return {
|
||||
start: new Date(start.replace(/\-/g, '/')),
|
||||
end: new Date(end.replace(/\-/g, '/'))
|
||||
}
|
||||
},
|
||||
/*
|
||||
* @desc 获取Url参数，返回一个对象
|
||||
* @param url url地址
|
||||
* ?a=1&b=2 ==> {a: "1", b: "2"}
|
||||
*/
|
||||
getUrlParam(url) {
|
||||
let arrObj = url.split("?");
|
||||
let params = {};
|
||||
if (arrObj.length > 1) {
|
||||
arrObj = arrObj[1].split("&");
|
||||
arrObj.forEach(item => {
|
||||
item = item.split("=");
|
||||
params[item[0]] = item[1];
|
||||
})
|
||||
}
|
||||
return params;
|
||||
},
|
||||
/**
|
||||
* @method 函数防抖
|
||||
* @desc 短时间内多次触发同一事件，只执行最后一次，或者只执行最开始的一次，中间的不执行。
|
||||
* @param func 目标函数
|
||||
* @param wait 延迟执行毫秒数
|
||||
* @param immediate true - 立即执行， false - 延迟执行
|
||||
*/
|
||||
debounce(func, wait = 1000, immediate = true) {
|
||||
let timer;
|
||||
return function() {
|
||||
let context = this,
|
||||
args = arguments;
|
||||
if (timer) clearTimeout(timer);
|
||||
if (immediate) {
|
||||
let callNow = !timer;
|
||||
timer = setTimeout(() => {
|
||||
timer = null;
|
||||
}, wait);
|
||||
if (callNow) func.apply(context, args);
|
||||
} else {
|
||||
timer = setTimeout(() => {
|
||||
func.apply(context, args);
|
||||
}, wait)
|
||||
}
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @method 函数节流
|
||||
* @desc 指连续触发事件，但是在 n 秒内只执行一次函数。即 2n 秒内执行 2 次... 。会稀释函数的执行频率。
|
||||
* @param func 函数
|
||||
* @param wait 延迟执行毫秒数
|
||||
* @param type 1 在时间段开始的时候触发 2 在时间段结束的时候触发
|
||||
*/
|
||||
throttle(func, wait = 1000, type = 1) {
|
||||
let previous = 0;
|
||||
let timeout;
|
||||
return function() {
|
||||
let context = this;
|
||||
let args = arguments;
|
||||
if (type === 1) {
|
||||
let now = Date.now();
|
||||
if (now - previous > wait) {
|
||||
func.apply(context, args);
|
||||
previous = now;
|
||||
}
|
||||
} else if (type === 2) {
|
||||
if (!timeout) {
|
||||
timeout = setTimeout(() => {
|
||||
timeout = null;
|
||||
func.apply(context, args)
|
||||
}, wait)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
titleCase: utils.titleCase,
|
||||
compressLetter: utils.compressLetter,
|
||||
sleep: utils.sleep,
|
||||
trim: utils.trim,
|
||||
trimAll: utils.trimAll,
|
||||
replaceAll: utils.replaceAll,
|
||||
numberFormatter: utils.numberFormatter,
|
||||
moneyFormatter: utils.moneyFormatter,
|
||||
dateFormatter: utils.dateFormatter,
|
||||
rgbToHex: utils.rgbToHex,
|
||||
hexToRGB: utils.hexToRGB,
|
||||
unique: utils.unique,
|
||||
distinctArray: utils.distinctArray,
|
||||
getDateTimeSlot: utils.getDateTimeSlot,
|
||||
getUrlParam: utils.getUrlParam,
|
||||
getUUID: utils.getUUID,
|
||||
debounce: utils.debounce,
|
||||
throttle: utils.throttle
|
||||
}
|
||||
Reference in New Issue
Block a user