341 lines
8.7 KiB
JavaScript
341 lines
8.7 KiB
JavaScript
/*
|
||
* @Descripttion: 工具集
|
||
* @version: 1.2
|
||
* @LastEditors: longyunmo
|
||
* @LastEditTime:
|
||
*/
|
||
|
||
import CryptoJS from 'crypto-js';
|
||
import sysConfig from "@/config";
|
||
|
||
const tool = {}
|
||
|
||
/* localStorage */
|
||
tool.data = {
|
||
set(key, data, datetime = 0) {
|
||
//加密
|
||
if(sysConfig.LS_ENCRYPTION == "AES"){
|
||
data = tool.crypto.AES.encrypt(JSON.stringify(data), sysConfig.LS_ENCRYPTION_key)
|
||
}
|
||
let cacheValue = {
|
||
content: data,
|
||
datetime: parseInt(datetime) === 0 ? 0 : new Date().getTime() + parseInt(datetime) * 1000
|
||
}
|
||
return localStorage.setItem(key, JSON.stringify(cacheValue))
|
||
},
|
||
get(key) {
|
||
try {
|
||
const value = JSON.parse(localStorage.getItem(key))
|
||
if (value) {
|
||
let nowTime = new Date().getTime()
|
||
if (nowTime > value.datetime && value.datetime != 0) {
|
||
localStorage.removeItem(key)
|
||
return null;
|
||
}
|
||
//解密
|
||
if(sysConfig.LS_ENCRYPTION == "AES"){
|
||
value.content = JSON.parse(tool.crypto.AES.decrypt(value.content, sysConfig.LS_ENCRYPTION_key))
|
||
}
|
||
return value.content
|
||
}
|
||
return null
|
||
} catch (err) {
|
||
return null
|
||
}
|
||
},
|
||
remove(key) {
|
||
return localStorage.removeItem(key)
|
||
},
|
||
clear() {
|
||
return localStorage.clear()
|
||
}
|
||
}
|
||
|
||
/*sessionStorage*/
|
||
tool.session = {
|
||
set(table, settings) {
|
||
var _set = JSON.stringify(settings)
|
||
return sessionStorage.setItem(table, _set);
|
||
},
|
||
get(table) {
|
||
var data = sessionStorage.getItem(table);
|
||
try {
|
||
data = JSON.parse(data)
|
||
} catch (err) {
|
||
return null
|
||
}
|
||
return data;
|
||
},
|
||
remove(table) {
|
||
return sessionStorage.removeItem(table);
|
||
},
|
||
clear() {
|
||
return sessionStorage.clear();
|
||
}
|
||
}
|
||
|
||
/*cookie*/
|
||
tool.cookie = {
|
||
set(name, value, config={}) {
|
||
var cfg = {
|
||
expires: null,
|
||
path: null,
|
||
domain: null,
|
||
secure: false,
|
||
httpOnly: false,
|
||
...config
|
||
}
|
||
var cookieStr = `${name}=${escape(value)}`
|
||
if(cfg.expires){
|
||
var exp = new Date()
|
||
exp.setTime(exp.getTime() + parseInt(cfg.expires) * 1000)
|
||
cookieStr += `;expires=${exp.toGMTString()}`
|
||
}
|
||
if(cfg.path){
|
||
cookieStr += `;path=${cfg.path}`
|
||
}
|
||
if(cfg.domain){
|
||
cookieStr += `;domain=${cfg.domain}`
|
||
}
|
||
document.cookie = cookieStr
|
||
},
|
||
get(name){
|
||
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"))
|
||
if(arr != null){
|
||
return unescape(arr[2])
|
||
}else{
|
||
return null
|
||
}
|
||
},
|
||
remove(name){
|
||
var exp = new Date()
|
||
exp.setTime(exp.getTime() - 1)
|
||
document.cookie = `${name}=;expires=${exp.toGMTString()}`
|
||
}
|
||
}
|
||
|
||
/* Fullscreen */
|
||
tool.screen = function (element) {
|
||
var isFull = !!(document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement || document.fullscreenElement);
|
||
if(isFull){
|
||
if(document.exitFullscreen) {
|
||
document.exitFullscreen();
|
||
}else if (document.msExitFullscreen) {
|
||
document.msExitFullscreen();
|
||
}else if (document.mozCancelFullScreen) {
|
||
document.mozCancelFullScreen();
|
||
}else if (document.webkitExitFullscreen) {
|
||
document.webkitExitFullscreen();
|
||
}
|
||
}else{
|
||
if(element.requestFullscreen) {
|
||
element.requestFullscreen();
|
||
}else if(element.msRequestFullscreen) {
|
||
element.msRequestFullscreen();
|
||
}else if(element.mozRequestFullScreen) {
|
||
element.mozRequestFullScreen();
|
||
}else if(element.webkitRequestFullscreen) {
|
||
element.webkitRequestFullscreen();
|
||
}
|
||
}
|
||
}
|
||
|
||
/* 复制对象 */
|
||
tool.objCopy = function (obj) {
|
||
return JSON.parse(JSON.stringify(obj));
|
||
}
|
||
|
||
/* 日期格式化 */
|
||
tool.dateFormat = function (date, fmt='yyyy-MM-dd hh:mm:ss') {
|
||
date = new Date(date)
|
||
const o = {
|
||
"M+": date.getMonth() + 1, // 月份
|
||
"d+": date.getDate(), // 日
|
||
"h+": date.getHours(), // 小时
|
||
"m+": date.getMinutes(), // 分
|
||
"s+": date.getSeconds(), // 秒
|
||
"q+": Math.floor((date.getMonth() + 3) / 3), // 季度
|
||
"S": date.getMilliseconds() // 毫秒
|
||
};
|
||
if(/(y+)/.test(fmt)) {
|
||
fmt = fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));
|
||
}
|
||
for(let k in o) {
|
||
if(new RegExp("("+ k +")").test(fmt)){
|
||
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
|
||
}
|
||
}
|
||
return fmt;
|
||
}
|
||
|
||
tool.getTime = function (date){
|
||
date = new Date(date);
|
||
return Math.floor(date.getTime() / 1000);
|
||
}
|
||
|
||
/* 千分符 */
|
||
tool.groupSeparator = function (num) {
|
||
num = num + '';
|
||
if(!num.includes('.')){
|
||
num += '.'
|
||
}
|
||
return num.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
|
||
return $1 + ',';
|
||
}).replace(/\.$/, '');
|
||
}
|
||
|
||
/* 常用加解密 */
|
||
tool.crypto = {
|
||
//MD5加密
|
||
MD5(data){
|
||
return CryptoJS.MD5(data).toString()
|
||
},
|
||
//BASE64加解密
|
||
BASE64: {
|
||
encrypt(data){
|
||
return CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(data))
|
||
},
|
||
decrypt(cipher){
|
||
return CryptoJS.enc.Base64.parse(cipher).toString(CryptoJS.enc.Utf8)
|
||
}
|
||
},
|
||
//AES加解密
|
||
AES: {
|
||
encrypt(data, secretKey, config={}){
|
||
if(secretKey.length % 8 != 0){
|
||
console.warn("[SCUI error]: 秘钥长度需为8的倍数，否则解密将会失败。")
|
||
}
|
||
const result = CryptoJS.AES.encrypt(data, CryptoJS.enc.Utf8.parse(secretKey), {
|
||
iv: CryptoJS.enc.Utf8.parse(config.iv || ""),
|
||
mode: CryptoJS.mode[config.mode || "ECB"],
|
||
padding: CryptoJS.pad[config.padding || "Pkcs7"]
|
||
})
|
||
return result.toString()
|
||
},
|
||
decrypt(cipher, secretKey, config={}){
|
||
const result = CryptoJS.AES.decrypt(cipher, CryptoJS.enc.Utf8.parse(secretKey), {
|
||
iv: CryptoJS.enc.Utf8.parse(config.iv || ""),
|
||
mode: CryptoJS.mode[config.mode || "ECB"],
|
||
padding: CryptoJS.pad[config.padding || "Pkcs7"]
|
||
})
|
||
return CryptoJS.enc.Utf8.stringify(result);
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* @description 监听本地存储值的变化
|
||
* @param {number} type 1 表示 localStorage，2 表示 sessionStorage
|
||
* @param {string} key 键名
|
||
* @param {string} data 要存储的数据
|
||
* @returns {void}
|
||
*/
|
||
tool.addStorageEvent = function (type,key,data){
|
||
if (type === 1) {
|
||
// 创建一个 StorageEvent 事件
|
||
let newStorageEvent = document.createEvent('StorageEvent');
|
||
// 定义一个模拟的 localStorage 对象
|
||
const storage = {
|
||
setItem: function (k, val) {
|
||
// 设置 localStorage 的值
|
||
localStorage.setItem(k, val);
|
||
// 初始化创建的事件
|
||
newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null);
|
||
// 派发对象
|
||
window.dispatchEvent(newStorageEvent);
|
||
}
|
||
};
|
||
// 调用模拟的 setItem 方法
|
||
return storage.setItem(key, data);
|
||
} else {
|
||
// 如果是 sessionStorage
|
||
let newStorageEvent = document.createEvent('StorageEvent');
|
||
// 定义一个模拟的 sessionStorage 对象
|
||
const storage = {
|
||
setItem: function (k, val) {
|
||
// 设置 sessionStorage 的值
|
||
sessionStorage.setItem(k, val);
|
||
// 初始化创建的事件
|
||
newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null);
|
||
// 派发对象
|
||
window.dispatchEvent(newStorageEvent);
|
||
}
|
||
};
|
||
// 调用模拟的 setItem 方法
|
||
return storage.setItem(key, data);
|
||
}
|
||
}
|
||
tool.resetSetItem = function(key, newVal) {
|
||
if (key === "watchStorage") {
|
||
let newStorageEvent = document.createEvent("StorageEvent");
|
||
const storage = {
|
||
setItem: function(k, val) {
|
||
sessionStorage.setItem(k, val);
|
||
// 初始化创建的事件
|
||
newStorageEvent.initStorageEvent(
|
||
"setItem",
|
||
false,
|
||
false,
|
||
k,
|
||
null,
|
||
val,
|
||
null,
|
||
null
|
||
);
|
||
// 派发对象
|
||
window.dispatchEvent(newStorageEvent);
|
||
},
|
||
};
|
||
return storage.setItem(key, newVal);
|
||
}
|
||
}
|
||
/* 获取地址栏参数 */
|
||
tool.getParameterByName = function(name, url) {
|
||
if (!url) url = window.location.href;
|
||
// eslint-disable-next-line
|
||
let nameText = name.replace(/[\[\]]/g, '$&');
|
||
let regex = new RegExp('[?&]' + nameText + '(=([^&#]*)|&|#|$)');
|
||
let results = regex.exec(url);
|
||
if (!results) return null;
|
||
if (!results[2]) return '';
|
||
// 解析为 JavaScript 对象以去除双引号
|
||
let decodedValue = decodeURIComponent(results[2].replace(/\+/g, ' '));
|
||
|
||
// 处理非 JSON 字符串，例如去除双引号
|
||
decodedValue = decodedValue.replace(/^"(.*)"$/, '$1');
|
||
return decodedValue;
|
||
}
|
||
|
||
tool.isBinaryString = function (str){
|
||
return /[^\t\n\r\x20-\x7E]/.test(str);
|
||
}
|
||
|
||
tool.isBinaryFile = function (file) {
|
||
const reader = new FileReader();
|
||
return new Promise((resolve) => {
|
||
reader.onloadend = () => {
|
||
const binaryString = reader.result;
|
||
resolve(tool.isBinaryString(binaryString));
|
||
};
|
||
reader.readAsBinaryString(file.slice(0, 1024));
|
||
});
|
||
}
|
||
|
||
tool.authPermissions = function (list){
|
||
let arr = [];
|
||
if(list && list.length>0){
|
||
list.forEach(item=>{
|
||
for(let i in item){
|
||
if(item[i] && item[i].length>0){
|
||
item[i].forEach(em=>{
|
||
arr.push(em.actions)
|
||
})
|
||
}
|
||
}
|
||
})
|
||
}
|
||
return arr
|
||
}
|
||
|
||
export default tool
|