@cainiaofe/cn-ui-m
Version:
33 lines (32 loc) • 2.13 kB
JavaScript
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' };