[Slider] 期望支持 disableRange 禁用某些区间

[agmilli]

tdesign-react 版本

"tdesign-react": "0.37.1",

重现链接

https://codesandbox.io/s/suspicious-grass-tz9x6l?file=/src/App.js

重现步骤

使用Slider组件的时候，需要对带有刻度的进行设置可拖动范围，这时候原本的刻度会跑到盒子外面去

期望结果

实际结果

No response

框架版本

React

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

[github-actions[bot]]

👋 @agmilli，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[andyjxli]

@agmilli 你的想法是范围是 0 - 100，但最大能拖拽到 50 是吗？ 目前没有 API 支持的，但可以这样处理的哈。

[agmilli]

@andyjxli 好的谢谢，不过这样就不需要设置，min和max 了

[honkinglin]

设置了max 和 min 就意味着用户期望展示 min - max的可拖动区间，组件也不好界定要渲染比 max 大的区间是多少，如果你想展示 0 - 100 但是又要限定只有 0-60可拖动，那其实应该要用 disable 之类的 api 去禁用 60 - 100 的区间不可拖动，我们讨论下看看

[github-actions[bot]]

♥️ 有劳 @andyjxli @southorange1228 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @agmilli 。

[wanpan11]

我来跟进🤫🤫

[wanpan11]

@HQ-Lin 这个是需要怎么完善呢 有方案吗 😀

[PBK-B]

这里好像还暴露出一个刻度值溢出的问题，当 marks 参数中有刻度值超过 max 参数限定值时，刻度显示将溢出 Slider 组件。

[PBK-B]

这里好像还暴露出一个刻度值溢出的问题，当 marks 参数中有刻度值超过 max 参数限定值时，刻度显示将溢出 Slider 组件。

@agmilli @andyjxli @HQ-Lin 我这里尝试重新梳理并理解一下问题：

1. 根据 @agmilli 描述好像就是指进度显示的最大值应该根据 marks 中的最大值（or 最小值）显示，但是可拖拽的最大值（or 最小值）是根据 max or min 值限定。
2. 那么根据上面的规则，就可以实现禁用起始值（or 结束值）至某个值的禁选，如果还需要更加细化的处理中间值的话就可以尝试实现 disableRange 参数，控制中间值不可选中。

[wanpan11]

这里好像还暴露出一个刻度值溢出的问题，当 marks 参数中有刻度值超过 max 参数限定值时，刻度显示将溢出 Slider 组件。

@agmilli @andyjxli @HQ-Lin 我这里尝试重新梳理并理解一下问题：

1. 根据 @agmilli 描述好像就是指进度显示的最大值应该根据 marks 中的最大值（or 最小值）显示，但是可拖拽的最大值（or 最小值）是根据 max or min 值限定。
2. 那么根据上面的规则，就可以实现禁用起始值（or 结束值）至某个值的禁选，如果还需要更加细化的处理中间值的话就可以尝试实现 disableRange 参数，控制中间值不可选中。

是的 我本地也发现了这个问题 marks 里的值如果超过了 max 样式就会溢出。再就是以 marks 提供的值作为总长度的话，max,min 就能达到禁止范围的目的😀

[PBK-B]

这里好像还暴露出一个刻度值溢出的问题，当 marks 参数中有刻度值超过 max 参数限定值时，刻度显示将溢出 Slider 组件。

@agmilli @andyjxli @HQ-Lin 我这里尝试重新梳理并理解一下问题：

1. 根据 @agmilli 描述好像就是指进度显示的最大值应该根据 marks 中的最大值（or 最小值）显示，但是可拖拽的最大值（or 最小值）是根据 max or min 值限定。
2. 那么根据上面的规则，就可以实现禁用起始值（or 结束值）至某个值的禁选，如果还需要更加细化的处理中间值的话就可以尝试实现 disableRange 参数，控制中间值不可选中。

是的 我本地也发现了这个问题 marks 里的值如果超过了 max 样式就会溢出。再就是以 marks 提供的值作为总长度的话，max,min 就能达到禁止范围的目的😀

@wanpan11 可以和 @HQ-Lin @andyjxli 大佬讨论一下，如果这个思路没问题的话就可以修复了。

[github-actions[bot]]

这个 Issue 被标记为了过时 stale ，因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论，否则将在 7 天内关闭。

[github-actions[bot]]

此 Issue 被自动关闭，因为它自被标记为过时 stale 以来已闲置 7 天。