提交 c863b2d7 编写于 作者: 陈帅

fix drawer lint

上级 65e73c5f
......@@ -7,9 +7,11 @@ class DrawerTester extends React.Component {
saveContainer = (container) => {
this.container = container;
}
getContainer = () => {
return this.container;
}
render() {
return (
<div>
......
......@@ -8,32 +8,39 @@ class DrawerEventTester extends React.Component {
super(props);
this.state = { visible: false };
}
componentDidMount() {
this.setState({ visible: true }); // eslint-disable-line react/no-did-mount-set-state
}
saveContainer = (container) => {
this.container = container;
};
getContainer = () => {
return this.container;
};
onClose = () => {
this.setState({
visible: false,
});
};
open = () => {
this.setState({
visible: true,
});
}
render() {
const { visible } = this.state;
return (
<div>
<Button onClick={this.open}>open</Button>
<div ref={this.saveContainer} />
<Drawer
visible={this.state.visible}
visible={visible}
onClose={this.onClose}
destroyOnClose
getContainer={this.getContainer}
......
......@@ -51,12 +51,14 @@ export default class Drawer extends React.Component<
placement: PropTypes.string,
onClose: PropTypes.func,
};
static defaultProps = {
prefixCls: 'ant-drawer',
width: 256,
closable: true,
maskClosable: true,
};
close = (e: EventType) => {
if (this.props.visible !== undefined) {
if (this.props.onClose) {
......@@ -65,12 +67,14 @@ export default class Drawer extends React.Component<
return;
}
}
onMaskClick = (e: EventType) => {
if (!this.props.maskClosable) {
return;
}
this.close(e);
}
renderBody = () => {
if (this.props.destroyOnClose && !this.props.visible) {
return null;
......@@ -107,6 +111,7 @@ export default class Drawer extends React.Component<
</div>
);
}
render() {
let { width, zIndex, style, ...rest } = this.props;
if (typeof width === 'number') {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册