iter(g275): 新增相对时间组件

apps/demo/main.ts

@@ -69,6 +69,7 @@ import {
   popover,
   progress,
   radioGroup,
+  relativeTime,
   rate,
   segmented,
   select,
@@ -1813,6 +1814,18 @@ const content = h(
       );
     })(),
   ),
+  section(
+    'sec-reltime',
+    '相对时间',
+    'relativeTime：把时间戳渲染成「3 分钟前」并按间隔自动刷新，超阈值改显示绝对日期；精确时间在 title 里，悬停即见。',
+    h('div', { class: 'row' },
+      h('span', null, '刚刚：'), relativeTime({ value: Date.now() - 20 * 1000 }),
+      h('span', null, '半小时前：'), relativeTime({ value: Date.now() - 30 * 60 * 1000 }),
+      h('span', null, '三天前：'), relativeTime({ value: Date.now() - 3 * 86400 * 1000 }),
+      h('span', null, '两个月前：'), relativeTime({ value: Date.now() - 60 * 86400 * 1000 }),
+      h('span', null, '脏数据：'), relativeTime({ value: 'not-a-date' }),
+    ),
+  ),
 );
 
 // 悬浮按钮：fixed 定位，挂 body 不参与页面布局