feat(tabs): add support for scrolling via mouse wheel or touchpad

[oljc]

Types of changes

• New feature
• Bug fix
• Enhancement
• Component style change
• Typescript definition change
• Documentation change
• Coding style change
• Refactoring
• Test cases
• Continuous integration
• Breaking change
• Others

Background and context

Tabs 组件支持滚轮或者触摸板进行滚动、以及增加滚动定位 scrollPosition 与 React 版本一致。

Resolves #2909
Resolves #2804
Resolves #2100
Resolves #1867
Closes #2209
Closes #1936

Solution

setActiveTabOffset 来统一计算各种情况下的偏移量。移除了原来逻辑tabEndOffsets 相关的 isInView、getTabEndOffsets 等函数，优化几处冗余的代码。

此外本次新功能也解决了几处历史问题如在 #1936 所讨论的问题

How is the change tested?

测试脚本外还打包到项目中测试无异常。

Changelog

Component	Changelog(CN)	Changelog(EN)	Related issues
Tabs	支持滚轮或者触摸板进行滚动	add support for scrolling via mouse wheel or touchpad	Closes #2909

Checklist:

• Test suite passes (npm run test)
• Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
• Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others
  should be submitted to main branch)

Other information

iShot_2024-04-28.mp4

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview