mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-06 05:58:46 +08:00
eaae43abdd
This covers Carousel, InputNumber, Select, Slider, Switch, TreeSelect and Tree.
42 lines
900 B
JavaScript
42 lines
900 B
JavaScript
import React from 'react';
|
|
import RcSlider from 'rc-slider';
|
|
|
|
export default class Slider extends React.Component {
|
|
render() {
|
|
const { isIncluded, marks, index, defaultIndex, ...rest } = this.props;
|
|
|
|
if (isIncluded !== undefined) {
|
|
// 兼容 `isIncluded`
|
|
rest.included = isIncluded;
|
|
}
|
|
|
|
if (Array.isArray(marks)) {
|
|
// 兼容当 marks 为数组的情况
|
|
rest.min = 0;
|
|
rest.max = marks.length - 1;
|
|
rest.step = 1;
|
|
|
|
if (index !== undefined) {
|
|
rest.value = index;
|
|
}
|
|
if (defaultIndex !== undefined) {
|
|
rest.defaultValue = defaultIndex;
|
|
}
|
|
|
|
rest.marks = {};
|
|
marks.forEach((val, idx) => {
|
|
rest.marks[idx] = val;
|
|
});
|
|
} else {
|
|
rest.marks = marks;
|
|
}
|
|
|
|
return <RcSlider {...rest} />;
|
|
}
|
|
}
|
|
|
|
Slider.defaultProps = {
|
|
prefixCls: 'ant-slider',
|
|
tipTransitionName: 'zoom-down'
|
|
};
|