hy-app 0.1.1

package/utils/utils.ts

@@ -0,0 +1,446 @@
+import Base64 from "./base64";
+import { CSSProperties } from "vue";
+let base64: any = new Base64();
+
+/**
+ * 加密函数
+ * @param {any} data 对象
+ * @return { string } 加密字符串
+ * */
+function encryptData(data: Record<string, any> | string): string {
+  return base64.encode(JSON.stringify(data));
+}
+
+/**
+ * 解密函数
+ * @param {string} encryptedVal 加密字符串
+ * @returns { any | any[] } 解码的数据
+ * */
+function decryptData(encryptedVal: string): Record<string, any> {
+  return JSON.parse(base64.decode(encryptedVal.toString()));
+}
+
+/**
+ *用于解密使用 AES 加密算法加密的数据
+ */
+
+// const decrypt = (sessionKey: string, encryptedData: string, iv: string) => {
+//     console.log(CryptoJS)
+//     let key = CryptoJS.enc.Base64.parse(sessionKey)
+//     let ivv = CryptoJS.enc.Base64.parse(iv)
+//     let decrypt = CryptoJS.AES.decrypt(encryptedData, key,  {
+//         iv: ivv,
+//         mode: CryptoJS.mode.CBC,
+//         padding: CryptoJS.pad.Pkcs7
+//     })
+//     return JSON.parse(base64.decode(CryptoJS.enc.Base64.stringify(decrypt)))
+// }
+
+/**
+ * @description 添加单位，如果有rpx，upx，%，px等单位结尾或者值为auto，直接返回，否则加上px单位结尾
+ * @param {String|Number} value 需要添加单位的值
+ * @param {String} unit 添加的单位名 比如px
+ * @returns {String}
+ */
+const addUnit = (
+  value: string | number = "auto",
+  unit: string = ""
+): string => {
+  if (!unit) {
+    unit = "px";
+  }
+  if (unit == "rpx" && isNumber(String(value))) {
+    value = Number(value) * 2;
+  }
+  value = String(value);
+  // 用内置验证规则中的number判断是否为数值
+  return isNumber(value) ? `${value}${unit}` : value;
+};
+function isNumber(value: string) {
+  // 检查是否是数值类型或可以被解析为数值的字符串
+  return !isNaN(parseFloat(value)) && isFinite(Number(value));
+}
+
+/**
+ * @description 日期的月或日补零操作
+ * @param {String | Number} value 需要补零的值
+ * @returns {String}
+ */
+const padZero = (value: string | number): string => {
+  return `00${value}`.slice(-2);
+};
+
+/**
+ * @description 清空对象里面的值
+ * @param val 任意类型的值
+ * */
+const clearVal = (val: any) => {
+  const type = typeof val;
+  const isArray = val instanceof Array;
+  switch (type) {
+    case "string":
+      return "";
+    case "number":
+      return 0;
+    case "boolean":
+      return false;
+    case "undefined":
+      return null;
+    case "object":
+      if (!val) return null;
+      if (isArray) {
+        val.map((item) => {
+          clearVal(item);
+        });
+        return val;
+      } else {
+        Object.keys(val).map((k) => {
+          val[k] = clearVal(val[k]);
+        });
+        return val;
+      }
+    default:
+      return "";
+  }
+};
+
+/**
+ * 时间戳格式化
+ * @param timestamp 时间戳或者时间格式，例:1702051200000、Sat Apr 06 2024 11:35:56 GMT+0800 (中国标准时间)
+ * @param fmt 例:yyyy-MM-dd HH:mm:ss / yyyy-MM-dd
+ * @return date 例:2023-12-09
+ */
+const formatTime = (
+  timestamp: number | string,
+  fmt: string = "yyyy-MM-dd HH:mm:ss"
+): string => {
+  let date: any;
+  if (timestamp) {
+    date = new Date(timestamp) ? new Date(timestamp) : timestamp;
+    let ret;
+    const opt: any = {
+      "y+": date.getFullYear().toString(), //年
+      "M+": (date.getMonth() + 1).toString(), //月
+      "d+": date.getDate().toString(), //日
+      "H+": date.getHours().toString(), //时
+      "m+": date.getMinutes().toString(), //分
+      "s+": date.getSeconds().toString() //秒
+      //如果有其他格式字符需求可以继续添加，必须转化为字符串
+    };
+    for (let k in opt) {
+      ret = new RegExp("(" + k + ")").exec(fmt);
+      if (ret) {
+        fmt = fmt.replace(
+          ret[1],
+          ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, "0")
+        );
+      }
+    }
+    return fmt;
+  }
+  return date;
+};
+
+/**
+ * @description 时间戳或年月日格式转为多久之前
+ * @param {String|Number} timestamp 时间戳/年月日格式
+ * @param {String|Boolean} format
+ * 格式化规则如果为时间格式字符串，超出一定时间范围，返回固定的时间格式；
+ * 如果为布尔值false，无论什么时间，都返回多久以前的格式
+ * @returns {string} 转化后的内容
+ */
+const formatTimeToString = (
+  timestamp: string | number,
+  format: string | boolean = "yyyy-mm-dd"
+): string => {
+  const now = new Date();
+  const oneYear = new Date(now.getFullYear(), 0, 1).getTime(); // 当年一月一号时间戳
+
+  if (timestamp == null) timestamp = Number(now);
+  timestamp =
+    typeof timestamp === "string"
+      ? parseInt(timestamp)
+      : new Date(timestamp).getTime();
+  // 判断用户输入的时间戳是秒还是毫秒,一般前端js获取的时间戳是毫秒(13位),后端传过来的为秒(10位)
+  if (timestamp.toString().length == 10) timestamp *= 1000;
+  let timer = now.getTime() - timestamp;
+  timer = parseInt(String(timer / 1000));
+  // 如果小于5分钟,则返回"刚刚",其他以此类推
+  let tips = "";
+  switch (true) {
+    case timer < 300:
+      tips = "刚刚";
+      break;
+    case timer >= 300 && timer < 3600:
+      tips = `${parseInt(String(timer / 60))}分钟前`;
+      break;
+    case timer >= 3600 && timer < 86400:
+      tips = `${parseInt(String(timer / 3600))}小时前`;
+      break;
+    case timer >= 86400 && timer < 2592000:
+      tips = `${parseInt(String(timer / 86400))}天前`;
+      break;
+    default:
+      // 如果format为false，则无论什么时间戳，都显示xx之前
+      if (format === false) {
+        if (timer >= 2592000 && timer < 365 * 86400) {
+          tips = `${parseInt(String(timer / (86400 * 30)))}个月前`;
+        } else {
+          tips = `${parseInt(String(timer / (86400 * 365)))}年前`;
+        }
+      } else {
+        if (timestamp > oneYear) {
+          formatTime(timestamp, "MM-dd");
+        } else {
+          tips =
+            format === true
+              ? formatTime(timestamp, "yyyy-MM-dd")
+              : formatTime(timestamp, format);
+        }
+      }
+  }
+  return tips;
+};
+
+/**
+ * @description 本地图片转base64方法（兼容APP、H5、小程序）
+ * @param {string} path 图片本地路径
+ * @returns Promise对象
+ */
+const imageToBase64 = (path: string) => {
+  return new Promise((resolve, reject) => {
+    // #ifdef APP-PLUS
+    plus.io.resolveLocalFileSystemURL(path, (entry) => {
+      entry.file((file) => {
+        let fileReader = new plus.io.FileReader();
+        fileReader.readAsDataURL(file);
+        fileReader.onloadend = (evt) => {
+          let base64 = evt.target.result.split(",")[1];
+          resolve(base64);
+        };
+      });
+    });
+    // #endif
+    // #ifdef H5
+    uni.request({
+      url: path,
+      responseType: "arraybuffer",
+      success: (res) => {
+        resolve(uni.arrayBufferToBase64(res.data));
+      }
+    });
+    // #endif
+    // #ifdef MP-WEIXIN
+    uni.getFileSystemManager().readFile({
+      filePath: path,
+      encoding: "base64",
+      success: (res) => {
+        resolve(res.data);
+      }
+    });
+    // #endif
+  });
+};
+
+/**
+ * 函数防抖：一段实现执行多次，只执行最后一次
+ * @param {void} fn 回调函数
+ * @param {number} t 节流时间
+ * @returns {void}
+ * @constructor
+ */
+function debounce(fn: () => void, t?: number) {
+  const delay = t || 500;
+  let timer: any;
+  let that = this;
+  return function () {
+    const args = arguments;
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = setTimeout(() => {
+      timer = null;
+      fn.apply(that, args);
+    }, delay);
+  };
+}
+/**
+ * 函数节流: 一段时间执行一次
+ * @param {void} fn 回调函数
+ * @param {number} t 节流时间
+ * @returns {void}
+ * @constructor
+ */
+let timer;
+let flag: boolean | undefined;
+const throttle = (
+  func: Function,
+  wait: number = 500,
+  immediate: boolean = true
+): void => {
+  if (immediate) {
+    if (!flag) {
+      flag = true;
+      // 如果是立即执行，则在wait毫秒内开始时执行
+      typeof func === "function" && func();
+      timer = setTimeout(() => {
+        flag = false;
+      }, wait);
+    }
+  } else if (!flag) {
+    flag = true;
+    // 如果是非立即执行，则在wait毫秒内的结束处执行
+    timer = setTimeout(() => {
+      flag = false;
+      typeof func === "function" && func();
+    }, wait);
+  }
+};
+
+/**
+ * 递归拷贝对象
+ * @param {object} source 对象或数组
+ * @returns 深拷贝的数组和对象
+ * */
+const deepClone = (source: any) => {
+  if (!source && typeof source !== "object") {
+    throw new Error("该值不存在或者不是个对象");
+  }
+  const targetObj: any = source.constructor === Array ? [] : {};
+  Object.keys(source).forEach((keys) => {
+    if (source[keys] && typeof source[keys] === "object") {
+      targetObj[keys] = deepClone(source[keys]);
+    } else {
+      targetObj[keys] = source[keys];
+    }
+  });
+  return targetObj;
+};
+
+/**
+ * 字节转化（b/KB/MB/GB）单位
+ * @param {number} bytes 字节
+ * @returns {string} 返回单位大小
+ * */
+const bytesToSize = (bytes: number) => {
+  const sizes = ["b", "KB", "MB", "GB", "TB"];
+  if (bytes === 0) {
+    return "0b";
+  }
+  const i = Math.floor(Math.log(bytes) / Math.log(1024));
+  if (i === 0) {
+    return `${bytes}${sizes[i]}`;
+  }
+  return `${(bytes / 1024 ** i).toFixed(1)}${sizes[i]}`;
+};
+
+/**
+ * @description 将对象转换为 URL 查询参数字符串
+ * @param params - 要转换的对象
+ * @returns 转换后的查询参数字符串
+ */
+const objectToUrlParams = (params: Record<string, any>): string => {
+  return Object.entries(params)
+    .filter(([key, value]) => value !== undefined && value !== null) // 过滤掉值为 undefined 或 null 的项
+    .map(([key, value]) => {
+      // 对值进行编码以确保 URL 安全
+      return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+    })
+    .join("&"); // 使用 & 拼接所有参数
+};
+
+/**
+ * 获取 [min,max]的随机数
+ * Math.floor(Math.random()*10) 可均衡获取 0 到 9 的随机整数
+ * @param min 最小值
+ * @param max 最大值
+ * @returns {Number} string 随机数
+ */
+const random = (min: number | string, max: number | string): number => {
+  min = Number(min);
+  max = Number(max);
+  return Math.floor(Math.random() * (max - min + 1) + min) ?? 0;
+};
+
+const range = (min = 0, max = 0, value = 0) => {
+  return Math.max(min, Math.min(max, Number(value)));
+};
+
+/**
+ * 查询节点信息
+ * 目前此方法在支付宝小程序中无法获取组件跟接点的尺寸，为支付宝的bug(2020-07-21)
+ * 解决办法为在组件根部再套一个没有任何作用的view元素
+ */
+const getRect = (
+  selector: string,
+  all?: boolean
+): Promise<UniApp.NodeInfo | UniApp.NodeInfo[]> => {
+  return new Promise((resolve) => {
+    // #ifndef APP-NVUE
+    uni
+      .createSelectorQuery()
+      .in(this)
+      [all ? "selectAll" : "select"](selector)
+      .boundingClientRect((rect) => {
+        if (all && Array.isArray(rect) && rect.length) {
+          resolve(rect as UniApp.NodeInfo[]);
+        }
+        if (!all && rect) {
+          resolve(rect as UniApp.NodeInfo);
+        }
+      })
+      .exec();
+    // #endif
+  });
+};
+
+/**
+ * @description 用于获取用户传递值的px值  如果用户传递了"xxpx"或者"xxrpx"，取出其数值部分，如果是"xxxrpx"还需要用过uni.rpx2px进行转换
+ * @param {number|string} value 用户传递值的px值
+ * @param {boolean} unit
+ * @returns {number|string}
+ */
+function getPx(value: string | number, unit: true): string;
+function getPx(value: string | number, unit?: false): number;
+function getPx(value: string | number, unit: boolean = false): string | number {
+  if (typeof value === "number") {
+    return unit ? `${value}px` : Number(value);
+  }
+  // 如果带有rpx，先取出其数值部分，再转为px值
+  if (/(rpx|upx)$/.test(value)) {
+    return unit
+      ? `${uni.rpx2px(parseInt(value))}px`
+      : Number(uni.rpx2px(parseInt(value)));
+  }
+  return unit ? `${parseInt(value)}px` : parseInt(value);
+}
+
+/**
+ * @description 对象转换字符串，用在于style样式上
+ * */
+const formatObject = (obj: CSSProperties) => {
+  return Object.entries(obj)
+    .map(([key, value]) => `${key.toUpperCase()}: ${value}`)
+    .join("; ");
+};
+
+export {
+  encryptData,
+  decryptData,
+  addUnit,
+  padZero,
+  clearVal,
+  formatTime,
+  formatTimeToString,
+  imageToBase64,
+  debounce,
+  throttle,
+  deepClone,
+  bytesToSize,
+  objectToUrlParams,
+  random,
+  range,
+  getRect,
+  getPx,
+  formatObject
+};