adminforth 2.22.0-next.3 → 2.22.0-next.5

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

@@ -22,7 +22,7 @@
           class="bg-lightForm dark:bg-darkForm dark:border-darkFormBorder block md:table-row"
           :class="{ 'border-b': i !== group.columns.length - 1}"
         >
-          <td class="px-6 py-4 flex items-center block md:table-cell pb-0 md:pb-4" 
+          <td class="px-6 py-4 flex items-center block pb-0 md:pb-4" 
               :class="{'rounded-bl-lg border-b-none': i === group.columns.length - 1}"> <!--align-top-->
             <span class="flex items-center gap-1">                     
               {{ column.label }}

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

@@ -32,7 +32,7 @@
                   :record="coreStore.record"
               />
             <template v-else-if="checkShowIf(column, record, resource?.columns || [])">
-              <td class="px-6 py-4 relative block md:table-cell font-bold md:font-normal pb-0 md:pb-4">
+              <td class="px-6 py-4 relative block flex justify-start font-bold md:font-normal pb-0 md:pb-4">
                 {{ column.label }}
               </td>
               <td class="px-6 py-4 whitespace-pre-wrap" :data-af-column="column.name">

package/dist/spa/src/utils/utils.ts

@@ -529,20 +529,22 @@ export function compareOldAndNewRecord(oldRecord: Record<string, any>, newRecord
   const coreStore = useCoreStore();
 
   for (const key of newKeys) {
-    if (oldRecord[key] !== newRecord[key]) {
+    const oldValue = typeof oldRecord[key] === 'object' && oldRecord[key] !== null ? JSON.stringify(oldRecord[key]) : oldRecord[key];
+    const newValue = typeof newRecord[key] === 'object' && newRecord[key] !== null ? JSON.stringify(newRecord[key]) : newRecord[key];
+    if (oldValue !== newValue) {
       if (  
             ( 
-              oldRecord[key] === undefined || 
-              oldRecord[key] === null || 
-              oldRecord[key] === '' || 
-              (Array.isArray(oldRecord[key]) && oldRecord[key].length === 0)
+              oldValue === undefined || 
+              oldValue === null || 
+              oldValue === '' || 
+              (Array.isArray(oldValue) && oldValue.length === 0)
             ) 
               &&            
             ( 
-              newRecord[key] === undefined || 
-              newRecord[key] === null || 
-              newRecord[key] === '' || 
-              (Array.isArray(newRecord[key]) && newRecord[key].length === 0)
+              newValue === undefined || 
+              newValue === null || 
+              newValue === '' || 
+              (Array.isArray(newValue) && newValue.length === 0)
             )
       ) {
         // console.log(`Value for key ${key} is considered equal (empty)`)
@@ -556,7 +558,7 @@ export function compareOldAndNewRecord(oldRecord: Record<string, any>, newRecord
           continue;
         }
       }
-      // console.log(`Value for key ${key} is different`, { oldValue: oldRecord[key], newValue: newRecord[key] });
+      // console.log(`Value for key ${key} is different`, { oldValue: oldValue, newValue: newValue });
       return false;
     }
   }

package/package.json

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