@cainiaofe/cn-ui-m
Version:
34 lines (33 loc) • 1.6 kB
JavaScript
import React, { useState } from 'react';
import { CnButton, CnCard, CnDemoPage, CnDialog } from "../../..";
export var 自定义footer = function () {
var _a = useState(false), visible = _a[0], setVisible = _a[1];
var onOpen = function () {
setVisible(true);
};
var onClose = function (action) {
setVisible(false);
console.log(action);
};
return (React.createElement(CnDemoPage, { title: "\u81EA\u5B9A\u4E49footer" },
React.createElement(CnDialog, { title: "\u81EA\u5B9A\u4E49footer", visible: visible, okProps: {
children: '自定义',
onClick: function () {
console.log('okProps', 'onClick');
},
}, cancelProps: {
children: '自定义',
onClick: function () {
console.log('cancelProps', 'onClick');
},
}, onOk: function () {
onClose('okClick');
}, onCancel: function () {
onClose('cancelClick');
}, onClose: onClose }, "\u9ED8\u8BA4\u4F1A\u56FA\u5B9A\u786E\u8BA4\u4E0E\u53D6\u6D88\uFF08\u6839\u636E\u89C4\u8303\uFF0C\u4E0D\u53EF\u5220\u6389\uFF09\uFF0C footer\u589E\u52A0\u7684\u4E3A\u53D6\u6D88\u5DE6\u4FA7\u7684\u63D2\u69FD"),
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' };