How to use the ant-design-vue.Radio.Group function in ant-design-vue

@Component({
  components: {
    'a-input': Input,
    'a-option': Select.Option,
    'a-select': Select,
    'a-form': Form,
    'a-form-item': Form.Item,
    'a-time-picker': TimePicker,
    'a-date-picker': DatePicker,
    'a-range-picker': DatePicker.RangePicker,
    'a-cascader': Cascader,
    'a-row': Row,
    'a-col': Col,
    'a-button': Button,
    'a-modal': Modal,
    'a-radio-group': Radio.Group,
    'a-radio-button': Radio.Button,
    'a-checkbox-group': Checkbox.Group,
    'a-checkbox': Checkbox,
  },
  props: {
    Form,
  },
})

class MFilterClass extends Vue {
  // 筛选表单生成参数
  @Prop({ default: [] })
  private filterList!: FilterFormList[];

  // 筛选表单高级生成参数
  @Prop({ default: [] })

import { Component, Vue } from 'vue-property-decorator';
import {
  Form, Input, Select, Radio, Card, Dropdown, Menu, Icon, DatePicker, Button, Modal,
} from 'ant-design-vue';

import './index.less';

@Component({
  name: 'baseForm',
  components: {
    'a-form': Form,
    'a-form-item': Form.Item,
    'a-input': Input,
    'a-select': Select,
    'a-radio': Radio,
    'a-radio-group': Radio.Group,
    'a-card': Card,
    'a-dropdown': Dropdown,
    'a-menu': Menu,
    'a-menu-item': Menu.Item,
    'a-icon': Icon,
    'a-date-picker': DatePicker,
    'a-button': Button,
    'a-modal': Modal,
  },
  props: {
    Form,
  },
})

class BaseForm extends Vue {
  itemLayout = {

import { Component, Vue, Emit } from 'vue-property-decorator';
import {
  Button, DatePicker, Modal, Row, Col, Card, Icon, Radio,
} from 'ant-design-vue';
import Chart from 'chart.js';
import { numFormat } from '@/utils/index';

import './index.less';

@Component({
  name: 'Dashboard',
  components: {
    'a-button': Button,
    'a-date-picker': DatePicker,
    'a-radio-group': Radio.Group,
    'a-radio-button': Radio.Button,
    'a-modal': Modal,
    'a-row': Row,
    'a-col': Col,
    'a-card': Card,
    'a-icon': Icon,
  },
})
export default class Dashboard extends Vue {
  pageData: any = null;

  created() {
    window.api.dashboard(null).then((res: returnData) => {
      this.pageData = res.data.entity;
      this.loading = false;
      setTimeout(() => {

import { Vue, Component, Prop } from 'vue-property-decorator';
import {
  Modal, Form, Input, Radio, DatePicker, InputNumber, Cascader,
} from 'ant-design-vue';
import moment from 'moment';
import city from '@/utils/city';

@Component({
  components: {
    'a-modal': Modal,
    'a-form': Form,
    'a-form-item': Form.Item,
    'a-input': Input,
    'a-input-number': InputNumber,
    'a-radio': Radio,
    'a-radio-group': Radio.Group,
    'a-date-picker': DatePicker,
    'a-cascader': Cascader,
  },
  props: {
    Form,
  },
})
class InfoModal extends Vue {
  @Prop() title!: string;

  @Prop() visible!: boolean;

  @Prop() type!: string;

  @Prop() data!: any;