@douyinfe/semi-ui
Version:
A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.
36 lines (35 loc) • 1.46 kB
TypeScript
import React, { CSSProperties } from 'react';
import BaseComponent from '../_base/baseComponent';
import SliderFoundation, { SliderAdapter, SliderProps as BasicSliceProps, SliderState } from '@douyinfe/semi-foundation/lib/es/slider/foundation';
import { ContextValue } from '../configProvider/context';
import '@douyinfe/semi-foundation/lib/es/slider/slider.css';
export interface SliderProps extends BasicSliceProps {
style?: CSSProperties;
railStyle?: CSSProperties;
}
export type { SliderState };
export default class Slider extends BaseComponent<SliderProps, SliderState> {
static contextType: React.Context<ContextValue>;
static propTypes: any;
static defaultProps: Partial<SliderProps>;
private sliderEl;
private minHanleEl;
private maxHanleEl;
private dragging;
private eventListenerSet;
private handleDownEventListenerSet;
foundation: SliderFoundation;
context: ContextValue;
constructor(props: SliderProps);
get adapter(): SliderAdapter;
componentDidMount(): void;
componentDidUpdate(prevProps: SliderProps, prevState: SliderState): void;
componentWillUnmount(): void;
renderHandle: () => React.JSX.Element;
renderTrack: () => React.JSX.Element;
renderStepDot: () => React.JSX.Element;
renderLabel: () => React.JSX.Element;
_getAriaValueText: (value: number, index?: number) => string | number;
render(): React.JSX.Element;
private _addEventListener;
}