技能介绍

要解决什么问题

意向池、线索池或待办列表里，用户希望拖一下就能改优先级；看板或多阶段流程里，卡片要在不同泳道之间移动，同时列内顺序也要对。若只改 DOM、不同步数组，Vue 重渲染或刷新后顺序会乱；若在拖拽过程中频繁打 API，交互会卡；整卡可拖还会和按钮、链接抢点击。

技能如何工作

本技能围绕 SortableJS（常见依赖 sortablejs）约定两类场景：

意向池优先级：单列表纵向拖拽，更新 priority / sort（语义需在项目内统一，例如数值越小越靠前）。
看板泳道排程：每条泳道一个容器，共享同一 group（如 kanban）才能跨列互拖；跨列时更新 laneId 与源列、目标列内的 sort / order。

推荐在 onEnd 里用索引精确改同一份 board 状态（如 moveCard + persist()），避免「读 DOM 猜顺序」。复杂卡片用 .drag-handle 配合 filter / handle；组件卸载前对实例调用 sortable.destroy()，多泳道可用 Map 统一管理。

适用边界与注意点

| 维度 | 意向池 | 看板泳道 |
|------|--------|----------|
| 容器 | 1 | 每泳道 1 个，group 必须一致 |
| 写入字段 | priority / sort | laneId + 列内顺序 |

硬约束：数据源是真相，拖完必须落库或可撤销，禁止静默只改本地；空泳道需 min-height 与 emptyInsertThreshold 等配置。更多选项与 Vue 模板见技能附带的 reference.md 与 templates/vue-pool-and-board.md。