ant-design-vue/lib/vc-trigger/Popup/Mask.js

An enterprise-class UI design language and Vue-based implementation

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Mask;

var _vue = require("vue");

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

var _motionUtil = require("../utils/motionUtil");

function Mask(props) {
  var prefixCls = props.prefixCls,
      visible = props.visible,
      zIndex = props.zIndex,
      mask = props.mask,
      maskAnimation = props.maskAnimation,
      maskTransitionName = props.maskTransitionName;

  if (!mask) {
    return null;
  }

  var motion = {};

  if (maskTransitionName || maskAnimation) {
    motion = (0, _motionUtil.getMotion)({
      prefixCls: prefixCls,
      transitionName: maskTransitionName,
      animation: maskAnimation
    });
  }

  return (0, _vue.createVNode)(_vue.Transition, (0, _objectSpread2.default)({
    "appear": true
  }, motion), {
    default: function _default() {
      return [(0, _vue.withDirectives)((0, _vue.createVNode)("div", {
        "style": {
          zIndex: zIndex
        },
        "class": "".concat(prefixCls, "-mask")
      }, null), [[(0, _vue.resolveDirective)("if"), visible]])];
    }
  });
}

Mask.displayName = 'Mask';