@cainiaofe/cn-ui-m
Version:
35 lines (34 loc) • 3.31 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnDialog } from "../../..";
export var 基本 = function () {
var _a = useState(false), dialog1 = _a[0], setDialog1 = _a[1];
var _b = useState(false), dialog2 = _b[0], setDialog2 = _b[1];
var _c = useState(false), dialog3 = _c[0], setDialog3 = _c[1];
var _d = useState(false), dialog4 = _d[0], setDialog4 = _d[1];
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnCard, null,
React.createElement(CnButton, { fullWidth: true, type: "primary", onClick: function () { return setDialog1(true); } }, "\u6807\u9898+\u63CF\u8FF0+\u884C\u52A8\u70B9")),
React.createElement(CnDialog, { visible: dialog1, closeMode: ['ok', 'cancel', 'mask'], title: "\u6709\u65B0\u7684\u4EA4\u63A5\u5305\u88F9\u5230\u4E86", footerActions: ['cancel', 'ok'], onOk: function () { return setDialog1(false); }, onClose: function () { return setDialog1(false); } },
React.createElement("div", null, "\u5C0F\u4EF6\u5458\u5FB7\u521A\uFF0C\u5728 15:39 \u901A\u8FC7 wifi \u4EA4\u63A5\u7684\u65B9\u5F0F\uFF0C\u9001\u8FBE1\u6279\u6B213\u4E2A\u5305\u88F9\uFF0C\u8BF7\u4E8E 04/26 20:00 \u524D\u64CD\u4F5C\u5165\u5E93\u3002")),
React.createElement("p", null),
React.createElement(CnButton, { fullWidth: true, type: "primary", onClick: function () { return setDialog2(true); } }, "\u63CF\u8FF0+\u884C\u52A8\u70B9"),
React.createElement(CnDialog, { visible: dialog2, closeMode: ['ok', 'cancel', 'mask'], footerActions: ['ok'], onOk: function () { return setDialog2(false); }, onClose: function () { return setDialog2(false); } },
React.createElement("div", null, "\u5C0F\u4EF6\u5458\u5FB7\u521A\uFF0C\u5728 15:39 \u901A\u8FC7 wifi \u4EA4\u63A5\u7684\u65B9\u5F0F\uFF0C\u9001\u8FBE1\u6279\u6B213\u4E2A\u5305\u88F9\uFF0C\u8BF7\u4E8E 04/26 20:00 \u524D\u64CD\u4F5C\u5165\u5E93\u3002")),
React.createElement("p", null),
React.createElement(CnButton, { fullWidth: true, type: "primary", onClick: function () { return setDialog4(true); } }, "\u6807\u9898+\u884C\u52A8\u70B9"),
React.createElement(CnDialog, { title: "\u6709\u65B0\u7684\u4EA4\u63A5\u5305\u88F9\u5230\u4E86", visible: dialog4, closeMode: ['ok', 'cancel', 'mask'], footerActions: ['ok'], onOk: function () { return setDialog4(false); }, onClose: function () { return setDialog4(false); } }),
React.createElement("p", null),
React.createElement(CnButton, { fullWidth: true, type: "primary", onClick: function () { return setDialog3(true); } }, "\u591A\u884C\u52A8\u70B9"),
React.createElement(CnDialog, { visible: dialog3, closeMode: ['ok', 'cancel', 'mask'], title: "\u5E10\u53F7\u5347\u7EA7\u63D0\u9192", onClose: function () { return setDialog3(false); }, onOk: function () { return setDialog3(false); }, footerActions: [
'ok',
'cancel',
{
text: '再想想',
onClick: function () {
setDialog3(false);
},
},
] },
React.createElement("div", null, "\u8BF7\u4E8E 2021/04/30 \u524D\u5B8C\u6210\u5347\u7EA7\u3002"))));
};
export default { title: 'demo/CnDialog' };