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:
@@ -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',
|
||||
'表单校验',
|
||||
|
||||
Reference in New Issue
Block a user