vue-django/src/utils/filters.js

个人实验项目, 本框架的目标是借鉴并超越django admin的自动化思想, 实现UI前端的极简快速定制开发

/**
 * Created by denishuang on 2017/11/16.
 */
import {formatRelative, subDays, distance_in_words_to_now} from 'date-fns'
import zh_cn from 'date-fns/locale/zh_cn'

export function dateTime (t) {
    if (typeof t === 'string' && !t.includes('+')) {
        t = t.concat('+08:00')
    }
    return new Date(t)
}

export function date2now (d) {
    return d
}

export function date (d) {
    return distance_in_words_to_now(d, {locale: zh_cn})
}

function pluralize (time, label) {
    if (time === 1) {
        return time + label
    }
    return time + label + 's'
}

export function timeAgo (time) {
    const between = Date.now() / 1000 - Number(time)
    if (between < 3600) {
        return pluralize(~~(between / 60), ' minute')
    } else if (between < 86400) {
        return pluralize(~~(between / 3600), ' hour')
    } else {
        return pluralize(~~(between / 86400), ' day')
    }
}

export function parseTime (time, cFormat) {
    if (arguments.length === 0) {
        return null
    }

    if ((time + '').length === 10) {
        time = +time * 1000
    }

    const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
    let date
    if (typeof time === 'object') {
        date = time
    } else {
        date = new Date(parseInt(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(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
        let value = formatObj[key]
        if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
        if (result.length > 0 && value < 10) {
            value = '0' + value
        }
        return value || 0
    })
    return time_str
}

export function localTimeStr(t) {
    return dateTime(t).toLocaleString()
}
export function formatTime(time, option) {
    const d = dateTime(time)
    const now = new Date()

    const diff = (now - d) / 1000
    if (diff >= 0) {
        if (diff < 60) {
            return '刚刚'
        } else if (diff < 3600) { // less 1 hour
            return Math.floor(diff / 60) + '分钟前'
        } else if (diff < 3600 * 24) {
            return Math.floor(diff / 3600) + '小时前'
        } else if (diff < 3600 * 24 * 2) {
            return '1天前'
        }
    }
    if (option) {
        return parseTime(time, option)
    } else {
        if (d.getYear() != now.getYear()) {
            return parseTime(d, '{y}-{m}-{d} {h}:{i}')
        }
        return (d.getMonth() + 1) + '月' + d.getDate() + '日' + d.getHours() + '时' + d.getMinutes() + '分'
    }
}

/* 数字 格式化 */
export function nFormatter (num, digits, inChinese) {
    const si = inChinese ? [
        {value: 1E12, symbol: '兆'},
        {value: 1E8, symbol: '亿'},
        {value: 1E4, symbol: '万'}
    ] : [
        {value: 1E18, symbol: 'E'},
        {value: 1E15, symbol: 'P'},
        {value: 1E12, symbol: 'T'},
        {value: 1E9, symbol: 'G'},
        {value: 1E6, symbol: 'M'},
        {value: 1E3, symbol: 'k'}
    ]
    for (let i = 0; i < si.length; i++) {
        if (num >= si[i].value) {
            return (num / si[i].value + 0.1).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, '$1') + si[i].symbol
        }
    }
    return num.toString()
}

export function html2Text (val) {
    const div = document.createElement('div')
    div.innerHTML = val
    return div.textContent || div.innerText
}

export function toThousandslsFilter (num) {
    return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))
}

export function percent (value, fixed) {
    let a = value && (value * 100).toFixed(fixed === undefined ? 2 : fixed)
    return `${a}%`
}

export function duration (a) {
    let m = Math.floor(a / 60)
    let s = Math.floor(a % 60)
    return `${m}'${s}''`
}

export function json(value, items) {
    console.log(value)
    if(items) {
        return items.map(a => {
            return `${a.label || a.name}: ${value[a.name]}`
        }).join('\n')
    } else {
        return Object.keys(value).map(k => {
            return `${k}: ${value[k]}`
        }).join('\n')
    }
}

export default {
    dateTime,
    date2now,
    date,
    parseTime,
    timeAgo,
    formatTime,
    nFormatter,
    html2Text,
    toThousandslsFilter,
    percent,
    duration,
    json
}