antd-multi-cascader
Version:
A multiple cascader component for antd
44 lines (43 loc) • 2.1 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = (0, tslib_1.__importStar)(require("react"));
const antd_1 = require("antd");
const react_2 = require("@storybook/react");
const index_1 = (0, tslib_1.__importDefault)(require("../index"));
const icons_1 = require("@ant-design/icons");
(0, react_2.storiesOf)('MultiCascader', index_1.default).add('Default', () => {
const [state, setState] = (0, react_1.useState)([]);
const [disabled, setDisabled] = (0, react_1.useState)(false);
const [options] = (0, react_1.useState)([
{
value: 'Node1',
title: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(icons_1.UnorderedListOutlined, null),
" Node1")),
children: [
{
value: 'Node1-1',
title: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(icons_1.UnorderedListOutlined, null),
" Node1-1")),
},
{
value: 'Node1-2',
title: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(icons_1.UnorderedListOutlined, null),
" Node1-2")),
},
],
},
{
value: 'Node2',
title: 'Node2',
},
]);
const handleChange = (e) => setDisabled(e.target.checked);
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(index_1.default, { selectAll: true, data: options, value: state, onChange: setState, allowClear: true, disabled: disabled, placeholder: "Default", style: { width: '200px' } }),
react_1.default.createElement("div", null,
react_1.default.createElement(antd_1.Checkbox, { checked: disabled, onChange: handleChange }, "Disabled"))));
});