@innertia-solutions/nuxt-theme-spark 0.1.38 → 0.1.40

package/components/Table/Standard.vue

@@ -41,9 +41,9 @@ const showColumnPanel = ref(false)
 const columnPanelRef = ref(null)
 
 const orderedColumns = computed(() => {
-  if (!tableRef.value) return props.columns
-  const ids = tableRef.value.table.getAllLeafColumns().map(c => c.id)
-  return ids.map(id => props.columns.find(c => c.key === id)).filter(Boolean)
+  if (!tableRef.value) return props.columns.filter(c => c.label)
+  const ids = tableRef.value.table.getAllLeafColumns().map(c => c.id).filter(id => id !== 'select')
+  return ids.map(id => props.columns.find(c => c.key === id)).filter(c => c?.label)
 })
 
 let draggedKey = null
@@ -60,6 +60,9 @@ const onDrop = (key) => {
   if (from < 0 || to < 0) return
   ids.splice(from, 1)
   ids.splice(to, 0, draggedKey)
+  // keep 'select' pinned first
+  const selIdx = ids.indexOf('select')
+  if (selIdx > 0) { ids.splice(selIdx, 1); ids.unshift('select') }
   tableRef.value?.setColumnOrder(ids)
   draggedKey = null
   dragOverKey.value = null

package/components/Table.vue

@@ -232,7 +232,11 @@ const loadFromCacheOnMount = async () => {
   sorting.value = cached.sorting
   columnFilters.value = cached.columnFilters
   columnVisibility.value = cached.columnVisibility
-  if (cached.columnOrder?.length) columnOrder.value = cached.columnOrder
+  if (cached.columnOrder?.length) {
+    const order = cached.columnOrder.filter(id => id !== 'select')
+    if (props.checkable) order.unshift('select')
+    columnOrder.value = order
+  }
   lastDataLength.value = cached.data.length
   isDataFromCache.value = true
 
@@ -294,12 +298,16 @@ const onHeaderDragOver = (e, colId) => { e.preventDefault(); dragOverHeaderId.va
 const onHeaderDragLeave = () => { dragOverHeaderId.value = null }
 const onHeaderDrop = (colId) => {
   if (!draggedHeaderId || draggedHeaderId === colId) return
+  if (colId === 'select') return
   const order = [...columnOrder.value]
   const from = order.indexOf(draggedHeaderId)
   const to = order.indexOf(colId)
   if (from < 0 || to < 0) return
   order.splice(from, 1)
   order.splice(to, 0, draggedHeaderId)
+  // keep 'select' pinned first
+  const selIdx = order.indexOf('select')
+  if (selIdx > 0) { order.splice(selIdx, 1); order.unshift('select') }
   columnOrder.value = order
   draggedHeaderId = null
   dragOverHeaderId.value = null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innertia-solutions/nuxt-theme-spark",
-  "version": "0.1.38",
+  "version": "0.1.40",
   "description": "Innertia Solutions — Spark theme: backoffice, landing and mobile components and layouts",
   "keywords": [
     "nuxt",