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

[xingyixiang]

tooltipOptions.showAfter is not effective

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 75d8990

Improved and fixed tooltip for table component. Added showAfter option to util.ts and simplified popper events.

Related Issue

Fixes #___.

Explanation of Changes

🤖 Generated by Copilot at 75d8990

• Add and use togglePopperVisible function to show or hide popper element based on showAfter option of tooltip (link, link)
• Simplify onOpen and onClose handlers for content element and only add mouse events if enterable option is truthy (link)
• Call onOpen handler when popper is created to trigger popper visibility logic (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

[github-actions]

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

[xingyixiang]

Playground

[btea]

LGTM

[tolking]

Is this a normal behavior?

2023-12-01.10.13.01.mp4

[xingyixiang]

@tolking Is that the same before the modification? I didn't reproduce the problem in the video with the current pr.
Playground

[tolking]

It is a problem that occurred after modification

Link

[xingyixiang]

@tolking ok

[xingyixiang]

@tolking The problem has been fixed

[xingyixiang]

@tolking Please help me review it again. Thanks

[xingyixiang]

@btea @tolking Can it be incorporated in the next version?

[kooriookami]

@btea @tolking I wonder can we replace with el-tooltip?

[xingyixiang]

@kooriookami @tolking @btea This tooltip needs to be dynamically created and destroyed for performance purposes. The current el-tooltip does not seem to have this ability.

[xingyixiang]

@tolking @kooriookami @btea el-tootip's singleton mode seems to do it. I'll study it sometime.

[xingyixiang]

@kooriookami @btea #15179 The overflowTooltip is implemented using ElTooltip.