IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: components: ContextMenuButton optimization

Browse Source
This commit is contained in:
Alexey Safronov 2019-07-31 21:57:16 +03:00
parent b25f06460e
commit d3a3e065ab
1 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
web/ASC.Web.Components/src/components/context-menu-button/index.js
View File

@ -25,6 +25,8 @@ class ContextMenuButton extends React.PureComponent {
this.handleClick = this.handleClick.bind(this);
this.stopAction = this.stopAction.bind(this);
this.toggle = this.toggle.bind(this);
this.onIconButtonClick = this.onIconButtonClick.bind(this);
this.onDropDownItemClick = this.onDropDownItemClick.bind(this);
}
handleClick = (e) => !this.ref.current.contains(e.target) && this.toggle(false);
@ -49,6 +51,23 @@ class ContextMenuButton extends React.PureComponent {
}
}
onIconButtonClick = () => {
if(!this.props.isDisabled) {
this.setState({
data: this.props.getData(),
isOpen: !this.state.isOpen
});
}
else {
this.stopAction
}
}
onDropDownItemClick = (item) => {
item.onClick && item.onClick();
this.toggle(!this.state.isOpen);
}
render() {
//console.log("ContextMenuButton render");
return (
@ -63,14 +82,7 @@ class ContextMenuButton extends React.PureComponent {
iconClickName={this.props.iconClickName}
isFill={false}
isDisabled={this.props.isDisabled}
onClick={
!this.props.isDisabled
? () => {
this.setState({ data: this.props.getData()});
this.toggle(!this.state.isOpen);
}
: this.stopAction
}
onClick={this.onIconButtonClick}
onMouseEnter={this.props.onMouseEnter}
onMouseLeave={this.props.onMouseLeave}
onMouseOver={this.props.onMouseOver}
@ -78,13 +90,10 @@ class ContextMenuButton extends React.PureComponent {
/>
<DropDown directionX={this.props.directionX || 'left'} isOpen={this.state.isOpen}>
{
this.state.data.map(item =>
<DropDownItem
this.state.data.map(item =>
<DropDownItem
{...item}
onClick={() => {
item.onClick && item.onClick();
this.toggle(!this.state.isOpen);
}}
onClick={this.onDropDownItemClick.bind(this, item)}
/>
)
}