Skip to content

[Slider] range 模式下设置了 value 为 undeifned 时无法操作第二个游标滑块无法拖动 #2618

Open

Description

@NWYLZW

tdesign-react 版本

1.3.1

重现链接

sandbox

重现步骤

设置 Slider 组件为 range,并且不提供默认值(或者提供空数组)

期望结果

正常被拖拽

实际结果

拖拽异常,无法交互

框架版本

18.2.0

浏览器版本

系统版本

Node版本

补充说明

No response

Activity

  1. github-actions commented on Nov 28, 2023

    @github-actions
    Contributor

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

  2. github-actions commented on Nov 28, 2023

    @github-actions
    Contributor

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

  3. NWYLZW commented on Nov 28, 2023

    @NWYLZW
    CollaboratorAuthor

    限制传入类型?或者支持这俩种特殊情况?

  4. HaixingOoO commented on Nov 29, 2023

    @HaixingOoO
    Collaborator

    限制传入类型?或者支持这俩种特殊情况?

    我觉得传值时肯定会知道传什么的,限制传入类型可以ts number[] replace [number,number],支持两种情况会判断过多,第一种用戶用js就没什么用,你觉得呢?

  5. NWYLZW commented on Nov 29, 2023

    @NWYLZW
    CollaboratorAuthor

    主要有个问题,因为如果要必传 value 的话,外面就必须处理 value 的值了。
    比方说如果限制了 value 的范围,那就还要根据这个范围去处理为对应的默认值。
    还有限制用户的默认必须传个 value 其实我觉得这种行为并不是很合理,就比如说我现在为了这个问题修改后的代码( zodui/zodui@cbcd37a )其实蛮多余的。

    其次的话,我在使用过程中发现 Slider 组件内部并没有值状态,全部依赖的是外部传入,感觉在这里也是有点问题。

  6. uyarn commented on Nov 30, 2023

    @uyarn
    Collaborator

    其实我觉得支持空数组也挺正常的 🤔

  7. dvd233 commented on Oct 13, 2026

    @dvd233

    我来处理这个问题。已在当前 develop(d31df33)的 Slider 源码上复现:range 模式下,undefined/未提供初值会在拖动后返回标量,空数组会返回缺少起点的数组。真实组件 + jsdom 鼠标事件验证为 4 个异常场景失败、3 个对照通过,尚未做浏览器验证。

    计划修复空范围值的初始化和交互,保留单滑块、显式数值输入及有效范围值的既有行为,补充受控/非受控、轨道点击、min 变化和 onChangeEnd 回归。调查与实现使用 Codex 辅助,完成验证后提交 PR。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    🎨 designsomething about design or style🐞 bugSomething isn't working

    Type

    No type

    Projects

    • Status
      No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions