fix(Slider): simplify accAdd function

packages/components/_util/number.ts

@@ -1,28 +1,21 @@
-/**
- ** 加法函数，用来得到精确的加法结果
- ** 说明：javascript 的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。
- ** 调用：accAdd(num1,num2)
- ** 返回值：num1 加上num2 的精确结果
- * */
-export function accAdd(num1: number, num2: number) {
-  const isFloat = (n: number) => typeof n === 'number' && !Number.isInteger(n);
-
-  if (isFloat(num1) && isFloat(num2)) {
-    const [integer1, precision1] = String(num1).split('.');
-    const [integer2, precision2] = String(num2).split('.');
+export const numberToPercent = (number: number) => `${number * 100}%`;
 
-    // 获取两个浮点数的最长精度
-    const maxPrecisionLen = Math.max(precision1.length, precision2.length);
-    // 对齐小数部分的精度长度
-    const wholePrecision1 = Number(precision1.padEnd(maxPrecisionLen, '0'));
-    const wholePrecision2 = Number(precision2.padEnd(maxPrecisionLen, '0'));
+/**
+ * 精确加法函数，避免 JavaScript 浮点误差
+ * - 浮点运算会导致类似 0.1 + 0.2 = 0.30000000000000004 的问题
+ * - 该函数通过将数字放大为整数进行运算，再缩小回原精度，得到更精确的结果
+ */
+export function accAdd(num1: number, num2: number): number {
+  // 获取每个数字的小数位长度
+  const precision1 = (num1.toString().split('.')[1] || '').length;
+  const precision2 = (num2.toString().split('.')[1] || '').length;
 
-    // 小数部分转化成整数相加之后除以精度最长的 10 的倍数
-    const precisionVal = (wholePrecision1 + wholePrecision2) / 10 ** maxPrecisionLen;
-    const integerVal = Number(integer1) + Number(integer2);
+  // 取两者中较大的小数位长度，用于计算放大倍数
+  const scale = 10 ** Math.max(precision1, precision2);
 
-    return integerVal + precisionVal;
-  }
+  // 将小数放大为整数
+  const sum = Math.round(num1 * scale) + Math.round(num2 * scale);
 
-  return num1 + num2;
+  // 缩放回原精度，得到最终结果
+  return sum / scale;
 }

packages/components/slider/Slider.tsx

@@ -1,18 +1,19 @@
 import React, { useMemo, useRef } from 'react';
 import classNames from 'classnames';
-import { isFunction, isString, isNumber } from 'lodash-es';
+import { isFunction, isNumber, isString } from 'lodash-es';
+
 import { largeNumberToFixed } from '@tdesign/common-js/input-number/large-number';
-import { accAdd } from '../_util/number';
-import type { StyledProps, TNode } from '../common';
+import { accAdd, numberToPercent } from '../_util/number';
 import useConfig from '../hooks/useConfig';
 import useControlled from '../hooks/useControlled';
 import useDefaultProps from '../hooks/useDefaultProps';
-import type { MouseCallback } from '../hooks/useMouseEvent';
 import InputNumber from '../input-number/InputNumber';
 import { sliderDefaultProps } from './defaultProps';
 import SliderHandleButton from './SliderHandleButton';
+
+import type { StyledProps, TNode } from '../common';
+import type { MouseCallback } from '../hooks/useMouseEvent';
 import type { TdSliderProps } from './type';
-import { numberToPercent } from './utils/handleNumber';
 
 export type SliderProps = TdSliderProps & StyledProps;