refactor: refs #8207 add update fn

src/components/ui/VnPaginate.vue

@@ -130,21 +130,26 @@ const addFilter = async (filter, params) => {
     await arrayData.addFilter({ filter, params });
 };
 
-async function fetch(params, keepPagination = false) {
+async function fetch(params) {
     useArrayData(props.dataKey, params);
+    arrayData.reset(['filter.skip', 'skip']);
+    await arrayData.fetch({ append: false });
+    return emitStoreData();
+}
 
-    if (!keepPagination) await arrayData.fetch({ append: false });
-    else {
-        const { limit, skip } = store;
-        store.limit = limit + skip;
-        store.skip = 0;
-        await arrayData.fetch({ append: false });
-        store.limit = limit;
-        store.skip = skip;
-    }
+async function update(params) {
+    useArrayData(props.dataKey, params);
+    const { limit, skip } = store;
+    store.limit = limit + skip;
+    store.skip = 0;
+    await arrayData.fetch({ append: false });
+    store.limit = limit;
+    store.skip = skip;
+    return emitStoreData();
+}
 
+function emitStoreData() {
     if (!store.hasMoreData) isLoading.value = false;
-
     emit('onFetch', store.data);
     return store.data;
 }
@@ -190,7 +195,7 @@ async function onLoad(index, done) {
     done(isDone);
 }
 
-defineExpose({ fetch, addFilter, paginate });
+defineExpose({ fetch, update, addFilter, paginate });
 </script>
 
 <template>

src/pages/Monitor/Ticket/MonitorTickets.vue

@@ -352,7 +352,7 @@ const openTab = (id) =>
                 class="q-mr-sm"
                 dense
                 flat
-                @click="tableRef.CrudModelRef.vnPaginateRef.fetch(undefined, true)"
+                @click="tableRef.CrudModelRef.vnPaginateRef.update()"
             >
                 <QTooltip>{{ $t('globals.refresh') }}</QTooltip>
             </QBtn>