temp/UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iter: d21 无障碍收尾（aria-label / role / aria-hidden）

Browse Source
This commit is contained in:
ui-arch-bot
2026-10-23 17:03:02 +08:00
parent 9cfdb43a4f
commit 00a6104f84
10 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skin/ui/src/skeleton.ts
+3 -3
View File
@@ -4,9 +4,9 @@ import type { SkeletonProps } from './types.js';
/*** 骨架屏：variant 决定占位形状（text 多行 / rect 块 / circle 圆），纯展示无状态 ***/
export function skeleton(props: SkeletonProps): HTMLElement {
const variant = props.variant ?? 'rect'; // 缺省整块矩形
if (variant !== 'text') return h('div', { class: `ua-skeleton ua-skeleton-${variant}` }); // 单形状直接返回
if (variant !== 'text') return h('div', { class: `ua-skeleton ua-skeleton-${variant}`, 'aria-hidden': 'true' }); // 纯装饰，读屏跳过
const rows = props.rows ?? 3; // text 行数，末行缩短模拟段落收尾
const lines: HTMLElement[] = [];
for (let i = 0; i < rows; i++) lines.push(h('div', { class: `ua-skeleton ua-skeleton-text${i === rows - 1 ? ' ua-last' : ''}` }));
return h('div', { class: 'ua-skeleton-group' }, ...lines);
for (let i = 0; i < rows; i++) lines.push(h('div', { class: `ua-skeleton ua-skeleton-text${i === rows - 1 ? ' ua-last' : ''}`, 'aria-hidden': 'true' }));
return h('div', { class: 'ua-skeleton-group', 'aria-hidden': 'true' }, ...lines); // 整组装饰性占位
}