ideaz-element/lib/element/table/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/table/src/hooks/useDraggable.ts"],"sourcesContent":["import type { Ref } from 'vue'\n\nexport function useDraggable(emit: any, tableData: Ref<any>, middleTableCols: Ref<any>) {\n  const dragging = ref(false)\n\n  const draggableOptions = [\n    {\n      selector: 'tbody',\n      options: {\n        animation: 200,\n        handle: '.z-table-column-draggable',\n        ghostClass: 'ghost',\n        dragClass: 'drag-class',\n        onStart: () => {\n          dragging.value = true\n        },\n        onEnd: (evt: any) => {\n          dragging.value = false\n          const { oldIndex, newIndex } = evt\n          const newArr = [...tableData.value]\n          const objToMove = newArr[oldIndex]\n          newArr.splice(oldIndex, 1)\n          newArr.splice(newIndex, 0, objToMove)\n          emit('update:data', newArr)\n          emit('drag-sort-end', tableData.value)\n        },\n      },\n    },\n    {\n      selector: '.el-table__header-wrapper tr',\n      options: {\n        animation: 150,\n        delay: 0,\n        ghostClass: 'table-col__ghost',\n        onEnd: (evt: any) => {\n          const { newIndex, oldIndex } = evt\n          const arr = [...middleTableCols.value]\n          const [moveRowData] = [...arr.splice(oldIndex as number, 1)]\n          arr.splice(newIndex as number, 0, moveRowData)\n          middleTableCols.value = []\n          nextTick(() => {\n            middleTableCols.value = [...arr]\n            emit(\n              'drag-column-end',\n              middleTableCols.value.filter((item: any) => item.prop)[evt.newIndex],\n              evt.newIndex,\n              evt.oldIndex,\n            )\n          })\n        },\n      },\n    },\n  ]\n\n  return { draggableOptions, dragging }\n}\n"],"names":["useDraggable","emit","tableData","middleTableCols","dragging","vue","evt","oldIndex","newIndex","newArr","objToMove","arr","moveRowData","item"],"mappings":"uGAEgB,SAAAA,EAAAC,EAAAC,EAAAC,EAAA,CACd,MAAAC,EAAAC,EAAA,IAAA,EAAA,EAmDA,MAAA,CAAA,iBAjDA,CAAyB,CACvB,SAAA,QACY,QAAA,CACD,UAAA,IACI,OAAA,4BACH,WAAA,QACI,UAAA,aACD,QAAA,IAAA,CAETD,EAAA,MAAA,EAAiB,EACnB,MAAAE,GAAA,CAEEF,EAAA,MAAA,GACA,KAAA,CAAA,SAAAG,EAAA,SAAAC,CAAA,EAAAF,EACAG,EAAA,CAAA,GAAAP,EAAA,KAAA,EACAQ,EAAAD,EAAAF,CAAA,EACAE,EAAA,OAAAF,EAAA,CAAA,EACAE,EAAA,OAAAD,EAAA,EAAAE,CAAA,EACAT,EAAA,cAAAQ,CAAA,EACAR,EAAA,gBAAAC,EAAA,KAAA,CAAqC,CACvC,CACF,EACF,CACA,SAAA,+BACY,QAAA,CACD,UAAA,IACI,MAAA,EACJ,WAAA,mBACK,MAAAI,GAAA,CAEV,KAAA,CAAA,SAAAE,EAAA,SAAAD,CAAA,EAAAD,EACAK,EAAA,CAAA,GAAAR,EAAA,KAAA,EACA,CAAAS,CAAA,EAAA,CAAA,GAAAD,EAAA,OAAAJ,EAAA,CAAA,CAAA,EACAI,EAAA,OAAAH,EAAA,EAAAI,CAAA,EACAT,EAAA,MAAA,CAAA,EACAE,EAAA,SAAA,IAAA,CACEF,EAAA,MAAA,CAAA,GAAAQ,CAAA,EACAV,EAAA,kBACEE,EAAA,MAAA,OAAAU,GAAAA,EAAA,IAAA,EAAAP,EAAA,QAAA,EACmEA,EAAA,SAC/DA,EAAA,QACA,CACN,CAAA,CACD,CACH,CACF,CACF,EAGF,SAAAF,CAAA,CACF"}