zy-vue-library/utils/index.js

import { ElMessage } from "element-plus";

/**
 * @description 计算序号
 * @param {Object} pagination 分页数据对象
 * @param {number | string} pagination.currentPage 当前页
 * @param {number | string} pagination.pageSize 每页条数
 * @param {number} index 当页数据的索引值
 * @return {number} 序号
 **/
export function serialNumber(pagination, index) {
  return (pagination.currentPage - 1) * pagination.pageSize + (index + 1);
}

/**
 * @description 字符串数组转数组
 * @param {string} value 转换的字符串数组
 * @return {Array} 转换后的数组
 **/
export function toArrayString(value) {
  // eslint-disable-next-line no-eval
  return value ? eval(value).map(String) : [];
}

/**
 * @description 判断文件后缀名是否符合
 * @param {string} name 文件名字
 * @param {string} suffix 文件后缀
 * @return {boolean} 是否符合
 **/
export function interceptTheSuffix(name, suffix) {
  return (
    name.substring(name.lastIndexOf("."), name.length).toLowerCase() ===
    suffix.toLowerCase()
  );
}

/**
 * @description 图片转base64
 * @param {string} imgUrl 图片地址
 * @return {Promise} Promise实例，then包含base64编码
 **/
export function image2Base64(imgUrl) {
  return new Promise((resolve) => {
    const img = new Image();
    img.src = imgUrl;
    img.crossOrigin = "Anonymous";
    img.onload = function () {
      const canvas = document.createElement("canvas");
      canvas.width = img.width;
      canvas.height = img.height;
      const ctx = canvas.getContext("2d");
      ctx.drawImage(img, 0, 0, img.width, img.height);
      const ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
      resolve(canvas.toDataURL("image/" + ext));
    };
  });
}
export function image2Base642(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = (e) => {
      resolve(e.target.result); // 返回 base64
    };
    reader.onerror = (error) => {
      reject(error); // 处理错误
    };
  });
}
/**
 * @description 判断图片是否可访问成功
 * @param {string} imgUrl 图片地址
 * @return {Promise} Promise实例
 **/
export function checkImgExists(imgUrl) {
  return new Promise((resolve, reject) => {
    const ImgObj = new Image();
    ImgObj.src = imgUrl;
    ImgObj.onload = function (res) {
      resolve(res);
    };
    ImgObj.onerror = function (err) {
      reject(err);
    };
  });
}

/**
 * @description 获取数据类型
 * @param {any} data 数据
 * @return {string} 数据类型
 **/
export function getDataType(data) {
  return Object.prototype.toString.call(data).slice(8, -1);
}

/**
 * @description 数组去重
 * @param {Array<number,string>} arr 去重的数组
 * @return {Array} 去重后的数组
 **/
export function ArrayDeduplication(arr) {
  return [...new Set(arr)];
}

/**
 * @description 数组对象去重
 * @param {Array} arr 去重的数组
 * @param {string} name 去重的key
 * @return {Array} 去重后的数组
 **/
export function arrayObjectDeduplication(arr, name) {
  const obj = {};
  arr = arr.reduce(function (previousValue, currentValue) {
    if (!obj[currentValue[name]]) {
      obj[currentValue[name]] = true;
      previousValue.push(currentValue);
    }
    return previousValue;
  }, []);
  return arr;
}

/**
 * @description 查找字符串中指定的值第几次出现的位置
 * @param {Array} str 查找的字符串数组
 * @param {string} char 查找的值
 * @param {number} num 第几次出现
 * @return {number} 出现的位置
 **/
export function findCharIndex(str, char, num) {
  let index = str.indexOf(char);
  if (index === -1) return -1;
  for (let i = 0; i < num - 1; i++) {
    index = str.indexOf(char, index + 1);
    if (index === -1) return -1;
  }
  return index;
}

/**
 * @description 生成指定两个值之间的随机数
 * @param {number} min 最小值
 * @param {number} max 最大值
 * @return {number} 随机数
 **/
export function randoms(min, max) {
  return Math.random() * (max - min + 1) + min;
}

/**
 * @description 千位分隔符
 * @param {number | string} num 转换的值
 * @return {string} 转换后的值
 **/
export function numFormat(num) {
  if (num) {
    const numArr = num.toString().split(".");
    const arr = numArr[0].split("").reverse();
    let res = [];
    for (let i = 0; i < arr.length; i++) {
      if (i % 3 === 0 && i !== 0) {
        res.push(",");
      }
      res.push(arr[i]);
    }
    res.reverse();
    if (numArr[1]) {
      res = res.join("").concat("." + numArr[1]);
    } else {
      res = res.join("");
    }
    return res;
  }
}

/**
 * @description 验证是否为空
 * @param {any} value 验证的值
 * @return {boolean} 是否为空
 **/
export function isEmpty(value) {
  return (
    value === undefined ||
    value === null ||
    (typeof value === "object" && Object.keys(value).length === 0) ||
    (typeof value === "string" && value.trim().length === 0)
  );
}

