Commit 3c20bd6a authored by baiyaaaaa's avatar baiyaaaaa Committed by GitHub

Merge pull request #69 from QingWei-Li/master

Tooltip: fix appear in the wrong place
parents ed79d853 80fe4ce1
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
- 修复 Select 多选时选项变为空数组后 placeholder 不出现的问题 - 修复 Select 多选时选项变为空数组后 placeholder 不出现的问题
- 修复 TimePicker 时间选择可滚动 - 修复 TimePicker 时间选择可滚动
- 修复 Tooltip 会有出现错位的情况
#### 非兼容性更新 #### 非兼容性更新
- Select 组件样式的 `display` 属性默认值修改为 `block` - Select 组件样式的 `display` 属性默认值修改为 `block`
......
<template> <template>
<span> <span>
<transition :name="transition"> <transition :name="transition" @after-leave="doDestroy">
<div <div
class="el-popover" class="el-popover"
ref="popper" ref="popper"
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<slot></slot> <slot></slot>
</div> </div>
<transition :name="transition"> <transition :name="transition" @after-leave="doDestroy">
<div <div
class="el-tooltip__popper" class="el-tooltip__popper"
:class="['is-' + effect]" :class="['is-' + effect]"
......
import PopperJS from 'main/utils/popper'; import PopperJS from 'main/utils/popper';
import { once } from 'wind-dom/src/event';
/** /**
* @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper. * @param {HTMLElement} [reference=$refs.reference] - The reference element used to position the popper.
* @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper. * @param {HTMLElement} [popper=$refs.popper] - The HTML element used as popper, or a configuration used to generate the popper.
...@@ -100,20 +100,13 @@ export default { ...@@ -100,20 +100,13 @@ export default {
doDestroy() { doDestroy() {
if (this.showPopper) return; if (this.showPopper) return;
this.popperJS && this.popperJS.destroy(); this.popperJS.destroy();
this.popperJS = null; this.popperJS = null;
}, },
destroyPopper() { destroyPopper() {
if (this.popperJS) { if (this.popperJS) {
this.resetTransformOrigin(this.popperJS); this.resetTransformOrigin(this.popperJS);
if (this.transition) {
once(this.popperJS._popper, 'webkitTransitionEnd', this.doDestroy);
once(this.popperJS._popper, 'oTransitionend', this.doDestroy);
once(this.popperJS._popper, 'transitionend', this.doDestroy);
} else {
this.doDestroy();
}
} }
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment