fix(components): [table] tooltipOptions.showAfter is not effective

[xingyixiang]

Please make sure these boxes are checked before submitting your PR, thank you!

• Make sure you follow contributing guide English | (中文 | Español | Français).
• Make sure you are merging your commits to dev branch.
• Add some descriptions and refer to relative issues for your PR.

Description

🤖 Generated by Copilot at bd69775

Add showAfter option for table tooltip and improve popper logic in util.ts. This allows users to customize the tooltip delay and fixes some bugs with the popper positioning and visibility.

Related Issue

Fixes #12564, #14678.

Explanation of Changes

🤖 Generated by Copilot at bd69775

• Add showAfter option for table tooltip to delay popper appearance (link, link, link, link)
• Define togglePopperVisible function to modify popper display style based on parameter (link)
• Simplify onOpen and onClose handlers assignment from useDelayedToggle hook (link)
• Add modifier to popper instance to initially hide popper if showAfter is enabled (link)
• Call onOpen at the end of createTablePopper function to create and update popper instance and start delay timer (link)

[pull-request-triage]

👋 @xingyixiang, seems like this is your first time contribution to element-plus.

• Please make sure that you have read our guidelines and code of conduct before making a contribution.
• You can comment with /label Components:[component_name] to add a label for which component you are working on.
• You may join our for staying tuned.

[github-actions]

[github-actions]

Hello @xingyixiang, thank you for contributing to element-plus, please see our guideline to see how to make contribution

[btea]

Seems to be the same as #12578

[github-actions]

🧪 Playground Preview: https://element-plus.run/?pr=13175
Please comment the example via this playground if needed.

[xingyixiang]

Playground

[xingyixiang]

@btea No one review the code

[ryuhangyeong]

I'll take a look when I can afford it~

[PeiJM]

还是无效啊?

[xingyixiang]

@PeiJM 代码没合入，没人review

[xingyixiang]

@btea When can the code be incorporated?

[btea]

Thank you for your contribution. It looks good, let's merge it now.

[xingyixiang]

@btea Sorry, there is something wrong with this mr. After tooltipOptions.showAfter is set, the popper will be closed when the mouse is moved to the popper and then to the table cell. You can roll back this mr. I'll study how to modify it.

[xingyixiang]

@btea 之前因为showAfter不生效，所以鼠标进入popper后，重新进入table的cell，会触发销毁removePopper。并重新走createTablePopper流程，此方法会立刻创建出一个新的popper并立刻展示，所以实际效果是再次移入table的cell不会关闭popper。现在showAfter生效，就需要一段时间才能重新展示。导致出现这个现象
(In the previous version, the showAfter command does not take effect. Therefore, after the cursor is moved to the popper and the cell of the table is re-entered, the removePopper will be destroyed. The createTablePopper process is used again. This method creates a new popper immediately and displays it immediately. Therefore, the actual effect is that the popper will not be closed when the cell is moved to the table again. Now that showAfter takes effect, it takes a while to redisplay it. Causes this phenomenon)

[btea]

Indeed, the reason is exactly as you said. Maybe we can add a flag, if showAfter is set, we can delay the popper from closing, and then close it if the creation is not triggered again in a short period of time.
What do you think? @xingyixiang @tolking

[xingyixiang]

@btea @tolking

Just delete removePopper?.(), I don't know if it has any other effects

[xingyixiang]

@btea @tolking
#14741