ant-design-vue 二次封装如何获取checkbox-group透传的change事件 采用vue3的setup写法，并且点击选项组时按钮只能选中一个

在`ant-design-vue`的`CheckboxGroup`组件中，可以使用`v-model`来实现选中状态的双向绑定，同时也可以监听`change`事件来获取选中状态的变化。在二次封装时，我们可以将`CheckboxGroup`作为子组件，并在父组件中监听`CheckboxGroup`的`change`事件来获取选中状态的变化。

在Vue3的`setup`写法中，可以使用`ref`和`watch`来实现选中状态的响应式更新和监听。具体实现如下：

<template>
  <a-checkbox-group @change="handleChange">
    <a-checkbox v-for="option in options" :key="option.key" :value="option.value">{{ option.label }}</a-checkbox>
  </a-checkbox-group>
</template>

<script>
import { defineComponent, ref, watch } from 'vue';

export default defineComponent({
  props: {
    options: {
      type: Array,
      required: true
    },
    value: {
      type: Array,
      default: () => []
    }
  },
  setup(props, { emit }) {
    const selected = ref(props.value);
    const handleChange = (values) => {
      selected.value = values;
      emit('update:value', values);
    };
    watch(selected, (newVal, oldVal) => {
      // 只能选中一个
      if (newVal.length > 1) {
        selected.value = [newVal[newVal.length - 1]];
      }
      // 触发父组件的change事件
      emit('change', selected.value);
    });
    return {
      selected,
      handleChange
    };
  }
});
</script>

在上述代码中，我们通过`props`接收选项数组和当前选中的值，使用`ref`创建响应式的选中状态`selected`，并在`CheckboxGroup`的`change`事件中更新`selected`的值，并通过`emit`触发`update:value`事件，将选中状态传递给父组件。同时，我们使用`watch`监听`selected`的值变化，并在回调函数中实现点击选项组时按钮只能选中一个的逻辑，并通过`emit`触发`change`事件，将最终选中状态传递给父组件。最后，在`template`模板中，我们使用`v-for`循环渲染选项，并将选项的value绑定到`Checkbox`组件的`value`属性上，使用`@change`监听`CheckboxGroup`的`change`事件，并将事件传递给`handleChange`方法处理。