vue 3.5.5 → 3.5.7

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.5.5
+* vue v3.5.7
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -468,7 +468,7 @@ var Vue = (function (exports) {
       /**
        * @internal
        */
-      this.nextEffect = void 0;
+      this.next = void 0;
       /**
        * @internal
        */
@@ -498,9 +498,7 @@ var Vue = (function (exports) {
         return;
       }
       if (!(this.flags & 8)) {
-        this.flags |= 8;
-        this.nextEffect = batchedEffect;
-        batchedEffect = this;
+        batch(this);
       }
     }
     run() {
@@ -561,7 +559,12 @@ var Vue = (function (exports) {
     }
   }
   let batchDepth = 0;
-  let batchedEffect;
+  let batchedSub;
+  function batch(sub) {
+    sub.flags |= 8;
+    sub.next = batchedSub;
+    batchedSub = sub;
+  }
   function startBatch() {
     batchDepth++;
   }
@@ -570,15 +573,16 @@ var Vue = (function (exports) {
       return;
     }
     let error;
-    while (batchedEffect) {
-      let e = batchedEffect;
-      batchedEffect = void 0;
+    while (batchedSub) {
+      let e = batchedSub;
+      batchedSub = void 0;
       while (e) {
-        const next = e.nextEffect;
-        e.nextEffect = void 0;
+        const next = e.next;
+        e.next = void 0;
         e.flags &= ~8;
         if (e.flags & 1) {
           try {
+            ;
             e.trigger();
           } catch (err) {
             if (!error) error = err;
@@ -618,7 +622,7 @@ var Vue = (function (exports) {
   }
   function isDirty(sub) {
     for (let link = sub.deps; link; link = link.nextDep) {
-      if (link.dep.version !== link.version || link.dep.computed && refreshComputed(link.dep.computed) || link.dep.version !== link.version) {
+      if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) {
         return true;
       }
     }
@@ -638,7 +642,7 @@ var Vue = (function (exports) {
     computed.globalVersion = globalVersion;
     const dep = computed.dep;
     computed.flags |= 2;
-    if (dep.version > 0 && !computed.isSSR && !isDirty(computed)) {
+    if (dep.version > 0 && !computed.isSSR && computed.deps && !isDirty(computed)) {
       computed.flags &= ~2;
       return;
     }
@@ -663,7 +667,7 @@ var Vue = (function (exports) {
       computed.flags &= ~2;
     }
   }
-  function removeSub(link) {
+  function removeSub(link, fromComputed = false) {
     const { dep, prevSub, nextSub } = link;
     if (prevSub) {
       prevSub.nextSub = nextSub;
@@ -676,10 +680,18 @@ var Vue = (function (exports) {
     if (dep.subs === link) {
       dep.subs = prevSub;
     }
-    if (!dep.subs && dep.computed) {
-      dep.computed.flags &= ~4;
-      for (let l = dep.computed.deps; l; l = l.nextDep) {
-        removeSub(l);
+    if (dep.subsHead === link) {
+      dep.subsHead = nextSub;
+    }
+    if (!dep.subs) {
+      if (dep.computed) {
+        dep.computed.flags &= ~4;
+        for (let l = dep.computed.deps; l; l = l.nextDep) {
+          removeSub(l, true);
+        }
+      } else if (dep.map && !fromComputed) {
+        dep.map.delete(dep.key);
+        if (!dep.map.size) targetMap.delete(dep.target);
       }
     }
   }
@@ -760,6 +772,12 @@ var Vue = (function (exports) {
        * Doubly linked list representing the subscribing effects (tail)
        */
       this.subs = void 0;
+      /**
+       * For object property deps cleanup
+       */
+      this.target = void 0;
+      this.map = void 0;
+      this.key = void 0;
       {
         this.subsHead = void 0;
       }
@@ -833,7 +851,10 @@ var Vue = (function (exports) {
           }
         }
         for (let link = this.subs; link; link = link.prevSub) {
-          link.sub.notify();
+          if (link.sub.notify()) {
+            ;
+            link.sub.dep.notify();
+          }
         }
       } finally {
         endBatch();
@@ -877,6 +898,9 @@ var Vue = (function (exports) {
       let dep = depsMap.get(key);
       if (!dep) {
         depsMap.set(key, dep = new Dep());
+        dep.target = target;
+        dep.map = depsMap;
+        dep.key = key;
       }
       {
         dep.track({
@@ -1753,13 +1777,15 @@ var Vue = (function (exports) {
     }
   }
   function triggerRef(ref2) {
-    {
-      ref2.dep.trigger({
-        target: ref2,
-        type: "set",
-        key: "value",
-        newValue: ref2._value
-      });
+    if (ref2.dep) {
+      {
+        ref2.dep.trigger({
+          target: ref2,
+          type: "set",
+          key: "value",
+          newValue: ref2._value
+        });
+      }
     }
   }
   function unref(ref2) {
@@ -1902,8 +1928,10 @@ var Vue = (function (exports) {
      */
     notify() {
       this.flags |= 16;
-      if (activeSub !== this) {
-        this.dep.notify();
+      if (!(this.flags & 8) && // avoid infinite self recursion
+      activeSub !== this) {
+        batch(this);
+        return true;
       }
     }
     get value() {
@@ -2051,20 +2079,12 @@ var Vue = (function (exports) {
         remove(scope.effects, effect);
       }
     };
-    if (once) {
-      if (cb) {
-        const _cb = cb;
-        cb = (...args) => {
-          _cb(...args);
-          watchHandle();
-        };
-      } else {
-        const _getter = getter;
-        getter = () => {
-          _getter();
-          watchHandle();
-        };
-      }
+    if (once && cb) {
+      const _cb = cb;
+      cb = (...args) => {
+        _cb(...args);
+        watchHandle();
+      };
     }
     let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
     const job = (immediateFirstRun) => {
@@ -2513,7 +2533,9 @@ var Vue = (function (exports) {
           cb.flags &= ~1;
         }
         cb();
-        cb.flags &= ~1;
+        if (!(cb.flags & 4)) {
+          cb.flags &= ~1;
+        }
       }
     }
   }
@@ -2569,7 +2591,9 @@ var Vue = (function (exports) {
             job.i,
             job.i ? 15 : 14
           );
-          job.flags &= ~1;
+          if (!(job.flags & 4)) {
+            job.flags &= ~1;
+          }
         }
       }
     } finally {
@@ -4368,6 +4392,11 @@ Server rendered element contains fewer child nodes than client vdom.`
     const id = requestIdleCallback(hydrate, { timeout });
     return () => cancelIdleCallback(id);
   };
+  function elementIsVisibleInViewport(el) {
+    const { top, left, bottom, right } = el.getBoundingClientRect();
+    const { innerHeight, innerWidth } = window;
+    return (top > 0 && top < innerHeight || bottom > 0 && bottom < innerHeight) && (left > 0 && left < innerWidth || right > 0 && right < innerWidth);
+  }
   const hydrateOnVisible = (opts) => (hydrate, forEach) => {
     const ob = new IntersectionObserver((entries) => {
       for (const e of entries) {
@@ -4377,7 +4406,15 @@ Server rendered element contains fewer child nodes than client vdom.`
         break;
       }
     }, opts);
-    forEach((el) => ob.observe(el));
+    forEach((el) => {
+      if (!(el instanceof Element)) return;
+      if (elementIsVisibleInViewport(el)) {
+        hydrate();
+        ob.disconnect();
+        return false;
+      }
+      ob.observe(el);
+    });
     return () => ob.disconnect();
   };
   const hydrateOnMediaQuery = (query) => (hydrate) => {
@@ -4422,7 +4459,10 @@ Server rendered element contains fewer child nodes than client vdom.`
       let next = node.nextSibling;
       while (next) {
         if (next.nodeType === 1) {
-          cb(next);
+          const result = cb(next);
+          if (result === false) {
+            break;
+          }
         } else if (isComment(next)) {
           if (next.data === "]") {
             if (--depth === 0) break;
@@ -10353,7 +10393,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.5";
+  const version = "3.5.7";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10640,7 +10680,7 @@ Component that was made reactive: `,
         resolve();
       }
     };
-    if (explicitTimeout) {
+    if (explicitTimeout != null) {
       return setTimeout(resolveIfNotStale, explicitTimeout);
     }
     const { type, timeout, propCount } = getTransitionInfo(el, expectedType);