fix(components): [select] abnormal focus when click tags

[tolking]

closed #13665, close #13487, close #13750

before

after

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 9e3e21f

This pull request enhances the accessibility and keyboard interaction of the select component and its multiple variant. It adds or modifies some attributes and methods related to focus and role in select.vue and useSelect.ts. It also fixes some bugs and refactors some code in these files.

Related Issue

Fixes #___.

Explanation of Changes

🤖 Generated by Copilot at 9e3e21f

• Improve the accessibility and keyboard interaction of the multiple select component by adding role, tabindex, and click attributes and handler to the tags element (link)
• Remove the unused import of useFocus from select.vue (link)
• Add the focus method to the methods object and the expose function of the select.vue component, which is a proxy for the focus method defined in useSelect.ts (link, link)
• Remove the redundant or unnecessary focus methods from the setup function and the expose function of the select.vue component (link, link)
• Add the focused state to the useSelectStates function in useSelect.ts, which indicates whether the select component is focused or not (link)
• Remove the line that blurs the input element in the resetInputState function in useSelect.ts, which causes the select component to lose focus when cleared or closed (link)
• Add the call to the focus method in the handleClear function in useSelect.ts, which ensures that the select component remains focused after clearing (link)
• Replace the ignoreFocusEvent variable with the focused state in the handleFocus function in useSelect.ts, which is a more robust way to track the focus status and avoid unnecessary events (link)
• Set the focused state to true in the handleFocus function in useSelect.ts, which updates the state accordingly when the select component is focused (link)
• Modify the handleBlur function in useSelect.ts to check for the tagTooltipRef value and set the focused state to false, which improves the focus management and accessibility and prevents the blur event from being emitted when the user focuses on the tooltip content or the select component itself (link)
• Simplify the call to the focus method in the handleComposition function in useSelect.ts, which makes the code more concise and consistent (link)
• Add the focus method to the return value of the useSelect function in useSelect.ts, which exposes the method to the select.vue component (link)

[github-actions]

[github-actions]

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

[hahatulk]

thanks for fix! please approve it, very annoying bug

[btea]

Maybe we can add a test case?