iter(g09): 新增 descriptions 描述列表组件

apps/demo/main.ts

@@ -17,6 +17,7 @@ import {
   card,
   checkbox,
   dataTable,
+  descriptions,
   divider,
   drawer,
   empty,
@@ -448,6 +449,34 @@ const content = h(
       button({ label: '导出', variant: 'ghost' }),
     ),
   ),
+  section(
+    'sec-descriptions',
+    '描述列表',
+    'descriptions：label : value 网格，column 定列数（窄屏自动单列）；bordered 切表格形态，span 让长字段占整行。',
+    descriptions({
+      title: '订单信息（纯网格 · 3 列）',
+      column: 3,
+      items: [
+        { label: '订单号', value: 'RB-2048' },
+        { label: '下单人', value: '王小明' },
+        { label: '金额', value: '¥1,280.00' },
+        { label: '状态', value: tag({ label: '待复核', variant: 'warning' }) },
+        { label: '备注', value: '需要开专用发票，抬头与税号见附件。', span: 2 },
+      ],
+    }),
+    divider({ dashed: true }),
+    descriptions({
+      title: '物流信息（表格形态 · 2 列）',
+      column: 2,
+      bordered: true,
+      size: 'sm',
+      items: [
+        { label: '承运商', value: '顺丰速运' },
+        { label: '运单号', value: 'SF1234567890' },
+        { label: '收件地址', value: '浙江省杭州市余杭区文一西路 969 号', span: 2 },
+      ],
+    }),
+  ),
   section(
     'sec-segmented',
     '分段控制器',