You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.1 KiB
57 lines
1.1 KiB
'use strict';
|
|
|
|
var React = require('react');
|
|
var Dialog = require('rc-dialog');
|
|
|
|
function noop() {
|
|
}
|
|
|
|
var div;
|
|
|
|
module.exports = function (props) {
|
|
props = props || {};
|
|
|
|
props.animation = 'zoom';
|
|
props.maskAnimation = 'fade';
|
|
props.width = props.width || 500;
|
|
|
|
props.onClose = props.onCancel || noop;
|
|
|
|
function onCancel() {
|
|
if (props.onCancel) {
|
|
props.onCancel();
|
|
}
|
|
close();
|
|
}
|
|
|
|
function close() {
|
|
d.setState({
|
|
visible: false
|
|
});
|
|
}
|
|
|
|
function onOk() {
|
|
var onOk = props.onOk;
|
|
if (onOk) {
|
|
onOk(close);
|
|
} else {
|
|
close();
|
|
}
|
|
}
|
|
|
|
var footer = [
|
|
<button type="button" className="ant-btn-default ant-btn" onClick={onCancel}>取 消</button>,
|
|
<button type="button" className="ant-btn-primary ant-btn" onClick={onOk}>确 定</button>
|
|
];
|
|
if (!div) {
|
|
div = document.createElement('div');
|
|
document.body.appendChild(div);
|
|
}
|
|
props.visible = true;
|
|
props.children = props.content;
|
|
props.footer = footer;
|
|
var d;
|
|
React.render(<Dialog {...props}/>, div, function () {
|
|
d = this;
|
|
});
|
|
};
|
|
|