spin包裹Modal容器使用问题

[liuhui-netizen]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

undefined

Environment

win10，Google Chrome， "vue": "^3.3.4",，"ant-design-vue": "^4.0.6",

Reproduction link

https://www.antdv.com/components/spin-cn

Steps to reproduce

<a-modal v-model:open="createConnVisible" :maskClosable="false" title="新建连接(MySQL)" centered>
            <a-spin>
                <a-tabs v-model:activeKey="activeKey">
                    <a-tab-pane key="1" tab="常规">
                    </a-tab-pane>
                    <a-tab-pane key="2" tab="高级" force-render>
                    </a-tab-pane>
                </a-tabs>
                <template #footer>
                    <a-row>
                        <a-col :span="8">
                            <a-button type="primary" @click="checkFormRulesVailedAtConnMySQL(false)">测试连接</a-button>
                        </a-col>
                        <a-col :span="7" :offset="9">
                            <a-button key="submit" type="primary"
                                @click="checkFormRulesVailedAtConnMySQL(true)">确认</a-button>
                            <a-button key="back" @click="handleTopEvent">取消</a-button>
                        </a-col>
                    </a-row>

                </template>
            </a-spin>
        </a-modal>

What is expected?

a-modal中使用 a-spin；希望能够给a-modal容器覆盖 展示一个加载框。

What is actually happening?

在a-modal中使用a-spin; 会导致 <template #footer>插槽失效 变成默认的Close,Ok两个按钮。插槽内按钮被替换；官网文档使用默认按钮隐藏就都是隐藏状态。使用 :footer 显示也没用。不用a-spin情况下是正常的

[liuhui-netizen]

使用spin

不使用

[aibayanyu20]

<a-modal v-model:open="createConnVisible" :maskClosable="false" title="新建连接(MySQL)" centered>
            <a-spin>
                <a-tabs v-model:activeKey="activeKey">
                    <a-tab-pane key="1" tab="常规">
                    </a-tab-pane>
                    <a-tab-pane key="2" tab="高级" force-render>
                    </a-tab-pane>
                </a-tabs>
            </a-spin>
<template #footer>
                    <a-row>
                        <a-col :span="8">
                            <a-button type="primary" @click="checkFormRulesVailedAtConnMySQL(false)">测试连接</a-button>
                        </a-col>
                        <a-col :span="7" :offset="9">
                            <a-button key="submit" type="primary"
                                @click="checkFormRulesVailedAtConnMySQL(true)">确认</a-button>
                            <a-button key="back" @click="handleTopEvent">取消</a-button>
                        </a-col>
                    </a-row>

                </template>
        </a-modal>

插槽被嵌套在spin中会被认为是spin中的插槽，并不是modal中的插槽，vue机制问题，并不是antdv的问题

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.