iter(g145): 滑块支持刻度标注
This commit is contained in:
@@ -1516,6 +1516,14 @@
|
||||
"acceptance": "avatarGroup 支持 items(name/src/variant)、max 折叠为 +N、size 与 avatar 对齐;整组 title 列全部姓名、+N 有可访问名;样式只消费 --ua-*;文档与演示同步;npm run check 全绿",
|
||||
"notes": "自补:组件补充方向",
|
||||
"status": "done"
|
||||
},
|
||||
{
|
||||
"id": "g145",
|
||||
"title": "滑块支持刻度标注 marks",
|
||||
"motivation": "0-100 的滑块看不出档位含义,用户只能看右侧数字猜;调用方要在轨道下标 0/50/100 得自己量宽度算百分比",
|
||||
"acceptance": "slider 新增 marks(value/label),按 min-max 换算百分比绝对定位、随宽度自适应;轨道包一层不影响右侧数值;刻度 aria-hidden;文档与演示同步;npm run check 全绿",
|
||||
"notes": "自补:既有组件可用性细节",
|
||||
"status": "open"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
+8
-2
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"$schema": "ui-arch-registry-index/0.1",
|
||||
"generatedAt": "2026-10-26T07:39:42.119Z",
|
||||
"generatedAt": "2026-10-26T07:41:03.284Z",
|
||||
"repoRoot": ".",
|
||||
"packages": [
|
||||
{
|
||||
@@ -568,6 +568,11 @@
|
||||
"d": "是否右侧显示当前值;缺省 true",
|
||||
"df": "true"
|
||||
},
|
||||
{
|
||||
"n": "marks",
|
||||
"t": "{ value: number; label?: string }[]",
|
||||
"d": "刻度标注:按值定位在轨道下方,label 缺省显示数值;纯装饰不进读屏(数值由原生 input 播报)"
|
||||
},
|
||||
{
|
||||
"n": "onChange",
|
||||
"t": "(value: number) => void",
|
||||
@@ -581,7 +586,8 @@
|
||||
"用 min / max / step 限定范围与粒度,如 step: 5 只取 5 的倍数",
|
||||
"拖动或按 ←→ 键改变值:原生 range 自带键盘与触屏交互,无需额外处理",
|
||||
"只想看拖动条不显示数字时传 showValue: false;需要自定义展示可自行读 signal",
|
||||
"禁用场景传 disabled(布尔或信号),置灰且不可拖"
|
||||
"禁用场景传 disabled(布尔或信号),置灰且不可拖",
|
||||
"需要在轨道下方标刻度(如 0 / 50 / 100 的档位含义)传 marks:[{ value, label }],按 min-max 换算百分比定位,容器宽度变化时自动跟随"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user