fix(components): [input] lose focus when click suffix icon

[tolking]

fix #13153, close #13159

When click on the prefix or suffix icon, it causes the input to lose focus and then regain focus, resulting in unnecessary loss of focus behavior, This PR has corrected this behavior.

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 7b9db8c

This pull request introduces a new useFocusController hook that simplifies the focus and blur logic of input components. It also updates the tests and the implementation of the input, input-number, and select components to use this hook. The hook avoids unnecessary blur events when clicking on prefix or suffix elements and provides callbacks for custom focus and blur actions.

Related Issue

Fixes #___.

Explanation of Changes

🤖 Generated by Copilot at 7b9db8c

• Add useFocusController hook to handle focus and blur events of input elements (link, link, link, link, link, link)
• Replace original focus and blur logic in input.vue with useFocusController hook (link, link)
  • The hook is imported from @element-plus/hooks module (link)
  • The wrapperRef is bound to the div element with the wrapperKls class using the ref attribute (link)
  • The triggerAttrs are bound to the span element with the nsInput.e('suffix-inner') class using the v-bind directive (link)
• Add sleep calls to input-number.test.tsx and input.test.tsx to wait for asynchronous updates and events (link, link, link, link)
• Increase delay argument of sleep call in select.test.ts to ensure blur event is emitted (link)

[github-actions]

[github-actions]

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

[purepear]

Looks like this is adding role="button" and tabindex attributes to ElInput 🤔
This can be observed in the docs https://element-plus.org/en-US/component/input.html#basic-usage

This is potential problem for accessibility and tests that use getByRole() might start failing.

[tolking]

The role="button" and tabindex only capture focus events from the mouse.

I do not think this will cause accessibility issues, but I am really sorry for the testing and I have not thought of any other alternative methods at the moment.