@cainiaofe/cn-ui-m/es/components/cn-loading/demo/change-visible.stories.js

## 在线文档

import React, { useState } from 'react';
import { CnBox, CnLoading, CnDemoBlock, CnDemoRect, CnButton, CnDemoPage, } from "../../..";
export var 显示受控 = function () {
    var _a = useState(false), loading = _a[0], setLoading = _a[1];
    var _b = useState('暂无数据'), data = _b[0], setData = _b[1];
    var handleClick = function () {
        setLoading(true);
        setTimeout(function () {
            setData('加载完成');
            setLoading(false);
        }, 3000);
    };
    return (React.createElement(CnDemoPage, { title: "\u663E\u793A\u53D7\u63A7" },
        React.createElement(CnDemoBlock, { title: "\u70B9\u51FB\u6309\u94AE\u5F00\u59CB\u52A0\u8F7D" },
            React.createElement(CnBox, { spacing: 20 },
                React.createElement(CnButton, { onClick: handleClick }, "\u70B9\u51FB\u52A0\u8F7D"),
                React.createElement(CnDemoRect, { style: { height: 200 } },
                    React.createElement(CnLoading, { visible: loading, tip: "loading" }, data))))));
};
export default { title: 'demo/CnLoading' };