iter(g119): 空状态支持自定义图标

packages/skin/ui/src/empty.ts

@@ -1,12 +1,12 @@
 import { h } from '@ui-arch/frame';
 import type { EmptyProps } from './types.js';
 
-/*** 空状态：居中占位提示，title/description 可选，action 放操作区（常见为按钮） ***/
+/*** 空状态：居中占位提示，title/description 可选，action 放操作区（常见为按钮），icon 可换成自家插图 ***/ 
 export function empty(props: EmptyProps): HTMLDivElement {
   return h(
     'div',
     { class: 'ua-empty', role: 'status' }, // role=status 由读屏播报
-    h('div', { class: 'ua-empty-icon', 'aria-hidden': 'true' }, '⌀'), // 装饰符号，读屏跳过
+    h('div', { class: 'ua-empty-icon', 'aria-hidden': 'true' }, props.icon ?? '⌀'), // 装饰符号默认 ⌀，读屏跳过
     props.title ? h('div', { class: 'ua-empty-title' }, props.title) : null,
     props.description ? h('div', { class: 'ua-empty-desc' }, props.description) : null,
     props.action ? h('div', { class: 'ua-empty-action' }, props.action) : null,

packages/skin/ui/src/types.ts

@@ -230,6 +230,7 @@ export interface RateProps {
 export interface EmptyProps {
   title?: string;       // 主标题；缺省不渲染
   description?: string; // 补充说明；缺省不渲染
+  icon?: unknown;       // 图标区内容（字符串 / 图标 DOM）；缺省渲染 ⌀ 占位符号
   action?: unknown;     // 操作区内容（常见为按钮）；缺省不渲染
 }