common-utils-kit 1.1.3 → 1.1.5

package/README.md

@@ -17,12 +17,39 @@ import commonUtilsKit from "common-utils-kit";
 Vue.prototype.$test = commonUtilsKit.test;
 例：验证是否为数字 this.$test.number(1)
 ```
-<!-- ### directives(指令)
-1. v-debounce(按钮或输入框防抖)
-   * function：需要防抖的函数
-   * event：事件类型
-   * time：防抖时间
-```
-<el-input v-debounce="[function,`input`,1000]" placeholder="输入框数组防抖" />
-<el-button v-debounce="[function,`click`,1000]">按钮防抖</el-button>
-``` -->
+### directives(指令)
+ 1. debounce(按钮或输入框防抖)
+ 2. inputDebounce(输入框防抖)
+ 3. btnDebounce(按钮防抖)
+ 4. btnThrottle(按钮节流)
+ 5. relativeTime(相对时间)
+ 6. replace(输入框字符串替换)
+ 7. elDragDialog(拖拽dialog)
+### files(文件)
+ 1. downloadBase64File(base64文件下载)
+ 2. downloadFiles(文件http地址下载)
+### format(格式化数据)
+ 1. unrepeated(数组对象去重)
+ 2. treeToFlat(树形结构拍平为一维数组)
+ 3. flatToTree(一维数组递归成为树形结构)
+ 4. recursionFunction(递归重构子集数据)
+ 5. filterData(将switch case语句转为数组对象)
+ 6. dateDiff(计算日期差值(单位：天))
+ 7. getNowDate(获取当前日期)
+ 8. setFormColumnsData(设置自定义表单列数据)
+### test(验证)
+ 1. hasValue(是否有值,可验证指定类型)
+ 2. valueType(返回数据类型)
+ 3. emai(是否为邮箱)
+ 4. mobile(是否为手机号)
+ 5. url(是否为url)
+ 6. idCard(是否为身份证号)
+ 7. carNo(是否为车牌号)
+ 8. chinese(是否为中文)
+ 9. letter(是否为字母)
+ 10. landline(是否为座机)
+ 11. code(是否为6位数短信验证码)
+### tool(工具函数)
+ 1. debounce(防抖)
+ 2. throttle(节流)
+ 3. sleep(睡眠阻塞延时)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "common-utils-kit",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "",
   "main": "index.js",
   "type": "module",

package/src/files.js

@@ -107,3 +107,131 @@ export function downloadFiles(url, filename) {
     xhr.send();
   });
 }
+/**
+ * File转Base64
+ * @param {File} file - File对象格式文件数据
+ * @example
+ * fileToBase64(file).then((base64) => {
+ *   console.log(base64); // base64格式的文件
+ * }).catch((error) => {
+ *   console.error(error); // 转换失败或其他错误信息
+ * });
+ */
+export function fileToBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    this.aa = reader.result;
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = (error) => reject(error);
+  });
+}
+/**
+ * Base64转File
+ * @param {String} base64 - base64格式文件数据
+ * @example
+ * base64ToFile(base64).then((file) => {
+ *   console.log(file); // File格式的文件
+ * }).catch((error) => {
+ *   console.error(error); // 转换失败或其他错误信息
+ * });
+ */
+export function base64ToFile(base64, filename = "file") { //将base64转换为文件
+  return new Promise((resolve, reject) => {
+    const arr = base64.split(',')
+    const mime = arr[0].match(/:(.*?);/)[1]
+    const suffix = mime.split('/')[1]
+    const bstr = atob(arr[1])
+    let n = bstr.length
+    const u8arr = new Uint8Array(n)
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n)
+    }
+    const fileData = new File([u8arr], `${filename}.${suffix}`, { type: mime })
+    resolve(fileData)
+  })
+}
+/**
+ * Base64转Blob
+ * @param {String} base64 - base64格式文件数据
+ * @example
+ * base64ToFile(base64).then((blob) => {
+ *   console.log(blob); // blob格式的文件
+ * }).catch((error) => {
+ *   console.error(error); // 转换失败或其他错误信息
+ * });
+ */
+export function base64ToFileBlob(dataurl) {
+  return new Promise((resolve, reject) => {
+    var arr = dataurl.split(','),
+      mime = arr[0].match(/:(.*?);/)[1],
+      bstr = atob(arr[1]),
+      n = bstr.length,
+      u8arr = new Uint8Array(n)
+    while (n--) {
+      u8arr[n] = bstr.charCodeAt(n)
+    }
+    const blobData = new Blob([u8arr], { type: mime })
+    resolve(blobData)
+  })
+}
+// 使用canvas压缩图片
+export function uploadCompress(file, config) {
+  return new Promise((resolve, reject) => {
+    const image = new Image();
+    image.src = URL.createObjectURL(file);
+    image.onload = () => {
+      let resultBlob = "";
+      // 压缩图片
+      resultBlob = compressUpload(image, file, config);
+      resolve(resultBlob);
+    };
+    image.onerror = (err) => { reject(err) };
+    /* 图片压缩-canvas压缩 */
+    function compressUpload(image, file, compressConfig={}) {
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      let width = compressConfig.width || image.width;
+      let height = compressConfig.height || image.height;
+
+      // 只设置宽度时，等比计算高度
+      if (compressConfig.width && !compressConfig.height) {
+        height = (compressConfig.width / image.width) * image.height;
+      }
+      // 只设置高度时，等比计算宽度
+      if (compressConfig.height && !compressConfig.width) {
+        width = (compressConfig.height / image.height) * image.width;
+      }
+
+      canvas.width = width;
+      canvas.height = height;
+      ctx.fillRect(0, 0, canvas.width, canvas.height);
+      ctx.drawImage(image, 0, 0, width, height);
+
+      // 进行最小压缩0.1
+      const compressData = canvas.toDataURL(
+        file.type || "image/jpeg",
+        compressConfig.rate || 0.5
+      );
+      // base64转Blob
+      const blobImg = dataURItoBlob(compressData);
+      console.log(" ", (blobImg.size / 1024 / 1024).toFixed(2));
+      return blobImg;
+    }
+    /* 图片格式转换——base64转Blob对象 */
+    function dataURItoBlob(data) {
+      let byteString;
+      if (data.split(",")[0].indexOf("base64") >= 0) {
+        byteString = data.split(",")[1];
+      } else {
+        byteString = unescape(data.split(",")[1]);
+      }
+      const mimeString = data.split(",")[0].split(":")[1].split(";")[0];
+      const ia = new Uint8Array(byteString.length);
+      for (let i = 0; i < byteString.length; i += 1) {
+        ia[i] = byteString.charCodeAt(i);
+      }
+      return new Blob([ia], { type: mimeString });
+    }
+  });
+}

package/src/format.js

@@ -126,9 +126,7 @@ export function flatToTree(flatArray, rootValue = null, bind = "pid") {
   flatArray.forEach(item => {
     if (item[bind] === rootValue) {
       const children = flatToTree(flatArray, item.id);
-      if (children.length) {
-        item.children = children;
-      }
+      item.children = children && children.length ? children : []
       tree.push(item);
     }
   });

package/src/test.js

@@ -19,17 +19,15 @@ export function hasValue(value, type) {
     case 'undefined':
       return false;
     case 'string':
-      return value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length > 0;
+      return (type === 'string' || !type) && value.trim().length > 0;
     case 'boolean':
-      return !!value;
+      return (type === 'boolean' || !type) && !!value;
     case 'number':
-      return (type === 'number' || value !== 0) && !isNaN(value);
+      return (type === 'number' || !type) && ((type === 'number' || value !== 0) && !isNaN(value));
     case 'object':
-      if (value === null || value.length === 0) return false;
-      for (const i in value) {
-        return true; // 只要对象有属性就认为有值
-      }
-      return false;
+      if (value === null) return false;
+      if (Array.isArray(value)) return (type === 'array' || !type) && value.length > 0;
+      return (type === 'object' || !type) && Object.keys(value).length > 0;
   }
   return false;
 }
@@ -49,21 +47,17 @@ export function hasValue(value, type) {
  * console.log(valueType(null)); // 输出: 'null'
  */
 export function valueType(value) {
-  switch (typeof value) {
+  const type = typeof value;
+  switch (type) {
     case 'string':
-      return 'string';
     case 'number':
-      return 'number';
     case 'boolean':
-      return 'boolean';
     case 'function':
-      return 'function';
+      return type;
     case 'object':
       if (value === null) {
         return 'null';
-      } else if (typeof Array.isArray === 'function' && Array.isArray(value)) {
-        return 'array';
-      } else if (Object.prototype.toString.call(value) === '[object Array]') {
+      } else if (Array.isArray(value)) {
         return 'array';
       } else if (Object.prototype.toString.call(value) === '[object Object]') {
         return 'object';
@@ -94,44 +88,6 @@ export function url(value) {
     .test(value)
 }
 
-/**
- * 验证日期格式
- */
-export function date(value) {
-  if (!value) return false
-  // 判断是否数值或者字符串数值(意味着为时间戳)，转为数值，否则new Date无法识别字符串时间戳
-  if (number(value)) value = +value
-  return !/Invalid|NaN/.test(new Date(value).toString())
-}
-
-/**
- * 验证ISO类型的日期格式
- */
-export function dateISO(value) {
-  return /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test(value)
-}
-
-/**
- * 验证十进制数字
- */
-export function number(value) {
-  return /^[\+-]?(\d+\.?\d*|\.\d+|\d\.\d+e\+\d+)$/.test(value)
-}
-
-/**
- * 验证字符串
- */
-export function string(value) {
-  return typeof value === 'string'
-}
-
-/**
- * 验证整数
- */
-export function digits(value) {
-  return /^\d+$/.test(value)
-}
-
 /**
  * 验证身份证号码
  */
@@ -180,36 +136,6 @@ export function letter(value) {
   return /^[a-zA-Z]*$/.test(value)
 }
 
-/**
- * 只能是字母或者数字
- */
-export function enOrNum(value) {
-  // 英文或者数字
-  const reg = /^[0-9a-zA-Z]*$/g
-  return reg.test(value)
-}
-
-/**
- * 验证是否包含某个值
- */
-export function contains(value, param) {
-  return value.indexOf(param) >= 0
-}
-
-/**
- * 验证一个值范围[min, max]
- */
-export function range(value, param) {
-  return value >= param[0] && value <= param[1]
-}
-
-/**
- * 验证一个长度范围[min, max]
- */
-export function rangeLength(value, param) {
-  return value.length >= param[0] && value.length <= param[1]
-}
-
 /**
  * 是否固定电话
  */
@@ -218,68 +144,6 @@ export function landline(value) {
   return reg.test(value)
 }
 
-/**
- * 判断是否为空
- */
-export function empty(value) {
-  console.log(' ', (isNaN(value)))
-  switch (typeof value) {
-    case 'undefined':
-      return true
-    case 'string':
-      if (value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true
-      break
-    case 'boolean':
-      if (!value) return true
-      break
-    case 'number':
-      if (value === 0 || isNaN(value)) return true
-      break
-    case 'object':
-      if (value === null || value.length === 0) return true
-      for (const i in value) {
-        return false
-      }
-      return true
-  }
-  return false
-}
-
-/**
- * 是否json字符串
- */
-export function jsonString(value) {
-  if (typeof value === 'string') {
-    try {
-      const obj = JSON.parse(value)
-      if (typeof obj === 'object' && obj) {
-        return true
-      }
-      return false
-    } catch (e) {
-      return false
-    }
-  }
-  return false
-}
-
-/**
- * 是否数组
- */
-export function array(value) {
-  if (typeof Array.isArray === 'function') {
-    return Array.isArray(value)
-  }
-  return Object.prototype.toString.call(value) === '[object Array]'
-}
-
-/**
- * 是否对象
- */
-export function object(value) {
-  return Object.prototype.toString.call(value) === '[object Object]'
-}
-
 /**
  * 是否短信验证码
  */
@@ -287,45 +151,3 @@ export function code(value, len = 6) {
   return new RegExp(`^\\d{${len}}$`).test(value)
 }
 
-/**
- * 是否函数方法
- * @param {Object} value
- */
-export function func(value) {
-  return typeof value === 'function'
-}
-
-/**
- * 是否promise对象
- * @param {Object} value
- */
-export function promise(value) {
-  return object(value) && func(value.then) && func(value.catch)
-}
-
-/** 是否图片格式
- * @param {Object} value
- */
-export function image(value) {
-  const newValue = value.split('?')[0]
-  const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i
-  return IMAGE_REGEXP.test(newValue)
-}
-
-/**
- * 是否视频格式
- * @param {Object} value
- */
-export function video(value) {
-  const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv|m3u8)/i
-  return VIDEO_REGEXP.test(value)
-}
-
-/**
- * 是否为正则对象
- * @param {Object}
- * @return {Boolean}
- */
-export function regExp(o) {
-  return o && Object.prototype.toString.call(o) === '[object RegExp]'
-}

package/src/tool.js

@@ -19,26 +19,55 @@ export function debounce(time = 500) {
   })
 }
 
-
-let wait = null
 /**
 * @description 节流
 * @param {number} time 每time秒调用一次 默认0.5秒
+* @param {boolean} immediately 是否立即执行一次 默认true
 * @example
-* throttle(time).then(res => {
+* throttle(time,immediately).then(res => {
 *  执行方法
 * })
 */
-export function throttle(time = 500) { //防抖  // 默认0.2秒后执行事件
+
+let wait = null;
+export function throttle(time = 500, immediately=true) {
   return new Promise((resolve) => {
-    if (wait) { return }
-    wait = setTimeout(() => {
-      resolve(true)
-      wait = null
-    }, time)
-  })
+    if (immediately && (!wait || Date.now() - wait >= time)) {
+      resolve(true);
+      wait = Date.now();
+      setTimeout(() => {
+        wait = null;
+      }, time);
+    }
+    if (!immediately && !wait) {
+      wait = setTimeout(() => {
+        resolve(true);
+        wait = null;
+      }, time);
+    }
+  });
 }
 
+
+// /**
+// * @description 节流
+// * @param {number} time 每time秒调用一次 默认0.5秒
+// * @example
+// * throttle(time).then(res => {
+// *  执行方法
+// * })
+// */
+// let wait = null
+// export function throttle(time = 500) { //防抖  // 默认0.2秒后执行事件
+//   return new Promise((resolve) => {
+//     if (wait) { return }
+//     wait = setTimeout(() => {
+//       resolve(true)
+//       wait = null
+//     }, time)
+//   })
+// }
+
 /**
  * @description 进行阻塞延时，以达到可以简写代码的目的
  * @param {number} value 堵塞时间 单位ms 毫秒