133 lines
4.5 KiB
Java
133 lines
4.5 KiB
Java
![]() |
import _defineProperty from 'babel-runtime/helpers/defineProperty';
|
|||
|
import classNames from 'classnames';
|
|||
|
import Icon from '../icon';
|
|||
|
import Dialog from './Modal';
|
|||
|
import ActionButton from './ActionButton';
|
|||
|
import { getConfirmLocale } from './locale';
|
|||
|
import warning from '../_util/warning';
|
|||
|
|
|||
|
export default {
|
|||
|
functional: true,
|
|||
|
render: function render(h, context) {
|
|||
|
var props = context.props;
|
|||
|
var onCancel = props.onCancel,
|
|||
|
onOk = props.onOk,
|
|||
|
close = props.close,
|
|||
|
zIndex = props.zIndex,
|
|||
|
afterClose = props.afterClose,
|
|||
|
visible = props.visible,
|
|||
|
keyboard = props.keyboard,
|
|||
|
centered = props.centered,
|
|||
|
getContainer = props.getContainer,
|
|||
|
maskStyle = props.maskStyle,
|
|||
|
okButtonProps = props.okButtonProps,
|
|||
|
cancelButtonProps = props.cancelButtonProps,
|
|||
|
_props$iconType = props.iconType,
|
|||
|
iconType = _props$iconType === undefined ? 'question-circle' : _props$iconType,
|
|||
|
_props$closable = props.closable,
|
|||
|
closable = _props$closable === undefined ? false : _props$closable;
|
|||
|
|
|||
|
warning(!('iconType' in props), 'Modal', 'The property \'iconType\' is deprecated. Use the property \'icon\' instead.');
|
|||
|
var icon = props.icon ? props.icon : iconType;
|
|||
|
var okType = props.okType || 'primary';
|
|||
|
var prefixCls = props.prefixCls || 'ant-modal';
|
|||
|
var contentPrefixCls = prefixCls + '-confirm';
|
|||
|
// 默认为 true,保持向下兼容
|
|||
|
var okCancel = 'okCancel' in props ? props.okCancel : true;
|
|||
|
var width = props.width || 416;
|
|||
|
var style = props.style || {};
|
|||
|
var mask = props.mask === undefined ? true : props.mask;
|
|||
|
// 默认为 false,保持旧版默认行为
|
|||
|
var maskClosable = props.maskClosable === undefined ? false : props.maskClosable;
|
|||
|
var runtimeLocale = getConfirmLocale();
|
|||
|
var okText = props.okText || (okCancel ? runtimeLocale.okText : runtimeLocale.justOkText);
|
|||
|
var cancelText = props.cancelText || runtimeLocale.cancelText;
|
|||
|
var autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';
|
|||
|
var transitionName = props.transitionName || 'zoom';
|
|||
|
var maskTransitionName = props.maskTransitionName || 'fade';
|
|||
|
|
|||
|
var classString = classNames(contentPrefixCls, contentPrefixCls + '-' + props.type, prefixCls + '-' + props.type, props['class']);
|
|||
|
|
|||
|
var cancelButton = okCancel && h(
|
|||
|
ActionButton,
|
|||
|
{
|
|||
|
attrs: {
|
|||
|
actionFn: onCancel,
|
|||
|
closeModal: close,
|
|||
|
autoFocus: autoFocusButton === 'cancel',
|
|||
|
buttonProps: cancelButtonProps
|
|||
|
}
|
|||
|
},
|
|||
|
[cancelText]
|
|||
|
);
|
|||
|
var iconNode = typeof icon === 'string' ? h(Icon, {
|
|||
|
attrs: { type: icon }
|
|||
|
}) : icon(h);
|
|||
|
|
|||
|
return h(
|
|||
|
Dialog,
|
|||
|
{
|
|||
|
attrs: {
|
|||
|
prefixCls: prefixCls,
|
|||
|
|
|||
|
wrapClassName: classNames(_defineProperty({}, contentPrefixCls + '-centered', !!centered)),
|
|||
|
|
|||
|
visible: visible,
|
|||
|
closable: closable,
|
|||
|
title: '',
|
|||
|
transitionName: transitionName,
|
|||
|
footer: '',
|
|||
|
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) {
|
|||
|
return close({ triggerCancel: true }, e);
|
|||
|
}
|
|||
|
},
|
|||
|
style: style },
|
|||
|
[h(
|
|||
|
'div',
|
|||
|
{ 'class': contentPrefixCls + '-body-wrapper' },
|
|||
|
[h(
|
|||
|
'div',
|
|||
|
{ 'class': contentPrefixCls + '-body' },
|
|||
|
[iconNode, props.title === undefined ? null : h(
|
|||
|
'span',
|
|||
|
{ 'class': contentPrefixCls + '-title' },
|
|||
|
[typeof props.title === 'function' ? props.title(h) : props.title]
|
|||
|
), h(
|
|||
|
'div',
|
|||
|
{ 'class': contentPrefixCls + '-content' },
|
|||
|
[typeof props.content === 'function' ? props.content(h) : props.content]
|
|||
|
)]
|
|||
|
), h(
|
|||
|
'div',
|
|||
|
{ 'class': contentPrefixCls + '-btns' },
|
|||
|
[cancelButton, h(
|
|||
|
ActionButton,
|
|||
|
{
|
|||
|
attrs: {
|
|||
|
type: okType,
|
|||
|
actionFn: onOk,
|
|||
|
closeModal: close,
|
|||
|
autoFocus: autoFocusButton === 'ok',
|
|||
|
buttonProps: okButtonProps
|
|||
|
}
|
|||
|
},
|
|||
|
[okText]
|
|||
|
)]
|
|||
|
)]
|
|||
|
)]
|
|||
|
);
|
|||
|
}
|
|||
|
};
|