iter: d22 新增头像 avatar 组件

apps/demo/main.ts

@@ -2,6 +2,7 @@ import { h, mount, renderList, signal } from '@ui-arch/frame';
 import {
   accordion,
   alert,
+  avatar,
   badge,
   breadcrumb,
   button,
@@ -207,6 +208,19 @@ const content = h(
       return box;
     })(),
   ),
+  section(
+    'sec-avatar',
+    '头像',
+    'avatar：有 src 走图片（alt 用名称），无 src 用首字占位；size 与语义底色都可调。',
+    h(
+      'div',
+      { class: 'row' },
+      avatar({ name: '张三' }),
+      avatar({ name: 'Alice', size: 40, variant: 'success' }),
+      avatar({ name: 'Bob', size: 24, variant: 'warning' }),
+      avatar({ name: '李四', size: 36, variant: 'danger' }),
+    ),
+  ),
   section(
     'sec-slider',
     '滑块',