easycomponentstools 1.0.0-dev.10 → 1.0.0-dev.11

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "easycomponentstools",
     "private": false,
-    "version": "1.0.0-dev.10",
+    "version": "1.0.0-dev.11",
     "type": "module",
     "description": "Easy Vue Components",
     "keywords": [

package/src/components/Table/Headers/Headers.vue

@@ -42,7 +42,7 @@
                     <slot name="moreActions"></slot>
                     <ExportData
                         v-if="showExportData"
-                        ref="exportData"
+                        ref="exportDataRef"
                         @loading="(v: boolean) => emit('loading', v)"
                     ></ExportData>
                 </v-list>
@@ -65,6 +65,7 @@ import { nextTick, onMounted, ref, Ref } from 'vue'
 import useHeadersStorage from '../../../composables/useHeadersStorage'
 import Filters from './Filters.vue'
 import DialogColumns from './DialogColumns.vue'
+import ExportData from './ExportData.vue'
 
 type propsType = {
     id: string
@@ -83,7 +84,7 @@ const $i18n = useI18n()
 const $useHeadersStorage = useHeadersStorage()
 const emit = defineEmits(['loading', 'headers', 'search', 'hardFilters', 'multipleDelete'])
 const active_hard_filters: Ref<any[]> = ref([])
-const exportData: any = ref(null)
+const exportDataRef: any = ref(null)
 
 const updateHardFilters = (hard_filters_keys: any) => {
     const hard_filters: HardFiltersDTO[] = []
@@ -97,27 +98,27 @@ const updateHardFilters = (hard_filters_keys: any) => {
             })
         }
     })
-    exportData.value?.setHardFilters(hard_filters)
+    exportDataRef.value?.setHardFilters(hard_filters)
     emit('hardFilters', hard_filters)
 }
 const multipleDelete = () => {
     emit('multipleDelete', true)
 }
 const search = (filters: AdvancedFiltersDTO[]) => {
-    exportData.value?.setFilters(filters)
+    exportDataRef.value?.setFilters(filters)
     emit('search', filters)
 }
 const submitHeaders = (headers: HeaderDTO[]) => {
     $useHeadersStorage.submitHeaders(headers, props.id)
     const displayHeaders = headers.filter((v) => !v.hidden)
     emit('headers', displayHeaders)
-    exportData.value?.setHeaders(displayHeaders)
+    exportDataRef.value?.setHeaders(displayHeaders)
 }
 const updateExportSortData = (sort: SortDTO) => {
-    exportData.value?.setSort(sort)
+    exportDataRef.value?.setSort(sort)
 }
 const updateExportDataTotal = (total: number) => {
-    exportData.value?.setTotal(total)
+    exportDataRef.value?.setTotal(total)
 }
 const updateExportData = (
     api: string,
@@ -129,7 +130,14 @@ const updateExportData = (
 ) => {
     const displayHeaders = headers.filter((header: HeaderDTO) => !header.hidden)
     nextTick(() => {
-        exportData.value?.setExportDataInfo(api, displayHeaders, total, sort, filters, hard_filters)
+        exportDataRef.value?.setExportDataInfo(
+            api,
+            displayHeaders,
+            total,
+            sort,
+            filters,
+            hard_filters
+        )
     })
 }
 

package/src/composables/useDataTableExport.ts

@@ -53,6 +53,7 @@ export default function useDataTableExport() {
         }
     }
     const prepareExport = () => {
+        console.log(allPrintableItems.value)
         allPrintableItems.value.map((item: any, index: number) => {
             for (const headKey in headers.value) {
                 if (