@cainiaofe/cn-ui-m
Version:
29 lines (28 loc) • 1.46 kB
JavaScript
import { __awaiter, __generator } from "tslib";
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnDialog } from "../../..";
function sleep(time) {
return new Promise(function (resolve) { return setTimeout(resolve, time); });
}
export var 延时回调 = function () {
var _a = useState(false), visible = _a[0], setVisible = _a[1];
var onOpen = function () {
setVisible(true);
};
return (React.createElement(CnDemoPage, { title: "\u5EF6\u65F6\u56DE\u8C03" },
React.createElement(CnDialog, { title: "\u5EF6\u65F6\u56DE\u8C03", visible: visible, onOk: function () { return __awaiter(void 0, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, sleep(1000)];
case 1:
_a.sent();
return [2 /*return*/];
}
});
}); }, onCancel: function () { return setVisible(false); }, onClose: function () { return setVisible(false); } }, "\u5EF6\u65F6\u56DE\u8C03"),
React.createElement(CnCard, null,
React.createElement(CnButton, { fullWidth: true, style: {
marginRight: '0.8rem',
}, onClick: onOpen, type: "primary" }, "\u6253\u5F00\u5BF9\u8BDD\u6846"))));
};
export default { title: 'demo/CnDialog' };