iter(g160): 滑块支持双滑块区间
This commit is contained in:
+20
-2
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"$schema": "ui-arch-registry-index/0.1",
|
||||
"generatedAt": "2026-10-26T08:02:08.033Z",
|
||||
"generatedAt": "2026-10-26T08:03:40.841Z",
|
||||
"repoRoot": ".",
|
||||
"packages": [
|
||||
{
|
||||
@@ -573,6 +573,23 @@
|
||||
"t": "{ value: number; label?: string }[]",
|
||||
"d": "刻度标注:按值定位在轨道下方,label 缺省显示数值;纯装饰不进读屏(数值由原生 input 播报)"
|
||||
},
|
||||
{
|
||||
"n": "range",
|
||||
"t": "boolean",
|
||||
"df": "false",
|
||||
"d": "双滑块区间模式:value 当下限、end 当上限,两拇指之间用强调色连成已选段"
|
||||
},
|
||||
{
|
||||
"n": "end",
|
||||
"t": "Signal<number>",
|
||||
"d": "区间上限信号;仅 range 模式使用,不传则组件内部维护"
|
||||
},
|
||||
{
|
||||
"n": "onRangeChange",
|
||||
"t": "(low: number, high: number) => void",
|
||||
"k": 1,
|
||||
"d": "区间两端变更回调,参数已保证 low ≤ high(越界那一端会被压平)"
|
||||
},
|
||||
{
|
||||
"n": "onChange",
|
||||
"t": "(value: number) => void",
|
||||
@@ -587,7 +604,8 @@
|
||||
"拖动或按 ←→ 键改变值:原生 range 自带键盘与触屏交互,无需额外处理",
|
||||
"只想看拖动条不显示数字时传 showValue: false;需要自定义展示可自行读 signal",
|
||||
"禁用场景传 disabled(布尔或信号),置灰且不可拖",
|
||||
"需要在轨道下方标刻度(如 0 / 50 / 100 的档位含义)传 marks:[{ value, label }],按 min-max 换算百分比定位,容器宽度变化时自动跟随"
|
||||
"需要在轨道下方标刻度(如 0 / 50 / 100 的档位含义)传 marks:[{ value, label }],按 min-max 换算百分比定位,容器宽度变化时自动跟随",
|
||||
"要选数值区间就传 range: true 并给 end 信号:两条原生 range 叠在同一轨道,只有拇指可拖;拖下限越过上限会自动压平,回调走 onRangeChange(low, high)"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user