icx-meum-vue-common-module/src/icx/utils.js

icx-meum-vue-common-module

// utils.js

import { STRING_APP_TAG, STRING_DEVICE_TYPE_ANDROID, STRING_DEVICE_TYPE_IOS, MEUM, FIT_FORCE, FIT_FORCE_COACH, INADIE } from './const'

// 是否为空或者空字符串
export const checkIsNullOrEmpty = (variable1) => variable1 === null || typeof variable1 === 'undefined' || variable1 === ''

// 是否是微信浏览器
export const isWeChat = () => {
  let ua = navigator.userAgent.toLowerCase()
  return ua.match(/MicroMessenger/i) == 'micromessenger'
}
export const isIcarbonxApp = () => {
  const userAgent = navigator.userAgent.toLocaleLowerCase()
  const isIcarbonx = userAgent.indexOf('icarbonx') !== -1
  const array = [MEUM, FIT_FORCE, FIT_FORCE_COACH, INADIE]
  return isIcarbonx || array.filter(item => userAgent.indexOf(item) !== -1).length > 0
}
// 是否是觅我app
export const isMeumApp = () => isIcarbonxApp()

// 获取设备类型
export const getDeviceType = () => {
  let u = navigator.userAgent
  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1
  let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
  return isAndroid ? STRING_DEVICE_TYPE_ANDROID : isiOS ? STRING_DEVICE_TYPE_IOS : undefined
}

// 数字转换成大写字母
export const alphabet = (i) => (i + 9).toString(36).toUpperCase()

export const isNullObj = obj => {
  for (let i in obj) {
    if (obj.hasOwnProperty(i)) {
      return false
    }
  }
  return true
}

/**
 * 存储localStorage
 */
export const setLocalStorage = (key, value) => {
  if (!key) return
  localStorage.setItem(key, JSON.stringify(value))
}

/**
 * 获取localStorage
 */
export const getLocalStorage = key => {
  if (!key) return
  try {
    return JSON.parse(localStorage.getItem(key))
  } catch (e) {
    return {}
  }
}

/**
 * 删除localStorage
 */
export const removeLocalStorage = key => {
  if (!key) return
  localStorage.removeItem(key)
}

/**
 * 存储sessionStorage
 */
export const setSessionStorage = (key, value) => {
  if (!key) return
  sessionStorage.setItem(key, JSON.stringify(value))
}

/**
 * 获取sessionStorage
 */
export const getSessionStorage = key => {
  if (!key) return
  return JSON.parse(sessionStorage.getItem(key))
}

/**
 * 删除sessionStorage
 */
export const removeSessionStorage = key => {
  if (!key) return
  window.sessionStorage.removeItem(key)
}
export const getBaseUrl = function (url) {
  var ishttps = document.location.protocol === 'https:'
  if (ishttps) {
    url = 'https://' + url
  } else {
    url = 'http://' + url
  }
  return url
}
// 将hex表示方式转换为rgb表示方式(这里返回rgb数组模式)
export const colorRgb = function (color) {
  let reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
  let sColor = color.toLowerCase()
  if (sColor && reg.test(sColor)) {
    if (sColor.length === 4) {
      let sColorNew = '#'
      for (let i = 1; i < 4; i += 1) {
        sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1))
      }
      sColor = sColorNew
    }
    // 处理六位的颜色值
    let sColorChange = []
    for (var i = 1; i < 7; i += 2) {
      sColorChange.push(parseInt('0x' + sColor.slice(i, i + 2)))
    }
    return sColorChange
  } else {
    return sColor
  }
}

/**
 * iscroll配置，click点击事件
 * @returns {boolean}
 */
export const iScrollClick = function () {
  if (/iPhone|iPad|iPod|Macintosh/i.test(navigator.userAgent)) return false
  if (/Chrome/i.test(navigator.userAgent)) return (/Android/i.test(navigator.userAgent))
  if (/Silk/i.test(navigator.userAgent)) return false
  if (/Android/i.test(navigator.userAgent)) {
    var s = navigator.userAgent.substr(navigator.userAgent.indexOf('Android') + 8, 3)
    return !(parseFloat(s[0] + s[3]) < 44)
  }
}

