feat(V0.2): 拖动跟手浮层 —— 半透明副本随指针, 原位虚线占位
Docker Build and Push / build-image (push) Successful in 1m5s

- useRowDrag/useHabitDrag 暴露 ghostRef, 拖动激活与移动时直接改
  transform (绕过 React 重渲染, 保证跟手流畅)
- 打卡浮层带颜色点 + 名称; 任务列表浮层带任务名 + 实时目标列名
- 原位卡片降为低透明度虚线占位, 落点指示不变
This commit is contained in:
jif2.zhang
2026-10-25 01:42:29 +08:00
parent 215263bf2f
commit 83cc218c5e
5 changed files with 54 additions and 5 deletions
+11 -2
View File
@@ -34,8 +34,7 @@ export default function ListView({
return (
<div className="list-body">
{groups.map((g) => (
<div key={g.key}>
{groups.map((g) => ( <div key={g.key}>
<div className="group-title">
{g.name}
<span className="cnt">{g.list.length}</span>
@@ -74,6 +73,16 @@ export default function ListView({
})}
</div>
))}
{/* 跟手浮层: 任务名 + 目标列, 原位保留半透明占位 */}
{drag.drag && (
<div ref={drag.ghostRef} className="drag-ghost">
{drag.drag.task.title}
{orderedCols[drag.drag.toIdx] && (
<b>→ {orderedCols[drag.drag.toIdx].name}</b>
)}
</div>
)}
</div>
)
}