diff --git a/src/ViewerCore.tsx b/src/ViewerCore.tsx index 7900b04..b977d50 100644 --- a/src/ViewerCore.tsx +++ b/src/ViewerCore.tsx @@ -102,7 +102,7 @@ export default class ViewerCore extends React.Component { + handleClose = () => { this.props.onClose(); } @@ -133,14 +133,14 @@ export default class ViewerCore extends React.Component { this.setState({ @@ -347,8 +347,6 @@ export default class ViewerCore extends React.Component { + handleTransitionEnd = () => { if (!this.state.transitionEnd || this.state.visibleStart) { this.setState({ visibleStart: false, transitionEnd: true, }); } - }; + } bindEvent(remove: boolean = false) { let funcName = 'addEventListener'; @@ -491,7 +488,7 @@ export default class ViewerCore extends React.Component 0 ? 1 : -1) * this.state.scaleX - 0.11 + (this.state.scaleX > 0 ? 1 : -1) * this.state.scaleX - 0.11, ); setTimeout(() => { document.body.style.overflow = ''; @@ -534,7 +531,7 @@ export default class ViewerCore extends React.Component { this.props.onMaskClick(e); - }; + } getActiveImage = (activeIndex = undefined) => { let activeImg: ImageDecorator = { @@ -555,7 +552,7 @@ export default class ViewerCore extends React.Component { if (this.props.disableMouseZoom) { diff --git a/src/ViewerNav.tsx b/src/ViewerNav.tsx index 5f36b38..03b5e6c 100644 --- a/src/ViewerNav.tsx +++ b/src/ViewerNav.tsx @@ -23,7 +23,7 @@ export default class ViewerNav extends React.Component { render() { let marginLeft = `calc(50% - ${this.props.activeIndex + 1} * 31px)`; let listStyle = { - marginLeft: marginLeft + marginLeft: marginLeft, }; return ( @@ -36,7 +36,7 @@ export default class ViewerNav extends React.Component { onClick={() => { this.handleChangeImg(index); }} > {item.alt} - + , ) } diff --git a/src/ViewerToolbar.tsx b/src/ViewerToolbar.tsx index 2519aa2..a58b95f 100644 --- a/src/ViewerToolbar.tsx +++ b/src/ViewerToolbar.tsx @@ -91,7 +91,7 @@ export default class ViewerToolbar extends React.Component {this.handleAction(config);}} + onClick={() => {this.handleAction(config); }} data-key={config.key} > {content}