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 () => ( -
{ - 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} -
-
) - } - }).mount() + console.log('setup') + const popperInstance = getCurrentInstance() - debugger + onMounted(() => { + console.log('popperVM-onMounted') + popperElm.value = popperInstance.ctx.$refs.popper + }) + + return () => { + return ( +
{ + 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} +
+
) + } + } + }) + 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)