iter(g92): 徽标支持数字角标与红点
This commit is contained in:
@@ -1092,6 +1092,14 @@
|
||||
"acceptance": "FormItemProps 新增可选 hint,渲染在控件下方;校验失败时 hint 让位(hidden)只留错误文案,校验通过自动恢复;样式走令牌;文档参数表(formItem 前缀)与演示同步;npm run check 全绿",
|
||||
"notes": "自补:表单可用性;不改 formItem 返回句柄与 form 聚合逻辑",
|
||||
"status": "done"
|
||||
},
|
||||
{
|
||||
"id": "g92",
|
||||
"title": "徽标支持数字角标与纯红点",
|
||||
"motivation": "badge 只能塞一段文字,做「未读 5 条」「99+」「有更新的小红点」时得自己拼 span + 手写样式,红色点还会硬编码颜色绕过令牌",
|
||||
"acceptance": "BadgeProps 新增 count / max / dot,label 改为可选;count 超过 max(缺省 99)显示 N+,负数归零;dot 渲染 8px 圆点并以 role=img + label 作可访问名;新增样式只消费 --ua-* 令牌;文档与演示(三种形态)同步;npm run check 全绿",
|
||||
"notes": "自补:组件能力补齐;保持纯展示、无内部状态",
|
||||
"status": "open"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
+21
-8
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"$schema": "ui-arch-registry-index/0.1",
|
||||
"generatedAt": "2026-10-26T05:10:23.912Z",
|
||||
"generatedAt": "2026-10-26T05:11:11.108Z",
|
||||
"repoRoot": ".",
|
||||
"packages": [
|
||||
{
|
||||
@@ -891,21 +891,34 @@
|
||||
{
|
||||
"n": "label",
|
||||
"t": "string",
|
||||
"r": 1,
|
||||
"d": "徽标文案"
|
||||
"d": "徽标文案;与 count / dot 三选一,dot 时作可访问名"
|
||||
},
|
||||
{
|
||||
"n": "variant",
|
||||
"t": "'default' | 'success' | 'warning' | 'danger'",
|
||||
"d": "语义色;缺省 default",
|
||||
"df": "default"
|
||||
"d": "语义色;缺省 default"
|
||||
},
|
||||
{
|
||||
"n": "count",
|
||||
"t": "number",
|
||||
"d": "数字角标:超过 max 显示 N+,负数归零"
|
||||
},
|
||||
{
|
||||
"n": "max",
|
||||
"t": "number",
|
||||
"d": "数字上限;缺省 99"
|
||||
},
|
||||
{
|
||||
"n": "dot",
|
||||
"t": "boolean",
|
||||
"d": "只显示小红点(无文字),role=img + label 作名称"
|
||||
}
|
||||
],
|
||||
"example": "badge({ label: '成功', variant: 'success' })",
|
||||
"steps": [
|
||||
"选择语义色:default 中性、success 成功、warning 警告、danger 危险",
|
||||
"传入 label 即可,纯展示组件无状态",
|
||||
"状态语义靠 variant 承载,不要自造颜色;纯展示不可交互,需要操作请配 button"
|
||||
"纯状态文案直接传 label,配 variant 定语义色",
|
||||
"要显示数量传 count(如未读数),超过 max(缺省 99)自动渲染成 99+",
|
||||
"只提示「有更新」用 dot: true,配合 label 给出读屏名(如「有未读消息」)"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user