@ivujs/i-utils 1.1.1

package/dist/cjs/desensitized/index.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+/**
+ * 姓名中间转为星号
+ * @param {String} value 姓名
+ * @returns {String} 返回转化后字符串
+ */
+function formatStartOfName(value) {
+  if (value.length === 2) {
+    return _formatStartOf(value, 1, 1);
+  } else if (value.length > 2) {
+    return _formatStartOf(value, 1, value.length - 2);
+  } else {
+    return value;
+  }
+}
+
+/**
+ * 手机号码固定位数转为星号
+ * @param {String} value 手机号码
+ * @param {Number} start 前缀长度，默认3位
+ * @param {Number} len 显示星号的长度，默认4位
+ * @returns {String} 返回转化后字符串
+ */
+function formatStartOfMobile(value, start = 3, len = 4) {
+  return _formatStartOf(value, start, len);
+}
+
+/**
+ * 身份证号码固定位数转为星号
+ * @param {String} value 身份证号码
+ * @param {Number} start 前缀长度，默认4位
+ * @param {Number} len 显示星号的长度，默认8位
+ * @returns {String} 返回转化后字符串
+ */
+function formatStartOfIDCard(value, start = 4, len = 8) {
+  return _formatStartOf(value, start, len);
+}
+
+/**
+ * 银行卡号固定位数转为星号
+ * @param {String} value 银行卡号
+ * @param {Number} start 前缀长度，默认4位
+ * @param {Number} len 显示星号的长度，默认10位
+ * @returns {String} 返回转化后字符串
+ */
+function formatStartOfBankCard(value, start = 4, len = 11) {
+  return _formatStartOf(value, start, len);
+}
+
+/**
+ * 指定位置的字符串转为星号
+ * @param {String|Number} value 参数
+ * @param {Number} start 前缀长度
+ * @param {Number} len 显示星号的长度
+ * @returns {String} 返回转化后字符串
+ */
+function _formatStartOf(value, start, len) {
+  value = String(value);
+  if (start > value.length) return value;
+  // len小于0和len大于剩余长度
+  let startStr = "";
+  if (len < 0) len = 0;
+  if (len > value.length - start) {
+    len = value.length - start;
+  }
+  startStr = String().padEnd(len, "*");
+  return value.substring(0, start) + startStr + value.substring(start + len);
+}
+
+exports.formatStartOfBankCard = formatStartOfBankCard;
+exports.formatStartOfIDCard = formatStartOfIDCard;
+exports.formatStartOfMobile = formatStartOfMobile;
+exports.formatStartOfName = formatStartOfName;

package/dist/cjs/device/index.cjs

