From fe22b9acf6f38e977683cd0e5182c68abee68fd7 Mon Sep 17 00:00:00 2001
From: xiaosansiji <xiaosansiji@gmail.com>
Date: Mon, 10 Jul 2023 14:46:37 +0800
Subject: [PATCH] fix: alert opacity style when closed

---
 src/alert/alert.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/alert/alert.tsx b/src/alert/alert.tsx
index c8be1d0b1..a450c507d 100644
--- a/src/alert/alert.tsx
+++ b/src/alert/alert.tsx
@@ -160,7 +160,8 @@ export default mixins(getConfigReceiverMixins<Vue, AlertConfig>('alert'), getGlo
     },
 
     handleCloseEnd(e: TransitionEvent) {
-      if (e.propertyName === 'opacity') {
+      // 只有当前 Alert DOM 元素 opacity 变化时才触发，防止自定义子元素影响
+      if (e.propertyName === 'opacity' && e.target === this.$el) {
         this.visible = false;
         this.$emit('closed', { e });
         if (this.onClosed) {