// 将rgb表示方式转换为hex表示方式
export const colorHex = function (rgb) {
  let _this = rgb
  let reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
  if (/^(rgb|RGB)/.test(_this)) {
    let aColor = _this.replace(/(?:\(|\)|rgb|RGB)*/g, '').split(',')
    let strHex = '#'
    for (let i = 0; i < aColor.length; i++) {
      let hex = Number(aColor[i]).toString(16)
      hex = hex < 10 ? 0 + '' + hex : hex // 保证每个rgb的值为2位
      if (hex === '0') {
        hex += hex
      }
      strHex += hex
    }
    if (strHex.length !== 7) {
      strHex = _this
    }
    return strHex
  } else if (reg.test(_this)) {
    let aNum = _this.replace(/#/, '').split('')
    if (aNum.length === 6) {
      return _this
    } else if (aNum.length === 3) {
      let numHex = '#'
      for (let i = 0; i < aNum.length; i += 1) {
        numHex += (aNum[i] + aNum[i])
      }
      return numHex
    }
  } else {
    return _this
  }
}

/**
 * 根据百分比计算渐变色值
 * @param startColor 起始色
 * @param endColor   结束色
 * @param ratio      比率 [0, 1]
 * @returns {number}
 */
export const gradientColor = function (startColor, endColor, ratio) {
  let sRGBColor = colorRgb(startColor)
  let startR = sRGBColor[0]
  let startG = sRGBColor[1]
  let startB = sRGBColor[2]
  let eRGBColor = colorRgb(endColor)
  let endR = eRGBColor[0]
  let endG = eRGBColor[1]
  let endB = eRGBColor[2]
  let resultRGB = 'rgb(' + parseInt(((endR - startR) * ratio + startR)) + ',' + parseInt(((endG - startG) * ratio + startG)) + ',' + parseInt(((endB - startB) * ratio + startB)) + ')'
  return colorHex(resultRGB)
}

/**
 * 字符串格式化模版
 * @param template
 * @param data
 * @returns {*}
 */
export function stringFormatTemplate (template, data) {
  if (!data) {
    return template
  }
  let keys = Object.keys(data)
  let dataList

  dataList = keys.map(function (key) {
    return data[key]
  })

  // 这里使用反引号来构建模板引擎
  return new Function(keys.join(','), 'return `' + template + '`;').apply(null, dataList)
}

/**
 * 生成指定长度和基数的UUID
 * @example
 * uuid(8, 16) // "098F4D35"
 * @param  {Int} len   长度
 * @param  {Int} radix 维度
 * @return uuid
 */
export const getUUID = (len, radix) => {
  let chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('')
  let uuid = []
  let i
  radix = radix || chars.length
  if (len) {
    // Compact form
    for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix]
  } else {
    // rfc4122, version 4 form
    let r
    // rfc4122 requires these characters
    uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-'
    uuid[14] = '4'
    // Fill in random data.  At i==19 set the high bits of clock sequence as
    // per rfc4122, sec. 4.1.5
    for (i = 0; i < 36; i++) {
      if (!uuid[i]) {
        r = 0 | Math.random() * 16
        uuid[i] = chars[(i === 19) ? (r & 0x3) | 0x8 : r]
      }
    }
  }
  return uuid.join('')
}