@@ -0,0 +1,159 @@
+'use strict';
+
+/* 浏览器信息 */
+/**
+ * 获取浏览器信息
+ * @description 会获取到浏览器对应的名称以及版本
+ * @returns {Object} 返回浏览器信息
+ */
+function getBrowserInfo() {
+  let ua = window.navigator.userAgent.toLowerCase();
+
+  // ie
+  let ie = ua.match(/rv:([\d.]+)\) like gecko/) || ua.match(/msie ([\d\.]+)/);
+  // edge
+  let edge = ua.match(/edg\/([\d\.]+)/);
+  // firefox
+  let firefox = ua.match(/firefox\/([\d\.]+)/);
+  // opera
+  let opera = ua.match(/(?:opera|opr).([\d\.]+)/);
+  // chrome
+  let chrome = ua.match(/chrome\/([\d\.]+)/);
+  // safari
+  let safari = ua.match(/version\/([\d\.]+).*safari/);
+
+  // 判断类型
+  if (ie) return { name: "ie", version: ie[1] };
+  if (edge) return { name: "edge", version: edge[1] };
+  if (firefox) return { name: "firefox", version: firefox[1] };
+  if (opera) return { name: "opera", version: opera[1] };
+  if (chrome) return { name: "chrome", version: chrome[1] };
+  if (safari) return { name: "safari", version: safari[1] };
+  return "unknown";
+}
+
+/* 设备类型 */
+/**
+ * 判断是pc端
+ * @returns {Boolean} 返回true和false
+ */
+function isPc() {
+  return !isPhone();
+}
+
+/**
+ * 判断是手机端
+ * @description 包含 android、iphone、黑莓手机、微软手机 等多种操作系统机型
+ * @returns {Boolean} 返回true和false
+ */
+function isPhone() {
+  let ua = window.navigator.userAgent;
+  return /Android|webOS|iPhone|iPod|BlackBerry|Windows Phone|IEMobile/i.test(ua);
+}
+
+/* 操作系统类型 */
+/**
+ * 判断是 android
+ * @returns {Boolean} 返回true和false
+ */
+function isAndroid() {
+  let ua = window.navigator.userAgent;
+  return /Android|BlackBerry/i.test(ua);
+}
+
+/**
+ * 判断是 ios
+ * @returns {Boolean} 返回true和false
+ */
+function isIos() {
+  let ua = window.navigator.userAgent;
+  return /iPhone|iPad|iPod|iOS/i.test(ua);
+}
+
+/**
+ * 判断是 windows phone
+ * @returns {Boolean} 返回true和false
+ */
+function isWindowsPhone() {
+  let ua = window.navigator.userAgent;
+  return /Windows Phone/i.test(ua);
+}
+
+/**
+ * 判断是 windows
+ * @returns {Boolean} 返回true和false
+ */
+function isWindows() {
+  let ua = window.navigator.userAgent;
+  return /win/i.test(ua);
+}
+
+/**
+ * 判断是 linux
+ * @returns {Boolean} 返回true和false
+ */
+function isLinux() {
+  let ua = window.navigator.userAgent;
+  return /linux/i.test(ua);
+}
+
+/**
+ * 判断是 Mac
+ * @returns {Boolean} 返回true和false
+ */
+function isMac() {
+  let ua = window.navigator.userAgent;
+  return /mac/i.test(ua);
+}
+
+/* 苹果设备类型 */
+/**
+ * 判断是iphone
+ *@returns {Boolean} 返回true和false
+ */
+function isIphone() {
+  let ua = window.navigator.userAgent;
+  return /iPhone/i.test(ua);
+}
+
+/**
+ * 判断是ipad
+ *@return {Boolean} 返回true和false
+ */
+function isIpad() {
+  let ua = window.navigator.userAgent;
+  return /iPod/i.test(ua);
+}
+
+/* 手机浏览器类型 */
+/**
+ * 判断是微信内置浏览器
+ * @returns {Boolean} 返回true和false
+ */
+function isWeixin() {
+  let ua = window.navigator.userAgent;
+  return /MicroMessenger/i.test(ua);
+}
+
+/**
+ * 判断是QQ内置浏览器
+ * @returns {Boolean} 返回true和false
+ */
+function isQQ() {
+  let ua = window.navigator.userAgent;
+  return /QQ/i.test(ua);
+}
+
+exports.getBrowserInfo = getBrowserInfo;
+exports.isAndroid = isAndroid;
+exports.isIos = isIos;
+exports.isIpad = isIpad;
+exports.isIphone = isIphone;
+exports.isLinux = isLinux;
+exports.isMac = isMac;
+exports.isPc = isPc;
+exports.isPhone = isPhone;
+exports.isQQ = isQQ;
+exports.isWeixin = isWeixin;
+exports.isWindows = isWindows;
+exports.isWindowsPhone = isWindowsPhone;

package/dist/cjs/dom/index.cjs

