Mask.js 1020 B

12345678910111213141516171819202122232425262728
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
  3. import * as React from 'react';
  4. import classNames from 'classnames';
  5. import CSSMotion from 'rc-motion';
  6. var Mask = function Mask(props) {
  7. var prefixCls = props.prefixCls,
  8. style = props.style,
  9. visible = props.visible,
  10. maskProps = props.maskProps,
  11. motionName = props.motionName,
  12. className = props.className;
  13. return /*#__PURE__*/React.createElement(CSSMotion, {
  14. key: "mask",
  15. visible: visible,
  16. motionName: motionName,
  17. leavedClassName: "".concat(prefixCls, "-mask-hidden")
  18. }, function (_ref, ref) {
  19. var motionClassName = _ref.className,
  20. motionStyle = _ref.style;
  21. return /*#__PURE__*/React.createElement("div", _extends({
  22. ref: ref,
  23. style: _objectSpread(_objectSpread({}, motionStyle), style),
  24. className: classNames("".concat(prefixCls, "-mask"), motionClassName, className)
  25. }, maskProps));
  26. });
  27. };
  28. export default Mask;