feat(V0.2): 拖动跟手浮层 —— 半透明副本随指针, 原位虚线占位
Docker Build and Push / build-image (push) Successful in 1m5s
Docker Build and Push / build-image (push) Successful in 1m5s
- useRowDrag/useHabitDrag 暴露 ghostRef, 拖动激活与移动时直接改 transform (绕过 React 重渲染, 保证跟手流畅) - 打卡浮层带颜色点 + 名称; 任务列表浮层带任务名 + 实时目标列名 - 原位卡片降为低透明度虚线占位, 落点指示不变
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user