test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

Added className prop to Drawer

Browse Source
This commit is contained in:
Fernando Giarritiello 2018-08-04 16:08:34 -07:00 committed by 偏右
parent e450ab64fa
commit 5cac2fab4a
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/drawer/index.tsx
View File

@ -2,6 +2,7 @@ import * as React from 'react';
import RcDrawer from 'rc-drawer';
import PropTypes from 'prop-types';
import createReactContext, { Context } from 'create-react-context';
import classNames from 'classnames';
const DrawerContext: Context<Drawer | null> = createReactContext(null);
@ -28,6 +29,7 @@ export interface DrawerProps {
push?: boolean;
placement?: 'left' | 'right';
onClose?: (e: EventType) => void;
className?: string;
}
export interface IDrawerState {
@ -56,6 +58,7 @@ export default class Drawer extends React.Component<DrawerProps, IDrawerState> {
prefixCls: PropTypes.string,
placement: PropTypes.string,
onClose: PropTypes.func,
className: PropTypes.string,
};
static defaultProps = {
@ -175,7 +178,7 @@ export default class Drawer extends React.Component<DrawerProps, IDrawerState> {
);
}
renderProvider = (value: Drawer) => {
let { zIndex, style, placement, ...rest } = this.props;
let { zIndex, style, placement, className, ...rest } = this.props;
const RcDrawerStyle = this.state.push
? {
zIndex,
@ -183,6 +186,7 @@ export default class Drawer extends React.Component<DrawerProps, IDrawerState> {
}
: { zIndex };
this.praentDrawer = value;
const drawerClassNames = classNames(this.props.wrapClassName, className);
return (
<DrawerContext.Provider value={this}>
<RcDrawer
@ -193,7 +197,7 @@ export default class Drawer extends React.Component<DrawerProps, IDrawerState> {
showMask={this.props.mask}
placement={placement}
style={RcDrawerStyle}
className={this.props.wrapClassName}
className={drawerClassNames}
>
{this.renderBody()}
</RcDrawer>