cnd-components-mcp/componentData/components/Cascader/examples.md

An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务，包含系统提示词、组件文档、API 文档、代码示例和更新日志查询

## 示例
```tsx
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: '失败项',
    children: childrenDataSouce,
    checkboxDisabled: true,
  },
];

export default function App() {
  return (
    <div className="App">
      <CascaderSelect
        multiple
        style={{
          width: '302px',
        }}
        dataSource={cascaderDataSource}
      />
    &lt;/div&gt;
  );
}

export const meta = {
  title: '多选级联',
  describe: '展示基本的多选用法。',
};

```