vue2-filters/src/other/percent.js

A collection of Vue.js filters

import util from '../util/index'

/**
 * 1.2              => '120%'
 * -0.2             => '-20%'
 * 100              => '10000%'
 * 1                => '100%'
 * 0.97             => '97%'
 *
 * @param {Number} value
 * @param {Number} decimals Decimal places (default: 2)
 * @param {Number} multiplier (default: 100)
 * @params {Object} options
 */
function percent(value, decimals, multiplier, options) {
  const globalOptions = this && this.percent ? this.percent : {}
  options = options || globalOptions
  multiplier = util.exist(multiplier) ? multiplier : globalOptions.multiplier
  multiplier = typeof multiplier !== 'undefined' ? multiplier : 100
  decimals = util.exist(decimals) ? decimals : globalOptions.decimalDigits
  decimals = typeof decimals !== 'undefined' ? decimals : 0

  const decimalSeparator = options.decimalSeparator != null ? options.decimalSeparator : '.'

  value = value === null || isNaN(value) ? 0 : value

  return `${(value * multiplier).toFixed(decimals).replace('.', decimalSeparator)}%`
}

export default percent