Merge branch 'main' of github.com:devforth/adminforth-import-export

Author: yaroslav8765

custom/ExportCsv.vue

@@ -1,5 +1,5 @@
 <template>
-  <div @click="exportCsv" class="cursor-pointer flex gap-2 items-center">
+  <div class="cursor-pointer flex gap-2 items-center">
     {{$t("Export")}} {{ meta.select === 'all' ? $t('All'): $t('Filtered') }} {{$t('to CSV')}}
 
     <svg v-if="inProgress"
@@ -19,6 +19,10 @@ const filtersStore = useFiltersStore();
 const coreStore = useCoreStore();
 const inProgress = ref(false);
 
+defineExpose({
+  click,
+});
+
 const props = defineProps({
   meta: Object,
   record: Object,
@@ -77,4 +81,8 @@ async function exportCsv() {
     adminforth.list.closeThreeDotsDropdown();
   }
 }
+
+function click() {
+  exportCsv();
+}
 </script>

custom/ImportCsv.vue

@@ -1,5 +1,5 @@
 <template>
-    <div @click="handleImportClick"
+    <div
     :class="[
       'cursor-pointer flex gap-2 items-center',
       checkProgress ? 'opacity-50 pointer-events-none' : ''
@@ -55,6 +55,9 @@ import { useI18n } from 'vue-i18n';
 
 
 const { t } = useI18n();
+defineExpose({
+  click,
+});
 
 const importProgress: Ref<boolean> = ref(false);
 const checkProgress: Ref<boolean> = ref(false);
@@ -217,4 +220,8 @@ function handleImportClick() {
     importCsv();
   }
 }
+
+function click() {
+  importCsv();
+}
 </script>