| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- "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';
|