index.d.ts 1.1 KB

1234567891011121314151617181920212223242526272829
  1. import * as React from 'react';
  2. import type { OnStartMove } from '../interface';
  3. import type { HandleProps } from './Handle';
  4. export interface HandlesProps {
  5. prefixCls: string;
  6. style?: React.CSSProperties | React.CSSProperties[];
  7. values: number[];
  8. onStartMove: OnStartMove;
  9. onOffsetChange: (value: number | 'min' | 'max', valueIndex: number) => void;
  10. onFocus?: (e: React.FocusEvent<HTMLDivElement>) => void;
  11. onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;
  12. onDelete?: (index: number) => void;
  13. handleRender?: HandleProps['render'];
  14. /**
  15. * When config `activeHandleRender`,
  16. * it will render another hidden handle for active usage.
  17. * This is useful for accessibility or tooltip usage.
  18. */
  19. activeHandleRender?: HandleProps['render'];
  20. draggingIndex: number;
  21. draggingDelete: boolean;
  22. onChangeComplete?: () => void;
  23. }
  24. export interface HandlesRef {
  25. focus: (index: number) => void;
  26. hideHelp: VoidFunction;
  27. }
  28. declare const Handles: React.ForwardRefExoticComponent<HandlesProps & React.RefAttributes<HandlesRef>>;
  29. export default Handles;