From 59f640aedd8155673b6581c92397ddd8971496df Mon Sep 17 00:00:00 2001
From: xiyifenheart <543597191@qq.com>
Date: Thu, 10 Sep 2020 14:13:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8A=9F=E8=83=BD=E5=A5=BD=E4=BA=86?=
 =?UTF-8?q?=EF=BC=8C=E8=BF=98=E6=9C=89=E7=82=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/versions.json            |  2 +-
 packages/tooltip/src/main-test.js | 72 +++++++++++++++++++------------
 2 files changed, 45 insertions(+), 29 deletions(-)

diff --git a/examples/versions.json b/examples/versions.json
index 489547b2d..c68a964ed 100644
--- a/examples/versions.json
+++ b/examples/versions.json
@@ -1 +1 @@
-{"1.4.13":"1.4","2.0.11":"2.0","2.1.0":"2.1","2.2.2":"2.2","2.3.9":"2.3","2.4.11":"2.4","2.5.4":"2.5","2.6.3":"2.6","2.7.2":"2.7","2.8.2":"2.8","2.9.2":"2.9","2.10.1":"2.10","2.11.1":"2.11","2.12.0":"2.12","0.0.9":"2.13"}
\ No newline at end of file
+{"1.4.13":"1.4","2.0.11":"2.0","2.1.0":"2.1","2.2.2":"2.2","2.3.9":"2.3","2.4.11":"2.4","2.5.4":"2.5","2.6.3":"2.6","2.7.2":"2.7","2.8.2":"2.8","2.9.2":"2.9","2.10.1":"2.10","2.11.1":"2.11","2.12.0":"2.12","0.0.10":"2.13"}
\ No newline at end of file
diff --git a/packages/tooltip/src/main-test.js b/packages/tooltip/src/main-test.js
index 98f59508a..94a817cef 100644
--- a/packages/tooltip/src/main-test.js
+++ b/packages/tooltip/src/main-test.js
@@ -92,6 +92,7 @@ export default {
         const debounceClose = debounce(200, () => handleClosePopper())
 
         const show = () => {
+            debugger
             setExpectedState(true)
             handleShowPopper()
         }
@@ -176,41 +177,56 @@ export default {
         })
 
         watchEffect(() => {
-            debugger
+            // debugger
             const popperVM = createApp({
                 setup() {
-                    debugger
-                    return () => (<Transition name={transition} onAfterLeave={doDestroy}>
-                        <div
-                                onMouseleave={() => {
-                                    setExpectedState(false)
-                                    debounceClose()
-                                }}
-                                onMouseenter={() => {
-                                    setExpectedState(true)
-                                }}
-                                ref="popper"
-                                role="tooltip"
-                                id={tooltipId}
-                                aria-hidden={disabled || !showPopper.value ? 'true' : 'false'}
-                                v-show={!disabled && showPopper.value}
-                                class={[
-                                    'el-tooltip__popper',
-                                    'is-' + effect,
-                                    popperClass
-                                ]}
-                            >
-                                {slots.content ? slots.content() : content}
-                            </div>
-                    </Transition>)
-                }
-            }).mount()
+                    console.log('setup')
+                    const popperInstance = getCurrentInstance()
 
-            debugger
+                    onMounted(() => {
+                        console.log('popperVM-onMounted')
+                        popperElm.value = popperInstance.ctx.$refs.popper
+                    })
+
+                    return () => {
+                        return (<Transition name={transition} onAfterLeave={doDestroy}>
+                            <div
+                                    onMouseleave={() => {
+                                        setExpectedState(false)
+                                        debounceClose()
+                                    }}
+                                    onMouseenter={() => {
+                                        setExpectedState(true)
+                                    }}
+                                    ref="popper"
+                                    role="tooltip"
+                                    id={tooltipId}
+                                    aria-hidden={disabled || !showPopper.value ? 'true' : 'false'}
+                                    v-show={!disabled && showPopper.value}
+                                    class={[
+                                        'el-tooltip__popper',
+                                        'is-' + effect,
+                                        popperClass
+                                    ]}
+                                >
+                                    {slots.content ? slots.content() : content}
+                                </div>
+                        </Transition>)
+                    }
+                }
+            })
+            if (!disabled && showPopper.value) {
+                const divDom = document.createElement('div');
+                popperVM.mount(divDom);
+            }
+            // document.body.appendChild(divDom);
+            console.log(popperVM, 'popperVM')
+            // debugger
 
         })
 
         onMounted(() => {
+            debugger
             referenceElm.value = instance.ctx.$el
             if (referenceElm.value.nodeType === 1) {
                 referenceElm.value.setAttribute('aria-describedby', tooltipId)