chore(slider): optimize type definition (#26884)

components/slider/index.tsx

@@ -1,7 +1,5 @@
 import * as React from 'react';
-import RcSlider from 'rc-slider/lib/Slider';
-import RcRange from 'rc-slider/lib/Range';
-import RcHandle from 'rc-slider/lib/Handle';
+import RcSlider, { Range as RcRange, Handle as RcHandle } from 'rc-slider';
 import classNames from 'classnames';
 import { TooltipPlacement } from '../tooltip';
 import SliderTooltip from './SliderTooltip';
@@ -18,16 +16,15 @@ export interface SliderMarks {
 
 interface HandleGeneratorInfo {
   value?: number;
-  dragging: boolean;
+  dragging?: boolean;
   index: number;
-  rest: any[];
 }
 
 export type HandleGeneratorFn = (config: {
   tooltipPrefixCls?: string;
   prefixCls?: string;
   info: HandleGeneratorInfo;
-}) => React.ReactNode;
+}) => React.ReactElement;
 
 export interface SliderBaseProps {
   prefixCls?: string;
@@ -35,7 +32,7 @@ export interface SliderBaseProps {
   reverse?: boolean;
   min?: number;
   max?: number;
-  step?: number | null;
+  step?: number;
   marks?: SliderMarks;
   dots?: boolean;
   included?: boolean;
@@ -70,7 +67,8 @@ export interface SliderRangeProps extends SliderBaseProps {
 
 export type Visibles = { [index: number]: boolean };
 
-const Slider = React.forwardRef<unknown, SliderSingleProps | SliderRangeProps>((props, ref) => {
+const Slider = React.forwardRef<unknown, SliderSingleProps | SliderRangeProps>(
+  (props, ref: any) => {
     const { getPrefixCls, direction, getPopupContainer } = React.useContext(ConfigContext);
     const [visibles, setVisibles] = React.useState<Visibles>({});
 
@@ -144,7 +142,7 @@ const Slider = React.forwardRef<unknown, SliderSingleProps | SliderRangeProps>((
     if (range) {
       return (
         <RcRange
-        {...restProps}
+          {...(restProps as SliderRangeProps)}
           className={cls}
           ref={ref}
           handle={(info: HandleGeneratorInfo) =>
@@ -155,13 +153,12 @@ const Slider = React.forwardRef<unknown, SliderSingleProps | SliderRangeProps>((
             })
           }
           prefixCls={prefixCls}
-        tooltipPrefixCls={tooltipPrefixCls}
         />
       );
     }
     return (
       <RcSlider
-      {...restProps}
+        {...(restProps as SliderSingleProps)}
         className={cls}
         ref={ref}
         handle={(info: HandleGeneratorInfo) =>
@@ -172,10 +169,10 @@ const Slider = React.forwardRef<unknown, SliderSingleProps | SliderRangeProps>((
           })
         }
         prefixCls={prefixCls}
-      tooltipPrefixCls={tooltipPrefixCls}
       />
     );
-});
+  },
+);
 
 Slider.displayName = 'Slider';
 

package.json

@@ -137,7 +137,7 @@
     "rc-rate": "~2.8.2",
     "rc-resize-observer": "^0.2.3",
     "rc-select": "~11.3.2",
-    "rc-slider": "~9.4.1",
+    "rc-slider": "~9.5.1",
     "rc-steps": "~4.1.0",
     "rc-switch": "~3.2.0",
     "rc-table": "~7.9.2",

typings/custom-typings.d.ts

@@ -46,14 +46,6 @@ declare module 'rc-rate';
 
 declare module 'rc-queue-anim';
 
-declare module 'rc-slider';
-
-declare module 'rc-slider/lib/Slider';
-
-declare module 'rc-slider/lib/Range';
-
-declare module 'rc-slider/lib/Handle';
-
 declare module 'rc-steps';
 
 declare module 'rc-switch';