Improve tooltip

[TCOTC]

1. 减少不必要的元素更新

2. 改进悬浮提示元素位置计算 fix 改进悬浮提示宽度 #12680

   messageElement.innerHTML = message; 会更新元素的内容，元素此时的 top 和 left 属性会对元素的高度和宽度产生影响，导致更新后的元素（比如元素内的文本意外换行了）与直接新建的元素（元素内的文本不会换行）宽度不一致。messageElement.clientWidth 会获取到不符合预期的宽度，进而导致 top 和 left 计算错误。

3. 特殊情况下悬浮提示会换行一个字 fix 改进悬浮提示宽度 #12680

4. 隐藏悬浮提示增加少许延迟，避免在相邻的元素间移动时悬浮提示频繁闪烁

   元素没有完全紧挨着就会出现这样的闪烁：

   video.webm

[Vanessa219]

这个主题是？我想重现一下看看

另外还有一个问题，不同情况下悬浮提示的宽度是不同的，就会出现宽度不够导致换行：

default.webm

[TCOTC]

Savor 主题（我用的是 Sugar 配色）。

其实把这个按钮的位置改到最右边就能复现了。

[Vanessa219]

-1 的原因是？

messageElement.style.left = (window.innerWidth - 1 - messageElement.clientWidth) + "px";

[TCOTC]

-1 的原因是？

messageElement.style.left = (window.innerWidth - 1 - messageElement.clientWidth) + "px";

左移 1px 避免发生换行

[Misuzu2027]

左右Dock栏，从上往下移动的时候，取消闪烁后会有点影响使用。感觉还需要优化一下。

v3.1.14 演示视频

v3.1.14.mp4

v3.1.15-dev1 演示视频

v3.1.15-dev1.mp4

[TCOTC]

所以我觉得 50ms 就挺合适的，不过这个逻辑已经去掉了

[TCOTC]

@Vanessa219 话说 50ms 有什么问题吗？现在这个情况还是应该优化的：

video.webm

50ms 的效果：

video.webm

[Vanessa219]

delay 删除了，否则鼠标在移动的过程中，tip 无法消失。