antd
Version:
An enterprise-class UI design language and React components implementation
54 lines (53 loc) • 2.07 kB
JavaScript
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _padEnd = _interopRequireDefault(require("lodash/padEnd"));
var React = _interopRequireWildcard(require("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 = (0, _padEnd["default"])(decimal, precision, '0').slice(0, precision > 0 ? precision : 0);
}
if (decimal) {
decimal = "".concat(decimalSeparator).concat(decimal);
}
valueNode = [/*#__PURE__*/React.createElement("span", {
key: "int",
className: "".concat(prefixCls, "-content-value-int")
}, negative, int), decimal && ( /*#__PURE__*/React.createElement("span", {
key: "decimal",
className: "".concat(prefixCls, "-content-value-decimal")
}, decimal))];
}
}
return /*#__PURE__*/React.createElement("span", {
className: "".concat(prefixCls, "-content-value")
}, valueNode);
};
var _default = exports["default"] = StatisticNumber;
;