UNPKG

@cainiaofe/cn-ui-m

Version:
33 lines (32 loc) 2.13 kB
import * as React from 'react'; import { CnButton, CnCard, CnDialogFullpage, CnSkeleton, CnDemoPage, } from "../../.."; export var 基本 = function () { var _a = React.useState(true), visible = _a[0], setVisible = _a[1]; return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" }, React.createElement(CnCard, null, React.createElement(CnButton, { onClick: function () { return setVisible(true); } }, "\u663E\u793A")), React.createElement(CnDialogFullpage, { visible: visible, title: "\u65B0\u5EFA", onOk: console.log, onClose: function () { return setVisible(false); } }, React.createElement(CnCard, null, React.createElement(CnSkeleton, null, React.createElement(CnSkeleton.Title, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Title, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Title, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Title, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Title, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null), React.createElement(CnSkeleton.Paragraph, null)))))); }; export default { title: 'demo/CnDialogFullpage' };