add toFixed func

Author: zombieJ

src/utils/MiniDecimal.ts

@@ -254,3 +254,39 @@ export default function getMiniDecimal(value: ValueType): DecimalClass {
   }
   return new NumberDecimal(value);
 }
+
+/**
+ * Align the logic of toFixed to around like 1.5 => 2
+ */
+export function toFixed(numStr: string, separatorStr: string, precision?: number) {
+  const { negativeStr, integerStr, decimalStr } = trimNumber(numStr);
+  const precisionDecimalStr = `${separatorStr}${decimalStr}`;
+
+  const numberWithoutDecimal = `${negativeStr}${integerStr}`;
+
+  if (precision >= 0) {
+    // We will get last + 1 number to check if need advanced number
+    const advancedNum = Number(decimalStr[precision]);
+
+    if (advancedNum >= 5) {
+      const advancedDecimal = getMiniDecimal(numStr).add(
+        `0.${'0'.repeat(precision)}${10 - advancedNum}`,
+      );
+      return toFixed(advancedDecimal.toString(), separatorStr, precision);
+    }
+
+    if (precision === 0) {
+      return numberWithoutDecimal;
+    }
+
+    return `${numberWithoutDecimal}${separatorStr}${decimalStr
+      .padEnd(precision, '0')
+      .slice(0, precision)}`;
+  }
+
+  if (precisionDecimalStr === '.0') {
+    return numberWithoutDecimal;
+  }
+
+  return `${numberWithoutDecimal}${precisionDecimalStr}`;
+}

tests/decimal.test.tsx

@@ -74,4 +74,70 @@ describe('InputNumber.Decimal', () => {
     expect(wrapper.find('input').props().value).toEqual('1,1');
     expect(onChange).toHaveBeenCalledWith(1.1);
   });
+
+  describe('precision', () => {
+    it('decimal step should not display complete precision', () => {
+      const wrapper = mount(<InputNumber step={0.01} value={2.1} />);
+      expect(wrapper.findInput().props().value).toEqual('2.10');
+    });
+
+    it('string step should display complete precision', () => {
+      const wrapper = mount(<InputNumber step="1.000" value={2.1} />);
+      expect(wrapper.findInput().props().value).toEqual('2.100');
+    });
+
+    it('prop precision is specified', () => {
+      const onChange = jest.fn();
+      const wrapper = mount(<InputNumber onChange={onChange} precision={2} defaultValue={2} />);
+      expect(wrapper.findInput().props().value).toEqual('2.00');
+
+      wrapper.changeValue('3.456');
+      wrapper.blurInput();
+      expect(onChange).toHaveBeenCalledWith(3.46);
+      expect(wrapper.findInput().props().value).toEqual('3.46');
+
+      onChange.mockReset();
+      wrapper.changeValue('3.465');
+      wrapper.blurInput();
+      expect(onChange).toHaveBeenCalledWith(3.47);
+      expect(wrapper.findInput().props().value).toEqual('3.47');
+
+      onChange.mockReset();
+      wrapper.changeValue('3.455');
+      wrapper.blurInput();
+      expect(onChange).toHaveBeenCalledWith(3.46);
+      expect(wrapper.findInput().props().value).toEqual('3.46');
+
+      onChange.mockReset();
+      wrapper.changeValue('1');
+      wrapper.blurInput();
+      expect(onChange).toHaveBeenCalledWith(1);
+      expect(wrapper.findInput().props().value).toEqual('1.00');
+    });
+
+    // it('should not trigger onChange when blur InputNumber with precision', () => {
+    //   class Demo extends React.Component {
+    //     onChange = () => {
+    //       onChangeCallCount += 1;
+    //     };
+
+    //     render() {
+    //       return (
+    //         <InputNumber
+    //           ref="inputNum"
+    //           mergedPPrecision={2}
+    //           defaultValue={2}
+    //           onChange={this.onChange}
+    //         />
+    //       );
+    //     }
+    //   }
+    //   example = ReactDOM.render(<Demo />, container);
+    //   inputNumber = example.refs.inputNum;
+    //   inputElement = ReactDOM.findDOMNode(inputNumber.input);
+    //   Simulate.focus(inputElement);
+    //   Simulate.blur(inputElement);
+    //   expect(onChangeCallCount).to.be(0);
+    // });
+  });
 });

tests/util.test.tsx

@@ -3,6 +3,7 @@ import getMiniDecimal, {
   DecimalClass,
   NumberDecimal,
   ValueType,
+  toFixed,
 } from '../src/utils/MiniDecimal';
 
 jest.mock('../src/utils/supportUtil');
@@ -113,4 +114,26 @@ describe('InputNumber.Util', () => {
       expect(new BigIntDecimal('11.28').add('0.0903').toString()).toEqual('11.3703');
     });
   });
+
+  describe('toFixed', () => {
+    it('less than precision', () => {
+      expect(toFixed('1.1', ',', 2)).toEqual('1,10');
+      expect(toFixed('1.23', '.', 5)).toEqual('1.23000');
+    });
+
+    it('large than precision', () => {
+      expect(toFixed('1.234', '.', 2)).toEqual('1.23');
+      expect(toFixed('1.235', '.', 2)).toEqual('1.24');
+      expect(toFixed('1.238', '.', 2)).toEqual('1.24');
+
+      // Integer
+      expect(toFixed('1.238', '.', 0)).toEqual('1');
+      expect(toFixed('1.5', '.', 0)).toEqual('2');
+    });
+
+    it('empty precision', () => {
+      expect(toFixed('1.2', '.')).toEqual('1.2');
+      expect(toFixed('1.000', '.')).toEqual('1');
+    });
+  });
 });