@cainiaofe/cn-ui-m
Version:
22 lines (21 loc) • 1.23 kB
JavaScript
import React, { useState } from 'react';
import { CnProgress, CnDemoBlock, CnBox, CnButton, CnDemoPage, } from "../../..";
export var 动态展示 = function () {
var _a = useState(0), percent = _a[0], setPercent = _a[1];
return (React.createElement(CnDemoPage, { title: "\u52A8\u6001\u5C55\u793A" },
React.createElement(CnDemoBlock, { title: "\u52A8\u6001\u5C55\u793A" },
React.createElement(CnBox, { direction: "row", spacing: 20 },
React.createElement(CnButton, { type: "normal", onClick: function () {
if (percent >= 10) {
setPercent(percent - 10);
}
} }, "-10%"),
React.createElement(CnButton, { type: "normal", onClick: function () {
if (percent <= 90) {
setPercent(percent + 10);
}
} }, "+10%")),
React.createElement(CnProgress, { percent: percent, progressive: true, size: "large" }),
React.createElement(CnProgress, { percent: percent, progressive: true, shape: "circle", size: "large" }))));
};
export default { title: 'demo/CnProgress' };