@innertia-solutions/nuxt-theme-spark 0.1.36 → 0.1.37

package/components/Table.vue

@@ -314,7 +314,7 @@ const getSelectedRows = () => {
 }
 
 // ─── Export ───────────────────────────────────────────────────────────────────
-const exportTable = async (format, exportAllPages, exportFilteredRows) => {
+const exportTable = async (format, exportAllPages, exportFilteredRows, selectedIds = null) => {
   const { download } = useDownload()
   const id = crypto.randomUUID()
   toast.show({
@@ -328,6 +328,7 @@ const exportTable = async (format, exportAllPages, exportFilteredRows) => {
     exportType: validFormats.includes(format) ? format : 'csv',
     exportAllPages,
     exportFilteredRows,
+    ...(selectedIds?.length ? { selectedIds } : {}),
   }
 
   try {

package/components/TableExportable.vue

@@ -76,8 +76,19 @@ watch(isOpen, (v) => {
   else document.removeEventListener('mousedown', onOutsideClick)
 })
 
+const selectedRows = computed(() => {
+  if (!props.tableRef) return { meta: { all: false }, rows: [] }
+  return props.tableRef.getSelectedRows() ?? { meta: { all: false }, rows: [] }
+})
+
+const hasSelection = computed(() => selectedRows.value.rows.length > 0)
+
 const doExport = () => {
-  if (props.tableRef) {
+  if (!props.tableRef) return
+  if (hasSelection.value) {
+    const ids = selectedRows.value.rows.map(r => r.id)
+    props.tableRef.exportTable(format.value, false, false, ids)
+  } else {
     props.tableRef.exportTable(format.value, true, true)
   }
   isOpen.value = false
@@ -177,6 +188,16 @@ defineExpose({ open })
             </div>
           </div>
 
+          <!-- Selection info -->
+          <div class="px-3 pb-2">
+            <p v-if="hasSelection" class="text-xs text-blue-600 dark:text-blue-400 font-medium">
+              Se exportarán {{ selectedRows.rows.length }} fila{{ selectedRows.rows.length !== 1 ? 's' : '' }} seleccionada{{ selectedRows.rows.length !== 1 ? 's' : '' }}
+            </p>
+            <p v-else class="text-xs text-slate-400 dark:text-slate-500">
+              Se exportarán todos los registros
+            </p>
+          </div>
+
           <!-- Footer -->
           <div class="flex gap-2 px-3 pb-3">
             <button

package/package.json

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