antd浏览器引入的问题

1，在使用ant design vue的4.1.2版本通过浏览器引入的方式遇到的问题，遇到的问题（不确定其他版本有没有问题），通过在页面使用下面的代码

<a-modal v-model:open="apiOpen" title="修改秘钥" @ok="submitApi" ok-text="保存" cancel-text="取消">
	<a-input-group compact>
		<a-input v-model:value="apiKey" ref="apiRef" placeholder="请输入新API秘钥" style="width: calc(100% - 200px)"/>
	 	<a-button @click="resetApiKey">重置秘钥</a-button>
	 </a-input-group>
</a-modal>

显示的预期效果和官方文档不一致

官方的样例为

 <a-input-group compact>
	<a-input v-model:value="value19" style="width: calc(100% - 200px)" />
    <a-button type="primary">Submit</a-button>
</a-input-group>

效果如下：

但实际我实际运行中有问题，按钮无法显示，最后发现别使用<a-input />的形式，使用双标签的形式就好了<a-input></a-input>，
但是通过Vue3组件测形式写<input />是正常的，目前只有用过浏览器引入的方式才有这种问题