adminforth 1.2.45 → 1.2.47

package/dist/modules/codeInjector.js

@@ -404,7 +404,7 @@ class CodeInjector {
             const pluginPackages = [];
             // for every installed plugin generate packages
             for (const plugin of this.adminforth.activatedPlugins) {
-                console.log('🔧 Checking packages for plugin', plugin.customFolderPath);
+                process.env.HEAVY_DEBUG && console.log('🔧 Checking packages for plugin', plugin.constructor.name, plugin.customFolderPath);
                 const [lockHash, packages] = yield this.packagesFromNpm(plugin.customFolderPath);
                 if (packages.length) {
                     pluginPackages.push({

package/dist/modules/utils.js

@@ -244,7 +244,6 @@ export function createRGBA(color, opacity) {
     else if (color.startsWith("rgba")) {
         //add opacity to existing rgba color
         const rgb = color.match(/[\d.]+/g);
-        console.log('rgb', rgb);
         return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${Number(rgb[3]) * opacity})`;
     }
     else if (color.startsWith("rgb")) {

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

@@ -99,11 +99,13 @@ const start = computed(() => {
   return date.utc().toISOString();
 })
 
-function updateFromProps() {
+async function updateFromProps() {
   if (!props.valueStart) {
     datepickerStartEl.value.value = '';
     startTime.value = '';
   } else {
+    // wait ref to initialize
+    await (new Promise(resolve => setTimeout(resolve, 0)));
     datepickerObject.value.setDate(dayjs(props.valueStart).format('DD MMM YYYY'));
     startTime.value = dayjs(props.valueStart).format('HH:mm:ss')
   }

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

@@ -17,6 +17,7 @@
           </thead>
           <tbody>
               <tr v-for="column, i in editableColumns" :key="column.name"
+                  v-if="currentValues !== null"
                   class="bg-ligftForm dark:bg-gray-800 border-b dark:border-gray-700"
               >
                     <td class="px-6 py-4 whitespace-nowrap flex items-center"> <!--align-top-->
@@ -168,7 +169,7 @@ const mode = computed(() => props.record  && Object.keys(props.record).length ?
 
 const emit = defineEmits(['update:record', 'update:isValid']);
 
-const currentValues = ref({});
+const currentValues = ref(null);
 
 const customComponentsInValidity = ref({});
 const customComponentsEmptiness = ref({});
@@ -176,6 +177,9 @@ const customComponentsEmptiness = ref({});
 
 const columnError = (column) => {
   const val = computed(() => {
+    if (!currentValues.value) {
+      return null;
+    }
     if (customComponentsInValidity.value[column.name]) {
       return customComponentsInValidity.value[column.name];
     }
@@ -244,9 +248,8 @@ const setCurrentValue = (key, value) => {
 };
 
 onMounted(() => {
-  Object.keys(props.record).forEach((key) => {
-    currentValues.value[key] = props.record[key];
-  });
+  currentValues.value = Object.assign({}, props.record);
+  console.log('2️⃣ currentValues', JSON.stringify(currentValues.value));
   initFlowbite();
   emit('update:isValid', isValid.value);
 });

package/modules/codeInjector.ts

@@ -462,7 +462,7 @@ class CodeInjector implements ICodeInjector {
 
     // for every installed plugin generate packages
     for (const plugin of this.adminforth.activatedPlugins) {
-      console.log('🔧 Checking packages for plugin', plugin.customFolderPath);
+      process.env.HEAVY_DEBUG && console.log('🔧 Checking packages for plugin', plugin.constructor.name, plugin.customFolderPath);
       const [lockHash, packages] = await this.packagesFromNpm(plugin.customFolderPath);
       if (packages.length) {
         pluginPackages.push({

package/modules/utils.ts

@@ -259,7 +259,6 @@ function hexToRGBA(hex,opacity){
   else if (color.startsWith("rgba")) {
     //add opacity to existing rgba color
     const rgb = color.match(/[\d.]+/g);
-    console.log('rgb',rgb)
     return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${Number(rgb[3]) * opacity})`;
   }
   else if (color.startsWith("rgb")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.2.45",
+  "version": "1.2.47",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/spa/src/components/CustomDatePicker.vue

@@ -99,11 +99,13 @@ const start = computed(() => {
   return date.utc().toISOString();
 })
 
-function updateFromProps() {
+async function updateFromProps() {
   if (!props.valueStart) {
     datepickerStartEl.value.value = '';
     startTime.value = '';
   } else {
+    // wait ref to initialize
+    await (new Promise(resolve => setTimeout(resolve, 0)));
     datepickerObject.value.setDate(dayjs(props.valueStart).format('DD MMM YYYY'));
     startTime.value = dayjs(props.valueStart).format('HH:mm:ss')
   }

package/spa/src/components/ResourceForm.vue

@@ -17,6 +17,7 @@
           </thead>
           <tbody>
               <tr v-for="column, i in editableColumns" :key="column.name"
+                  v-if="currentValues !== null"
                   class="bg-ligftForm dark:bg-gray-800 border-b dark:border-gray-700"
               >
                     <td class="px-6 py-4 whitespace-nowrap flex items-center"> <!--align-top-->
@@ -168,7 +169,7 @@ const mode = computed(() => props.record  && Object.keys(props.record).length ?
 
 const emit = defineEmits(['update:record', 'update:isValid']);
 
-const currentValues = ref({});
+const currentValues = ref(null);
 
 const customComponentsInValidity = ref({});
 const customComponentsEmptiness = ref({});
@@ -176,6 +177,9 @@ const customComponentsEmptiness = ref({});
 
 const columnError = (column) => {
   const val = computed(() => {
+    if (!currentValues.value) {
+      return null;
+    }
     if (customComponentsInValidity.value[column.name]) {
       return customComponentsInValidity.value[column.name];
     }
@@ -244,9 +248,8 @@ const setCurrentValue = (key, value) => {
 };
 
 onMounted(() => {
-  Object.keys(props.record).forEach((key) => {
-    currentValues.value[key] = props.record[key];
-  });
+  currentValues.value = Object.assign({}, props.record);
+  console.log('2️⃣ currentValues', JSON.stringify(currentValues.value));
   initFlowbite();
   emit('update:isValid', isValid.value);
 });