feat(directives): [click-outside] add shadow dom support

[consultation-applio]

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.

[pull-request-triage]

👋 @consultation-applio, 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 @consultation-applio, 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=9944
Please comment the example via this playground if needed.

[consultation-applio]

This allows users to use Element plus v-click-outside date-picker, time-picker, select and dropdown inside Vue Custom elements.

https://vuejs.org/guide/extras/web-components.html

[consultation-applio]

@holazz @chenxch could you please take a look? :)

[consultation-applio]

Closing this PR, will opened separate PR for each commit

#10012
#10011
#10010

[HereOrCode]

Any news?
@holazz @chenxch

[consultation-applio]

The content of this PR got moved here:

#12059

but still no luck getting it reviewed. Our company is currently looking at removing element-plus completely from our projects since there’s no way to get web component support even tho we open PR to contribute to get it supported.