pgo-ui 1.1.48 → 1.1.49

package/package.json

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

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

@@ -154,6 +154,7 @@
     const clickedButton = ref('');
     const isPreFilled = ref(false)
     const originalFormData = ref({})
+    const dataChanged = ref(false)
 
     const emit = defineEmits([
         'update:modelValue', 
@@ -1011,12 +1012,14 @@
         isPreFilled.value = false
         originalFormData.value = {}
         valid.value = false;
-        formMode.value = props.mode 
+        formMode.value = props.mode
         formId.value = null
-        emit('close', false);
+        emit('close', dataChanged.value);
+        dataChanged.value = false;
     };
 
     const handleUploadSuccess = () => {
+        dataChanged.value = true;
         fetchData();
     };
     // Initialize on mount

package/src/pgo-components/pages/Dashboard.vue

@@ -110,10 +110,28 @@
 </template>
 
 <script setup>
-import { computed, inject } from 'vue'
+import { computed, inject, onMounted, ref } from 'vue'
 import { Breadcrumb, BarChart, BubbleChart, DonutChart, LineChart, TreemapChart } from '../../components/pgo'
 import Card from '../../components/pgo/Card.vue'
 
+// Mount charts only once the grid container has a real width.
+// ResizeObserver fires after CSS layout (including drawer animations) settles,
+// so ApexCharts always measures correct container dimensions on first mount.
+const gridRef = ref(null)
+const chartsReady = ref(false)
+
+onMounted(() => {
+  let timer
+  const observer = new ResizeObserver(() => {
+    clearTimeout(timer)
+    timer = setTimeout(() => {
+      chartsReady.value = true
+      observer.disconnect()
+    }, 150)
+  })
+  if (gridRef.value) observer.observe(gridRef.value)
+})
+
 const { language } = inject('i18n')
 
 const props = defineProps({

package/src/pgo-components/pages/ListView.vue

@@ -561,11 +561,14 @@ const fetchData = async (queryParams = {}) => {
     }
 }
 
-const formClose = () => {
+const formClose = (hasChanges = false) => {
     showDynamicForm.value = false
     editItemId.value = null
     LForm.value = {}
     formMode.value = ''
+    if (hasChanges) {
+        fetchData({ page: options.value.page, per_page: options.value.itemsPerPage })
+    }
 }
 // Handle options update from DataTable
 const handleOptionsUpdate = (newOptions) => {

package/dist/Radio-ByEO2VYW.js

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