fix: fix accuracy of percent (#685)

* fix: fix accuracy of percent

* fix: fix accuracy of percent

* fix: test unit modify

* fix: export number

Co-authored-by: chenos <chenlinxh@gmail.com>

packages/core/client/src/schema-component/antd/input-number/InputNumber.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { connect, mapReadPretty } from '@formily/react';
 import { InputNumber as AntdNumber } from 'antd';
+import React from 'react';
 import { ReadPretty } from './ReadPretty';
 
 export const InputNumber = connect((props) => {

packages/core/client/src/schema-component/antd/input-number/ReadPretty.tsx

@@ -1,19 +1,9 @@
 import { isValid } from '@formily/shared';
+import { toFixedByStep } from '@nocobase/utils/client';
 import type { InputProps } from 'antd/lib/input';
 import type { InputNumberProps } from 'antd/lib/input-number';
-import { toFixed } from 'rc-input-number/lib/utils/MiniDecimal';
-import { getNumberPrecision } from 'rc-input-number/lib/utils/numberUtil';
 import React from 'react';
 
-export function toFixedByStep(value: any, step: string | number) {
-  if (typeof value  === 'undefined' || value === null || value === '') {
-    return '';
-  }
-  const precision = getNumberPrecision(step);
-  // return parseFloat(String(value)).toFixed(precision);
-  return toFixed(String(value), '.', precision);
-}
-
 export const ReadPretty: React.FC<InputProps & InputNumberProps> = (props: any) => {
   const { step, value, addonBefore, addonAfter } = props;
   if (!isValid(props.value)) {

packages/core/client/src/schema-component/antd/input-number/__tests__/toFixedByStep.test.ts

@@ -1,4 +1,4 @@
-import { toFixedByStep } from '../ReadPretty';
+import { toFixedByStep } from '@nocobase/utils/client';
 
 describe('toFixedByStep', () => {
   it('less than precision', () => {

packages/core/utils/src/client.ts

@@ -1,4 +1,5 @@
 export * from './merge';
+export * from './number';
 export * from './registry';
 export * from './uid';
 

packages/core/utils/src/index.ts

@@ -1,7 +1,7 @@
 export * from './merge';
 export * from './mixin';
 export * from './mixin/AsyncEmitter';
+export * from './number';
 export * from './registry';
 export * from './requireModule';
 export * from './uid';
-

packages/core/utils/src/number.ts

@@ -0,0 +1,11 @@
+import { toFixed } from 'rc-input-number/lib/utils/MiniDecimal';
+import { getNumberPrecision } from 'rc-input-number/lib/utils/numberUtil';
+
+export function toFixedByStep(value: any, step: string | number) {
+  if (typeof value === 'undefined' || value === null || value === '') {
+    return '';
+  }
+  const precision = getNumberPrecision(step);
+  // return parseFloat(String(value)).toFixed(precision);
+  return toFixed(String(value), '.', precision);
+}

packages/core/utils/src/server.ts

@@ -1,6 +1,7 @@
 export * from './merge';
 export * from './mixin';
 export * from './mixin/AsyncEmitter';
+export * from './number';
 export * from './registry';
 export * from './requireModule';
 export * from './uid';

packages/plugins/export/src/server/renders/renders.ts

@@ -1,3 +1,4 @@
+import { toFixedByStep } from '@nocobase/utils';
 import moment from 'moment';
 
 export async function _(field, row, ctx, column?: any) {
@@ -38,7 +39,8 @@ export async function datetime(field, row, ctx) {
 
 export async function percent(field, row, ctx) {
   const value = row.get(field.name);
-  return value && `${value}%`;
+  const step = field.options?.uiSchema?.['x-component-props']?.['step'] ?? 0;
+  return value && `${toFixedByStep(value * 100, step)}%`;
 }
 
 export async function boolean(field, row, ctx, column?: any) {