@cainiaofe/cn-ui-m
Version:
25 lines (24 loc) • 1.23 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnDialog, } from "../../..";
export var 底部自定义按钮 = function () {
var _a = useState(false), visible = _a[0], setVisible = _a[1];
var size = useState('medium')[0];
var onOpen = function () {
setVisible(true);
};
return (React.createElement(CnDemoPage, { title: "\u5E95\u90E8\u81EA\u5B9A\u4E49\u6309\u94AE" },
React.createElement(CnDialog, { size: size, title: "\u8BBE\u5B9A\u5C3A\u5BF8\u7684\u5F39\u7A97\u54E6", visible: visible, onOk: function () { return setVisible(false); }, onCancel: function () { return setVisible(false); }, onClose: function () { return setVisible(false); }, footerActions: [
{
text: '不同意',
type: 'primary',
onClick: function () {
setVisible(false);
},
},
] }),
React.createElement(CnCard, null,
React.createElement(CnButton, { style: {
marginRight: '0.8rem',
}, onClick: onOpen, type: "primary" }, "footerActions"))));
};
export default { title: 'demo/CnDialog' };