@aochuang/common 1.0.1 → 1.0.126

package/utils/date.js

@@ -2,54 +2,494 @@
  * 格式化日期
 */
 export function formatDate (date, fmt = 'YYYY-mm-dd HH:MM:SS') {
-    if (!date) {
-      return
-    }
-    if (typeof date === 'string' && /^[0-9]+$/.test(date)) {
-      date = Number(date)
-    }
-    if (typeof date === 'string' || typeof date === 'number') {
-      date = new Date(date)
-    }
-    if (isNaN(date.getTime())) {
-      return
+  if (!date) {
+    return
+  }
+  if (typeof date === 'string' && /^[0-9]+$/.test(date)) {
+    date = Number(date)
+  }
+  if (typeof date === 'string' || typeof date === 'number') {
+    date = new Date(date)
+  }
+  if (isNaN(date.getTime())) {
+    return
+  }
+  let ret
+  const opt = {
+    'Y+': date.getFullYear().toString(),
+    'm+': (date.getMonth() + 1).toString(),
+    'd+': date.getDate().toString(),
+    'H+': date.getHours().toString(),
+    'M+': date.getMinutes().toString(),
+    'S+': date.getSeconds().toString()
+  }
+  for (const k in opt) {
+    ret = new RegExp('(' + k + ')').exec(fmt)
+    if (ret) {
+      fmt = fmt.replace(ret[1], (ret[1].length === 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, '0')))
     }
-    let ret
-    const opt = {
-      'Y+': date.getFullYear().toString(),
-      'm+': (date.getMonth() + 1).toString(),
-      'd+': date.getDate().toString(),
-      'H+': date.getHours().toString(),
-      'M+': date.getMinutes().toString(),
-      'S+': date.getSeconds().toString()
+  }
+  return fmt
+}
+
+/**
+ * 将时间戳或者日期字符串转为日期对象
+*/
+export function parseDate (date) {
+  if (!date) {
+    return
+  }
+  if (date.getTime) {
+    return date
+  }
+  if (typeof date === 'number') {
+    return new Date(date)
+  }
+  if (typeof date === 'string') {
+    const ds = date.split(/\D+/)
+    if (ds.length > 0) {
+      return new Date(ds[0], ds[1] ? (ds[1] - 1) : 0, ds[2] || 1, ds[3] || 0, ds[4] || 0, ds[5] || 0)
     }
-    for (const k in opt) {
-      ret = new RegExp('(' + k + ')').exec(fmt)
-      if (ret) {
-        fmt = fmt.replace(ret[1], (ret[1].length === 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, '0')))
+  }
+}
+
+/**
+ * 获取最近1天
+ * 从今天开始算起
+*/
+export function getLast1days () {
+  let start = new Date()
+  start = start.setDate(start.getDate() - 0)
+  const end = new Date()
+  return [formatDate(start, 'YYYY-mm-dd 00:00:00'), formatDate(end, 'YYYY-mm-dd 23:59:59')]
+}
+
+/**
+ * 获取上一年
+ */
+export function getLastYear () {
+  const date = new Date()
+  const startOfYear = new Date(date.getFullYear() - 1, 0, 1)
+  const endOfYear = new Date(date.getFullYear(), 0, 0)
+  return [formatDate(startOfYear, 'YYYY-mm-dd'), formatDate(endOfYear, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取本年
+ */
+export function getYear () {
+  const date = new Date()
+  const startOfYear = new Date(date.getFullYear(), 0, 1)
+  const endOfYear = new Date(date.getFullYear() + 1, 0, 0)
+  return [formatDate(startOfYear, 'YYYY-mm-dd'), formatDate(endOfYear, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取本季度
+ */
+export function getQuarter () {
+  const date = new Date()
+  const quarterStart = new Date(date.getFullYear(), Math.floor(date.getMonth() / 3) * 3, 1)
+  const quarterEnd = new Date(date.getFullYear(), Math.floor(date.getMonth() / 3) * 3 + 3, 0)
+  return [formatDate(quarterStart, 'YYYY-mm-dd'), formatDate(quarterEnd, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取上季度
+ */
+export function getLastQuarter () {
+  const date = new Date()
+  const thisYear = date.getFullYear()
+  const thisQuarter = Math.floor(date.getMonth() / 3) + 1
+  const startOfQuarter = new Date(thisYear, thisQuarter, 1)
+  const endOfQuarter = new Date(thisYear, thisQuarter + 3, 0)
+  return [formatDate(startOfQuarter, 'YYYY-mm-dd'), formatDate(endOfQuarter, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取上月
+ */
+export function getLastMonth () {
+  const date = new Date()
+  const firstDayOfCurrentMonth = new Date(date.getFullYear(), date.getMonth(), 1)
+  const lastDayOfLastMonth = new Date(date.getFullYear(), date.getMonth(), 0)
+  const startOfLastMonth = new Date(lastDayOfLastMonth)
+  startOfLastMonth.setDate(1)
+  const endOfLastMonth = new Date(firstDayOfCurrentMonth - 1)
+  return [formatDate(startOfLastMonth, 'YYYY-mm-dd'), formatDate(endOfLastMonth, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取本月
+ */
+export function getMonth () {
+  const date = new Date()
+  const startOfMonth = new Date(date.getFullYear(), date.getMonth(), 1)
+  const endOfMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0)
+  return [formatDate(startOfMonth, 'YYYY-mm-dd'), formatDate(endOfMonth, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取上周
+ */
+export function getLastWeek () {
+  const date = new Date()
+  const startOfWeek = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() - 7)
+  const endOfWeek = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() - 1)
+  return [formatDate(startOfWeek, 'YYYY-mm-dd'), formatDate(endOfWeek, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取本周
+ */
+export function getWeek () {
+  const date = new Date()
+  const dateTime = date.getTime()
+  const startOfWeek = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 1)
+  const endOfWeek = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay() + 7)
+  if (dateTime < endOfWeek.getTime()) {
+    return [formatDate(startOfWeek, 'YYYY-mm-dd'), formatDate(dateTime, 'YYYY-mm-dd')]
+  }
+  return [formatDate(startOfWeek, 'YYYY-mm-dd'), formatDate(endOfWeek, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取未来1天
+ * 从今天开始算起
+*/
+export function getFuture10days () {
+  let start = new Date()
+  const end = new Date()
+  end.setDate(end.getDate() + 9)
+  return [formatDate(start, 'YYYY-mm-dd 00:00:00'), formatDate(end, 'YYYY-mm-dd 23:59:59')]
+}
+
+/**
+ * 获取最近7天
+ */
+export function getLast7days (keepTime) {
+  let start = new Date()
+  start = start.setDate(start.getDate() - 6)
+  const end = new Date()
+  if (keepTime) {
+    return [formatDate(start, 'YYYY-mm-dd 00:00:00'), formatDate(end, 'YYYY-mm-dd 23:59:59')]
+  } else {
+    return [formatDate(start, 'YYYY-mm-dd'), formatDate(end, 'YYYY-mm-dd')]
+  }
+}
+
+/**
+ * 获取今天过滤范围
+ * 主要用于报表穿透场景
+*/
+export function getTodayFilterParams () {
+  const today = new Date()
+  return [formatDate(today, 'YYYY-mm-dd'), formatDate(today, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取昨天时间范围
+*/
+export function getYesterdayFilterParams () {
+  const startDate = new Date()
+  const endDate = new Date()
+  startDate.setDate(startDate.getDate() - 1)
+  endDate.setDate(endDate.getDate() - 1)
+  return [
+    formatDate(startDate, 'YYYY-mm-dd'),
+    formatDate(endDate, 'YYYY-mm-dd')
+  ]
+}
+
+/**
+ * 获取一周过滤范围
+ * 主要用于报表穿透场景
+*/
+export function getThisWeekFilterParams () {
+  const currentDate = new Date()
+  const currentDay = currentDate.getDay()
+  const startDate = new Date()
+  const endDate = new Date()
+  startDate.setDate(startDate.getDate() - currentDay + 1)
+  endDate.setDate(startDate.getDate() + 6)
+  return [
+    formatDate(startDate, 'YYYY-mm-dd'),
+    formatDate(endDate, 'YYYY-mm-dd')
+  ]
+}
+
+/**
+ * 获取最近15天
+*/
+export function getLast15days () {
+  let start = new Date()
+  start = start.setDate(start.getDate() - 14)
+  const end = new Date()
+  return [formatDate(start, 'YYYY-mm-dd'), formatDate(end, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取最近30天
+*/
+export function getLast30days (keepTime) {
+  let start = new Date()
+  start = start.setDate(start.getDate() - 29)
+  const end = new Date()
+  end.setDate(end.getDate())
+  if (keepTime) {
+    return [formatDate(start, 'YYYY-mm-dd 00:00:00'), formatDate(end, 'YYYY-mm-dd 23:59:59')]
+  } else {
+    return [formatDate(start, 'YYYY-mm-dd'), formatDate(end, 'YYYY-mm-dd')]
+  }
+}
+
+/**
+ * 获取最近90天
+*/
+export function getLast90days () {
+  let start = new Date()
+  start = start.setDate(start.getDate() - 90)
+  const end = new Date()
+  end.setDate(end.getDate())
+  return [formatDate(start, 'YYYY-mm-dd'), formatDate(end, 'YYYY-mm-dd')]
+}
+
+/**
+ * 获取最近35天
+*/
+export function getLast35days () {
+  let start = new Date()
+  start = start.setDate(start.getDate() - 35)
+  const end = new Date()
+  end.setDate(end.getDate())
+  return [formatDate(start, 'YYYY-mm-dd'), formatDate(end, 'YYYY-mm-dd')]
+}
+
+/**
+ * 毫秒转换友好的显示格式
+ * 输出格式：21小时28分钟15秒
+ * @param  {[type]} time [description]
+ * @return {[type]}      [description]
+ */
+export function timeToDate (time) {
+  var diffTime = time
+  if (diffTime && diffTime !== '0') {
+    diffTime = diffTime / 1000
+    if (diffTime >= 60 && diffTime < 60 * 60) {
+      diffTime = parseInt(diffTime / 60.0) + '分' + Math.round((parseFloat(diffTime / 60.0) - parseInt(diffTime / 60.0)) * 60) + '秒'
+    } else if (diffTime >= 60 * 60) {
+      diffTime = parseInt(diffTime / 3600.0) + '时' + parseInt((parseFloat(diffTime / 3600.0) - parseInt(diffTime / 3600.0)) * 60) + '分' + Math.round((parseFloat((parseFloat(diffTime / 3600.0) - parseInt(diffTime / 3600.0)) * 60) - parseInt((parseFloat(diffTime / 3600.0) - parseInt(diffTime / 3600.0)) * 60)) * 60) + '秒'
+    } else if (diffTime < 60) {
+      if (diffTime < 0.01) {
+        return '0秒'
+      } else {
+        return diffTime.toFixed(2) + '秒'
       }
     }
-    return fmt
-  }
-  
-  /**
-   * 将时间戳或者日期字符串转为日期对象
-  */
-  export function parseDate (date) {
-    if (!date) {
-      return
-    }
-    if (date.getTime) {
-      return date
-    }
-    if (typeof date === 'number') {
-      return new Date(date)
+  } else {
+    diffTime = '0秒'
+  }
+  return diffTime
+}
+
+function parseIntZerofill (number) {
+  number = parseInt(number)
+  return number < 10 ? '0' + number : number
+}
+
+/**
+ * 格式化时间戳到时分秒
+*/
+export function timeToHHmmss (time) {
+  var diffTime = time
+  if (diffTime) {
+    diffTime = diffTime / 1000
+    if (diffTime >= 60 && diffTime < 60 * 60) {
+      diffTime = '00' + ':' + parseIntZerofill(diffTime / 60.0) + ':' + parseIntZerofill((parseFloat(diffTime / 60.0) - parseIntZerofill(diffTime / 60.0)) * 60)
+    } else if (diffTime >= 60 * 60) {
+      diffTime = parseIntZerofill(diffTime / 3600.0) + ':' + parseIntZerofill((parseFloat(diffTime / 3600.0) -
+        parseIntZerofill(diffTime / 3600.0)) * 60) + ':' +
+        parseIntZerofill((parseFloat((parseFloat(diffTime / 3600.0) - parseIntZerofill(diffTime / 3600.0)) * 60) -
+        parseIntZerofill((parseFloat(diffTime / 3600.0) - parseIntZerofill(diffTime / 3600.0)) * 60)) * 60)
+    } else if (diffTime < 60) {
+      return '00:00:' + parseIntZerofill(Math.ceil(diffTime))
     }
-    if (typeof date === 'string') {
-      const ds = date.split(/\D+/)
-      if (ds.length > 0) {
-        return new Date(ds[0], ds[1] ? (ds[1] - 1) : 0, ds[2] || 1, ds[3] || 0, ds[4] || 0, ds[5] || 0)
+  } else {
+    diffTime = '00:00:00'
+  }
+  return diffTime
+}
+
+/**
+ * 获取友好的周文本
+*/
+export function getDayText (date) {
+  const nextDate = parseDate(date)
+  if (!nextDate) {
+    return
+  }
+  const dayMap = {
+    0: '星期天',
+    1: '星期一',
+    2: '星期二',
+    3: '星期三',
+    4: '星期四',
+    5: '星期五',
+    6: '星期六'
+  }
+  return dayMap[nextDate.getDay()]
+}
+
+/**
+ * 获取当前时间戳
+*/
+export function now () {
+  return Date.now ? Date.now() : (new Date()).getTime()
+}
+
+/**
+ * 将时间转为补零字符串
+ * 如0转为00:00, 1转为01:00
+*/
+export function formatNumerToTime (number) {
+  if (number === null || isNaN(number)) {
+    return
+  }
+  const prefix = number < 10 ? '0' + number : number
+  const suffix = '00'
+  return [prefix, suffix].join(':')
+}
+
+/**
+ * 判断是否为今天
+*/
+export function isToday (date) {
+  if (!date) {
+    return false
+  }
+  return formatDate(new Date(), 'YYYY-mm-dd') === formatDate(parseDate(date), 'YYYY-mm-dd')
+}
+
+/**
+ * 口语化时间
+*/
+export function formatDateToSpoken (date) {
+  date = parseDate(date)
+  if (!date) {
+    return
+  }
+  let time = new Date().getTime()
+  time = parseInt((time - date.getTime()) / 1000)
+  let s
+  if (time < 60 * 10) {
+    return '刚刚'
+  } else if ((time < 60 * 60) && (time >= 60 * 10)) {
+    s = Math.floor(time / 60)
+    return s + '分钟前'
+  } else if ((time < 60 * 60 * 24) && (time >= 60 * 60)) {
+    s = Math.floor(time / 60 / 60)
+    return s + '小时前'
+  } else if ((time < 60 * 60 * 24 * 16) && (time >= 60 * 60 * 24)) {
+    s = Math.floor(time / 60 / 60 / 24)
+    return s + '天前'
+  } else if ((time < 60 * 60 * 24 * 30) && (time >= 60 * 60 * 24 * 16)) {
+    return '大半月前'
+  } else if ((time < 60 * 60 * 24 * 30 * 12) && (time >= 60 * 60 * 24 * 30)) {
+    s = Math.floor(time / (60 * 60 * 24 * 30))
+    return s + '个月前'
+  } else if (time >= 60 * 60 * 24 * 30 * 12) {
+    s = Math.floor(time / (60 * 60 * 24 * 30 * 12))
+    return s + '年前'
+  } else {
+    return formatDate(date, 'YYYY-mm-dd')
+  }
+}
+
+/**
+ * 日期范围是筛选快捷键配置
+ * */
+
+export function optionShortcuts() {
+  return [
+    {
+      text: '今天',
+      value: 'today',
+      onClick(picker) {
+        const dateRange = getTodayFilterParams()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '昨天',
+      value: 'yesterday',
+      onClick(picker) {
+        const dateRange = getYesterdayFilterParams()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '本周',
+      value: 'week',
+      onClick(picker) {
+        const dateRange = getWeek()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '上周',
+      value: 'lastWeek',
+      onClick(picker) {
+        const dateRange = getLastWeek()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '本月',
+      value: 'month',
+      onClick(picker) {
+        const dateRange = getMonth()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '上月',
+      value: 'lastMonth',
+      onClick(picker) {
+        const dateRange = getLastMonth()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '本季度',
+      value: 'quarter',
+      onClick(picker) {
+        const dateRange = getQuarter()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '上季度',
+      value: 'lastQuarter',
+      onClick(picker) {
+        const dateRange = getLastQuarter()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '本年',
+      value: 'year',
+      onClick(picker) {
+        const dateRange = getYear()
+        picker.$emit('pick', dateRange)
+      }
+    },
+    {
+      text: '去年',
+      value: 'lastYear',
+      onClick(picker) {
+        const dateRange = getLastYear()
+        picker.$emit('pick', dateRange)
       }
     }
-  }
-  
+  ]
+}

package/utils/dom.js

@@ -0,0 +1,37 @@
+export function closest (source, target) {
+    if (!source || !target) {
+        return null
+    }
+    let element = source
+    while (element && element.nodeType === 1) {
+        if (typeof target === 'string') {
+        // 先只支持target为className的场景
+        if (element.classList.contains(target)) {
+            return element
+        }
+        } else {
+        if (element === target) {
+            return element
+        }
+        }
+        element = element.parentNode
+    }
+    return null
+}
+
+function isElement (node) {
+    const ELEMENT_NODE_TYPE = 1
+    return node.tagName !== 'HTML' && node.tagName !== 'BODY' && node.nodeType === ELEMENT_NODE_TYPE
+}
+
+export function getScrollParent (el, root = window) {
+    let node = el
+    while (node && node !== root && isElement(node)) {
+        const { overflowY } = window.getComputedStyle(node)
+        if (/scroll|auto/i.test(overflowY)) {
+        return node
+        }
+        node = node.parentNode
+    }
+    return root
+}

package/utils/event.js

@@ -0,0 +1,92 @@
+export default class Event {
+	_events = {}
+
+	constructor (options) {
+		options = Object.assign({
+			/**
+			 * 检查on事件的时候要不要立即触发，比如有些ready场景，如果已经准备完毕就立马触发
+			*/
+			checkOnMethod: null
+		}, options)
+		this.checkOnMethod = options.checkOnMethod
+	}
+	
+	on (name, fn) {
+		if (!name || !fn) {
+			throw new Error('[Event] 回调名称和函数必须')
+		}
+		if (!this._events[name]) {
+			this._events[name] = []
+		}
+		this._events[name].push(fn)
+		if (this.checkOnMethod) {
+			this.checkOnMethod(name)
+		}
+	}
+
+	off (name, fn) {
+		if (!this._events[name]) {
+			return
+		}
+		if (fn) {
+			let index = -1
+			this._events[name].some((v, i) => {
+				if (v === fn) {
+					index = i
+					return true
+				}
+			})
+			if (index < 0) {
+				return
+			}
+			this._events[name].splice(index, 1)
+		} else {
+			this._events[name] = []
+		}
+	}
+
+	emit (name, data) {
+		if (!this._events[name]) {
+			return
+		}
+		return !this._events[name].some(fn => {
+			if (fn(data) === false) {
+				return true
+			}
+		})
+	}
+	
+	one (name, fn) {
+		const fnWrap = (evt) => {
+			this.off(name, fnWrap)
+			if (fn) {
+				return fn(evt)
+			}
+		}
+		this.on(name, fnWrap)
+	}
+
+}
+
+export function asyncEmit (vm, eventName, eventFn, callbackMethodName = 'setCallback') {
+	if (!vm || !eventName || !eventFn) {
+		throw new Error('缺少必须参数')
+	}
+	return new Promise((resolve, reject) => {
+		let isTry = false
+		vm.$emit(eventName, {
+			[callbackMethodName] (fn) {
+				isTry = true
+				const rs = eventFn(fn)
+				if (rs && rs.then) {
+					rs.then(resolve, reject)
+				} else {
+					resolve()
+				}
+			}
+		})
+		if (!isTry) {
+			resolve()
+		}
+	})
+}