@@ -0,0 +1,176 @@
+'use strict';
+
+/* Class操作 */
+/**
+ * 判断元素包含某个类名
+ * @param {Element} elem 元素
+ * @param {String} className 类名
+ * @return {Boolean} 返回true和false
+ */
+function hasClass(elem, className) {
+  return elem.className.indexOf(className) > 0;
+}
+
+/**
+ * 元素添加类名
+ * @param {Element} elem 元素
+ * @param {String} className 类名
+ */
+function addClass(elem, className) {
+  if (!hasClass(elem, className)) {
+    elem.className += " " + className;
+  }
+}
+
+/**
+ * 元素删除类名
+ * @param {Element} elem 元素
+ * @param {String} className 类名
+ */
+function removeClass(elem, className) {
+  if (hasClass(elem, className)) {
+    elem.className = elem.className.replace(new RegExp(className, "gm"), "");
+  }
+}
+
+/**
+ * 元素替换类名
+ * @param {Element} elem 元素
+ * @param {String} newClassName 新的类名
+ * @param {String} oldClassName 被替换掉的旧类名
+ */
+function replaceClass(elem, newClassName, oldClassName) {
+  removeClass(elem, oldClassName);
+  addClass(elem, newClassName);
+}
+
+/* Style操作 */
+/**
+ * 添加元素的style样式
+ * @param {Element} elem 元素
+ * @param {Object} styles 样式属性集合
+ */
+function addStyle(elem, styles = {}) {
+  if (!elem) return;
+  for (let key in styles) {
+    elem.style[key] = styles[key];
+  }
+}
+
+/**
+ * 获取元素的style样式
+ * @param {Element} elem 元素
+ * @param {String} name 属性
+ * @returns {String} 返回样式的值
+ */
+function getStyle(elem, name) {
+  if (!elem) return;
+  return elem.style[name];
+}
+
+/**
+ * 删除元素的style样式
+ * @param {Element} elem 元素
+ * @param {String} name 属性
+ */
+function removeStyle(elem, name) {
+  if (!elem) return;
+  elem.style.removeProperty(name);
+}
+
+/* Html转码 */
+/**
+ * html标签转义
+ * @param {String} htmlStr html字符串
+ * @returns {String} 返回转义后的字符串
+ */
+function htmlEncode(htmlStr) {
+  const temp = {
+    "<": "&lt;",
+    ">": "&gt;",
+    "&": "&amp;",
+    "(": "&#40;",
+    ")": "&#41;",
+    "/": "&#47;",
+    " ": "&nbsp;",
+    '"': "&quot;",
+    "'": "&#39;",
+  };
+  return htmlStr.replace(/[<>&|()\/ '"]/g, function (c) {
+    return temp[c];
+  });
+}
+
+/**
+ * html标签解码
+ * @param {String} htmlStr html字符串
+ * @returns {String} 返回解析后的字符串
+ */
+function htmlDecode(htmlStr) {
+  const temp = {
+    "&lt;": "<",
+    "&gt;": ">",
+    "&amp;": "&",
+    "&#40;": "(",
+    "&#41;": ")",
+    "&#47;": "/",
+    "&nbsp;": " ",
+    "&quot;": '"',
+    "&#39;": "'",
+  };
+  return htmlStr.replace(/(&lt;|&gt;|&amp;|&#40;|&#41;|&#47;|&nbsp;|&quot;|&#39;)/gi, function (all, t) {
+    return temp[t];
+  });
+}
+
+/* 复制剪切板 */
+/**
+ * 复制文本到剪贴板
+ * @param {String} text 文本
+ * @description 仅支持谷歌等新浏览器
+ * @returns {Promise} 返回Promise的复制成功和失败
+ */
+function copyText(text) {
+  // 谷歌等新版本浏览器
+  return new Promise((resolve, reject) => {
+    navigator.clipboard
+      .writeText(text)
+      .then(() => {
+        resolve(text);
+      })
+      .catch((error) => {
+        console.error("copy error!");
+        reject(error);
+      });
+  });
+}
+
+/**
+ * 从剪贴板获取文本
+ * @description 仅支持谷歌等新浏览器
+ * @returns {Promise} 返回Promise的剪切板内容
+ */
+function getCopyText() {
+  return new Promise((resolve, reject) => {
+    navigator.clipboard
+      .readText()
+      .then((text) => {
+        resolve(text);
+      })
+      .catch((error) => {
+        reject(error);
+      });
+  });
+}
+
+exports.addClass = addClass;
+exports.addStyle = addStyle;
+exports.copyText = copyText;
+exports.getCopyText = getCopyText;
+exports.getStyle = getStyle;
+exports.hasClass = hasClass;
+exports.htmlDecode = htmlDecode;
+exports.htmlEncode = htmlEncode;
+exports.removeClass = removeClass;
+exports.removeStyle = removeStyle;
+exports.replaceClass = replaceClass;