78 lines
2.6 KiB
JavaScript
78 lines
2.6 KiB
JavaScript
import _defineProperty from 'babel-runtime/helpers/defineProperty'
|
||
import classNames from "classnames";
|
||
import Dialog from "ant-design-vue/es/modal/Modal";
|
||
import warning from 'ant-design-vue/es/_util/warning';
|
||
|
||
export default {
|
||
functional: true,
|
||
render: function render(h, context) {
|
||
var props = context.props;
|
||
var close = props.close,
|
||
zIndex = props.zIndex,
|
||
afterClose = props.afterClose,
|
||
visible = props.visible,
|
||
keyboard = props.keyboard,
|
||
centered = props.centered,
|
||
getContainer = props.getContainer,
|
||
maskStyle = props.maskStyle,
|
||
_props$closable = props.closable,
|
||
closable = _props$closable === undefined ? true : _props$closable;
|
||
|
||
warning(!('iconType' in props), 'Modal', 'The property \'iconType\' is deprecated. Use the property \'icon\' instead.');
|
||
var prefixCls = props.prefixCls || 'ant-modal';
|
||
var contentPrefixCls = prefixCls + '-confirm2';
|
||
// 默认为 true，保持向下兼容
|
||
var width = props.width || 416;
|
||
var title = props.title || '';
|
||
var style = props.style || {};
|
||
var onClose = props.onClose || null;
|
||
var mask = props.mask === undefined ? true : props.mask;
|
||
// 默认为 false，保持旧版默认行为
|
||
var maskClosable = props.maskClosable === undefined ? false : props.maskClosable;
|
||
var transitionName = props.transitionName || 'zoom';
|
||
var maskTransitionName = props.maskTransitionName || 'fade';
|
||
|
||
var classString = classNames(contentPrefixCls, contentPrefixCls + '-' + props.type, prefixCls + '-' + props.type, props['class']);
|
||
|
||
return h(
|
||
Dialog,
|
||
{
|
||
attrs: {
|
||
prefixCls: prefixCls,
|
||
wrapClassName: classNames(_defineProperty({}, contentPrefixCls + '-centered', !!centered)),
|
||
visible: visible,
|
||
closable: closable,
|
||
title: title,
|
||
transitionName: transitionName,
|
||
footer: null,
|
||
maskTransitionName: maskTransitionName,
|
||
mask: mask,
|
||
maskClosable: maskClosable,
|
||
maskStyle: maskStyle,
|
||
width: width,
|
||
zIndex: zIndex,
|
||
afterClose: afterClose,
|
||
keyboard: keyboard,
|
||
centered: centered,
|
||
getContainer: getContainer
|
||
},
|
||
'class': classString,
|
||
on: {
|
||
'cancel': function cancel(e) {
|
||
onClose && onClose()
|
||
return close({ triggerCancel: true }, e);
|
||
}
|
||
},
|
||
style: style,
|
||
},
|
||
[h(
|
||
'div',
|
||
{ 'class': contentPrefixCls + '-content' },
|
||
[typeof props.content === 'function' ? props.content(h) : props.content]
|
||
)]
|
||
);
|
||
}
|
||
};
|
||
|
||
|