@vue/runtime-dom 3.6.0-alpha.5 → 3.6.0-alpha.6

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.6.0-alpha.5
+* @vue/runtime-dom v3.6.0-alpha.6
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -4296,7 +4296,8 @@ var VueRuntimeDOM = (function (exports) {
                 node,
                 container,
                 null,
-                parentComponent
+                parentComponent,
+                parentSuspense
               );
             } else {
               mountComponent(
@@ -7112,29 +7113,7 @@ If you want to remount the same app, move your app creation logic into a factory
           }
           root = cloneVNode(root, fallthroughAttrs, false, true);
         } else if (!accessedAttrs && root.type !== Comment) {
-          const allAttrs = Object.keys(attrs);
-          const eventAttrs = [];
-          const extraAttrs = [];
-          for (let i = 0, l = allAttrs.length; i < l; i++) {
-            const key = allAttrs[i];
-            if (isOn(key)) {
-              if (!isModelListener(key)) {
-                eventAttrs.push(key[2].toLowerCase() + key.slice(3));
-              }
-            } else {
-              extraAttrs.push(key);
-            }
-          }
-          if (extraAttrs.length) {
-            warn$1(
-              `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`
-            );
-          }
-          if (eventAttrs.length) {
-            warn$1(
-              `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.`
-            );
-          }
+          warnExtraneousAttributes(attrs);
         }
       }
     }
@@ -7186,6 +7165,31 @@ If you want to remount the same app, move your app creation logic into a factory
     };
     return [normalizeVNode(childRoot), setRoot];
   };
+  function warnExtraneousAttributes(attrs) {
+    const allAttrs = Object.keys(attrs);
+    const eventAttrs = [];
+    const extraAttrs = [];
+    for (let i = 0, l = allAttrs.length; i < l; i++) {
+      const key = allAttrs[i];
+      if (isOn(key)) {
+        if (!isModelListener(key)) {
+          eventAttrs.push(key[2].toLowerCase() + key.slice(3));
+        }
+      } else {
+        extraAttrs.push(key);
+      }
+    }
+    if (extraAttrs.length) {
+      warn$1(
+        `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`
+      );
+    }
+    if (eventAttrs.length) {
+      warn$1(
+        `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.`
+      );
+    }
+  }
   function filterSingleRoot(children, recurse = true) {
     let singleRoot;
     for (let i = 0; i < children.length; i++) {
@@ -8438,7 +8442,8 @@ If you want to remount the same app, move your app creation logic into a factory
               n2,
               container,
               anchor,
-              parentComponent
+              parentComponent,
+              parentSuspense
             );
           }
         } else {
@@ -8499,7 +8504,42 @@ If you want to remount the same app, move your app creation logic into a factory
       }
       if (isHmrUpdating) initialVNode.el = null;
       if (instance.asyncDep) {
-        parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
+        if (parentSuspense) {
+          const hydratedEl = instance.vnode.el;
+          parentSuspense.registerDep(instance, (setupResult) => {
+            const { vnode } = instance;
+            {
+              pushWarningContext(vnode);
+            }
+            handleSetupResult(instance, setupResult, false);
+            if (hydratedEl) {
+              vnode.el = hydratedEl;
+            }
+            const placeholder = !hydratedEl && instance.subTree.el;
+            setupRenderEffect(
+              instance,
+              vnode,
+              // component may have been moved before resolve.
+              // if this is not a hydration, instance.subTree will be the comment
+              // placeholder.
+              hostParentNode(hydratedEl || instance.subTree.el),
+              // anchor will not be used if this is hydration, so only need to
+              // consider the comment placeholder case.
+              hydratedEl ? null : getNextHostNode(instance.subTree),
+              parentSuspense,
+              namespace,
+              optimized
+            );
+            if (placeholder) {
+              vnode.placeholder = null;
+              hostRemove(placeholder);
+            }
+            updateHOCHostEl(instance, vnode.el);
+            {
+              popWarningContext();
+            }
+          });
+        }
         if (!initialVNode.el) {
           const placeholder = instance.subTree = createVNode(Comment);
           processCommentNode(null, placeholder, container, anchor);
@@ -9828,7 +9868,7 @@ app.use(vaporInteropPlugin)
       m: move,
       um: unmount,
       n: next,
-      o: { parentNode, remove }
+      o: { parentNode }
     } = rendererInternals;
     let parentSuspenseId;
     const isSuspensible = isVNodeSuspensible(vnode);
@@ -10003,12 +10043,11 @@ app.use(vaporInteropPlugin)
       next() {
         return suspense.activeBranch && next(suspense.activeBranch);
       },
-      registerDep(instance, setupRenderEffect, optimized2) {
+      registerDep(instance, onResolve) {
         const isInPendingSuspense = !!suspense.pendingBranch;
         if (isInPendingSuspense) {
           suspense.deps++;
         }
-        const hydratedEl = instance.vnode.el;
         instance.asyncDep.catch((err) => {
           handleError(err, instance, 0);
         }).then((asyncSetupResult) => {
@@ -10016,37 +10055,7 @@ app.use(vaporInteropPlugin)
             return;
           }
           instance.asyncResolved = true;
-          const { vnode: vnode2 } = instance;
-          {
-            pushWarningContext(vnode2);
-          }
-          handleSetupResult(instance, asyncSetupResult, false);
-          if (hydratedEl) {
-            vnode2.el = hydratedEl;
-          }
-          const placeholder = !hydratedEl && instance.subTree.el;
-          setupRenderEffect(
-            instance,
-            vnode2,
-            // component may have been moved before resolve.
-            // if this is not a hydration, instance.subTree will be the comment
-            // placeholder.
-            parentNode(hydratedEl || instance.subTree.el),
-            // anchor will not be used if this is hydration, so only need to
-            // consider the comment placeholder case.
-            hydratedEl ? null : next(instance.subTree),
-            suspense,
-            namespace,
-            optimized2
-          );
-          if (placeholder) {
-            vnode2.placeholder = null;
-            remove(placeholder);
-          }
-          updateHOCHostEl(instance, vnode2.el);
-          {
-            popWarningContext();
-          }
+          onResolve(asyncSetupResult);
           if (isInPendingSuspense && --suspense.deps === 0) {
             suspense.resolve();
           }
@@ -11214,7 +11223,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.6.0-alpha.5";
+  const version = "3.6.0-alpha.6";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;