fix: 功能好了，还有点bug

hug-sun · Sep 10, 2020 · 59f640a · 59f640a
1 parent 6b73d73
commit 59f640a
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 29 deletions.
diff --git 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"}
+{"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"}
diff --git 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)
Original file line number	Diff line number	Diff line change
		@@ -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"}
		{"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"}