fix(popover): select in popover close bug #818

[shijiatongxue]

中文模板 / Chinese Template

• I have read and followed Pull Request Guidelines of the contributing guide.

What kind of change does this PR introduce? (check at least one)

• Bugfix

PR description

Fixes #818

问题：

• react16 事件委托在 document，我们的 Tooltip 同时在 document 监听原生事件 mousedown 以处理 clickoutside。Select inside Popover, clicking the option to select it will cause the Popover hide #818 属于嵌套弹出层场景，预期是点击内部 Select 不关闭外部 Popover。

代码实现上我们想在弹出层的 react 处理函数中取消冒泡以不触发外层 document 上的处理函数。但是这依赖于 document 上监听事件的时机晚于 react 绑定事件的时机。

• react17 以后，react 事件委托在 root 节点，其实不会有这个问题~

更新：

• 这里我们为了兼容 16 将 document 监听 clickoutside 修改为 window 监听。
• 同时取消了在 capture 阶段监听。capture 阶段监听无法处理嵌套场景。

处理办法参考 react issue ： facebook/react#4335 (comment)

Changelog

🇨🇳 Chinese

• Fix: 修复 Popover 中嵌套 Select，点击 Select Option 会关闭 Popover 问题 Select inside Popover, clicking the option to select it will cause the Popover hide #818

---

🇺🇸 English

• Fix: Fix the nested Select in Popover, click Select Option will close the Popover problem Select inside Popover, clicking the option to select it will cause the Popover hide #818

Checklist

• Test or no need
• Document or no need
• Changelog or no need

Other

• Skip Changelog

Additional information

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 938c7ad:

Sandbox	Source
pr-story	Configuration
Semi Design: Simple Story	Configuration

[codecov-commenter]

Codecov Report

Merging #822 (938c7ad) into main (b9890dd) will decrease coverage by 0.00%.
The diff coverage is 60.00%.

@@            Coverage Diff             @@
##             main     #822      +/-   ##
==========================================
- Coverage   80.29%   80.28%   -0.01%     
==========================================
  Files         438      438              
  Lines       22363    22366       +3     
  Branches     5405     5406       +1     
==========================================
+ Hits        17956    17957       +1     
- Misses       4386     4388       +2     
  Partials       21       21              

Impacted Files	Coverage Δ
packages/semi-ui/tooltip/index.tsx	87.98% <60.00%> (-0.59%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b9890dd...938c7ad. Read the comment docs.