From b23f2decfc9607555a315d0d087d0a042f03a938 Mon Sep 17 00:00:00 2001
From: kyyy <60952577+rdjanuar@users.noreply.github.com>
Date: Tue, 12 Nov 2024 00:44:49 +0700
Subject: [PATCH] fix(Table): data outdated when rows change (#2600)

---
 src/runtime/components/data/Table.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/data/Table.vue b/src/runtime/components/data/Table.vue
index 1b957e2d..ac417f7b 100644
--- a/src/runtime/components/data/Table.vue
+++ b/src/runtime/components/data/Table.vue
@@ -105,6 +105,7 @@
 
                 <slot
                   v-else
+                  :key="retriggerSlot"
                   :name="`${column.key}-data`"
                   :column="column"
                   :row="row"
@@ -132,7 +133,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, toRaw, toRef } from 'vue'
+import { computed, defineComponent, ref, toRaw, toRef, watch } from 'vue'
 import type { PropType, AriaAttributes } from 'vue'
 import { upperFirst } from 'scule'
 import { defu } from 'defu'
@@ -284,6 +285,8 @@ export default defineComponent({
       })
     })
 
+    const retriggerSlot = ref(null)
+
     const savedSort = { column: sort.value.column, direction: null }
 
     const rows = computed(() => {
@@ -466,6 +469,12 @@ export default defineComponent({
       return undefined
     }
 
+    watch(rows, () => {
+      retriggerSlot.value = new Date()
+    }, {
+      deep: true
+    })
+
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
@@ -493,7 +502,8 @@ export default defineComponent({
       toggleOpened,
       getAriaSort,
       isExpanded,
-      shouldRenderColumnInFirstPlace
+      shouldRenderColumnInFirstPlace,
+      retriggerSlot
     }
   }
 })