ts_aimz/utils/util.js

const dateTimePicker = (startYear, endYear) => {
    // 生成年份数组
    const years = [];
    for (let i = startYear; i <= endYear; i++) {
        years.push(i.toString());
    }

    // 生成月份数组
    const months = [];
    for (let i = 1; i <= 12; i++) {
        months.push(i < 10 ? `0${i}` : i.toString());
    }

    // 生成日期数组
    const days = [];
    for (let i = 1; i <= 31; i++) {
        days.push(i < 10 ? `0${i}` : i.toString());
    }

    // 生成小时数组
    const hours = [];
    for (let i = 0; i < 24; i++) {
        hours.push(i < 10 ? `0${i}` : i.toString());
    }

    // 生成分钟数组
    const minutes = [];
    for (let i = 0; i < 60; i++) {
        minutes.push(i < 10 ? `0${i}` : i.toString());
    }

    // 生成秒数组
    const seconds = [];
    for (let i = 0; i < 60; i++) {
        seconds.push(i < 10 ? `0${i}` : i.toString());
    }

    // 获取当前日期和时间
    const now = new Date();
    const currentYear = now.getFullYear().toString();
    const currentMonth = (now.getMonth() + 1).toString().padStart(2, '0');
    const currentDay = now.getDate().toString().padStart(2, '0');
    const currentHour = now.getHours().toString().padStart(2, '0');
    const currentMinute = now.getMinutes().toString().padStart(2, '0');
    const currentSecond = now.getSeconds().toString().padStart(2, '0');

    // 获取默认选中的索引
    const dateTime = [
        years.indexOf(currentYear),
        months.indexOf(currentMonth),
        days.indexOf(currentDay),
        hours.indexOf(currentHour),
        minutes.indexOf(currentMinute),
        seconds.indexOf(currentSecond)
    ];

    // 返回包含所有数组和默认选中索引的对象
    const dateTimeArray = [years, months, days, hours, minutes, seconds];
    return {
        dateTimeArray,
        dateTime
    };
}

const pxToRpx = (pxValue, screenWidth) => {
    // return pxValue * (750 / screenWidth);
    const rpx = (750 / screenWidth) * Number(pxValue)
    return Math.floor(rpx);
}


const formatTime = date => {
    const year = date.getFullYear()
    const month = date.getMonth() + 1
    const day = date.getDate()
    const hour = date.getHours()
    const minute = date.getMinutes()
    const second = date.getSeconds()

    return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

/**
 * 
 * @param {*} date 
 */
const formatDate = date => {
    const year = date.getFullYear()
    const month = date.getMonth() + 1
    const day = date.getDate()

    return [year, month, day].map(formatNumber).join('-')
}

const formatNumber = n => {
    n = n.toString()
    return n[1] ? n : '0' + n
}

//随机生成暖色系
const randomLightColor = () => {
    // 暖色系的范围通常是红色和黄色较多，所以红色分量范围从 128 到 255
    let red = Math.floor(Math.random() * 128) + 128;
    // 绿色分量范围从 64 到 255
    let green = Math.floor(Math.random() * 192) + 64;
    // 蓝色分量范围从 0 到 128
    let blue = Math.floor(Math.random() * 128);

    // 将十进制的 RGB 分量转换为十六进制，并确保长度为 2 位
    let redHex = red.toString(16).padStart(2, '0');
    let greenHex = green.toString(16).padStart(2, '0');
    let blueHex = blue.toString(16).padStart(2, '0');

    // 组合成十六进制颜色代码
    return '#' + redHex + greenHex + blueHex;
}
//随机生成冷色系
const randomDarkColor = () => {
    // 冷色系通常蓝色和绿色较多，所以蓝色分量范围从 128 到 255
    let blue = Math.floor(Math.random() * 128) + 128;
    // 绿色分量范围从 128 到 255
    let green = Math.floor(Math.random() * 128) + 128;
    // 红色分量范围从 0 到 128
    let red = Math.floor(Math.random() * 128);

    // 将十进制的 RGB 分量转换为十六进制，并确保长度为 2 位
    let redHex = red.toString(16).padStart(2, '0');
    let greenHex = green.toString(16).padStart(2, '0');
    let blueHex = blue.toString(16).padStart(2, '0');

    // 组合成十六进制颜色代码
    return '#' + redHex + greenHex + blueHex;
}

const randomRgbColor = () => { // 随机生成RGB颜色
    var r = Math.floor(Math.random() * 256); // 随机生成256以内r值
    var g = Math.floor(Math.random() * 256); // 随机生成256以内g值
    var b = Math.floor(Math.random() * 256); // 随机生成256以内b值
    return `rgb(${r},${g},${b})`; // 返回rgb(r,g,b)格式颜色
}
const randomRgbaColor = () => { // 随机生成RGBA颜色
    var r = Math.floor(Math.random() * 256); // 随机生成256以内r值
    var g = Math.floor(Math.random() * 256); // 随机生成256以内g值
    var b = Math.floor(Math.random() * 256); // 随机生成256以内b值
    var alpha = Math.random(); // 随机生成1以内a值
    return `rgba(${r},${g},${b},${alpha})`; // 返回rgba(r,g,b,a)格式颜色
}

const formatRichText = (html) => {
    let newContent = html.replace(/<img(^>)*>/gi, function (match, capture) {
        match = match.replace(/style="(^")+"/gi, '').replace(/style='(^')+'/gi, '');
        match = match.replace(/width="(^")+"/gi, '').replace(/width='(^')+'/gi, '');
        match = match.replace(/height="(^")+"/gi, '').replace(/height='(^')+'/gi, '');
        return match;
    });
    newContent = newContent.replace(/style="(^")+"/gi, function (match, capture) {
        match = match.replace(/width:(^;)+;/gi, 'max-width:100%;').replace(/width:(^;)+;/gi, 'max-width:100%;');
        return match;
    });
    newContent = newContent.replace(/<br(^>)*\/>/gi, '');
    newContent = newContent.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0;"');
    return newContent;
}
/**
 *  去除富文本字符串中img的style
 *  richText 富文本字符串
 */
const removeImgStyleFromRichText = (richText) => {
    // 匹配 <img> 标签
    let imgTags = richText.match(/<img[^>]*>/g);
    if (imgTags) {
        imgTags.forEach((imgTag) => {
            // 去除 style 属性
            let newImgTag = imgTag.replace(/ style="[^"]*"/g, '');
            richText = richText.replace(imgTag, newImgTag);
        });
    }
    return richText;
}
//生成32位随机字符串
const random32Str = () => {
    const charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    let randomString = '';
    for (let i = 0; i < 32; i++) {
        const randomIndex = Math.floor(Math.random() * charSet.length);
        randomString += charSet.charAt(randomIndex);
    }
    return randomString;
}
module.exports = {
    formatTime: formatTime,
    formatDate: formatDate,
    randomRgb: randomRgbColor,
    randomRgba: randomRgbaColor,
    randomDark: randomDarkColor,
    randomLight: randomLightColor,
    formatHtml: formatRichText,
    removeImgStyle: removeImgStyleFromRichText,
    dateTimePicker: dateTimePicker,
    pxToRpx: pxToRpx,
    random32Str: random32Str
}