iter(g237): 新增 kbd 键盘按键标记，键帽样式支持单键与组合键（74 组件）

packages/skin/ui/src/index.ts

@@ -73,3 +73,4 @@ export { timePicker } from './timePicker.js';
 export { pinInput } from './pinInput.js';
 export { copyButton } from './copyButton.js';
 export { countdown } from './countdown.js';
+export { kbd } from './kbd.js';

packages/skin/ui/src/kbd.ts

@@ -0,0 +1,10 @@
+import { h } from '@ui-arch/frame';
+import type { KbdProps } from './types.js';
+
+/*** 键盘按键标记：键帽样式展示单个按键或组合键（多键以 + 连接），用于快捷键提示 ***/
+export function kbd(props: KbdProps): HTMLElement {
+  const keys = Array.isArray(props.keys) ? props.keys : [props.keys]; // 统一成数组：单键 / 组合键同一渲染路径
+  const parts: (Node | null)[] = keys.map((k, i) => (i > 0 ? h('span', { class: 'ua-kbd-sep', 'aria-hidden': 'true' }, '+') : null)); // 分隔符占位
+  keys.forEach((k, i) => parts[i * 2 + 1] = h('kbd', { class: 'ua-kbd-key' }, k)); // 键帽交错插入：sep, key, sep, key…
+  return h('span', { class: 'ua-kbd' }, ...parts);
+}

packages/skin/ui/src/types.ts

@@ -281,6 +281,11 @@ export interface CountdownHandle {
   reset: () => void;    // 复位到总时长并停表
 }
 
+/*** 键盘按键入参 ***/
+export interface KbdProps {
+  keys: string | string[]; // 按键内容：单键字符串或多键组合数组（组合以 + 连接展示）
+}
+
 /*** 空状态入参 ***/
 export interface EmptyProps {
   title?: string;       // 主标题；缺省不渲染