@vue/runtime-dom 3.2.34-beta.1 → 3.2.36

package/dist/runtime-dom.global.js

@@ -3869,11 +3869,6 @@ var VueRuntimeDOM = (function (exports) {
           // The whole point of this is to avoid importing KeepAlive directly in the
           // renderer to facilitate tree-shaking.
           const sharedContext = instance.ctx;
-          // if the internal renderer is not registered, it indicates that this is server-side rendering,
-          // for KeepAlive, we just need to render its children
-          if (!sharedContext.renderer) {
-              return slots.default;
-          }
           const cache = new Map();
           const keys = new Set();
           let current = null;
@@ -6001,7 +5996,7 @@ var VueRuntimeDOM = (function (exports) {
   // Hydration also depends on some renderer internal logic which needs to be
   // passed in via arguments.
   function createHydrationFunctions(rendererInternals) {
-      const { mt: mountComponent, p: patch, o: { patchProp, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
+      const { mt: mountComponent, p: patch, o: { patchProp, createText, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
       const hydrate = (vnode, container) => {
           if (!container.hasChildNodes()) {
               warn$1(`Attempting to hydrate existing markup but container is empty. ` +
@@ -6032,7 +6027,15 @@ var VueRuntimeDOM = (function (exports) {
           switch (type) {
               case Text:
                   if (domType !== 3 /* TEXT */) {
-                      nextNode = onMismatch();
+                      // #5728 empty text node inside a slot can cause hydration failure
+                      // because the server rendered HTML won't contain a text node
+                      if (vnode.children === '') {
+                          insert((vnode.el = createText('')), parentNode(node), node);
+                          nextNode = node;
+                      }
+                      else {
+                          nextNode = onMismatch();
+                      }
                   }
                   else {
                       if (node.data !== vnode.children) {
@@ -6106,6 +6109,12 @@ var VueRuntimeDOM = (function (exports) {
                       nextNode = isFragmentStart
                           ? locateClosingAsyncAnchor(node)
                           : nextSibling(node);
+                      // #4293 teleport as component root
+                      if (nextNode &&
+                          isComment(nextNode) &&
+                          nextNode.data === 'teleport end') {
+                          nextNode = nextSibling(nextNode);
+                      }
                       // #3787
                       // if component is async, it may get moved / unmounted before its
                       // inner component is loaded, so we need to give it a placeholder
@@ -6769,8 +6778,9 @@ var VueRuntimeDOM = (function (exports) {
           const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''));
           const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''));
           let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-          if (isHmrUpdating) {
-              // HMR updated, force full diff
+          if (// #5523 dev root fragment may inherit directives
+              (isHmrUpdating || patchFlag & 2048 /* DEV_ROOT_FRAGMENT */)) {
+              // HMR updated / Dev root fragment (w/ comments), force full diff
               patchFlag = 0;
               optimized = false;
               dynamicChildren = null;
@@ -6792,8 +6802,6 @@ var VueRuntimeDOM = (function (exports) {
           else {
               if (patchFlag > 0 &&
                   patchFlag & 64 /* STABLE_FRAGMENT */ &&
-                  // #5523 dev root fragment may inherit directives so always force update
-                  !(patchFlag & 2048 /* DEV_ROOT_FRAGMENT */) &&
                   dynamicChildren &&
                   // #2715 the previous fragment could've been a BAILed one as a result
                   // of renderSlot() with no valid children
@@ -7879,10 +7887,23 @@ var VueRuntimeDOM = (function (exports) {
               }
               else {
                   vnode.anchor = nextSibling(node);
-                  vnode.targetAnchor = hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+                  // lookahead until we find the target anchor
+                  // we cannot rely on return value of hydrateChildren() because there
+                  // could be nested teleports
+                  let targetAnchor = targetNode;
+                  while (targetAnchor) {
+                      targetAnchor = nextSibling(targetAnchor);
+                      if (targetAnchor &&
+                          targetAnchor.nodeType === 8 &&
+                          targetAnchor.data === 'teleport anchor') {
+                          vnode.targetAnchor = targetAnchor;
+                          target._lpa =
+                              vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+                          break;
+                      }
+                  }
+                  hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
               }
-              target._lpa =
-                  vnode.targetAnchor && nextSibling(vnode.targetAnchor);
           }
       }
       return vnode.anchor && nextSibling(vnode.anchor);
@@ -9162,7 +9183,7 @@ var VueRuntimeDOM = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.34-beta.1";
+  const version = "3.2.36";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -9473,7 +9494,7 @@ var VueRuntimeDOM = (function (exports) {
               // if the low-res timestamp which is bigger than the event timestamp
               // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
               // and we need to use the hi-res version for event listeners as well.
-              _getNow = () => performance.now();
+              _getNow = performance.now.bind(performance);
           }
           // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
           // and does not fire microtasks in between event propagation, so safe to exclude.
@@ -9991,9 +10012,8 @@ var VueRuntimeDOM = (function (exports) {
           removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
           done && done();
       };
-      let isLeaving = false;
       const finishLeave = (el, done) => {
-          isLeaving = false;
+          el._isLeaving = false;
           removeTransitionClass(el, leaveFromClass);
           removeTransitionClass(el, leaveToClass);
           removeTransitionClass(el, leaveActiveClass);
@@ -10027,14 +10047,14 @@ var VueRuntimeDOM = (function (exports) {
           onEnter: makeEnterHook(false),
           onAppear: makeEnterHook(true),
           onLeave(el, done) {
-              isLeaving = true;
+              el._isLeaving = true;
               const resolve = () => finishLeave(el, done);
               addTransitionClass(el, leaveFromClass);
               // force reflow so *-leave-from classes immediately take effect (#2593)
               forceReflow();
               addTransitionClass(el, leaveActiveClass);
               nextFrame(() => {
-                  if (!isLeaving) {
+                  if (!el._isLeaving) {
                       // cancelled
                       return;
                   }
@@ -10555,27 +10575,25 @@ var VueRuntimeDOM = (function (exports) {
           callModelHook(el, binding, vnode, prevVNode, 'updated');
       }
   };
-  function callModelHook(el, binding, vnode, prevVNode, hook) {
-      let modelToUse;
-      switch (el.tagName) {
+  function resolveDynamicModel(tagName, type) {
+      switch (tagName) {
           case 'SELECT':
-              modelToUse = vModelSelect;
-              break;
+              return vModelSelect;
           case 'TEXTAREA':
-              modelToUse = vModelText;
-              break;
+              return vModelText;
           default:
-              switch (vnode.props && vnode.props.type) {
+              switch (type) {
                   case 'checkbox':
-                      modelToUse = vModelCheckbox;
-                      break;
+                      return vModelCheckbox;
                   case 'radio':
-                      modelToUse = vModelRadio;
-                      break;
+                      return vModelRadio;
                   default:
-                      modelToUse = vModelText;
+                      return vModelText;
               }
       }
+  }
+  function callModelHook(el, binding, vnode, prevVNode, hook) {
+      const modelToUse = resolveDynamicModel(el.tagName, vnode.props && vnode.props.type);
       const fn = modelToUse[hook];
       fn && fn(el, binding, vnode, prevVNode);
   }