ideaz-element/es/element/form/src/hooks/useDraggable.mjs.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.mjs","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","ref","evt","oldIndex","newIndex","newArr","objToMove"],"mappings":";AAGgB,SAAAA,EAAAC,GAAAC,GAAA;AACd,QAAAC,IAAAC,EAAA,EAAA;AAwBA,SAAA,EAAA,kBAtBA;AAAA,IAAyB;AAAA,MACvB,SAAA;AAAA,QACW,WAAA;AAAA,QACI,WAAA;AAAA,QACA,YAAA;AAAA,QACC,SAAA,MAAA;AAEV,UAAAD,EAAA,QAAA;AAAA,QAAiB;AAAA,QACnB,OAAA,CAAAE,MAAA;AAEE,UAAAF,EAAA,QAAA;AACA,gBAAA,EAAA,UAAAG,GAAA,UAAAC,EAAA,IAAAF,GACAG,IAAA,CAAA,GAAAN,EAAA,KAAA,GACAO,IAAAD,EAAAF,CAAA;AACA,UAAAE,EAAA,OAAAF,GAAA,CAAA,GACAE,EAAA,OAAAD,GAAA,GAAAE,CAAA,GACAR,EAAA,kBAAA,EAAA,SAAAO,GAAA,WAAAH,EAAA,CAAA;AAAA,QAA0D;AAAA,MAC5D;AAAA,IACF;AAAA,EACF,GAGF,UAAAF,EAAA;AACF;"}