feat: add safeParseNumberOrTextWithSeparator utility function (#29)

* feat: add safeParseNumberOrTextWithSeparator utility function

* chore: update version

---------

Co-authored-by: Caedman Ziwen Lan <lanziwen@apitable.com>

Author: ranglang

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.6.0",
+  "version": "1.9.0",
   "description": "my apitable widget chart",
   "engines": {
     "node": ">=8.x"

src/model/echarts_pie.ts

@@ -4,7 +4,7 @@ import { ChartType, StackType } from './interface';
 import { Strings, t } from '../i18n';
 import { sortBy } from '../sortBy';
 import { getNumberBaseFieldPrecision, maxRenderNum, processChartData, processRecords } from '../helper';
-import { safeParseNumberOrText } from '../utils';
+import { safeParseNumberOrText, safeParseNumberOrTextWithSeparator } from '../utils';
 
 export class EchartsPie extends EchartsBase {
   type = ChartType.EchartsPie;
@@ -108,7 +108,7 @@ export class EchartsPie extends EchartsBase {
             // const totalContent = Math.round(params.value / (params.percent / 100));
             // console.log(totalContent, params.value / (params.percent / 100));
             // return `{a|${t(Strings.total)}}\n{b|${totalContent}}`;
-            return `{a|${t(Strings.total)}}\n{b|${safeParseNumberOrText(dataSum, fieldPrecision)}}`;
+            return `{a|${t(Strings.total)}}\n{b|${safeParseNumberOrTextWithSeparator(dataSum, fieldPrecision)}}`;
           },
           // formatter: () => {
           //   const precision = guessNumberFieldPrecision(data.map(item => item.value).filter(Boolean));

src/utils.ts

@@ -90,4 +90,22 @@ export const safeParseNumberOrText = (num : number | string | undefined, precisi
     return '';
   }
   return a.toFixed(precision);
+  
+
+
+export const safeParseNumberOrTextWithSeparator = (num : number | string | undefined, precision: number) => {
+  if(!num) {
+    return '';
+  }
+
+  const a = Number(num);
+  if(isNaN(a)) {
+    return '';
+  }
+  
+  // Format with thousand separator and fixed precision
+  return a.toLocaleString('en-US', {
+    minimumFractionDigits: precision,
+    maximumFractionDigits: precision
+  });
 };