antd-mobile
Version:
基于 React 的移动设计规范实现
51 lines • 1.74 kB
JavaScript
/* tslint:disable:no-unused-variable */
import React from 'react';
/* tslint:enable:no-unused-variable */
import ReactDOM from 'react-dom';
import Modal from './Modal';
export default function a() {
var title = arguments.length <= 0 ? undefined : arguments[0];
var content = arguments.length <= 1 ? undefined : arguments[1];
var actions = (arguments.length <= 2 ? undefined : arguments[2]) || [{ text: '确定' }];
if (!title && !content) {
// console.log('Must specify either an alert title, or message, or both');
return {
close: function close() {}
};
}
var prefixCls = 'am-modal';
var div = document.createElement('div');
document.body.appendChild(div);
function close() {
ReactDOM.unmountComponentAtNode(div);
if (div && div.parentNode) {
div.parentNode.removeChild(div);
}
}
var footer = actions.map(function (button) {
var orginPress = button.onPress || function () {};
button.onPress = function () {
var res = orginPress();
if (res && res.then) {
res.then(function () {
close();
});
} else {
close();
}
};
return button;
});
ReactDOM.render(React.createElement(
Modal,
{ visible: true, transparent: true, prefixCls: prefixCls, title: title, transitionName: 'am-zoom', closable: false, maskClosable: false, footer: footer, maskTransitionName: 'am-fade' },
React.createElement(
'div',
{ style: { zoom: 1, overflow: 'hidden' } },
content
)
), div);
return {
close: close
};
}