fix(components): [input] update input value length calculate

[btea]

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.

fix #11801

[github-actions]

[github-actions]

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

[ryuhangyeong]

LGTM!

[jw-foss]

@ryuhangyeong Thank you for reviewing PRs, many thanks ❤️ !!!

[fisker]

Array.from() is used to fix #2653, now we break it again. So, if samilar issue report again, we'll change it back again? 👎 👎 👎

//cc @wen-haoming

[btea]

I think it is wrong to use Array.from here. If you encounter some complex emoji, such as 👨‍👨‍👦‍👦, the value of '👨‍👨‍👦‍👦'.length is 11, and the value of Array.from('👨‍👨‍👦‍👦').length is 7. So I think it is better to be consistent with the original.

If we need to deal with some special cases, perhaps we can provide an additional attribute to receive a function, allowing users to customize the character length calculation rules. I think this should be better.

[fisker]

Of course Array.from is wrong, Intl.Segmenter#segment should be preferred, but I agree it should be configurable to pass a function to calculate length.

I'm fine to use .length as the default. I'm unhappy only because no one checks the history, it's so obvious that original code write in this way on purpose.