export const DateUtils = {
  /**
   * 将日期格式化成指定格式的字符串
   * @param date 要格式化的日期，不传时默认当前时间，也可以是一个时间戳
   * @param fmt 目标字符串格式，支持的字符有：y,M,d,q,w,H,h,m,S，默认：yyyy-MM-dd HH:mm:ss
   * @returns 返回格式化后的日期字符串
   */
  formatDate: function (date, fmt) {
    date = date == undefined ? new Date() : date
    date = typeof date == 'number' ? new Date(date) : date
    fmt = fmt || 'yyyy-MM-dd HH:mm:ss'
    var obj =
      {
        'y': date.getFullYear(), // 年份，注意必须用getFullYear
        'M': date.getMonth() + 1, // 月份，注意是从0-11
        'd': date.getDate(), // 日期
        'q': Math.floor((date.getMonth() + 3) / 3), // 季度
        'w': date.getDay(), // 星期，注意是0-6
        'H': date.getHours(), // 24小时制
        'h': date.getHours() % 12 == 0 ? 12 : date.getHours() % 12, // 12小时制
        'm': date.getMinutes(), // 分钟
        's': date.getSeconds(), // 秒
        'S': date.getMilliseconds() // 毫秒
      }
    var week = ['天', '一', '二', '三', '四', '五', '六']
    for (var i in obj) {
      fmt = fmt.replace(new RegExp(i + '+', 'g'), function (m) {
        var val = obj[i] + ''
        if (i == 'w') return (m.length > 2 ? '星期' : '周') + week[val]
        for (var j = 0, len = val.length; j < m.length - len; j++) val = '0' + val
        return m.length == 1 ? val : val.substring(val.length - m.length)
      })
    }
    return fmt
  },
  /**
   * 将字符串解析成日期
   * @param str 输入的日期字符串，如'2014-09-13'
   * @param fmt 字符串格式，默认'yyyy-MM-dd'，支持如下：y、M、d、H、m、s、S，不支持w和q
   * @returns 解析后的Date类型日期
   */
  parseDate: function (str, fmt) {
    fmt = fmt || 'yyyy-MM-dd'
    var obj = {y: 0, M: 1, d: 0, H: 0, h: 0, m: 0, s: 0, S: 0}
    fmt.replace(/([^yMdHmsS]*?)(([yMdHmsS])\3*)([^yMdHmsS]*?)/g, function (m, $1, $2, $3, $4, idx, old) {
      str = str.replace(new RegExp($1 + '(\\d{' + $2.length + '})' + $4), function (_m, _$1) {
        obj[$3] = parseInt(_$1)
        return ''
      })
      return ''
    })
    obj.M-- // 月份是从0开始的，所以要减去1
    var date = new Date(obj.y, obj.M, obj.d, obj.H, obj.m, obj.s)
    if (obj.S !== 0) date.setMilliseconds(obj.S) // 如果设置了毫秒
    return date
  },
  /**
   * 将一个日期格式化成友好格式，比如，1分钟以内的返回“刚刚”，
   * 当天的返回时分，当年的返回月日，否则，返回年月日
   * @param {Object} date
   */
  formatDateToFriendly: function (date) {
    date = date || new Date()
    date = typeof date === 'number' ? new Date(date) : date
    var now = new Date()
    if ((now.getTime() - date.getTime()) < 60 * 1000) return '刚刚' // 1分钟以内视作“刚刚”
    var temp = this.formatDate(date, 'yyyy年M月d')
    if (temp == this.formatDate(now, 'yyyy年M月d')) return this.formatDate(date, 'HH:mm')
    if (date.getFullYear() == now.getFullYear()) return this.formatDate(date, 'M月d日')
    return temp
  },
  /**
   * 将一个日期格式化成友好格式，比如，1分钟以内的返回“刚刚”，
   * 当天的返回时分，当年的返回月日，否则，返回年月日
   * @param {Object} date
   */
  formatMessageDateToFriendly: function (date) {
    date = date || new Date()
    date = typeof date === 'number' ? new Date(date) : date
    var now = new Date()
    var diff = now.getTime() - date.getTime()
    var toadyDiff = new Date(this.formatDate(new Date(), 'yyyy/MM/dd') + ' 00:00:00')
    var oneDay = 24 * 60 * 60 * 1000
    if (diff < 60 * 1000) return '刚刚' // 1分钟以内视作“刚刚”
    if (now.getTime() > date.getTime() && date.getTime() > toadyDiff.getTime()) return this.formatDate(date, 'HH:mm')
    if (date.getTime() < toadyDiff.getTime() && date.getTime() > (toadyDiff.getTime() - oneDay)) return '昨天' + this.formatDate(date, ' HH:mm')
    if (date.getTime() < toadyDiff.getTime() && date.getTime() > (toadyDiff.getTime() - 2 * oneDay)) return '前天' + this.formatDate(date, ' HH:mm')
    if (date.getFullYear() == now.getFullYear()) return this.formatDate(date, 'M月d日 HH:mm')
    var temp = this.formatDate(date, 'yyyy年M月d HH:mm')
    return temp
  },
  /**
   * 将一段时长转换成友好格式，如：
   * 147->“2分27秒”
   * 1581->“26分21秒”
   * 15818->“4小时24分”
   * @param {Object} second
   */
  formatDurationToFriendly: function (second) {
    if (second < 60) return second + '秒'
    else if (second < 60 * 60) return (second - second % 60) / 60 + '分' + second % 60 + '秒'
    else if (second < 60 * 60 * 24) return (second - second % 3600) / 60 / 60 + '小时' + Math.round(second % 3600 / 60) + '分'
    return (second / 60 / 60 / 24).toFixed(1) + '天'
  },
  /**
   * 将时间转换成MM:SS形式
   */
  formatTimeToFriendly: function (second) {
    var m = Math.floor(second / 60)
    m = m < 10 ? ('0' + m) : m
    var s = second % 60
    s = s < 10 ? ('0' + s) : s
    return m + ':' + s
  },
  /**
   * 判断某一年是否是闰年
   * @param year 可以是一个date类型，也可以是一个int类型的年份，不传默认当前时间
   */
  isLeapYear: function (year) {
    if (year === undefined) year = new Date()
    if (year instanceof Date) year = year.getFullYear()
    return (year % 4 == 0 && year % 100 != 0) || (year % 400 == 0)
  },
  /**
   * 获取某一年某一月的总天数，没有任何参数时获取当前月份的
   * 方式一：$.getMonthDays();
   * 方式二：$.getMonthDays(new Date());
   * 方式三：$.getMonthDays(2013, 12);
   */
  getMonthDays: function (date, month) {
    var y, m
    if (date == undefined) date = new Date()
    if (date instanceof Date) {
      y = date.getFullYear()
      m = date.getMonth()
    } else if (typeof date == 'number') {
      y = date
      m = month - 1
    }
    var days = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31] // 非闰年的一年中每个月份的天数
    // 如果是闰年并且是2月
    if (m == 1 && this.isLeapYear(y)) return days[m] + 1
    return days[m]
  },
  /**
   * 计算2日期之间的天数，用的是比较毫秒数的方法
   * 传进来的日期要么是Date类型，要么是yyyy-MM-dd格式的字符串日期
   * @param date1 日期一
   * @param date2 日期二
   */
  countDays: function (date1, date2) {
    var fmt = 'yyyy-MM-dd'
    // 将日期转换成字符串，转换的目的是去除“时、分、秒”
    if (date1 instanceof Date && date2 instanceof Date) {
      date1 = this.formatDate(date1, fmt)
      date2 = this.formatDate(date2, fmt)
    }
    if (typeof date1 === 'string' && typeof date2 === 'string') {
      date1 = this.parseDate(date1, fmt)
      date2 = this.parseDate(date2, fmt)
      return (date1.getTime() - date2.getTime()) / (1000 * 60 * 60 * 24)
    } else {
      console.error('参数格式无效！')
      return 0
    }
  },
  /**
   * 返回两天之间的天数
   * @param value1
   * @param value2
   * @returns {Array}
   */
  getDataScope (value1, value2) {
    var getDate = function (str) {
      var tempDate = new Date()
      var list = str.split('-')
      tempDate.setFullYear(list[0])
      tempDate.setMonth(list[1] - 1)
      tempDate.setDate(list[2])
      return tempDate
    }
    var date1 = getDate(value1)
    var date2 = getDate(value2)
    if (date1 > date2) {
      var tempDate = date1
      date1 = date2
      date2 = tempDate
    }
    date1.setDate(date1.getDate() + 1)
    var dateArr = []
    var i = 0
    while (!(date1.getFullYear() == date2.getFullYear() && date1.getMonth() == date2.getMonth() && date1.getDate() == date2.getDate())) {
      dateArr[i] = date1
      i++
      date1.setDate(date1.getDate() + 1)
    }
    return dateArr
  }
}

