gcs-ui-lib 1.0.1

package/src/utils/index.js

@@ -0,0 +1,581 @@
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+import { closeTagsForBackPage } from 'n20-common-lib/src/plugins/CompatibleOld'
+import { linkGo } from 'n20-common-lib'
+export function parseTime(time, cFormat = '{y}-{m}-{d} {h}:{i}:{s}') {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if ((typeof time === 'string')) {
+      if ((/^[0-9]+$/.test(time))) {
+        // support "1548221490638"
+        time = parseInt(time)
+      } else {
+        // support safari
+        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+        time = time.replace(new RegExp(/-/gm), '/')
+      }
+    }
+
+    if ((typeof time === 'number') && (time.toString().length === 10)) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    const value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
+    }
+    return value.toString().padStart(2, '0')
+  })
+  return time_str
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+  if (('' + time).length === 10) {
+    time = parseInt(time) * 1000
+  } else {
+    time = +time
+  }
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return (
+      d.getMonth() +
+      1 +
+      '月' +
+      d.getDate() +
+      '日' +
+      d.getHours() +
+      '时' +
+      d.getMinutes() +
+      '分'
+    )
+  }
+}
+/**
+ * 数组去重
+ * @param arr 数组
+ * @param id 更具什么去重
+ */
+export function delistToSame(arr, id) {
+  let map = new Map();
+  for (let item of arr) {
+    if (item[id]) {
+      if (!map.has(item[id])) {
+        map.set(item[id], item);
+      }
+    }
+
+  }
+  return [...map.values()];
+}
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function getQueryObject(url) {
+  url = url == null ? window.location.href : url
+  const search = url.substring(url.lastIndexOf('?') + 1)
+  const obj = {}
+  const reg = /([^?&=]+)=([^?&=]*)/g
+  search.replace(reg, (rs, $1, $2) => {
+    const name = decodeURIComponent($1)
+    let val = decodeURIComponent($2)
+    val = String(val)
+    obj[name] = val
+    return rs
+  })
+  return obj
+}
+
+/**
+ * @param {string} input value
+ * @returns {number} output value
+ */
+export function byteLength(str) {
+  // returns the byte length of an utf8 string
+  let s = str.length
+  for (var i = str.length - 1; i >= 0; i--) {
+    const code = str.charCodeAt(i)
+    if (code > 0x7f && code <= 0x7ff) s++
+    else if (code > 0x7ff && code <= 0xffff) s += 2
+    if (code >= 0xDC00 && code <= 0xDFFF) i--
+  }
+  return s
+}
+
+/**
+ * @param {Array} actual
+ * @returns {Array}
+ */
+export function cleanArray(actual) {
+  const newArray = []
+  for (let i = 0; i < actual.length; i++) {
+    if (actual[i]) {
+      newArray.push(actual[i])
+    }
+  }
+  return newArray
+}
+
+/**
+ * @param {Object} json
+ * @returns {Array}
+ */
+export function param(json) {
+  if (!json) return ''
+  return cleanArray(
+    Object.keys(json).map(key => {
+      if (json[key] === undefined) return ''
+      return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
+    })
+  ).join('&')
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
+  if (!search) {
+    return {}
+  }
+  const obj = {}
+  const searchArr = search.split('&')
+  searchArr.forEach(v => {
+    const index = v.indexOf('=')
+    if (index !== -1) {
+      const name = v.substring(0, index)
+      const val = v.substring(index + 1, v.length)
+      obj[name] = val
+    }
+  })
+  return obj
+}
+
+/**
+ * @param {string} val
+ * @returns {string}
+ */
+export function html2Text(val) {
+  const div = document.createElement('div')
+  div.innerHTML = val
+  return div.textContent || div.innerText
+}
+
+/**
+ * Merges two objects, giving the last one precedence
+ * @param {Object} target
+ * @param {(Object|Array)} source
+ * @returns {Object}
+ */
+export function objectMerge(target, source) {
+  if (typeof target !== 'object') {
+    target = {}
+  }
+  if (Array.isArray(source)) {
+    return source.slice()
+  }
+  Object.keys(source).forEach(property => {
+    const sourceProperty = source[property]
+    if (typeof sourceProperty === 'object') {
+      target[property] = objectMerge(target[property], sourceProperty)
+    } else {
+      target[property] = sourceProperty
+    }
+  })
+  return target
+}
+
+/**
+ * @param {HTMLElement} element
+ * @param {string} className
+ */
+export function toggleClass(element, className) {
+  if (!element || !className) {
+    return
+  }
+  let classString = element.className
+  const nameIndex = classString.indexOf(className)
+  if (nameIndex === -1) {
+    classString += '' + className
+  } else {
+    classString =
+      classString.substr(0, nameIndex) +
+      classString.substr(nameIndex + className.length)
+  }
+  element.className = classString
+}
+
+/**
+ * @param {string} type
+ * @returns {Date}
+ */
+export function getTime(type) {
+  if (type === 'start') {
+    return new Date().getTime() - 3600 * 1000 * 24 * 90
+  } else {
+    return new Date(new Date().toDateString())
+  }
+}
+
+/**
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ * @return {*}
+ */
+export function debounce(func, wait, immediate) {
+  let timeout, args, context, timestamp, result
+
+  const later = function () {
+    // 据上一次触发时间间隔
+    const last = +new Date() - timestamp
+
+    // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
+    if (last < wait && last > 0) {
+      timeout = setTimeout(later, wait - last)
+    } else {
+      timeout = null
+      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+      if (!immediate) {
+        result = func.apply(context, args)
+        if (!timeout) context = args = null
+      }
+    }
+  }
+
+  return function (...args) {
+    context = this
+    timestamp = +new Date()
+    const callNow = immediate && !timeout
+    // 如果延时不存在，重新设定延时
+    if (!timeout) timeout = setTimeout(later, wait)
+    if (callNow) {
+      result = func.apply(context, args)
+      context = args = null
+    }
+
+    return result
+  }
+}
+
+/**
+ * This is just a simple version of deep copy
+ * Has a lot of edge cases bug
+ * If you want to use a perfect deep copy, use lodash's _.cloneDeep
+ * @param {Object} source
+ * @returns {Object}
+ */
+export function deepClone(source) {
+  if (!source && typeof source !== 'object') {
+    throw new Error('error arguments', 'deepClone')
+  }
+  const targetObj = 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
+}
+
+/**
+ * @param {Array} arr
+ * @returns {Array}
+ */
+export function uniqueArr(arr) {
+  return Array.from(new Set(arr))
+}
+
+/**
+ * @returns {string}
+ */
+export function createUniqueString() {
+  const timestamp = +new Date() + ''
+  const randomNum = parseInt((1 + Math.random()) * 65536) + ''
+  return (+(randomNum + timestamp)).toString(32)
+}
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
+
+/***
+ * 自定义自定义表单数据格式化
+ * @param thatVue
+ * @param config
+ */
+// eslint-disable-next-line no-unused-vars
+export function formCustomDataFormat(thatVue, config) {
+
+}
+
+function checkMonthAndDay(obj) {
+  obj = parseInt(obj);
+  if (obj < 10) {
+    obj = "0" + obj.toString();
+  }
+  return obj;
+}
+
+/***
+ * 更具期限设置时间
+ * @param startDate
+ * @param termDay
+ * @param termDayType
+ */
+export function dateProgressive(startDate, termDay, termDayType) {
+  let miStart = Date.parse(startDate.replace(/-/g, '/'))
+  let dateStart = new Date(miStart)
+  let dateTime = ''
+  if (termDay != null && termDay !== '') {
+    if (termDayType === 3) {
+      let year = dateStart.getFullYear() + parseInt(termDay)
+      let month = (dateStart.getMonth() + 1).toString()
+      let day = (dateStart.getDate()).toString()
+      if ((dateStart.getMonth() + 1) === 2) {
+        if (dateStart.getDate() > 28) {
+          if (year % 4 > 0) {
+            day = '28'
+          } else {
+            day = '29'
+          }
+        }
+      }
+      dateTime = year + '-' + checkMonthAndDay(month) + '-' + checkMonthAndDay(day)
+    } else if (termDayType === 2) {
+      let year = dateStart.getFullYear()
+      let month = dateStart.getMonth() + 1 + parseInt(termDay)
+      let day = (dateStart.getDate()).toString()
+      while (month > 12) {
+        year = year + 1
+        month = month - 12
+      }
+      if (dateStart.getDate() === 31) {
+        if (dateStart.getMonth() === 4 || dateStart.getMonth() === 6 || dateStart.getMonth() === 9 || dateStart.getMonth() === 11) {
+          day = '30'
+        }
+      }
+      if (month === 2) {
+        if (dateStart.getDate() > 28) {
+          if (year % 4 > 0) {
+            day = '28'
+          } else {
+            day = '29'
+          }
+        }
+      }
+      dateTime = year + '-' + checkMonthAndDay(month) + '-' + checkMonthAndDay(day)
+    } else {
+      let miEnd = new Date(termDay * 1000 * 24 * 3600 + miStart)
+      let year = miEnd.getFullYear()
+      let month = (miEnd.getMonth() + 1).toString()
+      let day = (miEnd.getDate()).toString()
+      dateTime = year + '-' + checkMonthAndDay(month) + '-' + checkMonthAndDay(day)
+    }
+  } else {
+    dateTime = ''
+  }
+  return dateTime
+}
+
+/**
+ * 随机字串
+ */
+export function randomString(num) {
+  num = num || 32
+  var t = ''
+  t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'
+
+  const a = t.length
+  let n = ''
+  for (let i = 0; i < num; i++) n += t.charAt(Math.floor(Math.random() * a))
+  return n
+}
+// export function getValue(val, prop, that) {
+//   if (prop.includes("Amount")) {
+//     return amountFormat(val[prop], 2, 1);
+//   } else if (prop == 'differenceRate') {
+//     return parseFloat(val[prop])?.toFixed(2) || '0.00'
+//   } else if (prop == 'settlementExchangeRate') {
+//     return parseFloat(val[prop])?.toFixed(4) || '0.0000'
+//   } else if (prop.includes("Rate") && !prop.includes("Type")) {
+//     return parseFloat(val[prop])?.toFixed(6) || '0.000000'
+//   } else if (prop == "inoutPlace") {
+//     return val[prop] == "IN" ? that.$l("场内") : that.$l("场外");
+//   } else if (prop == "inoutTerritory") {
+//     return val[prop] == "IN" ? that.$l("境内") : that.$l("境外");
+//   } else if (prop == "exchangeRateType") {
+//     return val[prop] == "BO" ? that.$l("买入/卖出") : that.$l("卖出/买入");
+//   } else if (prop == "termCount") {
+//     return (
+//       val[prop] +
+//       (val["termType"] == "DAY" ?
+//         that.$l("天") :
+//         val["termType"] == "MONTH" ?
+//         that.$l("月") :
+//         that.$l("年"))
+//     );
+//   }
+//   return val[prop] + "";
+// }
+
+
+/**
+ * 金额格式化
+ * @param num 金额
+ * @param len 保留小数位数
+ * @param magnitude 数量级 （ 5 代表万 ）
+ * @returns {*}
+ */
+export function amountFormat(num, len = 2, magnitude) {
+  if (typeof num === 'number') {
+    num = String(num)
+  }
+  // 已经格式化的数据
+  if (String(num).includes(',')) {
+    num = num.replace(/\,/g, '')
+  }
+
+  // 非空校验
+  if (isNaN(Number(num)) || [null, '', undefined].includes(num)) {
+    return '--'
+  }
+
+  const magnitudeObj = {
+    1: { label: '元', value: 1E0 },
+    5: { label: '万元', value: 1E4 },
+    6: { label: '十万元', value: 1E5 },
+    7: { label: '百万元', value: 1E6 },
+    8: { label: '千万元', value: 1E7 },
+    9: { label: '亿元', value: 1E8 }
+  }
+  let temp = +num
+
+  if (magnitude) {
+    const t = magnitudeObj[magnitude]
+
+    temp = (temp / (t.value))
+  }
+
+  temp = temp.toFixed(len)
+
+  // 三点一逗
+  function get_thousand_num(num) {
+    return num.toString().replace(/\d+/, function (n) { // 先提取整数部分
+      return n.replace(/(\d)(?=(\d{3})+$)/g, function ($1) { // 对整数部分添加分隔符
+        return $1 + ','
+      })
+    })
+  }
+
+  temp = get_thousand_num(temp)
+
+  return temp
+}
+
+export function flatData(arr, temp) {
+  arr.forEach((a) => {
+    if (
+      a &&
+      a.children &&
+      Array.isArray(a.children) &&
+      a.children.length > 0
+    ) {
+      flatData(a.children, temp);
+    }
+    temp.push(a);
+
+  });
+}
+
+/**
+ * 统一的页签返回函数
+ */
+export function goBackCommon() {
+  closeTagsForBackPage()
+  linkGo()
+}
+
+/**
+ * uuid生成
+ * @returns {string}
+ */
+export function uuid() {
+    const temp_url = URL.createObjectURL(new Blob())
+    const uuid = temp_url.toString()
+    URL.revokeObjectURL(temp_url)
+    return uuid.substr(uuid.lastIndexOf('/') + 1)
+}