vueless/ui.text-number/utilNumber.ts

Vue Styleless UI Component Library, powered by Tailwind CSS.

export const MATH_SIGN_TYPE = {
  auto: "auto",
  positive: "positive",
  negative: "negative",
  unsigned: "unsigned",
};

export const MATH_SIGN = {
  PLUS: "+",
  MINUS: "–",
};

export const SINGLE_ZERO = "0";
export const DOUBLE_ZERO = "00";

export function separatedNumber(
  value: number,
  minFractionDigits = 0,
  maxFractionDigits = 2,
  decimalSeparator = ",",
  thousandsSeparator = " ",
) {
  const options = {
    minimumFractionDigits: Number(minFractionDigits),
    maximumFractionDigits: Number(maxFractionDigits),
  };

  const formattedNumber =
    value !== undefined && value !== null ? Number(value).toLocaleString("en-US", options) : "0";

  let [integer, fraction = ""] = formattedNumber.split(".");

  integer = integer.replace(/,/g, thousandsSeparator);

  if (!value && value !== 0) {
    integer = SINGLE_ZERO;
    fraction = DOUBLE_ZERO;
  }

  if (fraction === "") {
    decimalSeparator = "";
  }

  if (minFractionDigits === 0 && maxFractionDigits === 0) {
    decimalSeparator = "";
    fraction = "";
  } else if (fraction.length < minFractionDigits) {
    fraction = fraction.padEnd(minFractionDigits, "0");
  }

  return { integer, fraction, decimalSeparator };
}