You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.6 KiB
53 lines
1.6 KiB
import * as React from 'react';
|
|
import padEnd from 'lodash/padEnd';
|
|
|
|
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);
|
|
}
|
|
|
|
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);
|
|
};
|
|
|
|
export default StatisticNumber; |