@alicloud/console-components
Version:
Alibaba Cloud React Components
14 lines (13 loc) • 964 B
JavaScript
/**
* title: "基础对话框"
* description: "对话框是用于在不离开主路径的情况下，提供用户快速执行简单的操作、确认用户信息或反馈提示的辅助窗口。"
*/
import React, { useState } from 'react';
import { Button, Dialog, Message } from '@alicloud/console-components';
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); } },
React.createElement(Message, { title: "message\u6807\u9898" })))));
});