iter(g301): 新增拖拽排序列表 sortableList

apps/demo/main.ts

@@ -79,6 +79,7 @@ import {
   showToast,
   signaturePad,
   skeleton,
+  sortableList,
   splitter,
   slider,
   sparkline,
@@ -329,6 +330,10 @@ effect(() => {
   localStorage.setItem(THEME_KEY, mode); // 记住选择，刷新不闪
 });
 
+// —— 拖拽排序演示：顺序写回信号，下方摘要随之刷新 ——
+const sortableOrder = signal(['需求评审', '接口联调', '灰度发布', '线上回归']);
+const sortableDemo = sortableList({ items: ['需求评审', '接口联调', '灰度发布', '线上回归'], value: sortableOrder });
+
 const content = h(
   'div',
   { class: 'page' },
@@ -1914,6 +1919,17 @@ content.append(
       noticeBar({ text: '连接已断开，正在重试第 3 次…', variant: 'danger', icon: '⚠' }),
     ),
   ),
+  section(
+    'sec-sortable',
+    '拖拽排序',
+    'sortableList：整行可拖（越过邻行中线即换位），Alt+↑↓ 上下搬一格、Alt+Home/End 搬首尾；松手写回 value 信号，摘要行跟着刷新。',
+    h(
+      'div',
+      { class: 'col' },
+      sortableDemo.el,
+      h('p', { class: 'desc' }, () => `当前顺序：${sortableOrder().join(' → ')}`),
+    ),
+  ),
 );
 
 // 悬浮按钮：fixed 定位，挂 body 不参与页面布局