mirror of
https://github.com/wassname/slider.git
synced 2026-09-11 12:42:49 +08:00
Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c021cadcbb | ||
|
|
4a59745a23 | ||
|
|
3e78e9ac4a |
+13
-10
@@ -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
@@ -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
@@ -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 (
|
||||||
|
|||||||
Reference in New Issue
Block a user