🙏滚动条增加hover的动作的易用性建议

[xuefeibai]

🏷 Version

Package	Version
@antv/s2
@antv/s2-react
@antv/s2-vue

Sheet Type

• [ ] PivotSheet
• [ ] TableSheet
• [ ] GridAnalysisSheet
• [ ] StrategySheet
• [ ] EditableSheet

🖋 Description

目前滚动条是只能配置size和hoverSize, 而这两个都是thumbSize滑块宽度, 不能配置trackSize滑道宽度. 在大屏场景下, 一个屏幕上很多图表, 每个图表占的大小不大, 所以滚动条配置size=6, hoverSize=10. 这个6相对来说是很小的, 也就触发hover有点难用, 得小心翼翼的. 因此希望能配置trackSize = 12, 默认滚动条size=6位于垂直滑道右侧, 当鼠标移入滑道时, 触发hover, 此时hoverSize=10, 居中, 两边还有1px的空隙, 这样提高滚动条的易用性. 还有现在滚动条只能在滑块上触发hover, 这是难用的一种实现, 在大数据量的场景, 即滑道的整体高度很小时, 滑块就很小, 想触发hover就更得小心翼翼了, 因此合理的触发hover事件应该是滑块和滑道都能触发.

🏞 What problem does this feature solve

不能配置滚动条滑道宽度, 在大屏情况下一般不会把默认size设太大, 太大的影响美观, 所以都是搭配hoverSize使用的. 而此时触发hover不是很方便, 被限制在了滑块这个小区域上

🧐 Suggest the API

name	type	default	description
trackSize	Number	和size一样	滚动条滑道大小
thumbAlign	Number	0	0居中, >0居右或居下, <0局左或局上
thumbHoverAlign	Number	0	0居中, >0居右或居下, <0局左或局上
以上接口应该都是在trackSize > size	hoverSize时才有效

[github-actions[bot]]

你好 @xuefeibai，请编辑你的 issue 标题, 一个言简意赅的 issue 标题可以节省大家的时间, 请不要将标题当做正文, 或者为空。

Hello, @xuefeibai, please edit your issue title. a concise issue title will save everyone time. please do not leave the title as the body or empty.