kts-component-invoice-operate 3.2.119 → 3.2.120

package/dist/Invoice/tools/calculate/index.d.ts

@@ -38,3 +38,11 @@ export declare function countPrice(amount: string | number, quantity: string | n
  * @returns 数量
  */
 export declare function countQuantity(amount: string | number, price: string | number, calculatingDigits?: number): number | undefined | '';
+/**
+ * 将数值转化为非科学计数法的字符串,忽略小数多余的0
+ * 无法转化的返回空字符串
+ * @param value 数值或字符串
+ * @param precision 精度
+ * @returns 字符串
+ */
+export declare function nonScientificNotation(value: number | string | undefined, precision?: number): string;

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import 'kts-components-antd-x3/dist/kts-components-antd-x3.css';
 import React, { createElement, createContext, useContext, useEffect, forwardRef, Children, isValidElement } from 'react';
 import GreyReactBox, { decorator } from 'grey-react-box';
-import { chain as chain$1, bignumber, create, all } from 'mathjs';
+import { chain as chain$1, bignumber, format as format$1, create, all } from 'mathjs';
 import { message, Form, Input, Icon as Icon$1, Tag as Tag$1, Select, Button, Tooltip, Switch as Switch$1, Typography, Menu, Dropdown, AutoComplete as AutoComplete$2, Spin, Checkbox, Drawer, Descriptions, Empty, Divider, Popover as Popover$1, Table as Table$1, Tree, Modal as Modal$1, Row as Row$1, Col as Col$1 } from 'kts-components-antd-x3';
 import { v4 } from 'uuid';
 import { message as message$1, TableManual, Switch, AutoComplete as AutoComplete$1, Popover, Dropdown as Dropdown$1, Row, Col, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Input as Input$1, Select as Select$1, Spin as Spin$1, Menu as Menu$1, Form as Form$1, Drawer as Drawer$1, Space, Radio, InputNumber, Popconfirm, Modal, Tree as Tree$1 } from 'kts-xui';
@@ -1389,7 +1389,7 @@ var format15 = function format15(value) {
   if ("".concat(value) === 'NaN') return '';
   if (typeof value === 'string') value = parseFloat(value);
   var fractionDigits = 15 - "".concat(value || 0).indexOf('.');
-  return onScientificNotation(value, fractionDigits > defaultFractionDigits ? defaultFractionDigits : fractionDigits);
+  return nonScientificNotation(value, fractionDigits > defaultFractionDigits ? defaultFractionDigits : fractionDigits);
 };
 /**
  * 金额(含税) = 数量 * 单价(含税)
@@ -1456,23 +1456,36 @@ function countQuantity(amount, price, calculatingDigits) {
   if (!price && price !== 0) return undefined;
   return format15(chain$1(bignumber(amount)).divide(bignumber(price)).done().toNumber(), calculatingDigits);
 }
-/** 不用可续计数法 */
-
-function onScientificNotation(e, fractionDigits) {
-  var arr = e.toFixed(fractionDigits).split('');
+/**
+ * 将数值转化为非科学计数法的字符串,忽略小数多余的0
+ * 无法转化的返回空字符串
+ * @param value 数值或字符串
+ * @param precision 精度
+ * @returns 字符串
+ */
 
-  for (; arr.length > 0;) {
-    if (arr[arr.length - 1] === '0') {
-      arr.pop();
-    } else if (arr[arr.length - 1] === '.') {
-      arr.pop();
-      return arr.join('');
+function nonScientificNotation(value, precision) {
+  try {
+    if (!value && value !== 0) {
+      return '';
     } else {
-      return arr.join('');
+      // 先按照精度fixed
+      if (precision) {
+        value = format$1(bignumber(value), {
+          notation: 'fixed',
+          precision: precision
+        });
+      } // 去掉小数位多余的0
+
+
+      return format$1(bignumber(value), {
+        notation: 'fixed'
+      });
     }
+  } catch (e) {
+    console.error(e);
+    return '';
   }
-
-  return '0';
 }
 
 var calculator = /*#__PURE__*/Object.freeze({
@@ -1483,7 +1496,8 @@ var calculator = /*#__PURE__*/Object.freeze({
   countAmountExcludeTax: countAmountExcludeTax,
   countTaxAmount: countTaxAmount,
   countPrice: countPrice,
-  countQuantity: countQuantity
+  countQuantity: countQuantity,
+  nonScientificNotation: nonScientificNotation
 });
 
 /**
@@ -13173,7 +13187,7 @@ var useColumns = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('quantity', {
-            initialValue: editGood.quantity,
+            initialValue: nonScientificNotation(editGood.quantity),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('quantity')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -13254,7 +13268,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -13268,7 +13282,7 @@ var useColumns = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('priceIncludeTax', {
-            initialValue: editGood.priceIncludeTax,
+            initialValue: nonScientificNotation(editGood.priceIncludeTax),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('priceIncludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -13329,7 +13343,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -13343,7 +13357,7 @@ var useColumns = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('priceExcludeTax', {
-            initialValue: editGood.priceExcludeTax,
+            initialValue: nonScientificNotation(editGood.priceExcludeTax),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('priceExcludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -13404,7 +13418,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -19802,7 +19816,7 @@ var useColumns$1 = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('quantity', {
-            initialValue: editGood.quantity,
+            initialValue: nonScientificNotation(editGood.quantity),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('quantity')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -19883,7 +19897,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -19897,7 +19911,7 @@ var useColumns$1 = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('priceIncludeTax', {
-            initialValue: editGood.priceIncludeTax,
+            initialValue: nonScientificNotation(editGood.priceIncludeTax),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('priceIncludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -19958,7 +19972,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -19972,7 +19986,7 @@ var useColumns$1 = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React.createElement(Form.Item, null, getFieldDecorator('priceExcludeTax', {
-            initialValue: editGood.priceExcludeTax,
+            initialValue: nonScientificNotation(editGood.priceExcludeTax),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('priceExcludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -20033,7 +20047,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {

package/dist/index.js

@@ -1399,7 +1399,7 @@ var format15 = function format15(value) {
   if ("".concat(value) === 'NaN') return '';
   if (typeof value === 'string') value = parseFloat(value);
   var fractionDigits = 15 - "".concat(value || 0).indexOf('.');
-  return onScientificNotation(value, fractionDigits > defaultFractionDigits ? defaultFractionDigits : fractionDigits);
+  return nonScientificNotation(value, fractionDigits > defaultFractionDigits ? defaultFractionDigits : fractionDigits);
 };
 /**
  * 金额(含税) = 数量 * 单价(含税)
@@ -1466,23 +1466,36 @@ function countQuantity(amount, price, calculatingDigits) {
   if (!price && price !== 0) return undefined;
   return format15(mathjs.chain(mathjs.bignumber(amount)).divide(mathjs.bignumber(price)).done().toNumber(), calculatingDigits);
 }
-/** 不用可续计数法 */
-
-function onScientificNotation(e, fractionDigits) {
-  var arr = e.toFixed(fractionDigits).split('');
+/**
+ * 将数值转化为非科学计数法的字符串,忽略小数多余的0
+ * 无法转化的返回空字符串
+ * @param value 数值或字符串
+ * @param precision 精度
+ * @returns 字符串
+ */
 
-  for (; arr.length > 0;) {
-    if (arr[arr.length - 1] === '0') {
-      arr.pop();
-    } else if (arr[arr.length - 1] === '.') {
-      arr.pop();
-      return arr.join('');
+function nonScientificNotation(value, precision) {
+  try {
+    if (!value && value !== 0) {
+      return '';
     } else {
-      return arr.join('');
+      // 先按照精度fixed
+      if (precision) {
+        value = mathjs.format(mathjs.bignumber(value), {
+          notation: 'fixed',
+          precision: precision
+        });
+      } // 去掉小数位多余的0
+
+
+      return mathjs.format(mathjs.bignumber(value), {
+        notation: 'fixed'
+      });
     }
+  } catch (e) {
+    console.error(e);
+    return '';
   }
-
-  return '0';
 }
 
 var calculator = /*#__PURE__*/Object.freeze({
@@ -1493,7 +1506,8 @@ var calculator = /*#__PURE__*/Object.freeze({
   countAmountExcludeTax: countAmountExcludeTax,
   countTaxAmount: countTaxAmount,
   countPrice: countPrice,
-  countQuantity: countQuantity
+  countQuantity: countQuantity,
+  nonScientificNotation: nonScientificNotation
 });
 
 /**
@@ -13183,7 +13197,7 @@ var useColumns = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('quantity', {
-            initialValue: editGood.quantity,
+            initialValue: nonScientificNotation(editGood.quantity),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('quantity')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -13264,7 +13278,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -13278,7 +13292,7 @@ var useColumns = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('priceIncludeTax', {
-            initialValue: editGood.priceIncludeTax,
+            initialValue: nonScientificNotation(editGood.priceIncludeTax),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('priceIncludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -13339,7 +13353,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -13353,7 +13367,7 @@ var useColumns = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('priceExcludeTax', {
-            initialValue: editGood.priceExcludeTax,
+            initialValue: nonScientificNotation(editGood.priceExcludeTax),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('priceExcludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -13414,7 +13428,7 @@ var useColumns = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -19812,7 +19826,7 @@ var useColumns$1 = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('quantity', {
-            initialValue: editGood.quantity,
+            initialValue: nonScientificNotation(editGood.quantity),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('quantity')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -19893,7 +19907,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -19907,7 +19921,7 @@ var useColumns$1 = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('priceIncludeTax', {
-            initialValue: editGood.priceIncludeTax,
+            initialValue: nonScientificNotation(editGood.priceIncludeTax),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('priceIncludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -19968,7 +19982,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {
@@ -19982,7 +19996,7 @@ var useColumns$1 = (function (form) {
       render: function render(value, record) {
         if ((editGood === null || editGood === void 0 ? void 0 : editGood.$index) === record.$index) {
           return /*#__PURE__*/React__default['default'].createElement(ktsComponentsAntdX3.Form.Item, null, getFieldDecorator('priceExcludeTax', {
-            initialValue: editGood.priceExcludeTax,
+            initialValue: nonScientificNotation(editGood.priceExcludeTax),
             getValueFromEvent: onNumberValueChange,
             rules: [].concat(_toConsumableArray(getReplenishRules('priceExcludeTax')), [{
               pattern: /^[+-]?(0|([1-9]\d*))(\.\d+)?$/,
@@ -20043,7 +20057,7 @@ var useColumns$1 = (function (form) {
             style: {
               padding: '0 10px'
             }
-          }, value);
+          }, nonScientificNotation(value));
         }
       }
     }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kts-component-invoice-operate",
-  "version": "3.2.119",
+  "version": "3.2.120",
   "scripts": {
     "dev": "dumi dev",
     "start": "dumi dev",

package/src/Invoice/tools/calculate/index.ts

@@ -1,5 +1,5 @@
 
-import { chain, bignumber, number } from 'mathjs';
+import { chain, bignumber, format } from 'mathjs';
 
 
 /** 格式化 保留2位小数 */
@@ -18,7 +18,7 @@ export const format15 = (value: number | string, defaultFractionDigits: number =
     if (typeof value === 'string') value = parseFloat(value);
 
     const fractionDigits = 15 - `${value || 0}`.indexOf('.');
-    return onScientificNotation(value, fractionDigits > defaultFractionDigits ? defaultFractionDigits : fractionDigits) as number | undefined | '';
+    return nonScientificNotation(value, fractionDigits > defaultFractionDigits ? defaultFractionDigits : fractionDigits) as number | undefined | '';
 };
 
 
@@ -107,19 +107,27 @@ export function countQuantity(amount: string | number, price: string | number, c
         .toNumber(), calculatingDigits)
 }
 
-
-
-/** 不用可续计数法 */
-function onScientificNotation(e: number, fractionDigits: number) {
-    const arr = e.toFixed(fractionDigits).split('');
-    for (; arr.length > 0;) {
-        if (arr[arr.length - 1] === '0') {
-            arr.pop();
-        } else if (arr[arr.length - 1] === '.') {
-            arr.pop(); return arr.join('');
+/**
+ * 将数值转化为非科学计数法的字符串,忽略小数多余的0
+ * 无法转化的返回空字符串
+ * @param value 数值或字符串
+ * @param precision 精度
+ * @returns 字符串
+ */
+export function nonScientificNotation (value: number | string | undefined, precision?: number ): string {
+    try {
+        if (!value && value !== 0) {
+            return ''
         } else {
-            return arr.join('');
+            // 先按照精度fixed
+            if (precision) {
+                value = format(bignumber(value), {notation: 'fixed', precision});
+            }
+            // 去掉小数位多余的0
+            return format(bignumber(value), {notation: 'fixed'})
         }
+    } catch (e){
+        console.error(e);
+        return ''
     }
-    return '0';
 }

package/src/Invoice/ui/default/GoodsList/hook/useColumns/index.tsx

@@ -20,6 +20,7 @@ import {
 } from './autoFillFn';
 import { getItemNameWithShorthand } from '../../../../../tools/itemName';
 import Drag from './ui/Drag';
+import { nonScientificNotation } from '../../../../../tools/calculate';
 
 export default (form: WrappedFormUtils) => {
   const { getFieldDecorator, getFieldValue } = form;
@@ -261,7 +262,7 @@ export default (form: WrappedFormUtils) => {
             return (
               <Form.Item>
                 {getFieldDecorator('quantity', {
-                  initialValue: editGood.quantity,
+                  initialValue: nonScientificNotation(editGood.quantity),
                   getValueFromEvent: onNumberValueChange,
                   rules: [
                     ...getReplenishRules('quantity'),
@@ -290,7 +291,7 @@ export default (form: WrappedFormUtils) => {
               </Form.Item>
             );
           } else {
-            return <span style={{ padding: '0 10px' }}>{value}</span>;
+            return <span style={{ padding: '0 10px' }}>{nonScientificNotation(value)}</span>;
           }
         },
       },
@@ -305,7 +306,7 @@ export default (form: WrappedFormUtils) => {
             return (
               <Form.Item>
                 {getFieldDecorator('priceIncludeTax', {
-                  initialValue: editGood.priceIncludeTax,
+                  initialValue: nonScientificNotation(editGood.priceIncludeTax),
                   getValueFromEvent: onNumberValueChange,
                   rules: [
                     ...getReplenishRules('priceIncludeTax'),
@@ -334,7 +335,7 @@ export default (form: WrappedFormUtils) => {
               </Form.Item>
             );
           } else {
-            return <span style={{ padding: '0 10px' }}>{value}</span>;
+            return <span style={{ padding: '0 10px' }}>{nonScientificNotation(value)}</span>;
           }
         },
       },
@@ -349,7 +350,7 @@ export default (form: WrappedFormUtils) => {
             return (
               <Form.Item>
                 {getFieldDecorator('priceExcludeTax', {
-                  initialValue: editGood.priceExcludeTax,
+                  initialValue: nonScientificNotation(editGood.priceExcludeTax),
                   getValueFromEvent: onNumberValueChange,
                   rules: [
                     ...getReplenishRules('priceExcludeTax'),
@@ -378,7 +379,7 @@ export default (form: WrappedFormUtils) => {
               </Form.Item>
             );
           } else {
-            return <span style={{ padding: '0 10px' }}>{value}</span>;
+            return <span style={{ padding: '0 10px' }}>{nonScientificNotation(value)}</span>;
           }
         },
       },

package/src/Invoice/ui/digtal/GoodsList/hook/useColumns/index.tsx

@@ -20,6 +20,7 @@ import {
   onChangeItemName,
 } from './autoFillFn';
 import Drag from './ui/Drag';
+import { nonScientificNotation } from '../../../../../tools/calculate';
 
 export default (form: WrappedFormUtils) => {
   const { getFieldDecorator, getFieldValue } = form;
@@ -231,7 +232,7 @@ export default (form: WrappedFormUtils) => {
             return (
               <Form.Item>
                 {getFieldDecorator('quantity', {
-                  initialValue: editGood.quantity,
+                  initialValue: nonScientificNotation(editGood.quantity),
                   getValueFromEvent: onNumberValueChange,
                   rules: [
                     ...getReplenishRules('quantity'),
@@ -260,7 +261,7 @@ export default (form: WrappedFormUtils) => {
               </Form.Item>
             );
           } else {
-            return <span style={{ padding: '0 10px' }}>{value}</span>;
+            return <span style={{ padding: '0 10px' }}>{nonScientificNotation(value)}</span>;
           }
         },
       },
@@ -275,7 +276,7 @@ export default (form: WrappedFormUtils) => {
             return (
               <Form.Item>
                 {getFieldDecorator('priceIncludeTax', {
-                  initialValue: editGood.priceIncludeTax,
+                  initialValue: nonScientificNotation(editGood.priceIncludeTax),
                   getValueFromEvent: onNumberValueChange,
                   rules: [
                     ...getReplenishRules('priceIncludeTax'),
@@ -304,7 +305,7 @@ export default (form: WrappedFormUtils) => {
               </Form.Item>
             );
           } else {
-            return <span style={{ padding: '0 10px' }}>{value}</span>;
+            return <span style={{ padding: '0 10px' }}>{nonScientificNotation(value)}</span>;
           }
         },
       },
@@ -319,7 +320,7 @@ export default (form: WrappedFormUtils) => {
             return (
               <Form.Item>
                 {getFieldDecorator('priceExcludeTax', {
-                  initialValue: editGood.priceExcludeTax,
+                  initialValue: nonScientificNotation(editGood.priceExcludeTax),
                   getValueFromEvent: onNumberValueChange,
                   rules: [
                     ...getReplenishRules('priceExcludeTax'),
@@ -348,7 +349,7 @@ export default (form: WrappedFormUtils) => {
               </Form.Item>
             );
           } else {
-            return <span style={{ padding: '0 10px' }}>{value}</span>;
+            return <span style={{ padding: '0 10px' }}>{nonScientificNotation(value)}</span>;
           }
         },
       },