/**
 * @description 获取url参数
 * @param {string} name 获取的key
 * @return {string} 获取的值
 **/
export function getUrlParam(name) {
  const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  const r = window.location.search.substr(1).match(reg);
  if (r != null) return decodeURI(r[2]);
  return "";
}

/**
 * @description 数据分页
 * @param {Array} list 分页的数组
 * @param {number | string} currentPage 当前页
 * @param {number | string} pageSize 每页条数
 * @return {Array} 分页后的数组
 **/
export function paging(list, currentPage, pageSize) {
  return list.filter((item, index) => {
    return (
      index < +currentPage * +pageSize &&
      index >= (+currentPage - 1) * +pageSize
    );
  });
}

/**
 * @description 获取文件后缀
 * @param {string} name 文件名
 * @return {string} 文件后缀
 **/
export function getFileSuffix(name) {
  return name.substring(name.lastIndexOf(".") + 1);
}

/**
 * @description 获取文件名称
 * @param {string} name 文件地址
 * @return {string} 文件名称
 **/
export function getFileName(name) {
  if (!name) return "";
  return name.substring(name.lastIndexOf("/") + 1);
}

/**
 * @description 读取txt文档
 * @param {string} filePah 文档路径
 * @return {resolve,string} 读取后的内容
 **/
export function readTxtDocument(filePah) {
  return new Promise((resolve) => {
    const FILE_URL = getFileUrl();
    const file_url = FILE_URL + filePah;
    const xhr = new XMLHttpRequest();
    xhr.open("get", file_url, true);
    xhr.responseType = "blob";
    xhr.onload = function (event) {
      const reader = new FileReader();
      reader.readAsText(event.target.response, "GB2312");
      reader.onload = function () {
        resolve(reader.result);
      };
    };
    xhr.send();
  });
}

/**
 * @description 将秒转换成时分秒
 * @param {string,number} second 需要转换的秒数
 * @return {string} 转换后的时间
 **/
export function secondConversion(second) {
  if (!second) return 0;
  const h = parseInt(second / 60 / 60, 10);
  const m = parseInt((second / 60) % 60, 10);
  const s = parseInt(second % 60, 10);
  if (h) {
    return h + "小时" + m + "分钟" + s + "秒";
  } else {
    if (m) {
      return m + "分钟" + s + "秒";
    } else {
      return s + "秒";
    }
  }
}

/**
 * @description 附件添加前缀
 * @param {Array} list 附件数组
 * @param {Object} options 配置选项
 * @param {string} [options.pathKey="filePath"] 附件路径字段名
 * @param {string} [options.nameKey="fileName"] 附件名称字段名
 * @param {string} [options.idKey="imgFilesId"] 附件id字段名
 * @return {Array} 添加完前缀后的数组
 **/
export function addingPrefixToFile(list, options = {}) {
  if (!list) return [];
  const {
    pathKey = "filePath",
    nameKey = "fileName",
    idKey = "imgFilesId",
  } = options;
  const FILE_URL = getFileUrl();
  for (let i = 0; i < list.length; i++) {
    list[i].url = FILE_URL + list[i][pathKey];
    list[i].name = list[i][nameKey] || getFileName(list[i][pathKey]);
    list[i].imgFilesId = list[i][idKey];
  }
  return list;
}

/**
 * @description 验证重复选择
 * @param {Array} list 验证的数组
 * @param {number} index 选择的索引
 * @param {string} key 验证的字段
 * @param {string} id 验证的值
 **/
export async function verifyDuplicateSelection(list, index, key, id) {
  return new Promise((resolve, reject) => {
    if (list.some((item) => item[key] === id)) {
      ElMessage.warning("不能重复选择");
      reject(new Error("不能重复选择"));
    } else {
      list[index][key] = id;
      resolve();
    }
  });
}

/**
 * @description 翻译状态
 * @param {number | string} status 状态
 * @param {Array} list 翻译的数组
 * @param {String} idKey
 * @param {String} nameKey
 * @return {string} 翻译后的状态
 **/
export function getLabelName(status, list, idKey = "id", nameKey = "name") {
  for (let i = 0; i < list.length; i++) {
    if (status?.toString() === list[i][idKey]?.toString()) {
      return list[i][nameKey];
    }
  }
}

/**
 * @description 计算文件大小
 * @param {number | string} size 文件kb
 * @return {string} 计算后的文件大小
 **/
export function calculateFileSize(size) {
  return size > 1024
    ? (size / 1024 + "").substring(0, (size / 1024 + "").lastIndexOf(".") + 3) +
        "MB"
    : size + "KB";
}

/**
 * @description 根据身份证号获取出生日期和性别
 * @param {String} idCard 身份证号
 * @return {Object} 出生日期和性别 date sex
 **/
