@cainiaofe/cn-ui-m
Version:
40 lines (39 loc) • 2.15 kB
JavaScript
import { __awaiter, __generator } from "tslib";
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnDialog, CnBox, } 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 _b = useState('medium'), size = _b[0], setSize = _b[1];
var onOpen = function (magn) {
setSize(magn);
setVisible(true);
};
return (React.createElement(CnDemoPage, { title: "\u5C3A\u5BF8" },
React.createElement(CnDialog, { size: size, title: "\u8BBE\u5B9A\u5C3A\u5BF8\u7684\u5F39\u7A97\u54E6", 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(500)];
case 1:
_a.sent();
return [2 /*return*/];
}
});
}); }, onCancel: function () { return setVisible(false); }, onClose: function () { return setVisible(false); } },
React.createElement("div", null, size)),
React.createElement(CnCard, null,
React.createElement(CnBox, { spacing: 12 },
React.createElement(CnButton, { style: {
marginRight: '0.8rem',
}, onClick: function () { return onOpen('large'); }, type: "primary" }, "Open Large Dialog"),
React.createElement(CnButton, { style: {
marginRight: '0.8rem',
}, onClick: function () { return onOpen('medium'); }, type: "primary" }, "Open Medium Dialog"),
React.createElement(CnButton, { style: {
marginRight: '0.8rem',
}, onClick: function () { return onOpen('small'); }, type: "primary" }, "Open Small Dialog")))));
};
尺寸.desc = '大中小三种尺寸';
export default { title: 'demo/CnDialog' };