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

feat: identify upper/lower range handles (#118)

Browse Source 
Extend the handle classNames, and provide props so that
upper/lower handles are easily distinguishable in CSS & React.

* Use classNames() instead of string concatenation
This commit is contained in:
miskreant
2016-07-20 09:34:49 +08:00
committed by Benjy Cui
parent 80d4ee4794
commit b2ae1bc0fc
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Slider.jsx
+13 -2
View File
@@ -337,15 +337,26 @@ class Slider extends React.Component {
const lowerOffset = this.calcOffset(lowerBound);
const handleClassName = prefixCls + '-handle';
const upperClassName = classNames({
[handleClassName]: true,
[handleClassName + '-upper']: true,
});
const lowerClassName = classNames({
[handleClassName]: true,
[handleClassName + '-lower']: true,
});
const isNoTip = (step === null) || (tipFormatter === null);
const upper = cloneElement(customHandle, { className: handleClassName,
const upper = cloneElement(customHandle, { className: upperClassName,
noTip: isNoTip, tipTransitionName: tipTransitionName, tipFormatter: tipFormatter,
vertical: vertical, offset: upperOffset, value: upperBound, dragging: handle === 'upperBound' });
let lower = null;
if (range) {
lower = cloneElement(customHandle, { className: handleClassName,
lower = cloneElement(customHandle, { className: lowerClassName,
noTip: isNoTip, tipTransitionName: tipTransitionName, tipFormatter: tipFormatter,
vertical: vertical, offset: lowerOffset, value: lowerBound, dragging: handle === 'lowerBound' });
}