@vue/runtime-dom 3.5.6 → 3.5.8

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.5.6
+* @vue/runtime-dom v3.5.8
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -600,7 +600,7 @@ var VueRuntimeDOM = (function (exports) {
       link.dep.activeLink = link;
     }
   }
-  function cleanupDeps(sub) {
+  function cleanupDeps(sub, fromComputed = false) {
     let head;
     let tail = sub.depsTail;
     let link = tail;
@@ -608,7 +608,7 @@ var VueRuntimeDOM = (function (exports) {
       const prev = link.prevDep;
       if (link.version === -1) {
         if (link === tail) tail = prev;
-        removeSub(link);
+        removeSub(link, fromComputed);
         removeDep(link);
       } else {
         head = link;
@@ -663,11 +663,11 @@ var VueRuntimeDOM = (function (exports) {
     } finally {
       activeSub = prevSub;
       shouldTrack = prevShouldTrack;
-      cleanupDeps(computed);
+      cleanupDeps(computed, true);
       computed.flags &= ~2;
     }
   }
-  function removeSub(link) {
+  function removeSub(link, fromComputed = false) {
     const { dep, prevSub, nextSub } = link;
     if (prevSub) {
       prevSub.nextSub = nextSub;
@@ -680,10 +680,18 @@ var VueRuntimeDOM = (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);
       }
     }
   }
@@ -764,6 +772,12 @@ var VueRuntimeDOM = (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;
       }
@@ -884,6 +898,9 @@ var VueRuntimeDOM = (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({
@@ -1760,13 +1777,15 @@ var VueRuntimeDOM = (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) {
@@ -2514,7 +2533,9 @@ var VueRuntimeDOM = (function (exports) {
           cb.flags &= ~1;
         }
         cb();
-        cb.flags &= ~1;
+        if (!(cb.flags & 4)) {
+          cb.flags &= ~1;
+        }
       }
     }
   }
@@ -2570,7 +2591,9 @@ var VueRuntimeDOM = (function (exports) {
             job.i,
             job.i ? 15 : 14
           );
-          job.flags &= ~1;
+          if (!(job.flags & 4)) {
+            job.flags &= ~1;
+          }
         }
       }
     } finally {
@@ -4369,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) {
@@ -4378,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) => {
@@ -4423,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;
@@ -10354,7 +10393,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.6";
+  const version = "3.5.8";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10641,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);