检查点

检查点记录可恢复的任务状态，并提供足够上下文说明保存时间与原因。

响应式 CSS 变更之前

4 分钟前保存 · 18 个文件

已保存

包检查已通过。工作区可以回到此处，而不会丢失任务记录。

安装Terminal

npm install @a3s-lab/ui@0.4.0

<article class="checkpoint" data-state="saved">
  <header><h3>响应式 CSS 变更之前</h3><span data-checkpoint-meta>4 分钟前保存</span></header>
  <section>...</section>
  <footer><button type="button">恢复</button></footer>
</article>

import "@a3s-lab/ui/a3s.css";
import "@a3s-lab/ui/all";

用法

<article class="checkpoint" data-state="saved">
  <header><h3>响应式 CSS 变更之前</h3><span data-checkpoint-meta>4 分钟前保存</span></header>
  <section>...</section>
  <footer><button type="button">恢复</button></footer>
</article>

参数

API	取值	用途
`data-state`	`saving`、`saved`、`restoring`、`restored`、`expired`、`error`	检查点生命周期
`data-checkpoint-meta`	推荐	时间、范围和大小

状态与变体

恢复会覆盖当前工作时属于重要操作，应确认确切范围，并尽可能先保存恢复前检查点。

无障碍

同时显示多个检查点时，恢复控件名称包含检查点标题。保存和恢复完成使用一个有限状态播报。

#检查点

#用法

#参数

#状态与变体

#无障碍

检查点

用法

参数

状态与变体

无障碍