@innertia-solutions/nuxt-theme-spark 0.1.115 → 0.1.116

package/components/TableExportable.vue

@@ -13,12 +13,24 @@ const props = defineProps({
   columns:  { type: Array,  default: () => [] },
 })
 
-const isOpen   = ref(false)
-const format   = ref('xlsx')
-const filename = ref(props.name)
+const isOpen          = ref(false)
+const format          = ref('xlsx')
+const filename        = ref(props.name)
+const selectedColumns = ref([])
 
+watch(() => props.columns, (cols) => { selectedColumns.value = cols.map(c => c.key) }, { immediate: true })
 watch(() => props.name, (v) => { filename.value = v })
 
+const toggleColumn = (key) => {
+  const idx = selectedColumns.value.indexOf(key)
+  if (idx >= 0) selectedColumns.value.splice(idx, 1)
+  else selectedColumns.value.push(key)
+}
+const allSelected   = computed(() => selectedColumns.value.length === props.columns.length)
+const toggleAll     = () => {
+  selectedColumns.value = allSelected.value ? [] : props.columns.map(c => c.key)
+}
+
 const formats = [
   { value: 'xlsx', label: 'Excel' },
   { value: 'csv',  label: 'CSV'   },
@@ -27,7 +39,7 @@ const formats = [
 ]
 
 const doExport = () => {
-  props.tableRef?.exportTable(format.value, true, true)
+  props.tableRef?.exportTable(format.value, true, true, selectedColumns.value)
   isOpen.value = false
 }
 
@@ -118,6 +130,31 @@ defineExpose({ open: () => { isOpen.value = true } })
           </div>
         </div>
 
+        <!-- Columns -->
+        <div v-if="columns.length > 0" class="mb-3 px-1">
+          <div class="flex items-center justify-between mb-1.5">
+            <label class="text-[10px] font-bold text-muted-foreground uppercase tracking-widest">Columnas</label>
+            <button type="button" @click="toggleAll" class="text-[10px] text-blue-600 dark:text-blue-400 hover:underline">
+              {{ allSelected ? 'Ninguna' : 'Todas' }}
+            </button>
+          </div>
+          <div class="max-h-32 overflow-y-auto space-y-0.5">
+            <label
+              v-for="col in columns"
+              :key="col.key"
+              class="flex items-center gap-2 py-1 px-1.5 rounded-lg hover:bg-muted-hover cursor-pointer"
+            >
+              <input
+                type="checkbox"
+                :checked="selectedColumns.includes(col.key)"
+                @change="toggleColumn(col.key)"
+                class="rounded border-card-line bg-surface shrink-0 cursor-pointer"
+              />
+              <span class="text-xs text-foreground truncate">{{ col.label }}</span>
+            </label>
+          </div>
+        </div>
+
         <!-- Export button -->
         <button
           type="button"

package/package.json

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