pgo-ui 1.1.113 → 1.1.115

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pgo-ui",
-  "version": "1.1.113",
+  "version": "1.1.115",
   "description": "A Vue 3 component library with PGO design system",
   "private": false,
   "type": "module",

package/src/components/pgo/forms/DynamicForm.vue

@@ -115,14 +115,14 @@
                         label="buttons.update"
                         color="warning"
                         :loading="isSubmitting && clickedButton === 'update'"
-                        :disabled="isSubmitting || !isFormDirty || !valid"
+                        :disabled="isSubmitting || (!isFormDirty && !dataChanged) || !valid"
                         @click="handleSubmit('update')"
                     />
                     <Button 
                         label="buttons.submit"
                         color="primary"
                         :loading="isSubmitting && clickedButton === 'submit'"
-                        :disabled="isSubmitting || !valid"
+                        :disabled="isSubmitting || !valid || (hasFileFields && !allFileFieldsFilled)"
                         @click="handleSubmit('submit')"
                     />
                     <!-- <Button v-if="items" label="buttons.submit" color="primary" @click="handleSubmit('submit')"/> -->
@@ -533,86 +533,7 @@ const compiledFunctions = ref({});
             return true
         }
     }
-    // const shouldShowGroup = (group) => {
-    //     // Add null check for group
-    //     if (!group) {
-    //         return false;
-    //     }
-        
-    //     // If no condition, always show the group
-    //     if (!group.condition) {
-    //         return true;
-    //     }
-        
-    //     try {
-    //         // Normalize the condition string (trim spaces)
-    //         let expression = group.condition.trim();
-            
-    //         // Create enhanced evaluation context
-    //         const context = createEvaluationContext();
-            
-    //         // Helper function to safely evaluate expressions
-    //         const evaluateCondition = (expr) => {
-    //             // Handle various condition patterns:
-                
-    //             // Pattern 1: Simple variable check "variableName" -> check if variable is truthy
-    //             if (/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(expr)) {
-    //                 return !!context[expr];
-    //             }
-                
-    //             // Pattern 2: Negation "!variableName"
-    //             if (/^!/.test(expr)) {
-    //                 const variableName = expr.substring(1).trim();
-    //                 if (/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(variableName)) {
-    //                     return !context[variableName];
-    //                 }
-    //             }
-                
-    //             // Pattern 3: Complex expression with &&, ||, ===, !==, >, <, etc.
-    //             // Create variable declarations from context — skip keys that aren't
-    //             // valid JS identifiers (e.g. dotted keys spread from formData) and
-    //             // reserved words (can't be used as `const` binding names).
-    //             const RESERVED = new Set(['break','case','catch','class','const','continue','debugger','default','delete','do','else','enum','export','extends','false','finally','for','function','if','import','in','instanceof','new','null','return','super','switch','this','throw','true','try','typeof','var','void','while','with','yield','let','static','implements','interface','package','private','protected','public','await','async']);
-    //             const varDeclarations = Object.keys(context)
-    //                 .filter(key => /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) && !RESERVED.has(key))
-    //                 .map(key => {
-    //                     const value = context[key];
-    //                     // Properly stringify different value types
-    //                     if (value === null || value === undefined) {
-    //                         return `const ${key} = null;`;
-    //                     } else if (typeof value === 'string') {
-    //                         return `const ${key} = ${JSON.stringify(value)};`;
-    //                     } else if (typeof value === 'boolean') {
-    //                         return `const ${key} = ${value};`;
-    //                     } else if (typeof value === 'number') {
-    //                         return `const ${key} = ${value};`;
-    //                     } else {
-    //                         const json = JSON.stringify(value);
-    //                         return `const ${key} = ${json === undefined ? 'null' : json};`;
-    //                     }
-    //                 })
-    //                 .join('\n');
-
-    //             // Create and execute the function with the context
-    //             const fn = new Function(varDeclarations + `\nreturn (${expr});`);
-    //             return fn();
-    //         };
-
-    //         // Evaluate the condition expression
-    //         return !!evaluateCondition(expression);
-    //     } catch (error) {
-    //         console.warn(`Error evaluating group condition "${group.condition}":`, error.message);
-    //         // Fallback: check if the condition is a simple variable reference
-    //         const simpleVariable = group.condition.trim().replace(/^!/, '');
-    //         if (/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(simpleVariable)) {
-    //             const context = createEvaluationContext();
-    //             const value = context[simpleVariable];
-    //             return group.condition.trim().startsWith('!') ? !value : !!value;
-    //         }
-    //         return true; // Show group by default if evaluation fails
-    //     }
-    // };
-    // Helper to get nested value by dot notation key e.g. "submissionDetails.form_ref_number"
+
     const getNestedValue = (obj, path) => {
         if (!path || !obj) return undefined
         return path.split('.').reduce((acc, key) => {
@@ -653,84 +574,21 @@ const compiledFunctions = ref({});
             return true
         }
     };
-    // const shouldShowField = (field) => {
-    //     // Add null check for field
-    //     if (!field) {
-    //         return false;
-    //     }
 
-    //      if (field.hidden === true) {
-    //         return false;
-    //     }
-        
-    //     if (!field.condition) {
-    //         return true;
-    //     }
-        
-    //     try {
-    //         // Normalize the condition string (trim spaces)
-    //         let expression = field.condition.trim();
-            
-    //         // Create enhanced evaluation context
-    //         const context = createEvaluationContext();
-            
-    //         // Helper function to safely evaluate expressions
-    //         const evaluateCondition = (expr) => {
-    //             // Handle various condition patterns:
-                
-    //             // Pattern 1: Simple field check "fieldName" -> check if field is truthy
-    //             if (/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(expr)) {
-    //                 return !!context[expr];
-    //             }
-                
-    //             // Pattern 2: Negation "!fieldName"
-    //             if (/^!/.test(expr)) {
-    //                 const fieldName = expr.substring(1).trim();
-    //                 if (/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(fieldName)) {
-    //                     return !context[fieldName];
-    //                 }
-    //             }
-                
-    //             // Pattern 3: Complex expression with &&, ||, ===, !==, >, <, etc.
-    //             const RESERVED = new Set(['break','case','catch','class','const','continue','debugger','default','delete','do','else','enum','export','extends','false','finally','for','function','if','import','in','instanceof','new','null','return','super','switch','this','throw','true','try','typeof','var','void','while','with','yield','let','static','implements','interface','package','private','protected','public','await','async']);
-    //             const varDeclarations = Object.keys(context)
-    //                 .filter(key => /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key) && !RESERVED.has(key))
-    //                 .map(key => {
-    //                     const value = context[key];
-    //                     if (value === null || value === undefined) {
-    //                         return `const ${key} = null;`;
-    //                     } else if (typeof value === 'string') {
-    //                         return `const ${key} = ${JSON.stringify(value)};`;
-    //                     } else if (typeof value === 'boolean') {
-    //                         return `const ${key} = ${value};`;
-    //                     } else if (typeof value === 'number') {
-    //                         return `const ${key} = ${value};`;
-    //                     } else {
-    //                         const json = JSON.stringify(value);
-    //                         return `const ${key} = ${json === undefined ? 'null' : json};`;
-    //                     }
-    //                 })
-    //                 .join('\n');
-
-    //             // Create and execute the function with the context
-    //             const fn = new Function(varDeclarations + `\nreturn (${expr});`);
-    //             return fn();
-    //         };
-
-    //         // Evaluate the condition expression
-    //         return !!evaluateCondition(expression);
-    //     } catch (error) {
-    //         console.warn(`Error evaluating condition "${field.condition}":`, error.message);
-    //         // Fallback: check if the condition is a simple field reference
-    //         const simpleField = field.condition.trim().replace(/^!/, '');
-    //         if (/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(simpleField)) {
-    //             const context = createEvaluationContext();
-    //             const value = context[simpleField];
-    //             return field.condition.trim().startsWith('!') ? !value : !!value;
-    //         }
-    //         return true; // Show field by default if evaluation fails
-    //     }
-    // };
+    const hasFileFields = computed(() => {
+        if (!props.form.fields || !Array.isArray(props.form.fields)) return false
+        return props.form.fields.some(f => f && (f.inputType === 'file' || f.inputType === 'filefield'))
+    })
+
+    const allFileFieldsFilled = computed(() => {
+        if (!props.form.fields || !Array.isArray(props.form.fields)) return true
+        return props.form.fields
+            .filter(f => f && (f.inputType === 'file' || f.inputType === 'filefield'))
+            .every(f => {
+                const list = FormDataList.value?.[f.dataKey ?? f.key]
+                return Array.isArray(list) && list.length > 0
+            })
+    })
 
     const componentMap = computed(() => {
         const map = {}
@@ -987,6 +845,7 @@ const compiledFunctions = ref({});
                     formRef.value?.reset()
                 }else {
                     await fetchData()
+                    dataChanged.value = false
                 }
 
             }

package/dist/Radio-BD0Sd7W4.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./index-DYzxrPKU.js";
-export {
-  f as default
-};