nuxt-ui-tools 1.22.0 → 1.22.2

package/dist/module.json

@@ -5,7 +5,7 @@
   "configKey": "nuxtUiTools",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "name": "nuxt-ui-tools",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/form/components/page/form-page-section.vue

@@ -145,6 +145,19 @@ onBeforeUnmount(() => unregister?.());
         v-if="status || page.dirtyCheck.value || $slots.actions"
         :class="mergeFormUiClass('ms-auto -my-1.5 flex items-center gap-2', pageUi?.sectionActions)"
       >
+        <slot name="actions" :section />
+        <UButton
+          v-if="page.dirtyCheck.value"
+          type="button"
+          color="neutral"
+          variant="ghost"
+          size="sm"
+          icon="i-lucide-rotate-ccw"
+          :label="t('form.page.resetSection')"
+          :class="mergeFormUiClass(dirty ? void 0 : 'invisible', pageUi?.sectionReset)"
+          :data-form-page-reset="dirty ? '' : void 0"
+          @click="page.resetSection(section.key)"
+        />
         <UBadge
           v-if="status"
           :color="status.color"
@@ -160,19 +173,6 @@ onBeforeUnmount(() => unregister?.());
           :data-form-page-status="section.status"
           :data-form-page-optional="section.status === 'optional' ? '' : void 0"
         />
-        <slot name="actions" :section />
-        <UButton
-          v-if="page.dirtyCheck.value"
-          type="button"
-          color="neutral"
-          variant="ghost"
-          size="sm"
-          icon="i-lucide-rotate-ccw"
-          :label="t('form.page.resetSection')"
-          :class="mergeFormUiClass(dirty ? void 0 : 'invisible', pageUi?.sectionReset)"
-          :data-form-page-reset="dirty ? '' : void 0"
-          @click="page.resetSection(section.key)"
-        />
       </div>
     </header>
     <div

package/dist/runtime/table/composables/use-table-data.js

@@ -1,4 +1,10 @@
-import { keepPreviousData, useInfiniteQuery, useQueries, useQuery } from "@tanstack/vue-query";
+import {
+  keepPreviousData,
+  useInfiniteQuery,
+  useQueries,
+  useQuery,
+  useQueryClient
+} from "@tanstack/vue-query";
 import { computed, readonly, ref, shallowRef, watch } from "vue";
 import { isArray, isFunction, isNumber, isObject, isString } from "../../shared/utils/predicate.js";
 import { QUERY_DEFAULTS } from "../constants/query-state.js";
@@ -95,22 +101,35 @@ export function useTableData(params) {
   const searchParams = requestContext;
   const dataStaleTime = computed(() => QUERY_DEFAULTS.staleTime.data);
   const isCursorPagination = computed(() => requestPagination.value.mode === "cursor");
+  const sourceDefinition = computed(
+    () => resolveSourceDefinition({
+      context: contextData.value,
+      request: requestContext.value,
+      sourceRequest: sourceRequest.value,
+      source: params.schema.value.source
+    })
+  );
+  const cachedSourceKey = isCursorPagination.value ? createTableCursorQueryKey(
+    sourceDefinition.value.queryKey,
+    params.state.queryState.paginationRevision.value
+  ) : sourceDefinition.value.queryKey;
+  if (isQueryDefinitionEnabled(sourceDefinition.value) && useQueryClient().getQueryData(cachedSourceKey) !== void 0) {
+    params.startup.start();
+  }
   const query = useQuery(
     computed(() => {
-      const definition = resolveSourceDefinition({
-        context: contextData.value,
-        request: requestContext.value,
-        sourceRequest: sourceRequest.value,
-        source: params.schema.value.source
-      });
       if (isCursorPagination.value) {
         return disabledQueryDefinition("cursor");
       }
-      return withEnabled(definition, params.startup.isActive.value && isContextReady.value, {
-        placeholderData: keepPreviousData,
-        refetchOnWindowFocus: QUERY_DEFAULTS.refetchOnWindowFocus,
-        staleTime: dataStaleTime.value
-      });
+      return withEnabled(
+        sourceDefinition.value,
+        params.startup.isActive.value && isContextReady.value,
+        {
+          placeholderData: keepPreviousData,
+          refetchOnWindowFocus: QUERY_DEFAULTS.refetchOnWindowFocus,
+          staleTime: dataStaleTime.value
+        }
+      );
     })
   );
   const infiniteQuery = useInfiniteQuery(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-tools",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "description": "Nuxt module and runtime toolkit for UI-heavy Nuxt applications",
   "homepage": "https://github.com/ChronicStone/nuxt-ui-tools#readme",
   "bugs": "https://github.com/ChronicStone/nuxt-ui-tools/issues",