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

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.7
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2000,6 +2000,16 @@ var VueRuntimeDOM = (function (exports) {
         return;
       }
       this.flags = 1024;
+      this.reset();
+      const sub = this.subs;
+      if (sub !== void 0) {
+        unlink(sub);
+      }
+    }
+    /**
+     * @internal
+     */
+    reset() {
       let dep = this.deps;
       while (dep !== void 0) {
         const node = dep.dep;
@@ -2010,10 +2020,6 @@ var VueRuntimeDOM = (function (exports) {
           dep = unlink(dep, this);
         }
       }
-      const sub = this.subs;
-      if (sub !== void 0) {
-        unlink(sub);
-      }
       cleanup(this);
     }
   }
@@ -2825,6 +2831,7 @@ var VueRuntimeDOM = (function (exports) {
 
   let isHmrUpdating = false;
   const hmrDirtyComponents = /* @__PURE__ */ new Map();
+  const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
   {
     getGlobalThis().__VUE_HMR_RUNTIME__ = {
       createRecord: tryWrap(createRecord),
@@ -2888,9 +2895,10 @@ var VueRuntimeDOM = (function (exports) {
     const record = map.get(id);
     if (!record) return;
     newComp = normalizeClassComponent(newComp);
+    const isVapor = record.initialDef.__vapor;
     updateComponentDef(record.initialDef, newComp);
     const instances = [...record.instances];
-    if (newComp.__vapor && !instances.some((i) => i.ceReload)) {
+    if (isVapor && newComp.__vapor && !instances.some((i) => i.ceReload)) {
       for (const instance of instances) {
         if (instance.root && instance.root.ce && instance !== instance.root) {
           instance.root.ce._removeChildStyle(instance.type);
@@ -2910,6 +2918,7 @@ var VueRuntimeDOM = (function (exports) {
           hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
         }
         dirtyInstances.add(instance);
+        hmrDirtyComponentsMode.set(oldComp, !!isVapor);
         instance.appContext.propsCache.delete(instance.type);
         instance.appContext.emitsCache.delete(instance.type);
         instance.appContext.optionsCache.delete(instance.type);
@@ -2950,6 +2959,7 @@ var VueRuntimeDOM = (function (exports) {
     }
     queuePostFlushCb(() => {
       hmrDirtyComponents.clear();
+      hmrDirtyComponentsMode.clear();
     });
   }
   function updateComponentDef(oldComp, newComp) {
@@ -3580,7 +3590,7 @@ var VueRuntimeDOM = (function (exports) {
     onAppearCancelled: TransitionHookValidator
   };
   const recursiveGetSubtree = (instance) => {
-    const subTree = instance.type.__vapor ? instance.block : instance.subTree;
+    const subTree = isVaporComponent(instance.type) ? instance.block : instance.subTree;
     return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
   };
   const BaseTransitionImpl = {
@@ -3887,7 +3897,7 @@ var VueRuntimeDOM = (function (exports) {
   }
   function setTransitionHooks(vnode, hooks) {
     if (vnode.shapeFlag & 6 && vnode.component) {
-      if (vnode.type.__vapor) {
+      if (isVaporComponent(vnode.type)) {
         getVaporInterface(vnode.component, vnode).setTransitionHooks(
           vnode.component,
           hooks
@@ -4296,7 +4306,8 @@ var VueRuntimeDOM = (function (exports) {
                 node,
                 container,
                 null,
-                parentComponent
+                parentComponent,
+                parentSuspense
               );
             } else {
               mountComponent(
@@ -7112,29 +7123,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 +7175,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++) {
@@ -7935,7 +7949,13 @@ If you want to remount the same app, move your app creation logic into a factory
           );
           break;
         case VaporSlot:
-          getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor);
+          getVaporInterface(parentComponent, n2).slot(
+            n1,
+            n2,
+            container,
+            anchor,
+            parentComponent
+          );
           break;
         default:
           if (shapeFlag & 1) {
@@ -8438,7 +8458,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 +8520,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);
@@ -9080,7 +9136,7 @@ If you want to remount the same app, move your app creation logic into a factory
     const move = (vnode, container, anchor, moveType, parentComponent, parentSuspense = null) => {
       const { el, type, transition, children, shapeFlag } = vnode;
       if (shapeFlag & 6) {
-        if (type.__vapor) {
+        if (isVaporComponent(type)) {
           getVaporInterface(parentComponent, vnode).move(vnode, container, anchor);
         } else {
           move(
@@ -9190,7 +9246,7 @@ If you want to remount the same app, move your app creation logic into a factory
         parentComponent.renderCache[cacheIndex] = void 0;
       }
       if (shapeFlag & 256) {
-        if (vnode.type.__vapor) {
+        if (isVaporComponent(vnode.type)) {
           getVaporInterface(parentComponent, vnode).deactivate(
             vnode,
             parentComponent.ctx.getStorageContainer()
@@ -9207,7 +9263,7 @@ If you want to remount the same app, move your app creation logic into a factory
         invokeVNodeHook(vnodeHook, parentComponent, vnode);
       }
       if (shapeFlag & 6) {
-        if (type.__vapor) {
+        if (isVaporComponent(type)) {
           getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
           return;
         } else {
@@ -9339,7 +9395,7 @@ If you want to remount the same app, move your app creation logic into a factory
     };
     const getNextHostNode = (vnode) => {
       if (vnode.shapeFlag & 6) {
-        if (vnode.type.__vapor) {
+        if (isVaporComponent(vnode.type)) {
           return hostNextSibling(vnode.anchor);
         }
         return getNextHostNode(vnode.component.subTree);
@@ -9529,6 +9585,12 @@ app.use(vaporInteropPlugin)
     }
     return res;
   }
+  function isVaporComponent(type) {
+    if (isHmrUpdating && hmrDirtyComponentsMode.has(type)) {
+      return hmrDirtyComponentsMode.get(type);
+    }
+    return type.__vapor;
+  }
   function getInheritedScopeIds(vnode, parentComponent) {
     const inheritedScopeIds = [];
     let currentParent = parentComponent;
@@ -9828,7 +9890,7 @@ app.use(vaporInteropPlugin)
       m: move,
       um: unmount,
       n: next,
-      o: { parentNode, remove }
+      o: { parentNode }
     } = rendererInternals;
     let parentSuspenseId;
     const isSuspensible = isVNodeSuspensible(vnode);
@@ -10003,12 +10065,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 +10077,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 +11245,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.6.0-alpha.5";
+  const version = "3.6.0-alpha.7";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;