@inertiajs/vue3 2.3.7 → 2.3.9

package/dist/index.js

@@ -32,6 +32,7 @@ __export(index_exports, {
   progress: () => import_core13.progress,
   router: () => import_core13.router,
   useForm: () => useForm,
+  useFormContext: () => useFormContext,
   usePage: () => usePage,
   usePoll: () => usePoll,
   usePrefetch: () => usePrefetch,
@@ -604,6 +605,7 @@ var import_core5 = require("@inertiajs/core");
 var import_lodash_es3 = require("lodash-es");
 var import_vue5 = require("vue");
 var noop = () => void 0;
+var FormContextKey = Symbol("InertiaFormContext");
 var Form = (0, import_vue5.defineComponent)({
   name: "Form",
   slots: Object,
@@ -856,6 +858,7 @@ var Form = (0, import_vue5.defineComponent)({
       validator: () => form.validator()
     };
     expose(exposed);
+    (0, import_vue5.provide)(FormContextKey, exposed);
     return () => {
       return (0, import_vue5.h)(
         "form",
@@ -875,6 +878,9 @@ var Form = (0, import_vue5.defineComponent)({
     };
   }
 });
+function useFormContext() {
+  return (0, import_vue5.inject)(FormContextKey);
+}
 var form_default = Form;
 
 // src/head.ts
@@ -1095,6 +1101,13 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
     const loadingPrevious = (0, import_vue7.ref)(false);
     const loadingNext = (0, import_vue7.ref)(false);
     const requestCount = (0, import_vue7.ref)(0);
+    const hasPreviousPage = (0, import_vue7.ref)(false);
+    const hasNextPage = (0, import_vue7.ref)(false);
+    const syncStateFromDataManager = () => {
+      requestCount.value = dataManager.getRequestCount();
+      hasPreviousPage.value = dataManager.hasPrevious();
+      hasNextPage.value = dataManager.hasNext();
+    };
     const {
       dataManager,
       elementManager,
@@ -1116,15 +1129,16 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
       onBeforePreviousRequest: () => loadingPrevious.value = true,
       onBeforeNextRequest: () => loadingNext.value = true,
       onCompletePreviousRequest: () => {
-        requestCount.value = dataManager.getRequestCount();
         loadingPrevious.value = false;
+        syncStateFromDataManager();
       },
       onCompleteNextRequest: () => {
-        requestCount.value = dataManager.getRequestCount();
         loadingNext.value = false;
-      }
+        syncStateFromDataManager();
+      },
+      onDataReset: syncStateFromDataManager
     });
-    requestCount.value = dataManager.getRequestCount();
+    syncStateFromDataManager();
     const autoLoad = (0, import_vue7.computed)(() => !manualMode.value);
     const manualMode = (0, import_vue7.computed)(
       () => props.manual || props.manualAfter > 0 && requestCount.value >= props.manualAfter
@@ -1171,8 +1185,8 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
       const sharedExposed = {
         loadingPrevious: loadingPrevious.value,
         loadingNext: loadingNext.value,
-        hasPrevious: dataManager.hasPrevious(),
-        hasNext: dataManager.hasNext()
+        hasPrevious: hasPreviousPage.value,
+        hasNext: hasNextPage.value
       };
       if (!props.startElement) {
         const headerAutoMode = autoLoad.value && !props.onlyNext;
@@ -1181,7 +1195,7 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
           fetch: dataManager.fetchPrevious,
           autoMode: headerAutoMode,
           manualMode: !headerAutoMode,
-          hasMore: dataManager.hasPrevious(),
+          hasMore: hasPreviousPage.value,
           ...sharedExposed
         };
         renderElements.push(
@@ -1210,7 +1224,7 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
           fetch: dataManager.fetchNext,
           autoMode: footerAutoMode,
           manualMode: !footerAutoMode,
-          hasMore: dataManager.hasNext(),
+          hasMore: hasNextPage.value,
           ...sharedExposed
         };
         renderElements.push(
@@ -1661,7 +1675,9 @@ var whenVisible_default = (0, import_vue12.defineComponent)({
         if (exists && !this.always) {
           return;
         }
-        this.$nextTick(this.registerObserver);
+        if (!this.observer || !exists) {
+          this.$nextTick(this.registerObserver);
+        }
       },
       { immediate: true }
     );