export function idCardGetDateAndGender(idCard) {
  const reg =
    /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
  let sex = "";
  let date = "";
  if (reg.test(idCard)) {
    const org_birthday = idCard.substring(6, 14);
    const org_gender = idCard.substring(16, 17);
    const birthday =
      org_birthday.substring(0, 4) +
      "-" +
      org_birthday.substring(4, 6) +
      "-" +
      org_birthday.substring(6, 8);
    const birthdays = new Date(birthday.replace(/-/g, "/"));
    const Month = birthdays.getMonth() + 1;
    let MonthDate;
    const DayDate = birthdays.getDate();
    let Day;
    if (Month < 10) MonthDate = "0" + Month;
    else MonthDate = Month;
    if (DayDate < 10) Day = "0" + DayDate;
    else Day = DayDate;
    sex = org_gender % 2 === 1 ? "1" : "0";
    date = birthdays.getFullYear() + "-" + MonthDate + "-" + Day;
  }
  return { sex, date };
}

/**
 * @description 获取select中指定项组成的数组
 * @param {Array} list 获取的数组
 * @param {Array} value 获取的值
 * @param {string?} idKey 获取的id
 * @return {Array} list中指定项组成的数组
 **/
export function getSelectAppointItemList(list, value, idKey = "id") {
  return list.filter((item) => value.includes(item[idKey]));
}

/**
 * @description json转换为树形结构
 * @param {Array} json 需要转换的json
 * @param {string} idStr id字段
 * @param {string} pidStr 父级id字段
 * @param {string} childrenStr 子级字段
 * @return {Array} 转换完的树形结构
 **/
export function listTransTree(json, idStr, pidStr, childrenStr) {
  const r = [];
  const hash = {};
  const id = idStr;
  const pid = pidStr;
  const children = childrenStr;
  let i = 0;
  let j = 0;
  const len = json.length;
  for (; i < len; i++) {
    hash[json[i][id]] = json[i];
  }
  for (; j < len; j++) {
    const aVal = json[j];
    const hashVP = hash[aVal[pid]];
    if (hashVP) {
      !hashVP[children] && (hashVP[children] = []);
      hashVP[children].push(aVal);
    } else {
      r.push(aVal);
    }
  }
  return r;
}

/**
 * @description 将值转换为"是"/"否"显示文本
 * @param {any} value 需要转换的值
 * @param {Object} options 配置选项
 * @param {string} options.yesText 真值时显示的文本，默认为"是"
 * @param {string} options.noText 假值时显示的文本，默认为"否"
 * @param {string|number} options.yesValue 判断为真的值，默认为"1"
 * @return {string} 转换后的显示文本
 **/
export function isEmptyToWhether(value, options = {}) {
  const { yesText = "是", noText = "否", yesValue = "1" } = options;
  return !isEmpty(value)
    ? value.toString() === yesValue.toString()
      ? yesText
      : noText
    : "";
}

/**
 * @description 计算表格中需要合并的行信息
 * @param {Array} data 表格数据数组
 * @param {string} field 用于比较的字段名，相同值的行需要合并
 * @param {Number} rowIndex 当前行索引
 * @returns {Object} 包含rowspan和colspan属性的对象，用于表格单元格合并
 *  - rowspan {number} 合并行数
 *  - colspan {number} 合并列数
 */

export function getRowSpans(data, field, rowIndex) {
  if (!Array.isArray(data) || data.length === 0 || rowIndex < 0) {
    return { rowspan: 1, colspan: 1 };
  }
  if (data.length === 1) {
    return { rowspan: 1, colspan: 1 };
  }
  let currentSpanCount = 1;
  let currentSpanIndex = 0;
  for (let i = 1; i < data.length; i++) {
    const currentValue = data[i][field];
    const previousValue = data[i - 1][field];
    if (currentValue === previousValue) {
      currentSpanCount++;
      if (i === rowIndex) {
        return { rowspan: 0, colspan: 0 };
      }
    } else {
      if (currentSpanIndex === rowIndex) {
        return { rowspan: currentSpanCount, colspan: 1 };
      }
      currentSpanIndex = i;
      currentSpanCount = 1;
    }
  }
  if (currentSpanIndex === rowIndex) {
    return { rowspan: currentSpanCount, colspan: 1 };
  }
  return { rowspan: 1, colspan: 1 };
}

/**
 * @description 生成指定长度的guid
 * @param {number} len 生成的guid长度
 * @return {string} 生成的guid
 **/
export function createGuid(len = 32) {
  const chars = "abcdefghijklmnopqrstuvwxyz0123456789";
  let result = "";
  for (let i = 0; i < len; i++) {
    result += chars.charAt(Math.floor(Math.random() * chars.length));
  }
  return result;
}

/**
 * @description 获取文件路径前缀地址
 * @return {string} 文件路径前缀地址
 **/
export function getFileUrl() {
  return import.meta.env.VITE_FILE_URL;
}

export function getBaseUrl() {
  return import.meta.env[import.meta.env.DEV ? "VITE_PROXY" : "VITE_BASE_URL"];
}

export function getWebUrl() {
  return window.location.origin + window.location.pathname + "#";
}