@inertiajs/vue3 2.3.6 → 2.3.8

package/dist/index.js

@@ -108,6 +108,7 @@ function useForm(...args) {
   let recentlySuccessfulTimeoutId;
   let transform = (data2) => data2;
   let validatorRef = null;
+  let rememberExcludeKeys = [];
   let defaultsCalledInOnSuccess = false;
   const form = (0, import_vue.reactive)({
     ...restored ? restored.data : (0, import_lodash_es2.cloneDeep)(defaults),
@@ -356,9 +357,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);
@@ -370,8 +381,10 @@ function useForm(...args) {
     typedForm,
     (newValue) => {
       typedForm.isDirty = !(0, import_lodash_es2.isEqual)(typedForm.data(), defaults);
-      if (rememberKey) {
-        import_core2.router.remember((0, import_lodash_es2.cloneDeep)(newValue.__remember()), rememberKey);
+      const storedData = import_core2.router.restore(rememberKey);
+      const newData = (0, import_lodash_es2.cloneDeep)(newValue.__remember());
+      if (rememberKey && !(0, import_lodash_es2.isEqual)(storedData, newData)) {
+        import_core2.router.remember(newData, rememberKey);
       }
     },
     { immediate: true, deep: true }
@@ -1082,6 +1095,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,
@@ -1103,15 +1123,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
@@ -1158,8 +1179,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;
@@ -1168,7 +1189,7 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
           fetch: dataManager.fetchPrevious,
           autoMode: headerAutoMode,
           manualMode: !headerAutoMode,
-          hasMore: dataManager.hasPrevious(),
+          hasMore: hasPreviousPage.value,
           ...sharedExposed
         };
         renderElements.push(
@@ -1197,7 +1218,7 @@ var InfiniteScroll = (0, import_vue7.defineComponent)({
           fetch: dataManager.fetchNext,
           autoMode: footerAutoMode,
           manualMode: !footerAutoMode,
-          hasMore: dataManager.hasNext(),
+          hasMore: hasNextPage.value,
           ...sharedExposed
         };
         renderElements.push(
@@ -1584,7 +1605,9 @@ function useRemember(data, key2) {
   const restored = import_core10.router.restore(key2);
   const type = (0, import_vue11.isReactive)(data) ? import_vue11.reactive : import_vue11.ref;
   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((0, import_lodash_es5.cloneDeep)(restored)) : (0, import_lodash_es5.cloneDeep)(restored)
+  );
   (0, import_vue11.watch)(
     remembered,
     (newValue) => {
@@ -1646,7 +1669,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 }
     );