ad-manage/src/utils/utils.ts

import { message } from 'antd';
import { RcFile } from 'antd/lib/upload';
import { parse } from 'querystring';

/* eslint no-useless-escape:0 import/prefer-default-export:0 */
const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;

export const isUrl = (path: string): boolean => reg.test(path);

export const isAntDesignPro = (): boolean => {
  if (ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site') {
    return true;
  }
  return window.location.hostname === 'preview.pro.ant.design';
};

// 给官方演示站点用，用于关闭真实开发环境不需要使用的特性
export const isAntDesignProOrDev = (): boolean => {
  const { NODE_ENV } = process.env;
  if (NODE_ENV === 'development') {
    return true;
  }
  return isAntDesignPro();
};

export const getPageQuery = () => {
  const { href } = window.location;
  const qsIndex = href.indexOf('?');
  const sharpIndex = href.indexOf('#');

  if (qsIndex !== -1) {
    if (qsIndex > sharpIndex) {
      return parse(href.split('?')[1]);
    }

    return parse(href.slice(qsIndex + 1, sharpIndex));
  }

  return {};
};

// 排序这是比较函数
export const compare = (field: string, order: 'descend' | 'ascend') => {
  // descend 降序 大到小  ascend 升序 小到大
  if (order === 'ascend') {
    return function (m: any, n: any) {
      var a = m[field];
      var b = n[field];
      return a - b; //升序
    }
  } else {
    return function (m: any, n: any) {
      var a = m[field];
      var b = n[field];
      return b - a; //降序
    }
  }
}

// 返回别名
export const getChannelName = (name: string) => {
  let newName = name
  let abridgeServer: string[] = ['知定', '巨网', '广联', '太古', '云广', '傲星', '弘捷', '开域']
  let asName = abridgeServer.find((item: string) => name?.indexOf(item) !== -1)
  if (asName) {
    newName = asName
  } else if (newName?.length > 5) {
    newName = newName?.slice(2, 5) + '...'
  }
  return newName
}


/**
 * 转正则
 * @param arr 
 * @returns 
 */
function arrayToRegex(arr: string[]) {
  // 转义正则表达式中的特殊字符
  function escapeRegExp(str: string) {
    return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
  }

  // 将数组中的每个元素用括号包裹，并用 | 连接
  const regexString = arr.map(item => `(${escapeRegExp(item)})`).join('|');

  // 创建正则表达式
  const regex = new RegExp(regexString, 'g');
  return regex;
}

function extractAndFilterBracketsContent(input: string): { extracted: string[], filteredString: string } {
  const arr = ['[微笑]', '[撇嘴]', '[色]', '[发呆]', '[流泪]', '[害羞]', '[睡]', '[大哭]', '[尴尬]', '[发怒]', '[调皮]', '[呲牙]', '[惊讶]', '[难过]', '[冷汗]', '[抓狂]', '[偷笑]', '[愉快]', '[白眼]', '[傲慢]', '[惊恐]', '[流汗]', '[憨笑]', '[奋斗]', '[疑问]', '[晕]', '[衰]', '[敲打]', '[再见]', '[擦汗]', '[鼓掌]', '[坏笑]', '[左哼哼]', '[右哼哼]', '[哈欠]', '[委屈]', '[快哭了]', '[阴险]', '[亲亲]', '[可怜]', '[西瓜]', '[咖啡]', '[猪头]', '[玫瑰]', '[嘴唇]', '[爱心]', '[蛋糕]', '[月亮]', '[太阳]', '[拥抱]', '[强]', '[胜利]', '[握手]', '[抱拳]', '[勾引]', '[拳头]', '[OK]', '[跳跳]', '[发抖]', '[怄火]', '[转圈]', '[嘿哈]', '[捂脸]', '[奸笑]', '[机智]', '[皱眉]', '[耶]', '[加油]', '[汗]', '[天啊]', '[社会社会]', '[旺柴]', '[好的]', '[加油加油]', '[哇]', '[红包]', '[發]', '[福]'];
  const regex = arrayToRegex(arr);
  const matches: string[] = [];
  let match;

  // 提取方括号内的内容
  while ((match = regex.exec(input)) !== null) {
    matches.push(match[1]);
  }

  // 过滤掉原字符串中方括号及其包裹的内容
  const filteredString = input.replace(regex, '');

  return { extracted: matches, filteredString: filteredString };
}

// 输入文案时判断
export const txtLength = (t?: string) => {
  if (t) {
    const result = extractAndFilterBracketsContent(t);
    let extracted = result.extracted;
    let value = result.filteredString;
    let length = value?.length
    let text = value?.replace(/[\x00-\xff]/g, '')
    return extracted.length + text?.length + Number(((length - text?.length) / 2).toFixed())
  } else {
    return 0
  }
}

// 返回图片宽高
export const getImgSize = (file: RcFile): Promise<{ width: number, height: number }> => {
  return new Promise((resolve: (value: any) => void, reject: (reason?: any) => void) => {
    if (file) {
      let img: any = new Image();
      let _URL = window.URL || window.webkitURL;
      img.onload = function (e: any) {
        resolve({ width: this.width, height: this.height })
      }
      img.src = _URL.createObjectURL(file);
    } else {
      reject()
    }
  })
}

