@cainiaofe/cn-ui-m
Version:
44 lines (43 loc) • 2.21 kB
JavaScript
import * as React from 'react';
import { CnButton, CnDemoBlock, CnDemoPage, CnRadio, CnRadioGroup, } from "../../..";
export var 选项框组 = function () {
var _a = React.useState(2), groupValue = _a[0], setGroupValue = _a[1];
var _b = React.useState(true), isDisabled = _b[0], setDisabled = _b[1];
return (React.createElement(CnDemoPage, { title: "\u9009\u9879\u6846\u7EC4" },
React.createElement(CnDemoBlock, { title: "\u9009\u9879\u6846\u7EC4" },
React.createElement(CnRadioGroup, { size: "small", direction: "hoz", defaultValue: 2, onChange: function (v) {
console.log('group change:', v);
} },
React.createElement(CnRadio, { value: 1 }, "\u9009\u9879 1"),
React.createElement(CnRadio, { value: 2 }, "\u9009\u9879 2"),
React.createElement(CnRadio, { value: 3 }, "\u9009\u9879 3"))),
React.createElement(CnDemoBlock, { title: "\u53D7\u63A7" },
React.createElement("div", null,
React.createElement(CnButton, { type: "primary", style: { marginRight: 16 }, onClick: function () {
setGroupValue(1);
} }, "\u9009\u4E2D 1"),
React.createElement(CnButton, { onClick: function () {
setDisabled(!isDisabled);
} }, "\u5207\u6362\u7981\u7528\u6001")),
React.createElement("br", null),
React.createElement(CnRadioGroup, { value: groupValue,
// @ts-ignore
direction: "horizontal", onChange: function (value) {
console.log('selected radio is:', value);
setGroupValue(value);
}, disabled: isDisabled, dataSource: [
{
label: '选项 1',
value: 1,
},
{
label: '选项 2',
value: 2,
},
{
label: '选项 3',
value: 3,
},
] }))));
};
export default { title: 'demo/CnRadio' };