deps: upgrade antd-tools, close: #4208
parent
ca8e88971a
commit
4758302ad5
@ -0,0 +1,62 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Button from '../button';
|
||||
|
||||
export interface ActionButtonProps {
|
||||
type: 'primary' | 'ghost' | 'dashed';
|
||||
actionFn: Function;
|
||||
closeModal: Function;
|
||||
autoFocus?: Boolean;
|
||||
}
|
||||
export default class ActionButton extends React.Component<ActionButtonProps, any> {
|
||||
timeoutId: number;
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
loading: false,
|
||||
};
|
||||
}
|
||||
componentDidMount() {
|
||||
if (this.props.autoFocus) {
|
||||
const $this = ReactDOM.findDOMNode(this) as HTMLInputElement;
|
||||
this.timeoutId = setTimeout(() => $this.focus());
|
||||
}
|
||||
}
|
||||
componentWillUnmount() {
|
||||
clearTimeout(this.timeoutId);
|
||||
}
|
||||
onClick = () => {
|
||||
const { actionFn, closeModal } = this.props;
|
||||
if (actionFn) {
|
||||
let ret;
|
||||
if (actionFn.length) {
|
||||
ret = actionFn(closeModal);
|
||||
} else {
|
||||
ret = actionFn();
|
||||
if (!ret) {
|
||||
closeModal();
|
||||
}
|
||||
}
|
||||
if (ret && ret.then) {
|
||||
this.setState({ loading: true });
|
||||
ret.then((...args) => {
|
||||
// It's unnecessary to set loading=false, for the Modal will be unmounted after close.
|
||||
// this.setState({ loading: false });
|
||||
closeModal(...args);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
closeModal();
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
const { type, children } = this.props;
|
||||
const loading = this.state.loading;
|
||||
return (
|
||||
<Button type={type} size="large" onClick={this.onClick} loading={loading}>
|
||||
{children}
|
||||
</Button>
|
||||
);
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue