adminforth 1.5.5 → 1.5.6-next.0

package/dist/spa/src/components/GroupsTable.vue

@@ -150,23 +150,38 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
   import { IconExclamationCircleSolid, IconEyeSlashSolid, IconEyeSolid } from '@iconify-prerendered/vue-flowbite';
   import CustomDatePicker from "@/components/CustomDatePicker.vue";
   import Select from '@/afcl/Select.vue';
   import { getCustomComponent } from '@/utils';
   import { Tooltip } from '@/afcl';
+  import { ref, computed, watch, type Ref } from 'vue';
 
-
-  const props = defineProps({
+  const props = defineProps<{
     source: 'create' | 'edit',
-    group: Object,
-    mode: String,
-    validating: Boolean,
-    currentValues: Object,
-    unmasked: Object,
-    columnError: Function,
-    setCurrentValue: Function,
-    columnOptions: Object
+    group: any,
+    mode: string,
+    validating: boolean,
+    currentValues: any,
+    unmasked: any,
+    columnError: (column: any) => string,
+    setCurrentValue: (columnName: string, value: any) => void,
+    columnOptions: (column: any) => any,
+  }>();
+
+  const emit = defineEmits(['update:customComponentsInValidity', 'update:customComponentsEmptiness']);
+
+
+  const customComponentsInValidity: Ref<Record<string, boolean>> = ref({});
+  const customComponentsEmptiness: Ref<Record<string, boolean>> = ref({});
+
+  watch(customComponentsInValidity, (newVal) => {
+    emit('update:customComponentsInValidity', newVal);
+  });
+
+  watch(customComponentsEmptiness, (newVal) => {
+    emit('update:customComponentsEmptiness', newVal);
   });
+
 </script>

package/dist/spa/src/components/ResourceForm.vue

@@ -13,10 +13,12 @@
         :validating="validating"
         :columnError="columnError"
         :setCurrentValue="setCurrentValue"
+        @update:customComponentsInValidity="(data) => customComponentsInValidity.value = { ...customComponentsInValidity.value, ...data }"
+        @update:customComponentsEmptiness="(data) => customComponentsEmptiness.value = { ...customComponentsEmptiness.value, ...data }"
         />
       </div>
       <div v-else class="flex flex-col gap-4">
-        <template v-for="group in groupedColumns" :key="group.groupName" class="flex flex-col gap-4"> 
+        <template v-for="group in groupedColumns" :key="group.groupName"> 
           <GroupsTable
           :source="source"
           :group="group"
@@ -28,6 +30,8 @@
           :validating="validating"
           :columnError="columnError"
           :setCurrentValue="setCurrentValue"
+          @update:customComponentsInValidity="(data) => customComponentsInValidity.value = { ...customComponentsInValidity.value, ...data }"
+          @update:customComponentsEmptiness="(data) => customComponentsEmptiness.value = { ...customComponentsEmptiness.value, ...data }"
           />
         </template>
         <div v-if="otherColumns.length > 0">
@@ -42,6 +46,8 @@
           :validating="validating"
           :columnError="columnError"
           :setCurrentValue="setCurrentValue"
+          @update:customComponentsInValidity="(data) => customComponentsInValidity.value = { ...customComponentsInValidity.value, ...data }"
+          @update:customComponentsEmptiness="(data) => customComponentsEmptiness.value = { ...customComponentsEmptiness.value, ...data }"
           />
         </div>
       </div>
@@ -77,7 +83,6 @@ const mode = computed(() => route.name === 'resource-create' ? 'create' : 'edit'
 const emit = defineEmits(['update:record', 'update:isValid']);
 
 const currentValues = ref(null);
-
 const customComponentsInValidity = ref({});
 const customComponentsEmptiness = ref({});
 

package/package.json

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