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

package/components/Table/Standard.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { IconSearch, IconAdjustmentsHorizontal, IconLayoutColumns, IconGripVertical, IconBolt, IconReload } from '@tabler/icons-vue'
+import { IconSearch, IconAdjustmentsHorizontal, IconLayoutColumns, IconGripVertical } from '@tabler/icons-vue'
 
 const props = defineProps({
   endpoint: { type: String, required: true },
@@ -123,31 +123,6 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
 
         <slot name="actions" />
 
-        <!-- Reload -->
-        <button
-          type="button"
-          @click="reload()"
-          class="py-1.5 px-2.5 inline-flex items-center gap-2 text-sm font-medium rounded-lg border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-800 text-slate-600 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700 transition-colors"
-          title="Recargar"
-        >
-          <IconReload class="size-4" />
-        </button>
-
-        <!-- Cache badge -->
-        <div v-if="tableRef?.isDataFromCache && tableRef?.cached" class="group relative flex items-center">
-          <div class="flex items-center gap-x-1.5 py-1.5 px-2.5 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 rounded-lg cursor-help hover:bg-emerald-500/20 transition-colors border border-emerald-200 dark:border-emerald-800">
-            <IconBolt class="size-3.5 fill-current" />
-            <span class="text-[10px] font-bold uppercase tracking-wider">Instant</span>
-          </div>
-          <div class="absolute top-full mt-2 right-0 hidden group-hover:block w-48 p-2.5 bg-slate-900 text-white text-[11px] leading-relaxed rounded-xl shadow-2xl z-50">
-            <div class="font-bold mb-1 flex items-center gap-x-1.5 text-emerald-400">
-              <IconBolt class="size-3" /> Datos en Caché
-            </div>
-            Cargados desde memoria local. Recarga para sincronizar.
-            <div class="absolute bottom-full right-4 mb-[-1px] border-4 border-transparent border-b-slate-900"></div>
-          </div>
-        </div>
-
         <!-- Column visibility toggle -->
         <button
           type="button"

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.38",
   "description": "Innertia Solutions — Spark theme: backoffice, landing and mobile components and layouts",
   "keywords": [
     "nuxt",