vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

fix(DynamicDialog): delay instance removal until after hide animation 

Before this fix, the dialog instance was removed immediately on hide,
which could cause issues with the closing animation. Now the instance
is properly removed after the animation completes in the after-hide event.
pull/6957/head
严浩 2024-12-13 00:05:17 +08:00
parent 537772da64
commit 5b37215d75
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/primevue/src/dynamicdialog/DynamicDialog.vue
View File

@ -1,6 +1,6 @@
<template>
<template v-for="(instance, key) in instanceMap" :key="key">
<DDialog v-model:visible="instance.visible" :_instance="instance" v-bind="instance.options.props" @hide="onDialogHide(instance)" @after-hide="onDialogAfterHide">
<DDialog v-model:visible="instance.visible" :_instance="instance" v-bind="instance.options.props" @hide="onDialogHide(instance)" @after-hide="onDialogAfterHide(instance)">
<template v-if="instance.options.templates && instance.options.templates.header" #header>
<component v-for="(header, index) in getTemplateItems(instance.options.templates.header)" :is="header" :key="index + '_header'" v-bind="instance.options.emits"></component>
</template>
@ -61,11 +61,11 @@ export default {
methods: {
onDialogHide(instance) {
!this.currentInstance && instance.options.onClose && instance.options.onClose({ type: 'dialog-close' });
delete this.instanceMap[instance.key];
},
onDialogAfterHide() {
onDialogAfterHide(instance) {
this.currentInstance && delete this.currentInstance;
this.currentInstance = null;
delete this.instanceMap[instance.key];
},
getTemplateItems(template) {
return Array.isArray(template) ? template : [template];