mazey 1.4.23 → 1.4.27

package/src/index.ts

@@ -251,11 +251,12 @@ export function resetForm(...rest: any[]) {
 /**
  * @method floatToPercent
  * @description 浮点数转为百分比 0.2 => 20%。
- * @param {Number} 浮点数。
+ * @param {Number} num 浮点数
+ * @param {Number} fixSize 保留几位浮点数
  * */
-export function floatToPercent(num: any, isFix: any) {
-  if (isFix) {
-    num = (num * 100).toFixed(isFix);
+export function floatToPercent(num: any, fixSize = 0): string {
+  if (fixSize) {
+    num = (num * 100).toFixed(fixSize);
   } else {
     num = Math.floor(num * 100);
   }
@@ -618,7 +619,7 @@ export function getLocalStorage(key: string) {
   return ret;
 }
 
-/*
+/**
  * @method loadCSS
  * @description 动态加载css文件
  * @param {String} url -- css资源路径
@@ -739,22 +740,26 @@ export function loadCSS({ url = '', id = '' } = {}) {
   return status;
 }
 
-/*
+/**
  * @method loadScript
  * @description 动态加载js文件
  * @param {String} url -- js资源路径
  * @param {String} id -- DOM ID
  * @param {Function} callback -- 加载后回调函数
  * @param {Number} timeout -- 超时时长
+ * @param {Boolean} isDefer -- 是否添加 defer 标签
  * @return {Promise<Boolean>} -- true 成功
  */
-export function loadScript({ url = '', id = '', callback = function () { /* pass */ }, timeout = 5000 } = {}) {
+export function loadScript({ url = '', id = '', callback = function () { /* pass */ }, timeout = 5000, isDefer = false } = {}): any {
   let success: any = null;
   let fail: any = null;
   const script: any = document.createElement('script');
   // 如果没有 script 标签，那么代码就不会运行。可以利用这一事实，在页面的第一个 script 标签上使用 insertBefore()。
   const firstScript: any = document.getElementsByTagName('script')[0];
   script.type = 'text/javascript';
+  if (isDefer) {
+    script.defer = 'defer';
+  }
   if (id) {
     script.id = id;
   }
@@ -784,7 +789,7 @@ export function loadScript({ url = '', id = '', callback = function () { /* pass
   });
 }
 
-/*
+/**
  * @method mNow
  * @description 获取时间戳
  */
@@ -798,7 +803,7 @@ export function mNow() {
   return ret;
 }
 
-/*
+/**
  * @method setCookie
  * @description 设置 Cookie
  */
@@ -840,7 +845,7 @@ export function setCookie(name: string, value: string, days: number, domain: str
   }
 }
 
-/*
+/**
  * @method getCookie
  * @description 获取 Cookie
  */
@@ -857,7 +862,7 @@ export function getCookie(name: string) {
   return null;
 }
 
-/*
+/**
  * @method getPerformance
  * @description 获取页面加载相关的各项数据
  * @param {Boolean} camelCase -- true（默认） 以驼峰形式返回数据 false 以下划线形式返回数据
@@ -937,12 +942,17 @@ export function getPerformance({ camelCase = true } = {}) {
         decodedBodySize: performanceNavigationTiming.decodedBodySize || '', //页面压缩前大小
         encodedBodySize: performanceNavigationTiming.encodedBodySize || '', //页面压缩后大小
       };
-      // 过滤掉 <0 的数据
+      // 过滤异常数据
       Object.keys(data).forEach(k => {
+        // 过滤掉 <0 的数据
         if (isNumber(data[k]) && data[k] < 0) {
           data[k] = 0;
         }
       });
+      // 过滤掉白屏时间 > onload 的数据
+      if (isNumber(data.whiteTime) && data.whiteTime > data.onloadTime) {
+        data.whiteTime = 0;
+      }
       if (startTime > 0) {
         let Underscore: any;
         if (!camelCase) {
@@ -1062,7 +1072,7 @@ export function getPerformance({ camelCase = true } = {}) {
   return status;
 }
 
-/*
+/**
  * @method inRate
  * @description 百分位概率
  * @param {Number} rate -- 0.1 ~ 1 => 1% ~ 100%
@@ -1075,7 +1085,7 @@ export function inRate(rate: number): boolean {
   return false;
 }
 
-/*
+/**
  * @method isSafePWAEnv
  * @description 判断是否是安全的 PWA 环境
  * @return {Boolean} true 是
@@ -1083,17 +1093,19 @@ export function inRate(rate: number): boolean {
 export function isSafePWAEnv(): boolean {
   // 判断是否支持 async await
   function isSupportAsyncAwait() {
-    let func;
+    let isSupportAsyncAwaitFunc;
     try {
       // eval("func = async function(){};");
-      new Function("var isSupportAsyncAwaitFunc = async function(){};");
+      const fn = new Function("return async function(){};");
+      isSupportAsyncAwaitFunc = fn();
+      // console.log('isSupportAsyncAwaitFunc', isSupportAsyncAwaitFunc);
+      // 由于async函数的构造器不是全局对象，所以我们需要由下面代码来获取async函数的构造器
+      // 具体可以查看以下MDN上有关于AsyncFunction的说明，
+      // 地址：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction
+      return Object.getPrototypeOf(isSupportAsyncAwaitFunc).constructor != null;
     } catch (e) {
       return false;
     }
-    // 由于async函数的构造器不是全局对象，所以我们需要由下面代码来获取async函数的构造器
-    // 具体可以查看以下MDN上有关于AsyncFunction的说明，
-    // 地址：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction
-    return Object.getPrototypeOf(func).constructor != null;
   }
   // 判断是否支持 Promise
   function isSupportPromise() {
@@ -1118,151 +1130,203 @@ export function isSafePWAEnv(): boolean {
   return false;
 }
 
-/*
- * @method showBrowserType
+/**
+ * @method getBrowserType
  * @description 返回浏览器信息 https://github.com/JowayYoung/juejin-code/blob/master/browser-type.js
  * @return {Object} 浏览器信息
  */
-export function getBrowserType() {
-	// 权重：系统 + 系统版本 > 平台 > 内核 + 载体 + 内核版本 + 载体版本 > 外壳 + 外壳版本
-	const ua: any = navigator.userAgent.toLowerCase();
-	const testUa: (regexp: any) => any = regexp => regexp.test(ua);
-	const testVs: (regexp: any) => any = regexp => ua.match(regexp)
-		.toString()
-		.replace(/[^0-9|_.]/g, "")
-		.replace(/_/g, ".");
-	// 系统
-	let system = "unknow";
-	if (testUa(/windows|win32|win64|wow32|wow64/g)) {
-		system = "windows"; // windows系统
-	} else if (testUa(/macintosh|macintel/g)) {
-		system = "macos"; // macos系统
-	} else if (testUa(/x11/g)) {
-		system = "linux"; // linux系统
-	} else if (testUa(/android|adr/g)) {
-		system = "android"; // android系统
-	} else if (testUa(/ios|iphone|ipad|ipod|iwatch/g)) {
-		system = "ios"; // ios系统
-	}
-	// 系统版本
-	let systemVs = "unknow";
-	if (system === "windows") {
-		if (testUa(/windows nt 5.0|windows 2000/g)) {
-			systemVs = "2000";
-		} else if (testUa(/windows nt 5.1|windows xp/g)) {
-			systemVs = "xp";
-		} else if (testUa(/windows nt 5.2|windows 2003/g)) {
-			systemVs = "2003";
-		} else if (testUa(/windows nt 6.0|windows vista/g)) {
-			systemVs = "vista";
-		} else if (testUa(/windows nt 6.1|windows 7/g)) {
-			systemVs = "7";
-		} else if (testUa(/windows nt 6.2|windows 8/g)) {
-			systemVs = "8";
-		} else if (testUa(/windows nt 6.3|windows 8.1/g)) {
-			systemVs = "8.1";
-		} else if (testUa(/windows nt 10.0|windows 10/g)) {
-			systemVs = "10";
-		}
-	} else if (system === "macos") {
-		systemVs = testVs(/os x [\d._]+/g);
-	} else if (system === "android") {
-		systemVs = testVs(/android [\d._]+/g);
-	} else if (system === "ios") {
-		systemVs = testVs(/os [\d._]+/g);
-	}
-	// 平台
-	let platform = "unknow";
-	if (system === "windows" || system === "macos" || system === "linux") {
-		platform = "desktop"; // 桌面端
-	} else if (system === "android" || system === "ios" || testUa(/mobile/g)) {
-		platform = "mobile"; // 移动端
-	}
-	// 内核和载体
-	let engine = "unknow";
-	let supporter = "unknow";
-	if (testUa(/applewebkit/g)) {
-		engine = "webkit"; // webkit内核
-		if (testUa(/edge/g)) {
-			supporter = "edge"; // edge浏览器
-		} else if (testUa(/opr/g)) {
-			supporter = "opera"; // opera浏览器
-		} else if (testUa(/chrome/g)) {
-			supporter = "chrome"; // chrome浏览器
-		} else if (testUa(/safari/g)) {
-			supporter = "safari"; // safari浏览器
-		}
-	} else if (testUa(/gecko/g) && testUa(/firefox/g)) {
-		engine = "gecko"; // gecko内核
-		supporter = "firefox"; // firefox浏览器
-	} else if (testUa(/presto/g)) {
-		engine = "presto"; // presto内核
-		supporter = "opera"; // opera浏览器
-	} else if (testUa(/trident|compatible|msie/g)) {
-		engine = "trident"; // trident内核
-		supporter = "iexplore"; // iexplore浏览器
-	}
-	// 内核版本
-	let engineVs = "unknow";
-	if (engine === "webkit") {
-		engineVs = testVs(/applewebkit\/[\d._]+/g);
-	} else if (engine === "gecko") {
-		engineVs = testVs(/gecko\/[\d._]+/g);
-	} else if (engine === "presto") {
-		engineVs = testVs(/presto\/[\d._]+/g);
-	} else if (engine === "trident") {
-		engineVs = testVs(/trident\/[\d._]+/g);
-	}
-	// 载体版本
-	let supporterVs = "unknow";
-	if (supporter === "chrome") {
-		supporterVs = testVs(/chrome\/[\d._]+/g);
-	} else if (supporter === "safari") {
-		supporterVs = testVs(/version\/[\d._]+/g);
-	} else if (supporter === "firefox") {
-		supporterVs = testVs(/firefox\/[\d._]+/g);
-	} else if (supporter === "opera") {
-		supporterVs = testVs(/opr\/[\d._]+/g);
-	} else if (supporter === "iexplore") {
-		supporterVs = testVs(/(msie [\d._]+)|(rv:[\d._]+)/g);
-	} else if (supporter === "edge") {
-		supporterVs = testVs(/edge\/[\d._]+/g);
-	}
-	// 外壳和外壳版本
-	let shell = "none";
-	let shellVs = "unknow";
-	if (testUa(/micromessenger/g)) {
-		shell = "wechat"; // 微信浏览器
-		shellVs = testVs(/micromessenger\/[\d._]+/g);
-	} else if (testUa(/qqbrowser/g)) {
-		shell = "qq"; // QQ浏览器
-		shellVs = testVs(/qqbrowser\/[\d._]+/g);
-	} else if (testUa(/ucbrowser/g)) {
-		shell = "uc"; // UC浏览器
-		shellVs = testVs(/ucbrowser\/[\d._]+/g);
-	} else if (testUa(/qihu 360se/g)) {
-		shell = "360"; // 360浏览器(无版本)
-	} else if (testUa(/2345explorer/g)) {
-		shell = "2345"; // 2345浏览器
-		shellVs = testVs(/2345explorer\/[\d._]+/g);
-	} else if (testUa(/metasr/g)) {
-		shell = "sougou"; // 搜狗浏览器(无版本)
-	} else if (testUa(/lbbrowser/g)) {
-		shell = "liebao"; // 猎豹浏览器(无版本)
-	} else if (testUa(/maxthon/g)) {
-		shell = "maxthon"; // 遨游浏览器
-		shellVs = testVs(/maxthon\/[\d._]+/g);
-	}
-	return Object.assign({
-		engine, // webkit gecko presto trident
-		engineVs,
-		platform, // desktop mobile
-		supporter, // chrome safari firefox opera iexplore edge
-		supporterVs,
-		system, // windows macos linux android ios
-		systemVs
-	}, shell === "none" ? {} : {
-		shell, // wechat qq uc 360 2345 sougou liebao maxthon
-		shellVs
-	});
-}
+export function getBrowserType(): any {
+  try {
+    // 权重：系统 + 系统版本 > 平台 > 内核 + 载体 + 内核版本 + 载体版本 > 外壳 + 外壳版本
+    const ua: any = navigator.userAgent.toLowerCase();
+    const testUa: (regexp: any) => any = regexp => regexp.test(ua);
+    const testVs: (regexp: any) => any = regexp => ua.match(regexp)
+      .toString()
+      .replace(/[^0-9|_.]/g, "")
+      .replace(/_/g, ".");
+    // 系统
+    let system = "unknow";
+    if (testUa(/windows|win32|win64|wow32|wow64/g)) {
+      system = "windows"; // windows系统
+    } else if (testUa(/macintosh|macintel/g)) {
+      system = "macos"; // macos系统
+    } else if (testUa(/x11/g)) {
+      system = "linux"; // linux系统
+    } else if (testUa(/android|adr/g)) {
+      system = "android"; // android系统
+    } else if (testUa(/ios|iphone|ipad|ipod|iwatch/g)) {
+      system = "ios"; // ios系统
+    }
+    // 系统版本
+    let systemVs = "unknow";
+    if (system === "windows") {
+      if (testUa(/windows nt 5.0|windows 2000/g)) {
+        systemVs = "2000";
+      } else if (testUa(/windows nt 5.1|windows xp/g)) {
+        systemVs = "xp";
+      } else if (testUa(/windows nt 5.2|windows 2003/g)) {
+        systemVs = "2003";
+      } else if (testUa(/windows nt 6.0|windows vista/g)) {
+        systemVs = "vista";
+      } else if (testUa(/windows nt 6.1|windows 7/g)) {
+        systemVs = "7";
+      } else if (testUa(/windows nt 6.2|windows 8/g)) {
+        systemVs = "8";
+      } else if (testUa(/windows nt 6.3|windows 8.1/g)) {
+        systemVs = "8.1";
+      } else if (testUa(/windows nt 10.0|windows 10/g)) {
+        systemVs = "10";
+      }
+    } else if (system === "macos") {
+      systemVs = testVs(/os x [\d._]+/g);
+    } else if (system === "android") {
+      systemVs = testVs(/android [\d._]+/g);
+    } else if (system === "ios") {
+      systemVs = testVs(/os [\d._]+/g);
+    }
+    // 平台
+    let platform = "unknow";
+    if (system === "windows" || system === "macos" || system === "linux") {
+      platform = "desktop"; // 桌面端
+    } else if (system === "android" || system === "ios" || testUa(/mobile/g)) {
+      platform = "mobile"; // 移动端
+    }
+    // 内核和载体
+    let engine = "unknow";
+    let supporter = "unknow";
+    if (testUa(/applewebkit/g)) {
+      engine = "webkit"; // webkit内核
+      if (testUa(/edge/g)) {
+        supporter = "edge"; // edge浏览器
+      } else if (testUa(/opr/g)) {
+        supporter = "opera"; // opera浏览器
+      } else if (testUa(/chrome/g)) {
+        supporter = "chrome"; // chrome浏览器
+      } else if (testUa(/safari/g)) {
+        supporter = "safari"; // safari浏览器
+      }
+    } else if (testUa(/gecko/g) && testUa(/firefox/g)) {
+      engine = "gecko"; // gecko内核
+      supporter = "firefox"; // firefox浏览器
+    } else if (testUa(/presto/g)) {
+      engine = "presto"; // presto内核
+      supporter = "opera"; // opera浏览器
+    } else if (testUa(/trident|compatible|msie/g)) {
+      engine = "trident"; // trident内核
+      supporter = "iexplore"; // iexplore浏览器
+    }
+    // 内核版本
+    let engineVs = "unknow";
+    if (engine === "webkit") {
+      engineVs = testVs(/applewebkit\/[\d._]+/g);
+    } else if (engine === "gecko") {
+      engineVs = testVs(/gecko\/[\d._]+/g);
+    } else if (engine === "presto") {
+      engineVs = testVs(/presto\/[\d._]+/g);
+    } else if (engine === "trident") {
+      engineVs = testVs(/trident\/[\d._]+/g);
+    }
+    // 载体版本
+    let supporterVs = "unknow";
+    if (supporter === "chrome") {
+      supporterVs = testVs(/chrome\/[\d._]+/g);
+    } else if (supporter === "safari") {
+      supporterVs = testVs(/version\/[\d._]+/g);
+    } else if (supporter === "firefox") {
+      supporterVs = testVs(/firefox\/[\d._]+/g);
+    } else if (supporter === "opera") {
+      supporterVs = testVs(/opr\/[\d._]+/g);
+    } else if (supporter === "iexplore") {
+      supporterVs = testVs(/(msie [\d._]+)|(rv:[\d._]+)/g);
+    } else if (supporter === "edge") {
+      supporterVs = testVs(/edge\/[\d._]+/g);
+    }
+    // 外壳和外壳版本
+    let shell = "none";
+    let shellVs = "unknow";
+    if (testUa(/micromessenger/g)) {
+      shell = "wechat"; // 微信浏览器
+      shellVs = testVs(/micromessenger\/[\d._]+/g);
+    } else if (testUa(/qqbrowser/g)) {
+      shell = "qq"; // QQ浏览器
+      shellVs = testVs(/qqbrowser\/[\d._]+/g);
+    } else if (testUa(/ucbrowser/g)) {
+      shell = "uc"; // UC浏览器
+      shellVs = testVs(/ucbrowser\/[\d._]+/g);
+    } else if (testUa(/qihu 360se/g)) {
+      shell = "360"; // 360浏览器(无版本)
+    } else if (testUa(/2345explorer/g)) {
+      shell = "2345"; // 2345浏览器
+      shellVs = testVs(/2345explorer\/[\d._]+/g);
+    } else if (testUa(/metasr/g)) {
+      shell = "sougou"; // 搜狗浏览器(无版本)
+    } else if (testUa(/lbbrowser/g)) {
+      shell = "liebao"; // 猎豹浏览器(无版本)
+    } else if (testUa(/maxthon/g)) {
+      shell = "maxthon"; // 遨游浏览器
+      shellVs = testVs(/maxthon\/[\d._]+/g);
+    }
+    return Object.assign({
+      engine, // webkit gecko presto trident
+      engineVs,
+      platform, // desktop mobile
+      supporter, // chrome safari firefox opera iexplore edge
+      supporterVs,
+      system, // windows macos linux android ios
+      systemVs
+    }, shell === "none" ? {} : {
+      shell, // wechat qq uc 360 2345 sougou liebao maxthon
+      shellVs
+    });
+  } catch (err) {
+    return {};
+  }
+}
+
+/**
+ * @method clearHtml
+ * @description 去除HTML标签
+ * @param {String} string 带html标签的字符串
+ * @return {String} 字符串
+ */
+export function clearHtml (string = ''): string {
+  return string.replace(/<\/?.+?>/g, '').replace(/[\r\n]/g, '');
+}
+
+/**
+ * @method cutCHSString
+ * @description 截取字符串，中文算2个字节
+ * @param {String} str 要截取的字符串
+ * @param {Number} len
+ * @param {Boolean} hasDot
+ * @returns {String} 返回截取后的字符串
+ */
+export function cutCHSString(str = '', len = str.length, hasDot = false): string {
+  if (str == '' || !str) {
+    return '';
+  } else {
+    let newLength = 0;
+    let newStr = '';
+    // eslint-disable-next-line no-control-regex
+    const chineseRegex = /[^\x00-\xff]/g;
+    let singleChar = '';
+    const strLength = str.replace(chineseRegex, '**').length;
+    for (let i = 0; i < strLength; i++) {
+      singleChar = str.charAt(i).toString();
+      if (singleChar.match(chineseRegex) != null) {
+        newLength += 2;
+      } else {
+        newLength++;
+      }
+      if (newLength > len) {
+        break;
+      }
+      newStr += singleChar;
+    }
+
+    if (hasDot && strLength > len) {
+      newStr += '...';
+    }
+    return newStr;
+  }
+}

package/src/js/data-structure/MSet.js

@@ -1,89 +1,89 @@
 // 集合
 export default function MSet () {
-  this.dataStore = []
-  this.add = add
-  this.remove = remove
-  this.size = size
-  this.show = show
-  this.contains = contains
-  this.union = union
-  this.intersect = intersect
-  this.subset = subset
-  this.difference = difference
+  this.dataStore = [];
+  this.add = add;
+  this.remove = remove;
+  this.size = size;
+  this.show = show;
+  this.contains = contains;
+  this.union = union;
+  this.intersect = intersect;
+  this.subset = subset;
+  this.difference = difference;
 }
 function add (data) {
   if (this.dataStore.indexOf(data) < 0) {
-    this.dataStore.push(data)
-    return true
+    this.dataStore.push(data);
+    return true;
   } else {
-    return false
+    return false;
   }
 }
 function remove (data) {
-  let pos = this.dataStore.indexOf(data)
+  let pos = this.dataStore.indexOf(data);
   if (pos > -1) {
-    this.dataStore.splice(pos, 1)
-    return true
+    this.dataStore.splice(pos, 1);
+    return true;
   } else {
-    return false
+    return false;
   }
 }
 function size () {
-  return this.dataStore.length
+  return this.dataStore.length;
 }
 function show () {
-  return this.dataStore
+  return this.dataStore;
 }
 function contains (data) {
   if (this.dataStore.indexOf(data) > -1) {
-    return true
+    return true;
   } else {
-    return false
+    return false;
   }
 }
 // 并集
 function union (set) {
-  let tempSet = new MSet()
+  let tempSet = new MSet();
   for (let i = 0; i < this.dataStore.length; ++i) {
-    tempSet.add(this.dataStore[i])
+    tempSet.add(this.dataStore[i]);
   }
   for (let i = 0; i < set.dataStore.length; ++i) {
     if (!tempSet.contains(set.dataStore[i])) {
-      tempSet.dataStore.push(set.dataStore[i])
+      tempSet.dataStore.push(set.dataStore[i]);
     }
   }
-  return tempSet
+  return tempSet;
 }
 // 交集
 function intersect (set) {
-  let tempSet = new MSet()
+  let tempSet = new MSet();
   for (let i = 0; i < this.dataStore.length; ++i) {
     if (set.contains(this.dataStore[i])) {
-      tempSet.add(this.dataStore[i])
+      tempSet.add(this.dataStore[i]);
     }
   }
-  return tempSet
+  return tempSet;
 }
 // 子集
 function subset (set) {
   if (this.size() > set.size()) {
-    return false
+    return false;
   } else {
     for (let i = 0; i < this.dataStore.length; ++i) {
       if (!set.contains(this.dataStore[i])) {
-        return false
+        return false;
       }
     }
   }
-  return true
+  return true;
 }
 // 差集
 function difference (set) {
-  let tempSet = new MSet()
+  let tempSet = new MSet();
   for (let i = 0; i < this.dataStore.length; ++i) {
     if (!set.contains(this.dataStore[i])) {
-      tempSet.add(this.dataStore[i])
+      tempSet.add(this.dataStore[i]);
     }
   }
-  return tempSet
+  return tempSet;
 }

package/src/js/service/common.js

@@ -1,4 +1,4 @@
 // 时间戳
 export const mNow = Date.now || function () {
-  return new Date().getTime()
-}
+  return new Date().getTime();
+};