// 返回落地页组件key
export const getTypeKey = (key: string): string => {
  switch (key) {
    case 'TOP_IMAGE':
      return 'topImageSpec'
    case 'TOP_SLIDER':
      return 'topSliderSpec'
    case 'TOP_VIDEO':
      return 'topVideoSpec'
    case 'IMAGE':
      return 'imageSpec'
    case 'TEXT':
      return 'textSpec'
    case 'GH':
      return 'ghSpec'
    case 'ENTERPRISE_WX':
      return 'enterpriseWxSpec'
    case 'IMAGE_TEXT':
      return 'imageTextSpec'
    case 'FLOAT_BUTTON':
      return 'floatButtonSpec'
  }
  return ''
}

// 点击复制
export const copy = (str: string) => {
  let element = document.createElement("textarea");
  element.id = 'myTextarea'
  element.textContent = str
  document.body.append(element);
  (document.getElementById('myTextarea') as any).select();
  document.execCommand("Copy")
  document.body.removeChild(element);
  message.success(`复制成功：${str}`)
}

// 数组分组
export const groupBy = (array: any[], f: (item: any) => any[]) => {
  const groups: any = {};
  array.forEach(function (o) { //注意这里必须是forEach 大写
    const group = JSON.stringify(f(o));
    groups[group] = groups[group] || [];
    groups[group].push(o);
  });
  return Object.keys(groups).map(function (group) {
    return groups[group];
  });
}

export const replaceSpecialTxt = (text: string | number | null | undefined) => {
  if (text) {
    return text.toString().replace(/[<>]/ig, '')
  } else {
    return text
  }
}

/**
 * 随机生成字符串
 * @param flag 
 * @param min 
 * @param max 
 * @returns string
 */
export const randomString = (flag: boolean, min: number, max: number) => {
  let str = "", range = min
  let arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
  if (flag) {
    range = Math.round(Math.random() * (max - min)) + min;
  }
  for (let i = 0; i < range; i++) {
    let pos = Math.round(Math.random() * (arr.length - 1));
    str += arr[pos];
  }
  return str;
}


/**
 * 找2个数组不同元素
 * @param arr1 
 * @param arr2 
 * @returns 
 */
export const getArrDifference = (arr1: any[], arr2: any[]) => {
  return arr1.concat(arr2).filter((v, i, arr) => {
    return arr.indexOf(v) === arr.lastIndexOf(v);
  });
}

/**
 * 拼接oss参数获取视频首针图
 * @param videoUrl t_0 0秒的视频截图 t_10000 10秒的视频截图帧
 */
export const getVideoImgUrl = (videoUrl: string) => {
  if (['.mp4', '.swf', '.flv', '.rm', '.ram', '.mov', '.mpg', '.mpeg', '.wmv', '.avi'].some(item => videoUrl.includes(item))) {
    return videoUrl + "?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast,ar_auto"
  }
  return videoUrl
}

// 设置值
export const setValueAtPath = (path: string, object: { [k: string]: any }, value: any): void => {
  if (path.startsWith('/')) {
    path = path.slice(1);
  }
  let parts = path.split('/');
  let current: { [k: string]: any } = object;
  for (let i = 0; i < parts.length; i++) {
    let part = parts[i];
    if (i === parts.length - 2) {
      let children = current?.['children'] || {}
      children[parts[parts.length - 1]] = value
      current['children'] = children;
      break
    } else {
      if (!(part in current)) {
        current[part] = {};
      }
      current = current[part];
    }
  }
}

/**
 * 处理创意数据
 * @param data 
 * @returns 
 */
