pgo-ui 1.1.13 → 1.1.16

package/package.json

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

package/src/components/pgo/AppBar.vue

@@ -351,7 +351,7 @@
   })
   function selectLanguage(lang: string) {
     if (typeof setLanguage === 'function') setLanguage(lang)
-    // window.location.reload()
+    window.location.reload()
     isLangOpen.value = false
   }
 

package/src/components/pgo/DataTable.vue

@@ -855,6 +855,16 @@ const initializeAllFunctions = () => {
 
   if (props.settings?.functions) {
 
+    // Helper function to set a value on an item (DataTable equivalent of DynamicForm's setFieldValue)
+    const setFieldValue = (key, value) => {
+      // In DataTable context, this sets a value on tableVariables
+      tableVariables[key] = value
+    }
+
+    const getFieldValue = (key) => {
+      return tableVariables[key]
+    }
+
     const functionContext = {
       items: props.items,
       headers: headers.value,
@@ -868,9 +878,8 @@ const initializeAllFunctions = () => {
       console,
       snackbar: snackbar,
       api: api,
-      this: {
-        variables: tableVariables
-      }
+      setFieldValue,
+      getFieldValue,
     }
 
     compiledFunctions.value = initializeFunctions(props.settings.functions, functionContext)
@@ -898,12 +907,12 @@ const executeFunction = (functionName, ...args) => {
 const getCustomColumnData = (header, item) => {
 
   if (header.columnData && (header.displayType === 'html' || header.displayType === 'custom')) {
-    // Extract function name from columnData (e.g., "customeColumnData(item)")
     const functionMatch = header.columnData.match(/(\w+)\(/)
     if (functionMatch) {
       const functionName = functionMatch[1]
-      // Execute the compiled function with the item data as the first argument
-      const result = executeFunction(functionName, item)
+      // Pass item as BOTH first arg (response) and second arg (item)
+      // so the function body can access it as 'item'
+      const result = executeFunction(functionName, item, item)
       return result || ''
     }
   }