/**
 * title: "级联"
 * description: "展示基本的单选用法。"
 */
import React from 'react';
import { Cascader } from '@alicloud/console-components';

const childrenDataSource = [
  {
    value: '1000101',
    label: '默认项文字很长11111',
    children: [
      {
        value: '10001011',
        label: '默认项',
      },
      {
        value: '10001021',
        label: '聚焦项',
      },
      {
        value: '10001011',
        label: '选中项',
      },
      {
        value: '10001021',
        label: '失效项',
        disabeled: true,
      }
    ],
  },
  {
    value: '1000102',
    label: '聚焦项',
  },
  {
    value: '1000101',
    label: '选中项',
  },
  {
    value: '1000102',
    label: '失效项',
    disabeled: true,
  },
];

const cascaderDataSource = [
  {
    value: '10001',
    label: '默认项文字很长11111',
    children: childrenDataSource,
  },
  {
    value: '10002',
    label: '默认项',
    children: childrenDataSource,
  },
  {
    value: '10003',
    label: '激活项',
    children: childrenDataSource,
  },
  {
    value: '10004',
    label: '失效项',
    disabled: true,
  },
];

export default function App() {
  return (
    <Cascader dataSource={cascaderDataSource} multiple/>
  );
}