wassname/slider
1
0
Fork 0
mirror of https://github.com/wassname/slider.git synced 2026-09-11 12:42:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: rename Dots to Steps

Browse Source
This commit is contained in:
Benjy Cui
2016-03-22 16:27:50 +08:00
parent daaea139b9
commit e030ba9f9d
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Slider.jsx
+2 -2
View File
@@ -4,7 +4,7 @@ import classNames from 'classnames';
import objectAssign from 'object-assign';
import Track from './Track';
import Handle from './Handle';
import Dots from './Dots';
import Steps from './Steps';
import Marks from './Marks';
function noop() {
@@ -366,7 +366,7 @@ class Slider extends React.Component {
{lower}
<Track className={prefixCls + '-track'} included={isIncluded}
offset={lowerOffset} length={upperOffset - lowerOffset}/>
<Dots prefixCls={prefixCls} marks={marks} dots={dots} step={step}
<Steps prefixCls={prefixCls} marks={marks} dots={dots} step={step}
included={isIncluded} lowerBound={lowerBound}
upperBound={upperBound} max={max} min={min}/>
<Marks className={prefixCls + '-mark'} marks={marks}
src/Dots.jsx → src/Steps.jsx
+3 -2
View File
@@ -12,7 +12,8 @@ function calcPoints(marks, dots, step, min, max) {
return points;
}
const Dots = ({prefixCls, marks, dots, step, included, lowerBound, upperBound, max, min}) => {
const Steps = ({prefixCls, marks, dots, step, included,
lowerBound, upperBound, max, min}) => {
const range = max - min;
const elements = calcPoints(marks, dots, step, min, max).map((point) => {
const offset = (point - min) / range * 100 + '%';
@@ -31,4 +32,4 @@ const Dots = ({prefixCls, marks, dots, step, included, lowerBound, upperBound, m
return <div className={prefixCls + '-step'}>{elements}</div>;
};
export default Dots;
export default Steps;