Compare commits

...
3 Commits
Author SHA1 Message Date
Benjy Cui c021cadcbb bump 5.3.5 2016-11-21 15:56:05 +08:00
Benjy Cui 4a59745a23 chore: expose className to identify Slider with marks 2016-11-21 15:55:24 +08:00
Benjy Cui 3e78e9ac4a docs: fix warning in example, close: #173 2016-11-21 15:46:06 +08:00
3 changed files with 16 additions and 12 deletions
+13 -10
View File
@@ -18,16 +18,19 @@ const handleStyle = {
textAlign: 'center', textAlign: 'center',
}; };
const CustomHandle = props => { const CustomHandle = React.createClass({
const style = Object.assign({ left: `${props.offset}%` }, handleStyle); propTypes: {
return ( value: React.PropTypes.any,
<div style={style}>val: {props.value}</div> offset: React.PropTypes.number,
); },
}; render() {
CustomHandle.propTypes = { const props = this.props;
value: React.PropTypes.any, const style = Object.assign({ left: `${props.offset}%` }, handleStyle);
offset: React.PropTypes.number, return (
}; <div style={style}>val: {props.value}</div>
);
},
});
ReactDOM.render( ReactDOM.render(
<div> <div>
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "rc-slider", "name": "rc-slider",
"version": "5.3.4", "version": "5.3.5",
"description": "slider ui component for react", "description": "slider ui component for react",
"keywords": [ "keywords": [
"react", "react",
+2 -1
View File
@@ -508,9 +508,10 @@ class Slider extends React.Component {
const sliderClassName = classNames({ const sliderClassName = classNames({
[prefixCls]: true, [prefixCls]: true,
[`${prefixCls}-with-marks`]: Object.keys(marks).length,
[`${prefixCls}-disabled`]: disabled, [`${prefixCls}-disabled`]: disabled,
[className]: !!className,
[`${prefixCls}-vertical`]: this.props.vertical, [`${prefixCls}-vertical`]: this.props.vertical,
[className]: !!className,
}); });
return ( return (