在Ant Design中，可以使用Checkbox.Group组件来实现垂直复选框组。以下是一个包含代码示例的解决方法：

首先，确保你已经安装了Ant Design的依赖包。可以通过以下命令来安装Ant Design：

npm install antd

接下来，导入所需的组件和样式：

import React from 'react';
import { Checkbox } from 'antd';
import 'antd/dist/antd.css';

然后，创建一个包含复选框组的组件：

class VerticalCheckboxGroup extends React.Component {
  state = {
    checkedList: [], // 选中的复选框列表
    indeterminate: false, // 是否有部分复选框选中
    checkAll: false, // 是否全部复选框都选中
  };

  // 复选框变化时的回调函数
  onChange = (checkedList) => {
    this.setState({
      checkedList,
      indeterminate: !!checkedList.length && checkedList.length < plainOptions.length,
      checkAll: checkedList.length === plainOptions.length,
    });
  };

  // 全选复选框变化时的回调函数
  onCheckAllChange = (e) => {
    this.setState({
      checkedList: e.target.checked ? plainOptions : [],
      indeterminate: false,
      checkAll: e.target.checked,
    });
  };

  render() {
    return (
      

        

          
            全选
          
        
        

        
      
    );
  }
}

// 可选项
const plainOptions = ['选项1', '选项2', '选项3'];

export default VerticalCheckboxGroup;

在上面的代码中，我们创建了一个名为VerticalCheckboxGroup的类组件。该组件包含一个state对象，用于存储选中的复选框列表、是否有部分复选框选中以及是否全部复选框都选中的状态。

在onChange方法中，我们更新了state对象，以反映当前选中的复选框列表、是否有部分复选框选中以及是否全部复选框都选中。

在onCheckAllChange方法中，我们更新了state对象，以反映当前是否全部复选框都选中，并相应地更新选中的复选框列表和是否有部分复选框选中的状态。

在render方法中，我们使用Checkbox组件创建了一个全选复选框，并根据state对象的值设置其indeterminate和checked属性。

然后，我们使用Checkbox.Group组件创建了一个垂直的复选框组，其中options属性设置为可选项的数组，value属性设置为选中的复选框列表，onChange属性设置为复选框变化时的回调函数。

最后，我们导出了VerticalCheckboxGroup组件作为默认导出。

你可以在需要使用垂直复选框组的地方，导入并使用VerticalCheckboxGroup组件：

import React from 'react';
import VerticalCheckboxGroup from './VerticalCheckboxGroup';

class App extends React.Component {
  render() {
    return (
      

        
垂直复选框组示例
        
      
    );
  }
}

export default App;

以上代码示例中，我们在App组件中使用了VerticalCheckboxGroup组件来展示垂直复选框组。

这样，你就可以在你的应用程序中使用Ant Design的垂直复选框组了。