Currency format is incorrect

[mtshane]

ui-pantry/packages/vue/index/components/base/ZrRangeSlider.vue

Line 239 in 0dd0bcd

minValue || minValue === 0 ? minValueDisplay = '$' + minValue.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') : ''

Current output

3.625485748.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
"3.625,485,748"

desired change

• add currencyCode optional prop, default to 'USD'
• add isoCode optional prop. default to 'en-US'

new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(3.625485748);
"$3.63"

code change:

case '$':
  // format range labels as $ currency
  const currencyFormatter = new Intl.NumberFormat(this.isoCode, { style: 'currency', currency: this.currencyCode });
  minValue || minValue === 0 ? minValueDisplay = currencyFormatter.format(minValue) : '';
  maxValue ? maxValueDisplay = currencyFormatter.format(maxValue) : '';
  break;