adminforth 1.18.0 → 1.19.0

package/commands/createApp/utils.js

@@ -241,7 +241,7 @@ async function installDependencies(ctx, cwd) {
   const customDir = ctx.customDir;
 
   await Promise.all([
-    await execa('npm', ['install', '--no-package-lock'], { cwd }),
+    await execa('npm', ['install'], { cwd }),
     await execa('npm', ['install'], { cwd: customDir }),
   ]);
 }

package/dist/spa/src/afcl/Dropzone.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="flex items-center justify-center w-full"
+    <!-- tag form used to reset the input (method .reset() in claer() function) -->
+  <form class="flex items-center justify-center w-full"
     @dragover.prevent="dragging = true"
     @dragleave.prevent="dragging = false"
     @drop.prevent="dragging = false; doEmit($event.dataTransfer.files)"
@@ -43,12 +44,12 @@
             :multiple="props.multiple || false"
           />
       </label>
-  </div> 
+    </form> 
 </template>
 
 <script setup lang="ts">
 import { humanifySize } from '@/utils';
-import { ref, type Ref } from 'vue';
+import { ref, defineExpose, type Ref } from 'vue';
 import { IconFileSolid } from '@iconify-prerendered/vue-flowbite';
 import { watch } from 'vue';
 import adminforth from '@/adminforth';
@@ -125,4 +126,14 @@ function doEmit(filesIn: FileList) {
 
 const dragging = ref(false);
 
+function clear() {
+  selectedFiles.value = [];
+  emit('update:modelValue', []);
+  const form = document.getElementById(id)?.closest('form');
+  form?.reset();
+}
+
+defineExpose({
+    clear,
+});
 </script>

package/dist/spa/src/renderers/CompactField.vue

@@ -16,7 +16,9 @@ import { computed, ref, onMounted, nextTick } from 'vue';
 import { IconFileCopyAltSolid } from '@iconify-prerendered/vue-flowbite';
 import Tooltip from '@/afcl/Tooltip.vue';
 import adminforth from '@/adminforth';
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const visualValue = computed(() => {
   // if lenght is more then 8, show only first 4 and last 4 characters, ... in the middle
   const val = props.record[props.column.name];
@@ -33,7 +35,7 @@ const id = ref();
 function copyToCB() {
   navigator.clipboard.writeText(props.record[props.column.name]);
   adminforth.alert({
-    message: 'ID copied to clipboard',
+    message: t('ID copied to clipboard'),
     variant: 'success',
   })
 }

package/dist/spa/src/renderers/CompactUUID.vue

@@ -16,7 +16,9 @@ import { computed, ref, onMounted, nextTick } from 'vue';
 import { IconFileCopyAltSolid } from '@iconify-prerendered/vue-flowbite';
 import Tooltip from '@/afcl/Tooltip.vue';
 import adminforth from '@/adminforth';
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const visualValue = computed(() => {
   // if lenght is more then 8, show only first 4 and last 4 characters, ... in the middle
   const val = props.record[props.column.name];
@@ -33,7 +35,7 @@ const id = ref();
 function copyToCB() {
   navigator.clipboard.writeText(props.record[props.column.name]);
   adminforth.alert({
-    message: 'ID copied to clipboard',
+    message: t('ID copied to clipboard'),
     variant: 'success',
   })
 }

package/dist/spa/src/views/EditView.vue

@@ -81,7 +81,9 @@ import { useRoute, useRouter } from 'vue-router';
 import { showErrorTost } from '@/composables/useFrontendApi';
 import ThreeDotsMenu from '@/components/ThreeDotsMenu.vue';
 import adminforth from '@/adminforth';
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const coreStore = useCoreStore();
 
 const isValid = ref(false);
@@ -170,7 +172,7 @@ async function saveRecord() {
     showErrorTost(resp.error);
   } else {
     adminforth.alert({
-      message: 'Record updated successfully',
+      message: t('Record updated successfully'),
       variant: 'success',
       timeout: 400000
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "module": "dist/index.js",