iter(e05): 新增 divider 分隔线组件

packages/skin/ui/src/divider.ts

@@ -0,0 +1,11 @@
+import { h } from '@ui-arch/frame';
+import type { DividerProps } from './types.js';
+
+/*** 分隔线：水平/垂直两种方向，可带居中文案标签，dashed 切虚线 ***/
+export function divider(props: DividerProps): HTMLDivElement {
+  const cls = ['ua-divider', props.vertical ? 'ua-divider-vertical' : '', props.dashed ? 'ua-divider-dashed' : ''].filter(Boolean).join(' ');
+  const line = props.label && !props.vertical
+    ? h('div', { class: cls, role: 'separator', 'aria-label': props.label }, h('span', { class: 'ua-divider-label' }, props.label))
+    : h('div', { class: cls, role: 'separator', 'aria-label': props.label }); // 垂直或无标签：纯线条
+  return line as HTMLDivElement;
+}

packages/skin/ui/src/index.ts

@@ -27,6 +27,7 @@ export { tabs } from './tabs.js';
 export { stepper } from './stepper.js';
 export { rate } from './rate.js';
 export { empty } from './empty.js';
+export { divider } from './divider.js';
 export { modal } from './modal.js';
 export { drawer } from './drawer.js';
 export { form, formItem } from './form.js';

packages/skin/ui/src/types.ts

@@ -204,6 +204,13 @@ export interface EmptyProps {
   action?: unknown;     // 操作区内容（常见为按钮）；缺省不渲染
 }
 
+/*** 分隔线入参 ***/
+export interface DividerProps {
+  label?: string;   // 居中文案标签；缺省纯线条
+  vertical?: boolean; // 是否垂直分隔线（用于行内工具栏）；缺省水平
+  dashed?: boolean;   // 是否虚线；缺省实线
+}
+
 /*** 徽标入参 ***/
 export interface BadgeProps {
   label: string; // 徽标文案