@innertia-solutions/nuxt-theme-spark 0.1.60 → 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.
|
@@ -12,7 +12,10 @@ defineProps<{
|
|
|
12
12
|
<div>
|
|
13
13
|
<div class="flex items-baseline gap-x-2">
|
|
14
14
|
<h1 class="text-lg font-semibold text-slate-800 dark:text-slate-100">{{ title }}</h1>
|
|
15
|
-
<
|
|
15
|
+
<template v-if="description">
|
|
16
|
+
<span class="size-1 rounded-full bg-slate-300 dark:bg-slate-600 shrink-0 self-center"></span>
|
|
17
|
+
<p class="text-sm text-slate-400 dark:text-slate-500">{{ description }}</p>
|
|
18
|
+
</template>
|
|
16
19
|
</div>
|
|
17
20
|
<div v-if="$slots.breadcrumb" class="flex items-center gap-x-1 mt-0.5">
|
|
18
21
|
<slot name="breadcrumb" />
|
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
|