weike-multi-cascader
Version:
A multiple cascader component for antd
71 lines (70 loc) • 2.55 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importStar(require("react"));
const react_2 = require("@storybook/react");
const index_1 = tslib_1.__importDefault(require("../index"));
react_2.storiesOf('MultiCascader', index_1.default).add('Default', () => {
const [state, setState] = react_1.useState([]);
const [disabled] = react_1.useState(false);
const [options] = react_1.useState([
{
value: 'Node1',
title: 'Node1',
children: [
{
value: 'Node1-1',
title: 'Node2',
children: [
{
value: 'Node4',
title: 'Node4',
},
{
value: 'Node5',
title: 'Node5',
},
],
},
{
value: 'Node1-2',
title: 'Node3',
children: [
{
value: 'Node8',
title: 'Node4',
},
{
value: 'Node0',
title: 'Node5',
},
],
},
{
value: 'Node1-3',
title: 'Node4',
children: [
{
value: 'Node51',
title: 'Node42',
},
{
value: 'Node03',
title: 'Node54',
},
],
},
],
},
{
value: 'Node2',
title: 'Node2',
},
]);
const onChange = (v, v1) => {
console.log(v, v1);
setState(v);
};
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(index_1.default, { selectAll: true, data: options, value: state, onChange: (v, v1) => onChange(v, v1), disabled: disabled, placeholder: "Default", style: { width: '320px' }, showBottom: true, fristColumMulti: true, isToolTip: true })));
});