refactor(V0.2): 拖动交互收紧 —— 仅把手触发 / 缩小把手 / 去多余元素 / 打卡跨组

- 打卡与列表: 去掉卡片整体长按拖动路径, 只有 ⠿ 把手可拖; 把手缩小
- 列表行去掉跟动的蓝色目标列徽标 (drag-pill), 占位/克隆浮层承担全部反馈
- 打卡支持跨组拖动: 落到其他周期组的目标卡 = 改周期 + 落位一次完成
  (updateHabit period + reorder), 组内排序不变
- 看板: 去掉 ⠿ 把手, 恢复长按拖动

src/components/checkin/useHabitDrag.js

@@ -62,12 +62,12 @@ export default function useHabitDrag({ onDrop }) {
     const el = document.elementFromPoint(x, y)
     const rowEl = el?.closest?.('[data-habit-row]')
     if (!rowEl) return null
-    // 只认同一周期组的落点
-    if (rowEl.dataset.habitPeriod !== st.current.item?.period) return null
     const r = rowEl.getBoundingClientRect()
     const id = Number(rowEl.dataset.habitId)
     if (id === st.current.item.id) return null
-    return { id, after: y > r.top + r.height / 2 }
+    // 允许跨组: 落到其他周期组的目标卡上 = 同时改周期 + 落位 (由 onDrop 处理)
+    const period = rowEl.dataset.habitPeriod
+    return { id, period, after: y > r.top + r.height / 2 }
   }
 
   const onMove = (ev) => {
@@ -89,7 +89,7 @@ export default function useHabitDrag({ onDrop }) {
     const s = st.current
     if (s.active && s.item) {
       lastEnd.current = Date.now()
-      if (s.over && s.over.id !== s.item.id) onDropRef.current?.(s.item, s.over.id, s.over.after)
+      if (s.over && s.over.id !== s.item.id) onDropRef.current?.(s.item, s.over.id, s.over.after, s.over.period)
     }
     cleanup()
   }