my_item.vue

<template>
    <a-col v-bind="span">
        <a-form-model-item v-bind="layout">
            <slot />
        </a-form-model-item>
    </a-col>
</template>

<script>
export default {
    data() {
        return {
            span: { xs: 24, sm: 24, lg: 12, xl: 6 },
            layout: { labelCol: { span: 6 }, wrapperCol: { span: 18 }, ...this.$attrs },
        };
    },
};
</script>