/**
 * @description 左侧补0得到制定长度值
 */
export const prefixInteger = (num, length) => {
  return (Array(length).join(0) + num).slice(-length)
}

// 字符串首字母大写
String.prototype.firstUpperCase = function () {
  return this.toString()[0].toUpperCase() + this.toString().slice(1)
}

function render (template, context) {
  let tokenReg = /(\\)?\{([^{}\\]+)(\\)?\}/g
  return template.replace(tokenReg, function (word, slash1, token, slash2) {
    if (slash1 || slash2) {
      return word.replace('\\', '')
    }

    let variables = token.replace(/\s/g, '').split('.')
    let currentObject = context
    let i, length, variable

    for (i = 0, length = variables.length; i < length; ++i) {
      variable = variables[i]
      currentObject = currentObject[variable]
      if (currentObject === undefined || currentObject === null) return ''
    }
    return currentObject
  })
}

String.prototype.render = function (context) {
  return render(this, context)
}

// 日期格式化
Date.prototype.format = function (fmt) {
  let o = {
    'M+': this.getMonth() + 1,
    'd+': this.getDate(),
    'h+': this.getHours(),
    'm+': this.getMinutes(),
    's+': this.getSeconds(),
    'q+': Math.floor((this.getMonth() + 3) / 3),
    'S': this.getMilliseconds()
  }
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
  }
  for (let k in o) {
    if (new RegExp('(' + k + ')').test(fmt)) {
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
    }
  }
  return fmt
}