en-US

Select non-leaf nodes.

zh-CN

选择非叶子节点。

import { DCascader } from '@react-devui/ui';

const list = Array.from({ length: 3 }).map((_, index1) => ({
  label: `Item ${index1}`,
  value: `${index1}`,
  children: Array.from({ length: 5 }).map((_, index2) => ({
    label: `Item ${index1}-${index2}`,
    value: `${index1}-${index2}`,
    disabled: index2 === 3,
    children: Array.from({ length: 20 }).map((_, index3) => ({
      label: `Item ${index1}-${index2}-${index3}`,
      value: `${index1}-${index2}-${index3}`,
    })),
  })),
}));
export default function Demo() {
  return <DCascader style={{ width: 200 }} dList={list} dPlaceholder="Select non-leaf" dSearchable dOnlyLeafSelectable={false}></DCascader>;
}