cheetah-framework/js/framework/directives/numberHumanReadable.js

Cheetah Framework JS used in all our applications

import { humanReadable } from '@cheetah/utils/Number'

export default {
  bind (el, binding) {
    el.innerHTML = getInnerHTML(binding)
  },
  update (el, binding) {
    el.innerHTML = getInnerHTML(binding)
  }
}

function getInnerHTML (binding) {
  const number = binding.value
  const isPercent = number && number[number.length - 1] === '%'
  const numberHumanReadable = humanReadable(number, binding.arg === 'dash-empty')

  if (isPercent || numberHumanReadable === '---') {
    return numberHumanReadable
  } else {
    return `<span title="${number}" placement="top">
        ${numberHumanReadable}
      </span>`
  }
}