ideaz-element/lib/element/form/src/hooks/useDraggable.cjs.map

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

{"version":3,"file":"useDraggable.cjs","sources":["../../../../../../packages/element/form/src/hooks/useDraggable.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { FormColumn } from '../../../types'\n\nexport function useDraggable(emit: any, columns: Ref<FormColumn[]>) {\n  const dragging = ref(false)\n\n  const draggableOptions = [\n    {\n      options: {\n        draggable: '.z-form-item-draggable',\n        animation: 200,\n        ghostClass: 'ghost',\n        onStart: () => {\n          dragging.value = true\n        },\n        onEnd: (evt: any) => {\n          dragging.value = false\n          const { oldIndex, newIndex } = evt\n          const newArr = [...columns.value]\n          const objToMove = newArr[oldIndex]\n          newArr.splice(oldIndex, 1)\n          newArr.splice(newIndex, 0, objToMove)\n          emit('update:columns', { columns: newArr, dragEvent: evt })\n        },\n      },\n    },\n  ]\n\n  return { draggableOptions, dragging }\n}\n"],"names":["useDraggable","emit","columns","dragging","vue","evt","oldIndex","newIndex","newArr","objToMove"],"mappings":"uGAGgB,SAAAA,EAAAC,EAAAC,EAAA,CACd,MAAAC,EAAAC,EAAA,IAAA,EAAA,EAwBA,MAAA,CAAA,iBAtBA,CAAyB,CACvB,QAAA,CACW,UAAA,yBACI,UAAA,IACA,WAAA,QACC,QAAA,IAAA,CAEVD,EAAA,MAAA,EAAiB,EACnB,MAAAE,GAAA,CAEEF,EAAA,MAAA,GACA,KAAA,CAAA,SAAAG,EAAA,SAAAC,CAAA,EAAAF,EACAG,EAAA,CAAA,GAAAN,EAAA,KAAA,EACAO,EAAAD,EAAAF,CAAA,EACAE,EAAA,OAAAF,EAAA,CAAA,EACAE,EAAA,OAAAD,EAAA,EAAAE,CAAA,EACAR,EAAA,iBAAA,CAAA,QAAAO,EAAA,UAAAH,CAAA,CAAA,CAA0D,CAC5D,CACF,CACF,EAGF,SAAAF,CAAA,CACF"}