数字输入

已上架

数字输入组件,源码位于 components/ui/number-input.tsx。以下示例为组件库源码的构建期真实渲染。

样式变体

数字Number

纯数字输入框,无步进按钮,适合直接键入的数值字段。

金额Amount

金额态:左侧展示前置货币符号 ¥,precision=2 保留两位小数。

¥

百分比Percent

百分比态:右侧展示后置百分号 %,min/max 锁在 0-100 区间。

%

状态变体

默认Default

默认态:可交互、边框为 control-default。

禁用Disabled

禁用态走 --color-disabled-*,不可交互。

错误Invalid

错误态用 aria-invalid,边框转 destructive,供表单校验失败时使用。

形态变体

数字增减Number stepper

数字态加左右步进按钮,各自 ±step 并受 min/max 夹取。

金额增减Amount stepper

金额态加步进按钮:¥ 与输入区连成一组,¥ 右侧分割线移除。

¥

百分比增减Percent stepper

百分比态加步进按钮:输入区与 % 连成一组,% 左侧分割线移除。

%

下架组件

确认后生成下架提示词。权威在 Registry,设计站不直接改清单;对外构建不会展示已下架入口。

更新组件

选择对标资源并描述需求,生成给 Agent / Distiller 的更新提示词(复制后发送)。不在站点内直接改真源。

对标设计系统

升为 Stable

对照验收契约列出缺口。能自动补的由 Agent/脚本补齐;未绿前不得把状态标成 stable。

当前缺口
  • 缺少验收契约草稿(acceptance-contract)
  • 未声明基础样式 / 状态矩阵 / 场景示例覆盖
  • 轻量门与 code↔preview 门均未接线