@alicloud/console-components/esm/rc/cascader/demos/demo2.js

Alibaba Cloud React Components

/**
 * title: "多选级联"
 * description: "展示基本的多选用法。"
 */
import React from 'react';
import { CascaderSelect } from '@alicloud/console-components';
var childrenDataSouce = [
    {
        value: '1000101',
        label: '默认项',
    },
    {
        value: '1000102',
        label: '聚焦项',
    },
    {
        value: '1000103',
        label: '文本信息 选中项',
    },
    {
        value: '1000104',
        label: '文本信息 选中项',
        disabled: true,
    },
];
var cascaderDataSource = [
    {
        value: '10001',
        label: '默认项',
        children: childrenDataSouce,
    },
    {
        value: '10002',
        label: '聚焦项',
        children: childrenDataSouce,
    },
    {
        value: '10003',
        label: '选中项',
        children: childrenDataSouce,
    },
    {
        value: '10004',
        label: '失败项',
        children: childrenDataSouce,
        checkboxDisabled: true,
    },
];
export default function App() {
    return (React.createElement("div", { className: "App" },
        React.createElement(CascaderSelect, { multiple: true, style: {
                width: '302px',
            }, dataSource: cascaderDataSource })));
}