import { BfCascader } from '@bud-fe/react-taro-ui';
import { IMultiLevelNode } from '@bud-fe/react-taro-ui/es/components/bf-cascader';
import React from 'react';

const data: IMultiLevelNode[] = [
  {
    name: '中国',
    code: '1',
    level: 1,
    subList: [
      { name: '北京', code: '11', level: 2, parentCode: '1' },
      {
        name: '上海',
        code: '12',
        level: 2,
        parentCode: '1',
        subList: [{ name: '黄浦区', code: '121', level: 3, parentCode: '12' }],
      },
    ],
  },
];

export default () => {
  return (
    <>
      <BfCascader
        visible
        maxLevel={3}
        title="请选择省市区"
        data={data}
        onOk={(values) => {
          console.log('onOk', values);
        }}
        onCancel={() => {
          console.log('onCancel');
        }}
      />
    </>
  );
};