base Meter
基于 Base 共享语义的有界数值展示。
Web Components React Vue Vue 2
正在加载交互示例… 正文和源码已可阅读,交互控件就绪后会显示在这里。
当前为 Draft 功能实现。Root 拥有有界有限数值;Label 提供名称,Track 容纳 Indicator,Value 显示 valueText 或规范数值。四个视觉家族只投影样式。
Props:value、min(0)、max(100)、ariaLabel、valueText。数值限制在合法范围内;上下界相等时比例为零。low、high、optimum 将测量值划分为 optimal、suboptimal、critical,不改变数值本身。
Root 及部件暴露 value、percentage、indeterminate、status。被动显示不引入键盘停靠点,不伪造输入。更新 Props 同步所有部件。
包入口统一注册后,可从 meter 子路径导入 meterRoot、meterLabel、meterTrack、meterIndicator、meterValue。现有源码测试仅为阶段性证据;完整 Adapter、Compiler、GPUI、原生绘制、辅助技术、包消费及独立验收尚未完成,不据此勾选 Finf。