feat(VnPaginate): refs #8101 add button loadMoreData

src/components/VnTable/VnTable.vue

@@ -441,6 +441,7 @@ function handleScroll() {
                         v-model="splittedColumns.columns"
                         :table-code="tableCode ?? route.name"
                         :skip="columnsVisibilitySkipped"
+                        :disable="CrudModelRef.hasChanges"
                     />
                     <QBtnToggle
                         v-model="mode"

src/components/ui/VnPaginate.vue

@@ -225,6 +225,12 @@ defineExpose({ fetch, addFilter, paginate });
         <div v-if="isLoading" class="spinner info-row q-pa-md text-center">
             <QSpinner color="primary" size="md" />
         </div>
+        <div
+            v-if="!isLoading && store.hasMoreData"
+            class="w-full flex justify-center q-mt-md"
+        >
+            <QBtn color="primary" :label="t('Load more data')" @click="paginate()" />
+        </div>
     </QInfiniteScroll>
 </template>
 

src/pages/Claim/ClaimFilter.vue

@@ -37,6 +37,7 @@ defineExpose({ states });
                     v-model="params.clientFk"
                     lazy-rules
                     is-outlined
+                    @remove="searchFn()"
                 >
                     <template #prepend> <QIcon name="badge" size="xs" /></template>
                 </VnInput>
@@ -45,6 +46,7 @@ defineExpose({ states });
                     v-model="params.clientName"
                     lazy-rules
                     is-outlined
+                    @remove="searchFn()"
                 />
                 <VnSelect
                     :label="t('Salesperson')"