Countdown 倒计时
倒计时组件，实时刷新、支持天/时/分/秒格式化模板，到达终点派发 oas-finish，断开连接自动清理计时器。type="countup" 切换为正计时（从 start 起往上递增，无终止点）。
基础用法
默认 HH:mm:ss
天时分秒
DD:HH:mm:ss 模板
中文单位模板
中文单位
毫秒精度
模板加 SSS token 输出毫秒（3 位补零），内部刷新自动加速到 50ms 粒度；aria-live 保持 off，避免高频文本变化干扰读屏。
SSS 毫秒模板
暂停 / 恢复 / 重置
active 受控暂停（"false" 停帧且不计时已走过时长，恢复后续走）；reset() 方法回到初值重新计时。适合验证码重发、番茄钟等场景。
active 暂停恢复 + reset()
正计时（countup）
type="countup" 切换为正计时：从 start（毫秒，默认 0）开始往上递增，无终止点（不派发 oas-finish），适合番茄钟、工时统计等场景。active 暂停/恢复、reset() 归位到 start 重新计时，语义与倒计时一致；format token 与 SSS 毫秒精度同样适用；走时变化复用 oas-change 事件（detail.value 为已计时毫秒）。此模式下 value 属性被忽略。
正计时：从 0 开始 + 暂停/继续 + reset()
前缀 / 后缀 / 标题
title 属性（或 slot="title"）在上方渲染标题；prefix-text / suffix-text 夹在显示值两侧（属性文本或同名 slot 双通道；prefix / suffix 为兼容别名（规范名 prefix-text / suffix-text），attribute 与 property（React / Vue 绑定）两条通道均可用）。
title + prefix / suffix
结束回调
oas-finish 完成态
字号定制
字号默认固定为 --oas-font-size-lg（16px，不随外层变化），可用 CSS 变量 --oas-countdown-font 显式定制（如 32px）。
API
oas-countdown
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
active | 受控暂停："false" 停帧且不计时已走过时长，恢复后续走（缺省走表） | string | — |
format | 模板：DD/D 天、HH/H 时、mm/m 分、ss/s 秒、SSS 毫秒（含 SSS 时内部 50ms 刷新） | string | HH:mm:ss |
prefix-text | 显示值前置文案 | — | — |
start | 正计时起点（毫秒），仅 type="countup" 时生效；变化即重置计时 | string | 0 |
suffix-text | 显示值后置文案 | — | — |
title | 显示值上方标题（原生全局属性，渲染后吸收移除） | string | — |
type | 计时模式："countup" 为正计时（从 start 往上递增，无终止点，不派发 oas-finish）；缺省为倒计时 | string | — |
value | 倒计时总时长（毫秒）；正计时模式下被忽略 | string | 0 |
事件
| 事件 | 说明 |
|---|---|
oas-change | 剩余显示值变化时节流派发，detail { value: 剩余毫秒 }；正计时模式为 { value: 已计时毫秒 } |
oas-finish | 倒计时归零时派发一次（正计时无终止点，不派发） |
插槽
| 名称 | 说明 |
|---|---|
prefix | 前置内容（分发时优先于 prefix 属性文本） |
suffix | 后置内容（分发时优先于 suffix 属性文本） |
title | 数值上方标题（分发时优先于 title 属性文本） |
CSS 变量
| CSS 变量 | 默认值 |
|---|---|
--oas-countdown-font | var(--oas-font-size-lg) |
模板含 D/DD 时小时按当天内计（0-23）；不含时天滚入小时（如 25:01:01）。