@innertia-solutions/nuxt-theme-spark 0.1.61 → 0.1.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Table.vue +5 -2
- package/package.json +1 -1
package/components/Table.vue
CHANGED
|
@@ -302,6 +302,7 @@ const setColumnOrder = (order) => { columnOrder.value = order }
|
|
|
302
302
|
// ─── Header drag reorder ──────────────────────────────────────────────────────
|
|
303
303
|
let draggedHeaderId = null
|
|
304
304
|
const dragOverHeaderId = ref(null)
|
|
305
|
+
const resizeHoverId = ref(null)
|
|
305
306
|
|
|
306
307
|
const onHeaderDragStart = (colId) => { draggedHeaderId = colId }
|
|
307
308
|
const onHeaderDragOver = (e, colId) => { e.preventDefault(); dragOverHeaderId.value = colId }
|
|
@@ -462,8 +463,8 @@ defineExpose({
|
|
|
462
463
|
v-for="header in headerGroup.headers"
|
|
463
464
|
:key="header.id"
|
|
464
465
|
scope="col"
|
|
465
|
-
:draggable="header.id !== 'select'"
|
|
466
|
-
@dragstart="header.id !== 'select' && onHeaderDragStart(header.id)"
|
|
466
|
+
:draggable="header.id !== 'select' && resizeHoverId !== header.id"
|
|
467
|
+
@dragstart="header.id !== 'select' && resizeHoverId !== header.id && onHeaderDragStart(header.id)"
|
|
467
468
|
@dragover="header.id !== 'select' && onHeaderDragOver($event, header.id)"
|
|
468
469
|
@dragleave="onHeaderDragLeave"
|
|
469
470
|
@drop="header.id !== 'select' && onHeaderDrop(header.id)"
|
|
@@ -499,6 +500,8 @@ defineExpose({
|
|
|
499
500
|
<div
|
|
500
501
|
v-if="header.column.getCanResize()"
|
|
501
502
|
class="absolute right-0 top-0 h-full w-3 cursor-col-resize group/rz flex items-center justify-center select-none touch-none"
|
|
503
|
+
@mouseenter="resizeHoverId = header.id"
|
|
504
|
+
@mouseleave="resizeHoverId = null"
|
|
502
505
|
@mousedown.stop="header.getResizeHandler()?.($event)"
|
|
503
506
|
@touchstart.passive.stop="header.getResizeHandler()?.($event)"
|
|
504
507
|
@dragstart.stop.prevent
|