KIN reference

核心组件合同

Motion Lab 状态基准

操作与选择

执行、开关、单选和模式选择使用不同语义。

Actions + selection

操作

完成审核后才能发布。

布尔设置

审核模式

显示密度

按钮变体与状态

变体表达操作层级,状态表达当前进程。图标、标签和按钮宽度在状态变化时保持稳定。

Variant × state × icon
变体默认带图标状态禁用
主要操作
次要操作
弱化操作 仅在当前上下文需要时显示
破坏性操作
图标按钮 复制 更多 必须提供可访问名称和 Tooltip

登录与身份验证

登录页、页面内重新验证和一次性密码属于同一访问体系,但承担不同任务。

Authentication + access

登录工作区

使用项目自己的身份服务继续。

本地交互参考:不会发送、保存或验证任何凭据。

按任务选择入口

不要把完整登录页塞进每个工作流。

完整登录

独立页面;处理登录、恢复、SSO 与会话错误。

查看页面
任务中登录弹窗

认证过期时保留当前草稿,并只恢复用户已经请求的保存操作。

页面内重新验证

在敏感操作前保留当前任务和上下文。

一次性密码

仅当真实认证后端要求时使用;不提供伪造倒计时。

查看边界

表单与输入

标签、输入值、帮助、错误和提交结果由对应字段或表单拥有。

Forms + entry
补充证据 PDF、PNG 或 JPG,单个文件不超过 10 MB。文件会先验证,再进入上传流程。 本地交互 fixture:不会连接服务器,也不会把模拟完成描述成真实上传。

将一个文件拖放到这里,或使用文件选择器。

尚未选择文件等待选择

选择前可查看类型、大小和隐私约束。

数据展示

结构、来源、新鲜度和状态在扫描时保持可比较。

Data display
等待审核的价格变化
商品变化状态更新
Field Jacket+12.4%待复核4 分钟前
Canvas Tote−3.1%已验证18 分钟前
Studio Lamp未知来源不可用2 天前
规则 ID
RULE-024
负责人
林晨
标签
价格人工复核
数据完整度
86 / 100
来源
3 个已验证来源
价格规则
异常变化
渠道折扣
库存规则
截断与完整值End · Middle · Line clamp · RTL
域名 monitoring-primary-endpoint.alpha-network.example.com
معرّف المصدر PRX-1027-4f2a…8d91.json
事件摘要

证书续期后签发机构保持不变,解析记录与监测入口均未发生变化;当前证据不足以调整对象风险等级。

动效、反馈与进度

动效解释状态和空间关系;反馈出现在能够解释结果的最小范围内。

Motion + feedback

成对状态

标签描述下一步操作;两枚图标保留在同一光学槽内,快速反向不会引起布局变化。

异步操作

等待、完成与恢复发生在同一控件内,不移除图标节点,也不改变布局。

临时通知

Sonner 在首次需要时加载,并更新同一条任务通知。

Disclosure

浮层

Dialog、Drawer 与 Popover 根据任务范围和空间关系选择。

Overlays

确认操作

停用价格异常规则?

新记录将不再进入人工复核。已有任务和审计记录会保留。

继续当前任务

登录后保存筛选视图

当前筛选、列顺序和未提交说明保持不变。成功后只继续“保存筛选视图”。

本地参考未配置组织身份提供方。

敏感操作

重新验证身份

当前页面保持不变。连接真实身份服务后,再允许用户继续执行敏感操作。

本地交互参考:不会发送或记录输入。