import React, { Component } from 'react'; import './index.less'; import { Icon } from 'antd'; import CheckboxItem from '../CheckboxItem'; import { Button } from '../Button'; export default class UserAction extends Component { onAction(key) { const { onAction } = this.props; if (onAction) onAction(key); } onAll(checked) { const { onAll } = this.props; if (onAll) onAll(checked); } render() { const { allCheckbox, help, btnList = [], right } = this.props; return ( <div className="user-action"> {allCheckbox && ( <div className="all"> <CheckboxItem theme="white" onClick={value => this.onAll(value)} /> 全选 </div> )} {btnList.map(btn => { return ( <Button radius size="small" onClick={() => this.onAction(btn.key)}> {btn.title} </Button> ); })} {help && <Icon type="question-circle" theme="filled" onClick={() => this.onAction('help')} />} {right && <div className="right">{right}</div>} </div> ); } }