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

apps/demo/main.ts

@@ -9,6 +9,7 @@ import {
   card,
   checkbox,
   dataTable,
+  divider,
   drawer,
   empty,
   form,
@@ -397,6 +398,23 @@ const content = h(
       ? empty({ title: '暂无匹配结果', description: '试试放宽筛选条件，或清空关键词重新搜索。', action: button({ label: '重置筛选', variant: 'ghost', onClick: () => noResult(false) }) })
       : card({ title: '搜索结果' }, h('p', null, '这里展示命中的数据列表。'))),
   ),
+  section(
+    'sec-divider',
+    '分隔线',
+    'divider：水平线可带居中文案，dashed 切虚线；vertical 行内竖线用于工具栏。',
+    divider({ label: '更多信息' }),
+    h('p', null, '分割线上下的内容各自成组。'),
+    divider({ dashed: true }),
+    h(
+      'div',
+      { class: 'row' },
+      button({ label: '保存', variant: 'ghost' }),
+      divider({ vertical: true }),
+      button({ label: '另存为', variant: 'ghost' }),
+      divider({ vertical: true, dashed: true }),
+      button({ label: '导出', variant: 'ghost' }),
+    ),
+  ),
   section(
     'sec-menu',
     '下拉菜单',