@hi-ui/slider NPM | npm.io

4.0.11 • Published 1 year ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 year ago

Slider 滑块

通过简单拖拽的交互形式实现数值的设置

何时使用

设置多个参数且要求操作所即见即所得时

使用示例

Props

参数	说明	类型	可选值	默认值
type	类型	string	'primary' \| 'danger' \| 'success' \| 'warning'	'primary'
defaultValue	设置初始取值	number	-	0
value	设置当前取值	number	-	0
min	最小值	number	-	0
max	最大值	number	-	100
disabled	值为 true 时，滑块为禁用状态	boolean	true \| false	false
tipFormatter	自定义 Tooltip 中显示文案	value => ReactNode	-	-
marks	刻度标记,key 的类型必须为 number 且取值在闭区间 min, max 内	object	-	{}
step	步长	number	-	1
vertical	值为 true 时，Slider 为垂直方向	boolean	true \| false	false
showRangeLabel	是否显示范围 label	boolean	true \| false	false

Events

名称	说明	类型	参数	返回值
onChange	当 Slider 的值发生改变时触发	(value) => void	value: 变化后的值	-

CHANGELOG

参数	变更类型	变更内容	解决的问题
propName	feature \| deprecated \| update	变更了什么	之前是什么样子，解决什么问题
----	----	----	----
组件名	update	Rate -> Rating	命名专业化，符合英语理解认知
color	feature	字段：type -> color	扩展自定义颜色能力
placement	update	字段：vertical -> placement	统一使用类 placement 命名

@hi-ui/classname @hi-ui/dom-utils @hi-ui/env @hi-ui/tooltip @hi-ui/type-assertion @hi-ui/use-merge-refs @hi-ui/use-outside-click @hi-ui/use-toggle @hi-ui/use-uncontrolled-state

@infinitebrahmanuniverse/nolb-_hi-@everything-registry/sub-chunk-394 @hi-ui/hiui

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

3 years ago

4 years ago

4 years ago