export const processData = (data: string | any[]) => {
  let children = [], parentData: { [k: string]: any } = {};
  for (let i = 0; i < data.length; i += 1) {
    let node = data[i];
    if (!(node?.parentName) || node?.parentName === "") {
      parentData[node.name] = {
        ...data[i],
        children: {}
      }
    } else {
      children.push(data[i])
    }
  }
  // console.log('children--->', children)
  let jumpInfo = [], list: any[] = [], left_button: any = {}, right_button: any = {}
  for (let i = 0; i < children.length; i += 1) {
    let node = children[i];
    if (node.parentName) {
      if (node.parentName === "jump_info" && !['/jump_info/page_type', '/jump_info/backups', '/jump_info/page_spec'].includes(node.path)) {
        jumpInfo.push(node)
      } else if (node.parentName === "list") {
        list.push(node)
      } else if (node.parentName === "left_button") {
        left_button[node.name] = node
      } else if (node.parentName === "right_button") {
        right_button[node.name] = node
      } else {
        let c = parentData[node.parentName]
        if (c) {
          c['children'][node.name] = node
          parentData[node.parentName] = c
        } else {
          console.log('空childen-->', node.parentName)
        }
      }
    } else {
      console.log('空node.parentName--->', node)
    }
  }
  if (jumpInfo.length > 0) {
    jumpInfo.forEach(item => {
      if (item.path) {
        setValueAtPath(item.path, parentData, item)
      } else {
        console.log('没有path---->', item)
      }
    })
  }
  if (Object.keys(left_button).length > 0) {
    let children = {
      text: left_button?.text
    }
    let newLeftButton = [{ ...left_button?.jump_info, children }]
    newLeftButton.forEach(item => {
      if (item.path) {
        setValueAtPath(item.path, parentData, item)
      } else {
        console.log('没有path---->', item)
      }
    })
  }
  if (Object.keys(right_button).length > 0) {
    let children = {
      text: right_button?.text
    }
    let newRightButton = [{ ...right_button?.jump_info, children }]
    newRightButton.forEach(item => {
      if (item.path) {
        setValueAtPath(item.path, parentData, item)
      } else {
        console.log('没有path---->', item)
      }
    })
  }
  if (list?.length > 0 && Object.keys(parentData).includes('label')) {
    let l = parentData?.label?.children?.list
    if (l) {
      let lChildren: any = {}
      list.forEach(item => {
        lChildren[item.name] = item
      })
      l = { ...l, children: lChildren }
      parentData.label.children.list = l
    }
  }
  if (list?.length > 0 && Object.keys(parentData).includes('element_story')) {
    let l = parentData?.element_story?.children?.list
    if (l) {
      let lChildren: any = {}
      list.forEach(item => {
        lChildren[item.name] = item
      })
      l = { ...l, children: lChildren }
      parentData.element_story.children.list = l
    }
  }

  if (list?.length > 0 && Object.keys(parentData).includes('image_list')) {
    let l = parentData?.image_list?.children?.list
    if (l) {
      let lChildren: any = {}
      list.forEach(item => {
        lChildren[item.name] = item
      })
      l = { ...l, children: lChildren }
      parentData.image_list.children.list = l
    }
  }

  return parentData;
}

/**
 * 数组叉乘
 * @param arr1 
 * @param arr2 
 * @returns 
 */
export function cartesianProduct<T, U>(arr1: T[], arr2: U[]): [T, U, string][] {
  return arr1.flatMap((d1, index1) => arr2.map((d2, index2) => [d1, d2, `${index1 + 1}_${index2 + 1}`] as [T, U, string]));
}

/**
 * 对比2个数组是否相同，不考虑下表
 * @param arr1 
 * @param arr2 
 * @returns 
 */
export const arraysHaveSameValues = (arr1: any[], arr2: any[]): boolean => {
  // 首先检查数组的长度是否相同
  if (arr1.length !== arr2.length) {
    return false;
  }

  // 使用数组的 sort 方法对两个数组进行排序，然后逐个比较
  const sortedArr1 = [...arr1].sort();
  const sortedArr2 = [...arr2].sort();

  for (let i = 0; i < sortedArr1.length; i++) {
    if (sortedArr1[i] !== sortedArr2[i]) {
      return false;
    }
  }

  return true;
}


/**
 * 定义一个函数，用于将数组平均分配给多个数组
 * @param originalArray 
 * @param numGroups 
 * @returns 
 */
export const distributeArray = (originalArray: any[], numGroups: number): any[][] => {
  // 初始化结果数组，每个子数组为空
  const result: any[][] = Array.from({ length: numGroups }, () => []);

  // 分配原始数组中的元素到结果数组
  originalArray.forEach((element, index) => {
    result[index % numGroups].push(element);
  });

  return result;
};


/**
 * 随机取几个值
 * @param arr 
 * @param n 
 * @returns 
 */
export function getRandomElements<T>(arr: T[], n: number): T[] {
  if (n > arr.length) {
    throw new RangeError("getRandomElements: more elements taken than available");
  }

  const result: T[] = new Array(n);
  let len: number = arr.length;
  const taken: number[] = new Array(len);

  while (n--) {
    const x: number = Math.floor(Math.random() * len);
    result[n] = arr[x in taken ? taken[x] : x];
    taken[x] = --len in taken ? taken[len] : len;
  }

  return result;
}


/**
 * 打乱数组
 * @param array 
 * @returns 
 */
export function shuffleArray<T>(array: T[]): T[] {
  const shuffled = array.slice();
  for (let i = shuffled.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
  }
  return shuffled;
}

export function chunkArray<T>(array: T[], numChunks: number): T[][] {
  const chunks: T[][] = Array.from({ length: numChunks }, () => []);
  array.forEach((item, index) => {
    chunks[index % numChunks].push(item);
  });
  return chunks;
}
/**
 * 按多少个一组分组
 * @param array 
 * @param chunkSize 
 * @returns 
 */
export function chunkArray1<T>(array: T[], chunkSize: number): T[][] {
  const result: T[][] = [];
  for (let i = 0; i < array.length; i += chunkSize) {
      result.push(array.slice(i, i + chunkSize));
  }
  return result;
}
/**
 * 打乱随机分配数组
 * @param array 
 * @param numChunks 
 * @returns 
 */
export function splitArrayIntoRandomChunks<T>(array: T[], numChunks: number): T[][] {
  const shuffledArray = shuffleArray(array);
  return chunkArray(shuffledArray, numChunks);
}