Mask.js 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = Mask;
  7. var _vue = require("vue");
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _motionUtil = require("../utils/motionUtil");
  10. function Mask(props) {
  11. var prefixCls = props.prefixCls,
  12. visible = props.visible,
  13. zIndex = props.zIndex,
  14. mask = props.mask,
  15. maskAnimation = props.maskAnimation,
  16. maskTransitionName = props.maskTransitionName;
  17. if (!mask) {
  18. return null;
  19. }
  20. var motion = {};
  21. if (maskTransitionName || maskAnimation) {
  22. motion = (0, _motionUtil.getMotion)({
  23. prefixCls: prefixCls,
  24. transitionName: maskTransitionName,
  25. animation: maskAnimation
  26. });
  27. }
  28. return (0, _vue.createVNode)(_vue.Transition, (0, _objectSpread2.default)({
  29. "appear": true
  30. }, motion), {
  31. default: function _default() {
  32. return [(0, _vue.withDirectives)((0, _vue.createVNode)("div", {
  33. "style": {
  34. zIndex: zIndex
  35. },
  36. "class": "".concat(prefixCls, "-mask")
  37. }, null), [[(0, _vue.resolveDirective)("if"), visible]])];
  38. }
  39. });
  40. }
  41. Mask.displayName = 'Mask';