@alicloud/console-components
Version:
Alibaba Cloud React Components
22 lines (21 loc) • 1.16 kB
JavaScript
/**
* title: "基础对话框"
* description: "对话框是用于在不离开主路径的情况下，提供用户快速执行简单的操作、确认用户信息或反馈提示的辅助窗口。"
*/
import React, { useState } from 'react';
import { Button, Dialog } from '@alicloud/console-components';
var content = (React.createElement("div", { style: {
width: '344px',
height: '170px',
borderRadius: '4px',
background: '#F6F6F6',
color: '#aaa',
textAlign: 'center',
lineHeight: '170px',
} }, "Dialog Content"));
export default (function () {
var _a = useState(false), visible = _a[0], setVisible = _a[1];
return (React.createElement("div", { className: "App" },
React.createElement(Button, { onClick: function () { return setVisible(!visible); }, type: "primary" }, "\u6807\u9898"),
visible && (React.createElement(Dialog, { title: "\u6807\u9898", visible: visible, footerAlign: "right", onOk: function () { return setVisible(!visible); }, onCancel: function () { return setVisible(!visible); }, onClose: function () { return setVisible(!visible); } }, content))));
});