@inertiajs/vue3 2.3.6 → 2.3.8

package/dist/index.esm.js

@@ -87,6 +87,7 @@ function useForm(...args) {
   let recentlySuccessfulTimeoutId;
   let transform = (data2) => data2;
   let validatorRef = null;
+  let rememberExcludeKeys = [];
   let defaultsCalledInOnSuccess = false;
   const form = reactive({
     ...restored ? restored.data : cloneDeep2(defaults),
@@ -335,9 +336,19 @@ function useForm(...args) {
         cancelToken.cancel();
       }
     },
+    dontRemember(...keys) {
+      rememberExcludeKeys = keys;
+      return this;
+    },
     __rememberable: rememberKey === null,
     __remember() {
-      return { data: this.data(), errors: this.errors };
+      const data2 = this.data();
+      if (rememberExcludeKeys.length > 0) {
+        const filtered = { ...data2 };
+        rememberExcludeKeys.forEach((k) => delete filtered[k]);
+        return { data: filtered, errors: this.errors };
+      }
+      return { data: data2, errors: this.errors };
     },
     __restore(restored2) {
       Object.assign(this, restored2.data);
@@ -349,8 +360,10 @@ function useForm(...args) {
     typedForm,
     (newValue) => {
       typedForm.isDirty = !isEqual(typedForm.data(), defaults);
-      if (rememberKey) {
-        router2.remember(cloneDeep2(newValue.__remember()), rememberKey);
+      const storedData = router2.restore(rememberKey);
+      const newData = cloneDeep2(newValue.__remember());
+      if (rememberKey && !isEqual(storedData, newData)) {
+        router2.remember(newData, rememberKey);
       }
     },
     { immediate: true, deep: true }
@@ -1074,6 +1087,13 @@ var InfiniteScroll = defineComponent5({
     const loadingPrevious = ref3(false);
     const loadingNext = ref3(false);
     const requestCount = ref3(0);
+    const hasPreviousPage = ref3(false);
+    const hasNextPage = ref3(false);
+    const syncStateFromDataManager = () => {
+      requestCount.value = dataManager.getRequestCount();
+      hasPreviousPage.value = dataManager.hasPrevious();
+      hasNextPage.value = dataManager.hasNext();
+    };
     const {
       dataManager,
       elementManager,
@@ -1095,15 +1115,16 @@ var InfiniteScroll = defineComponent5({
       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 = computed3(() => !manualMode.value);
     const manualMode = computed3(
       () => props.manual || props.manualAfter > 0 && requestCount.value >= props.manualAfter
@@ -1150,8 +1171,8 @@ var InfiniteScroll = defineComponent5({
       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;
@@ -1160,7 +1181,7 @@ var InfiniteScroll = defineComponent5({
           fetch: dataManager.fetchPrevious,
           autoMode: headerAutoMode,
           manualMode: !headerAutoMode,
-          hasMore: dataManager.hasPrevious(),
+          hasMore: hasPreviousPage.value,
           ...sharedExposed
         };
         renderElements.push(
@@ -1189,7 +1210,7 @@ var InfiniteScroll = defineComponent5({
           fetch: dataManager.fetchNext,
           autoMode: footerAutoMode,
           manualMode: !footerAutoMode,
-          hasMore: dataManager.hasNext(),
+          hasMore: hasNextPage.value,
           ...sharedExposed
         };
         renderElements.push(
@@ -1582,7 +1603,9 @@ function useRemember(data, key2) {
   const restored = router8.restore(key2);
   const type = isReactive(data) ? reactive3 : ref6;
   const hasCallbacks = typeof data.__remember === "function" && typeof data.__restore === "function";
-  const remembered = type(restored === void 0 ? data : hasCallbacks ? data.__restore(restored) : restored);
+  const remembered = type(
+    restored === void 0 ? data : hasCallbacks ? data.__restore(cloneDeep3(restored)) : cloneDeep3(restored)
+  );
   watch4(
     remembered,
     (newValue) => {
@@ -1644,7 +1667,9 @@ var whenVisible_default = defineComponent7({
         if (exists && !this.always) {
           return;
         }
-        this.$nextTick(this.registerObserver);
+        if (!this.observer || !exists) {
+          this.$nextTick(this.registerObserver);
+        }
       },
       { immediate: true }
     );