zent
Version:
一套前端设计语言和基于React的实现
15 lines (14 loc) • 798 B
JavaScript
import { __assign } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import { CSSTransition } from 'react-transition-group';
import { TransitionTimeOut } from '../constants';
var DrawerBackdrop = function (_a) {
var mask = _a.mask, maskClosable = _a.maskClosable, visible = _a.visible, onClose = _a.onClose;
var onMaskClick = function () {
if (mask && maskClosable) {
onClose();
}
};
return (_jsx(CSSTransition, __assign({ appear: true, mountOnEnter: true, unmountOnExit: true, in: visible && mask, timeout: TransitionTimeOut, classNames: "zent-drawer-transition__backdrop" }, { children: _jsx("div", { className: "zent-drawer-backdrop", onClick: onMaskClick, "data-zv": '10.0.17' }, void 0) }), void 0));
};
export default DrawerBackdrop;