/* eslint-disable */ import {validatenull} from './validate' //表单序列化 export const serialize = (data: { [x: string]: any; }) => { let list: string[] = []; Object.keys(data).forEach(ele => { list.push(`${ele}=${data[ele]}`) }) return list.join('&'); }; export const getObjType = (obj: any) => { var toString = Object.prototype.toString; var map = new Map([ ['[object Boolean]', 'boolean'], ['[object Number]', 'number'], ['[object String]', 'string'], ['[object Function]', 'function'], ['[object Array]', 'array'], ['[object Date]', 'date'], ['[object RegExp]', 'regExp'], ['[object Undefined]', 'undefined'], ['[object Null]', 'null'], ['[object Object]', 'object'] ]); if (obj instanceof Element) { return 'element'; } return map.get(toString.call(obj)); }; export const getViewDom = () => { return (window as any).document.getElementById('avue-view').getElementsByClassName('el-scrollbar__wrap')[0] } /** * 对象深拷贝 */ export const deepClone = (data: any) => { var type = getObjType(data); var obj: any; if (type === 'array') { obj = []; } else if (type === 'object') { obj = {}; } else { //不再具有下一层次 return data; } if (type === 'array') { for (var i = 0, len = data.length; i < len; i++) { obj.push(deepClone(data[i])); } } else if (type === 'object') { for (var key in data) { obj[key] = deepClone(data[key]); } } return obj; }; /** * 设置灰度模式 */ export const toggleGrayMode = (status: any) => { if (status) { document.body.className = document.body.className + ' grayMode'; } else { document.body.className = document.body.className.replace(' grayMode', ''); } }; /** * 设置主题 */ export const setTheme = (name: string) => { document.body.className = name; } /** * 加密处理 */ export const encryption = (params: { data: any; type: any; param: any; key: any; }) => { let { data, type, param, key } = params; let result = JSON.parse(JSON.stringify(data)); if (type == 'Base64') { param.forEach((ele: string | number) => { result[ele] = btoa(result[ele]); }) } else if (type == 'Aes') { param.forEach((ele: string | number) => { result[ele] = (window as any).CryptoJS.AES.encrypt(result[ele], key).toString(); }) } return result; }; /** * 浏览器判断是否全屏 */ export const fullscreenToggel = () => { if (fullscreenEnable()) { exitFullScreen(); } else { reqFullScreen(); } }; /** * esc监听全屏 */ export const listenfullscreen = (callback: () => void) => { function listen() { callback() } document.addEventListener("fullscreenchange", function () { listen(); }); document.addEventListener("mozfullscreenchange", function () { listen(); }); document.addEventListener("webkitfullscreenchange", function () { listen(); }); document.addEventListener("msfullscreenchange", function () { listen(); }); }; /** * 浏览器判断是否全屏 */ export const fullscreenEnable = () => { var isFullscreen = (document as any).isFullScreen || (document as any).mozIsFullScreen || (document as any).webkitIsFullScreen return isFullscreen; } /** * 浏览器全屏 */ export const reqFullScreen = () => { if ((document.documentElement as any).requestFullScreen) { (document.documentElement as any).requestFullScreen(); } else if ((document.documentElement as any).webkitRequestFullScreen) { (document.documentElement as any).webkitRequestFullScreen(); } else if ((document.documentElement as any).mozRequestFullScreen) { (document.documentElement as any).mozRequestFullScreen(); } }; /** * 浏览器退出全屏 */ export const exitFullScreen = () => { if ((document.documentElement as any).requestFullScreen) { (document as any).exitFullScreen(); } else if ((document.documentElement as any).webkitRequestFullScreen) { (document as any).webkitCancelFullScreen(); } else if ((document.documentElement as any).mozRequestFullScreen) { (document as any).mozCancelFullScreen(); } }; /** * 递归寻找子类的父类 */ export const findParent = (menu: any, id: any) => { for (let i = 0; i < menu.length; i++) { if (menu[i].children.length != 0) { for (let j = 0; j < menu[i].children.length; j++) { if (menu[i].children[j].id == id) { return menu[i]; } else { if (menu[i].children[j].children.length != 0) { // TODO findParent(menu[i].children[j].children, id); // return menu[i].children[j].children.map((res: any) => findParent(res, id)); } } } } } }; /** * 判断2个对象属性和值是否相等 */ /** * 动态插入css */ export const loadStyle = (url: string) => { const link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; link.href = url; const head = document.getElementsByTagName('head')[0]; head.appendChild(link); }; /** * 判断路由是否相等 */ export const diff = (obj1: any, obj2: any) => { delete obj1.close; var o1 = obj1 instanceof Object; var o2 = obj2 instanceof Object; if (!o1 || !o2) { /* 判断不是对象 */ return obj1 === obj2; } if (Object.keys(obj1).length !== Object.keys(obj2).length) { return false; //Object.keys() 返回一个由对象的自身可枚举属性(key值)组成的数组,例如:数组返回下表:let arr = ["a", "b", "c"];console.log(Object.keys(arr))->0,1,2; } for (var attr in obj1) { var t1 = obj1[attr] instanceof Object; var t2 = obj2[attr] instanceof Object; if (t1 && t2) { // TODO diff(obj1[attr], obj2[attr]); } else if (obj1[attr] !== obj2[attr]) { return false; } } return true; } /** * 根据字典的value显示label */ export const findByvalue = (dic: { label: any; }[], value: string | any[]) => { let result = ''; if (validatenull(dic)) return value; if (typeof (value) == 'string' || typeof (value) == 'number' || typeof (value) == 'boolean') { let index = 0; index = findArray(dic, value); if (index != -1) { result = dic[index].label; } else { result = value; } } else if (value instanceof Array) { result; let index = 0; value.forEach(ele => { index = findArray(dic, ele); if (index != -1) { (result as any).push(dic[index].label); } else { (result as any).push(value); } }); result = result.toString(); } return result; }; /** * 根据字典的value查找对应的index */ export const findArray = (dic: string | any[], value: string | number | boolean) => { for (let i = 0; i < dic.length; i++) { if (dic[i].value == value) { return i; } } return -1; }; /** * 生成随机len位数字 */ export const randomLenNum = (len: number | undefined, date: any) => { let random = ''; random = Math.ceil(Math.random() * 100000000000000).toString().substr(0, len ? len : 4); if (date) random = random + Date.now(); return random; }; /** * 打开小窗口 */ export const openWindow = (url: string | undefined, title: string | undefined, w: number, h: number) => { // Fixes dual-screen position Most browsers Firefox const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : (screen as any).left const dualScreenTop = window.screenTop !== undefined ? window.screenTop : (screen as any).top const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height const left = ((width / 2) - (w / 2)) + dualScreenLeft const top = ((height / 2) - (h / 2)) + dualScreenTop const newWindow = window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left) // Puts focus on the newWindow if ((window as any).focus) { (newWindow as any).focus() } } /** * 获取顶部地址栏地址 */ export const getTopUrl = () => { return window.location.href.split("/#/")[0]; } /** * 获取url参数 * @param name 参数名 */ export const getQueryString = (name: string) => { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg); if (r != null) return unescape(decodeURI(r[2])); return null; } /** * 获取url参数 * @param name 参数名 */ export const getQueryString2 = (name: string) => { let r = window.location.href; let exp = new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(r) || [,""] // eslint-disable-next-line return decodeURIComponent((exp as any)[1].replace(/\+/g, '%20')) || null }