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

const childrenDataSouce = [
  {
    value: '1000101',
    label: '默认项默认项默认项默认项默认项默认项',
  },
  {
    value: '1000102',
    label: '聚焦项',
  },
  {
    value: '1000103',
    label: '选中项',
  },
  {
    value: '1000104',
    label: '失效项',
    disabled: true,
  },
];
const cascaderDataSource = [
  {
    value: '10001',
    label: '默认项默认项默认项默默认项默认项默默认项默认项默',
    children: childrenDataSouce,
  },
  {
    value: '10002',
    label: '默认项',
    children: childrenDataSouce,
  },
  {
    value: '10003',
    label: '激活项',
    children: childrenDataSouce,
  },
  {
    value: '10004',
    label: '失效项',
    disabled: true,
  },
];

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