iter(g36): 新增 result 结果页组件

packages/skin/ui/src/index.ts

@@ -31,6 +31,7 @@ export { segmented } from './segmented.js';
 export { stepper } from './stepper.js';
 export { rate } from './rate.js';
 export { empty } from './empty.js';
+export { result } from './result.js';
 export { divider } from './divider.js';
 export { list } from './list.js';
 export { carousel } from './carousel.js';

packages/skin/ui/src/result.ts

@@ -0,0 +1,18 @@
+import { h } from '@ui-arch/frame';
+import type { ResultProps } from './types.js';
+
+// 语义状态对应的符号（纯装饰，读屏跳过）
+const GLYPH: Record<string, string> = { success: '✓', warning: '!', danger: '×', info: 'i' };
+
+/*** 结果页：状态符号 + 标题 + 说明 + 操作区，用于提交完成 / 校验失败 / 无权限等终态页面 ***/
+export function result(props: ResultProps): HTMLElement {
+  const status = props.status ?? 'info'; // 缺省中性信息
+  return h(
+    'div',
+    { class: `ua-result ua-result-${status}`, role: 'status' }, // role=status 由读屏播报终态
+    h('div', { class: 'ua-result-icon', 'aria-hidden': 'true' }, GLYPH[status] ?? 'i'),
+    h('div', { class: 'ua-result-title' }, props.title),
+    props.description ? h('div', { class: 'ua-result-desc' }, props.description) : null,
+    props.extra ? h('div', { class: 'ua-result-extra' }, props.extra) : null, // 操作区：常见为主次按钮
+  ) as HTMLElement;
+}

packages/skin/ui/src/types.ts

@@ -420,6 +420,14 @@ export interface ListProps {
   onItemClick?: (item: ListItem, index: number) => void; // 条目点击回调；提供后条目可点击并带 hover 反馈
 }
 
+/*** 结果页入参 ***/
+export interface ResultProps {
+  status?: 'success' | 'warning' | 'danger' | 'info'; // 终态语义色；缺省 info
+  title: string;      // 主标题（必填）
+  description?: string; // 补充说明；缺省不渲染
+  extra?: unknown;    // 操作区内容（常见为主次按钮）；缺省不渲染
+}
+
 /*** 通知入参 ***/
 export interface NotificationProps {
   title: string;         // 通知标题（必填）