Can Modal components provide open events?

[dgf957492430]

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

What problem does this feature solve?

modal组件现在只有关闭的事件，没有打开的事件，每次都要watch visible

What does the proposed API look like?

open Modal 打开的回调
opened Modal 打开动画结束时的回调
调用：<a-modal @OPEN="onOpen" @opened="onOpened" />

[ll60]

哈哈哈，我也想说这个来着。每次watch visible好呆的样子

[sendya]

不太理解需要 watch visible 用于做什么？
Modal 组件的 visible 属性不是受控的吗，当你修改 visible 时，你应该已经知道你是否在打开 Modal
例如打开 Modal 时，更新数据

const handleOpen = () => {
   visible.value = true;
   loadData();
}

[ll60]

不太理解需要 watch visible 用于做什么？ Modal 组件的 visible 属性不是受控的吗，当你修改 visible 时，你应该已经知道你是否在打开 Modal 例如打开 Modal 时，更新数据

const handleOpen = () => {
   visible.value = true;
   loadData();
}

如果你的页面和弹窗的逻辑都在一个页面，倒是没什么问题，实际项目中，modal用的地方很多，抽出来当一个组件的话，如果父组件控制子组件弹窗打开，里面子组件弹窗就需要watch监听这个弹窗打开的动作了，因为没有open事件，如果用ref来控制子组件弹窗的话，感觉不太好的样子

[tangjinzhou]

modal 的打开时你控制的， 不是modal自身控制的

[dgf957492430]

modal 的打开时你控制的， 不是modal自身控制的

一般需要监听open事件的都是用modal组件封装成一个包含相关业务的弹窗组件的场景，用这个弹窗组件的props中的visible去控制ant modal的显隐，此时在封装的弹窗组件内需要监听到modal组件打开的动作进而执行一些业务代码，比如表单的数据回填，如果modal组件不提供open事件的话，那我就只能在封装的弹窗组件内watch visible来实现了，而且有时需要在视图稳定后在执行操作，还得在watch visible里setTimeout后执行，如果弹窗有过渡结束后的事件就优雅多了

[zmyjs]

不太理解需要 watch visible 用于做什么？ Modal 组件的 visible 属性不是受控的吗，当你修改 visible 时，你应该已经知道你是否在打开 Modal 例如打开 Modal 时，更新数据

const handleOpen = () => {
   visible.value = true;
   loadData();
}

有的业务依赖模态框的尺寸，需要等待打开的动画完成

[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.