UNPKG

@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.

33 lines (32 loc) 1.32 kB
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 '@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 propTypes: any; static defaultProps: Partial<SliderProps>; private sliderEl; private minHanleEl; private maxHanleEl; private dragging; private eventListenerSet; private handleDownEventListenerSet; foundation: SliderFoundation; 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; }