-
Notifications
You must be signed in to change notification settings - Fork 140
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[comp: slider] add slider component #186
Comments
re #153 |
@danranVm need review. |
|
|
|
|
这个我认为叫 |
这个有什么使用场景吗?感觉有 |
我们这个组件是鼠标拖拽类型的, 既然有了松开鼠标后触发的事件, 加一个鼠标开始的时候触发的事件我觉得是自然的, 就像 DOM 里面鼠标的事件是成双成对的一样, 可以考虑命名为 |
|
可能考虑的角度不一样,只关注值的变化,那么在 vue 有响应式的情况下,只需要提供 change 和 input 就可以了;如果从鼠标拖拽事件来看,那应该是提供 dragStart、drag、dragEnd 这三个事件;我觉得 slider 作为一个滑动输入组件,更应该关心 value 的变化,而不是拖动的过程,你们觉得呢? |
|
对于这个,我觉得你们说的都有道理。。。我保持中立。:cry: |
如果设置了 step 为 1,然后范围为 [0, 100],那每次拖动只能拖 1 个长度,要拖 100 次才能拖到 max,没有人会这样用吧。 |
从上面描述来看,是不是加一个变量来设置是否只能拖拽到刻度上会合理一点? |
start, change, end 也是针对值的: start: 滑块移动开始时的 你的 |
我认为 ticksVisible 的意义不大,有 marks 配置就够了。 |
这样可能会变得有些复杂
有没有必要添加 |
step 为 0 就没有刻度啦,marks 是标记,标记和刻度不一样。
|
|
What problem does this feature solve?
滑动型输入器,展示当前值和可选范围。
What does the proposed API look like?
Props
v-model:value
number | [number, number]
0 | [0, 0]
control
string | number | AbstractControl
@idux/cdk/forms
使用, 参考 Formdisabled
boolean
false
dots
boolean
false
marks
间断点会始终显示marks
key
的类型必须为number
且取值在闭区间[min, max]
内,每个标签可以单独设置样式object
{ number: string | VNode } or { number: { style: object, label: string | VNode } } or { number: () => VNode }
keyboard
boolean
true
max
number
100
min
number
0
range
boolean
false
reverse
boolean
false
step
number
1
tooltipFormatter
tooltip
内容(value: number) => VNode | string | number
tooltipPlacement
tooltip
显示位置string
auto
tooltipVisible
tooltip
显示状态boolean
tooltip
默认为hover
和拖拽时显示,tooltipVisible
设置为true
则始终显示,反之则始终不显示vertical
boolean
false
onInput
(value: number) => void
onChange
Slider
的值改变后触发(mouseup
阶段触发)(value: number) => void
The text was updated successfully, but these errors were encountered: