|
@@ -11,7 +11,6 @@ function calculationLocation(el, target, placements) {
|
|
if (!el || !target) return;
|
|
if (!el || !target) return;
|
|
console.log('el:', el)
|
|
console.log('el:', el)
|
|
console.log('target:', target)
|
|
console.log('target:', target)
|
|
- debugger
|
|
|
|
|
|
|
|
el.tooltipPosition.y = 0;
|
|
el.tooltipPosition.y = 0;
|
|
el.tooltipPosition.x = 0;
|
|
el.tooltipPosition.x = 0;
|
|
@@ -88,7 +87,7 @@ export const ellipsisTooltip = localStorage.getItem('useEllipseTooltip') ? {
|
|
if (isOverflow(el)) {
|
|
if (isOverflow(el)) {
|
|
const directiveList = allPlacements.filter(placement => binding.modifiers[placement])
|
|
const directiveList = allPlacements.filter(placement => binding.modifiers[placement])
|
|
const placements = directiveList.length ? directiveList : allPlacements
|
|
const placements = directiveList.length ? directiveList : allPlacements
|
|
- debugger
|
|
|
|
|
|
+ console.log('el.w_tooltip-1:', el.w_tooltip)
|
|
if (!el.w_tooltip) {
|
|
if (!el.w_tooltip) {
|
|
// 创建tooltip实例
|
|
// 创建tooltip实例
|
|
const vm = createApp(MyToolTip)
|
|
const vm = createApp(MyToolTip)
|
|
@@ -99,12 +98,15 @@ export const ellipsisTooltip = localStorage.getItem('useEllipseTooltip') ? {
|
|
el.w_tooltip.id = `tooltip_${Math.floor(Math.random() * 10000)}`
|
|
el.w_tooltip.id = `tooltip_${Math.floor(Math.random() * 10000)}`
|
|
el.w_tipInstance = vm.mount(el.w_tooltip)
|
|
el.w_tipInstance = vm.mount(el.w_tooltip)
|
|
}
|
|
}
|
|
|
|
+ console.log('el.w_tooltip-2:', el.w_tooltip)
|
|
// 设置 tooltip 显示方向
|
|
// 设置 tooltip 显示方向
|
|
el.w_tipInstance.placements = placement || placements[0] || 'top'
|
|
el.w_tipInstance.placements = placement || placements[0] || 'top'
|
|
// 设置显示内容
|
|
// 设置显示内容
|
|
el.w_tipInstance.setContent(content || el.innerText)
|
|
el.w_tipInstance.setContent(content || el.innerText)
|
|
// 使 tooltip 显示
|
|
// 使 tooltip 显示
|
|
el.w_tipInstance.showTip()
|
|
el.w_tipInstance.showTip()
|
|
|
|
+ console.log('el:', el)
|
|
|
|
+ console.log('el.w_tipInstance:', el.w_tipInstance)
|
|
nextTick(() => {
|
|
nextTick(() => {
|
|
// 计算 tooltip 在页面中的位置
|
|
// 计算 tooltip 在页面中的位置
|
|
calculationLocation(el.w_tipInstance, el, placements[0])
|
|
calculationLocation(el.w_tipInstance, el, placements[0])
|