iter: b01 新增 tooltip 悬浮提示组件

- packages/skin/ui/src/tooltip.ts:包裹式 API tooltip(props, trigger),hover/focus 150ms 延迟出场,移出/失焦/Esc 收起
- types.ts 增 TooltipProps;index.ts 导出;ui.css 增气泡样式(纯 --ua-* 令牌 + 出入场过渡 + reduced-motion 兜底)
- ua.manifest.json / llms-full.txt / .ua/index.json / llms.txt 同步;demo 增 sec-tooltip 区块
- backlog b01 置 done,iterations.log 留痕
This commit is contained in:
HIsheR
2026-10-23 15:34:23 +08:00
parent e9165ead18
commit a57577a995
13 changed files with 228 additions and 12 deletions
+13
View File
@@ -17,6 +17,7 @@ import {
tabs,
textarea,
textField,
tooltip,
} from '@ui-arch/ui';
/*** 生成演示区块;id 供文档站 iframe 锚点定位 ***/
@@ -112,6 +113,18 @@ const app = h(
h('div', { class: 'row' }, spinner(), spinner({ size: 26 })),
progress({ value: percent }),
),
section(
'sec-tooltip',
'悬浮提示',
'tooltip 包裹触发器:hover / 聚焦延迟 150ms 出场,移出、失焦或 Esc 收起,气泡不抢指针。',
h(
'div',
{ class: 'row' },
tooltip({ content: '保存后立即生效' }, button({ label: '保存' })),
tooltip({ content: '该操作不可撤销', placement: 'bottom' }, button({ label: '删除', variant: 'danger' })),
tooltip({ content: '聚焦输入框同样会显示' }, textField({ placeholder: '聚焦我…' })),
),
),
section(
'sec-formlab',
'表单校验',