From 8a80bfea0c618d842d982bc52835f5f267287f54 Mon Sep 17 00:00:00 2001
From: Carter Li <CarterLi@users.noreply.github.com>
Date: Wed, 2 Mar 2022 23:08:28 +0800
Subject: [PATCH] fix(components): work around #6378 (#6380)

---
 packages/components/tooltip/src/content.vue | 31 ++++++++++++++++-----
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/packages/components/tooltip/src/content.vue b/packages/components/tooltip/src/content.vue
index d79b06e84b..8831dbbef5 100644
--- a/packages/components/tooltip/src/content.vue
+++ b/packages/components/tooltip/src/content.vue
@@ -31,17 +31,28 @@
         @mouseenter="onContentEnter"
         @mouseleave="onContentLeave"
       >
-        <slot />
-        <el-visually-hidden :id="id" role="tooltip">
-          {{ ariaLabel }}
-        </el-visually-hidden>
+        <!-- Workaround bug #6378 -->
+        <template v-if="!destroyed">
+          <slot />
+          <el-visually-hidden :id="id" role="tooltip">
+            {{ ariaLabel }}
+          </el-visually-hidden>
+        </template>
       </el-popper-content>
     </transition>
   </teleport>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, inject, ref, unref, watch } from 'vue'
+import {
+  computed,
+  defineComponent,
+  inject,
+  onBeforeUnmount,
+  ref,
+  unref,
+  watch,
+} from 'vue'
 import { onClickOutside } from '@vueuse/core'
 import { ElPopperContent } from '@element-plus/components/popper'
 import { ElVisuallyHidden } from '@element-plus/components/visual-hidden'
@@ -64,6 +75,7 @@ export default defineComponent({
     const intermediateOpen = ref(false)
     const entering = ref(false)
     const leaving = ref(false)
+    const destroyed = ref(false)
     const {
       controlled,
       id,
@@ -85,6 +97,10 @@ export default defineComponent({
       return props.persistent
     })
 
+    onBeforeUnmount(() => {
+      destroyed.value = true
+    })
+
     const shouldRender = computed(() => {
       return unref(persistentRef) ? true : unref(open)
     })
@@ -121,11 +137,11 @@ export default defineComponent({
 
     const onBeforeEnter = () => {
       contentRef.value?.updatePopper?.()
-      onBeforeShow()
+      onBeforeShow?.()
     }
 
     const onBeforeLeave = () => {
-      onBeforeHide()
+      onBeforeHide?.()
     }
 
     const onAfterShow = () => {
@@ -167,6 +183,7 @@ export default defineComponent({
       intermediateOpen,
       contentStyle,
       contentRef,
+      destroyed,
       shouldRender,
       shouldShow,
       open,