drag.ts 840 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. const onDragFalg = (dragResult: any, list: any[]) => {
  2. //目前只有move 需求
  3. const { moved } = dragResult;
  4. if (moved) {
  5. const { newIndex, oldIndex } = moved;
  6. if (newIndex == oldIndex) {
  7. return false;
  8. }
  9. let arr = applyDrag(list, dragResult);
  10. return arr;
  11. } else
  12. return false;
  13. }
  14. /**
  15. * 拖拽切换位置
  16. * @param {*} list 原始数据
  17. * @param {*} dragResult 处理后数据
  18. */
  19. function applyDrag(list: any[], dragResult: any) {
  20. const { newIndex, oldIndex, element } = dragResult;
  21. if (!newIndex && !oldIndex) return list;
  22. const result = [...list];
  23. let itemToAdd = element;
  24. if (oldIndex !== null) {
  25. itemToAdd = result.splice(oldIndex, 1)[0];
  26. }
  27. if (newIndex !== null) {
  28. result.splice(newIndex, 0, itemToAdd);
  29. }
  30. return result;
  31. }
  32. export {
  33. onDragFalg
  34. }