search

gwiyeomgo / react-toolkit

https://gwiyeomgo.github.io/react-toolkit/
0 stars 0 forks source link

#84 SortableList touch 이벤트 추가 #85

Closed gwiyeomgo closed 8 months ago

gwiyeomgo commented 8 months ago

y값 으로 index 찾아서 이동 . 드레그 처럼 이동하는 모습 보이지 않음. css 적용 X ...

(참고)

react-draggable

https://www.npmjs.com/package/react-draggable

 <Draggable
      axis="y" // y 축으로만 이동하도록 설정
      bounds="parent" // 부모 요소 내에서만 이동하도록 설정
      key={idx}
    onStart={() => dragStart(idx)}
    onDrag={() => dragEnter(idx)}
    onStop={drop}
  >

react-draggable-list

https://codesandbox.io/p/sandbox/react-draggable-list-01ico?file=%2Fsrc%2Fapp.tsx https://codesandbox.io/p/sandbox/determined-rumple-o64qq?file=%2Fsrc%2FApp.js https://codesandbox.io/p/sandbox/tuo-zhuai-zu-jian-ce-shi-react-draggable-list-forked-m7dr5?file=%2Fsrc%2Findex.js

codecov-commenter commented 8 months ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 82.90%. Comparing base (4f9d627) to head (57d2484).

:exclamation: Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files ```diff @@ Coverage Diff @@ ## main #85 +/- ## ========================================== - Coverage 84.49% 82.90% -1.59% ========================================== Files 37 37 Lines 619 620 +1 Branches 125 126 +1 ========================================== - Hits 523 514 -9 - Misses 54 65 +11 + Partials 42 41 -1 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.