antd/es/statistic/Number.js

An enterprise-class UI design language and React components implementation

import padEnd from 'lodash/padEnd';
import * as React from 'react';
var StatisticNumber = function StatisticNumber(props) {
  var value = props.value,
    formatter = props.formatter,
    precision = props.precision,
    decimalSeparator = props.decimalSeparator,
    _props$groupSeparator = props.groupSeparator,
    groupSeparator = _props$groupSeparator === void 0 ? '' : _props$groupSeparator,
    prefixCls = props.prefixCls;
  var valueNode;
  if (typeof formatter === 'function') {
    // Customize formatter
    valueNode = formatter(value);
  } else {
    // Internal formatter
    var val = String(value);
    var cells = val.match(/^(-?)(\d*)(\.(\d+))?$/);
    // Process if illegal number
    if (!cells || val === '-') {
      valueNode = val;
    } else {
      var negative = cells[1];
      var int = cells[2] || '0';
      var decimal = cells[4] || '';
      int = int.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
      if (typeof precision === 'number') {
        decimal = padEnd(decimal, precision, '0').slice(0, precision > 0 ? precision : 0);
      }
      if (decimal) {
        decimal = "" + decimalSeparator + decimal;
      }
      valueNode = [/*#__PURE__*/React.createElement("span", {
        key: "int",
        className: prefixCls + "-content-value-int"
      }, negative, int), decimal && /*#__PURE__*/React.createElement("span", {
        key: "decimal",
        className: prefixCls + "-content-value-decimal"
      }, decimal)];
    }
  }
  return /*#__PURE__*/React.createElement("span", {
    className: prefixCls + "-content-value"
  }, valueNode);
};
export default StatisticNumber;