mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-11 23:00:20 +08:00
53 lines
1.2 KiB
JavaScript
53 lines
1.2 KiB
JavaScript
import React, { PropTypes } from 'react';
|
|
import Button from '../button';
|
|
import Icon from '../icon';
|
|
|
|
function noop() {
|
|
}
|
|
|
|
export default class TransferOperation extends React.Component {
|
|
static defaultProps = {
|
|
leftArrowText: '',
|
|
rightArrowText: '',
|
|
moveToLeft: noop,
|
|
moveToRight: noop,
|
|
}
|
|
|
|
static propTypes = {
|
|
className: PropTypes.string,
|
|
leftArrowText: PropTypes.string,
|
|
rightArrowText: PropTypes.string,
|
|
moveToLeft: PropTypes.func,
|
|
moveToRight: PropTypes.func,
|
|
}
|
|
|
|
render() {
|
|
const {
|
|
moveToLeft,
|
|
moveToRight,
|
|
leftArrowText,
|
|
rightArrowText,
|
|
leftActive,
|
|
rightActive,
|
|
className,
|
|
} = this.props;
|
|
|
|
const moveToLeftButton = (
|
|
<Button type="primary" size="small" disabled={!leftActive} onClick={moveToLeft}>
|
|
{<span><Icon type="left" />{leftArrowText}</span>}
|
|
</Button>
|
|
);
|
|
const moveToRightButton = (
|
|
<Button type="primary" size="small" disabled={!rightActive} onClick={moveToRight}>
|
|
{<span>{rightArrowText}<Icon type="right" /></span>}
|
|
</Button>
|
|
);
|
|
return (
|
|
<div className={className}>
|
|
{moveToLeftButton}
|
|
{moveToRightButton}
|
|
</div>
|
|
);
|
|
}
|
|
}
|