vue 3.3.6 → 3.3.8

package/dist/vue.global.js

@@ -608,7 +608,7 @@ var Vue = (function (exports) {
     } else if (key === "length" && isArray(target)) {
       const newLength = Number(newValue);
       depsMap.forEach((dep, key2) => {
-        if (key2 === "length" || key2 >= newLength) {
+        if (key2 === "length" || !isSymbol(key2) && key2 >= newLength) {
           deps.push(dep);
         }
       });
@@ -1704,8 +1704,13 @@ var Vue = (function (exports) {
     let end = queue.length;
     while (start < end) {
       const middle = start + end >>> 1;
-      const middleJobId = getId(queue[middle]);
-      middleJobId < id ? start = middle + 1 : end = middle;
+      const middleJob = queue[middle];
+      const middleJobId = getId(middleJob);
+      if (middleJobId < id || middleJobId === id && middleJob.pre) {
+        start = middle + 1;
+      } else {
+        end = middle;
+      }
     }
     return start;
   }
@@ -2507,6 +2512,61 @@ var Vue = (function (exports) {
     }
   }
 
+  const COMPONENTS = "components";
+  const DIRECTIVES = "directives";
+  function resolveComponent(name, maybeSelfReference) {
+    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+  }
+  const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
+  function resolveDynamicComponent(component) {
+    if (isString(component)) {
+      return resolveAsset(COMPONENTS, component, false) || component;
+    } else {
+      return component || NULL_DYNAMIC_COMPONENT;
+    }
+  }
+  function resolveDirective(name) {
+    return resolveAsset(DIRECTIVES, name);
+  }
+  function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
+    const instance = currentRenderingInstance || currentInstance;
+    if (instance) {
+      const Component = instance.type;
+      if (type === COMPONENTS) {
+        const selfName = getComponentName(
+          Component,
+          false
+          /* do not include inferred name to avoid breaking existing code */
+        );
+        if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
+          return Component;
+        }
+      }
+      const res = (
+        // local registration
+        // check instance[type] first which is resolved for options API
+        resolve(instance[type] || Component[type], name) || // global registration
+        resolve(instance.appContext[type], name)
+      );
+      if (!res && maybeSelfReference) {
+        return Component;
+      }
+      if (warnMissing && !res) {
+        const extra = type === COMPONENTS ? `
+If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``;
+        warn(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
+      }
+      return res;
+    } else {
+      warn(
+        `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().`
+      );
+    }
+  }
+  function resolve(registry, name) {
+    return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
+  }
+
   const isSuspense = (type) => type.__isSuspense;
   const SuspenseImpl = {
     name: "Suspense",
@@ -2820,14 +2880,16 @@ var Vue = (function (exports) {
           parentComponent: parentComponent2,
           container: container2
         } = suspense;
+        let delayEnter = false;
         if (suspense.isHydrating) {
           suspense.isHydrating = false;
         } else if (!resume) {
-          const delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
+          delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
           if (delayEnter) {
             activeBranch.transition.afterLeave = () => {
               if (pendingId === suspense.pendingId) {
                 move(pendingBranch, container2, anchor2, 0);
+                queuePostFlushCb(effects);
               }
             };
           }
@@ -2853,7 +2915,7 @@ var Vue = (function (exports) {
           }
           parent = parent.parent;
         }
-        if (!hasUnresolvedAncestor) {
+        if (!hasUnresolvedAncestor && !delayEnter) {
           queuePostFlushCb(effects);
         }
         suspense.effects = [];
@@ -3039,7 +3101,7 @@ var Vue = (function (exports) {
     }
     if (isArray(s)) {
       const singleChild = filterSingleRoot(s);
-      if (!singleChild) {
+      if (!singleChild && s.filter((child) => child !== NULL_DYNAMIC_COMPONENT).length > 0) {
         warn(`<Suspense> slots expect a single root node.`);
       }
       s = singleChild;
@@ -4124,61 +4186,6 @@ var Vue = (function (exports) {
     injectHook("ec", hook, target);
   }
 
-  const COMPONENTS = "components";
-  const DIRECTIVES = "directives";
-  function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
-  }
-  const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
-  function resolveDynamicComponent(component) {
-    if (isString(component)) {
-      return resolveAsset(COMPONENTS, component, false) || component;
-    } else {
-      return component || NULL_DYNAMIC_COMPONENT;
-    }
-  }
-  function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
-  }
-  function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    const instance = currentRenderingInstance || currentInstance;
-    if (instance) {
-      const Component = instance.type;
-      if (type === COMPONENTS) {
-        const selfName = getComponentName(
-          Component,
-          false
-          /* do not include inferred name to avoid breaking existing code */
-        );
-        if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
-          return Component;
-        }
-      }
-      const res = (
-        // local registration
-        // check instance[type] first which is resolved for options API
-        resolve(instance[type] || Component[type], name) || // global registration
-        resolve(instance.appContext[type], name)
-      );
-      if (!res && maybeSelfReference) {
-        return Component;
-      }
-      if (warnMissing && !res) {
-        const extra = type === COMPONENTS ? `
-If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``;
-        warn(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
-      }
-      return res;
-    } else {
-      warn(
-        `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().`
-      );
-    }
-  }
-  function resolve(registry, name) {
-    return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
-  }
-
   function renderList(source, renderItem, cache, index) {
     let ret;
     const cached = cache && cache[index];
@@ -5994,7 +6001,14 @@ If you want to remount the same app, move your app creation logic into a factory
           }
           break;
         case Comment:
-          if (domType !== 8 /* COMMENT */ || isFragmentStart) {
+          if (isTemplateNode(node)) {
+            nextNode = nextSibling(node);
+            replaceNode(
+              vnode.el = node.content.firstChild,
+              node,
+              parentComponent
+            );
+          } else if (domType !== 8 /* COMMENT */ || isFragmentStart) {
             nextNode = onMismatch();
           } else {
             nextNode = nextSibling(node);
@@ -6037,7 +6051,7 @@ If you want to remount the same app, move your app creation logic into a factory
           break;
         default:
           if (shapeFlag & 1) {
-            if (domType !== 1 /* ELEMENT */ || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) {
+            if ((domType !== 1 /* ELEMENT */ || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) {
               nextNode = onMismatch();
             } else {
               nextNode = hydrateElement(
@@ -6052,6 +6066,13 @@ If you want to remount the same app, move your app creation logic into a factory
           } else if (shapeFlag & 6) {
             vnode.slotScopeIds = slotScopeIds;
             const container = parentNode(node);
+            if (isFragmentStart) {
+              nextNode = locateClosingAnchor(node);
+            } else if (isComment(node) && node.data === "teleport start") {
+              nextNode = locateClosingAnchor(node, node.data, "teleport end");
+            } else {
+              nextNode = nextSibling(node);
+            }
             mountComponent(
               vnode,
               container,
@@ -6061,10 +6082,6 @@ If you want to remount the same app, move your app creation logic into a factory
               isSVGContainer(container),
               optimized
             );
-            nextNode = isFragmentStart ? locateClosingAsyncAnchor(node) : nextSibling(node);
-            if (nextNode && isComment(nextNode) && nextNode.data === "teleport end") {
-              nextNode = nextSibling(nextNode);
-            }
             if (isAsyncWrapper(vnode)) {
               let subTree;
               if (isFragmentStart) {
@@ -6114,7 +6131,7 @@ If you want to remount the same app, move your app creation logic into a factory
     };
     const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
       optimized = optimized || !!vnode.dynamicChildren;
-      const { type, props, patchFlag, shapeFlag, dirs } = vnode;
+      const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
       const forcePatchValue = type === "input" && dirs || type === "option";
       {
         if (dirs) {
@@ -6151,12 +6168,23 @@ If you want to remount the same app, move your app creation logic into a factory
         if (vnodeHooks = props && props.onVnodeBeforeMount) {
           invokeVNodeHook(vnodeHooks, parentComponent, vnode);
         }
+        let needCallTransitionHooks = false;
+        if (isTemplateNode(el)) {
+          needCallTransitionHooks = needTransition(parentSuspense, transition) && parentComponent && parentComponent.vnode.props && parentComponent.vnode.props.appear;
+          const content = el.content.firstChild;
+          if (needCallTransitionHooks) {
+            transition.beforeEnter(content);
+          }
+          replaceNode(content, el, parentComponent);
+          vnode.el = el = content;
+        }
         if (dirs) {
           invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
         }
-        if ((vnodeHooks = props && props.onVnodeMounted) || dirs) {
+        if ((vnodeHooks = props && props.onVnodeMounted) || dirs || needCallTransitionHooks) {
           queueEffectWithSuspense(() => {
             vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
+            needCallTransitionHooks && transition.enter(el);
             dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
           }, parentSuspense);
         }
@@ -6274,7 +6302,7 @@ If you want to remount the same app, move your app creation logic into a factory
       );
       vnode.el = null;
       if (isFragment) {
-        const end = locateClosingAsyncAnchor(node);
+        const end = locateClosingAnchor(node);
         while (true) {
           const next2 = nextSibling(node);
           if (next2 && next2 !== end) {
@@ -6299,14 +6327,14 @@ If you want to remount the same app, move your app creation logic into a factory
       );
       return next;
     };
-    const locateClosingAsyncAnchor = (node) => {
+    const locateClosingAnchor = (node, open = "[", close = "]") => {
       let match = 0;
       while (node) {
         node = nextSibling(node);
         if (node && isComment(node)) {
-          if (node.data === "[")
+          if (node.data === open)
             match++;
-          if (node.data === "]") {
+          if (node.data === close) {
             if (match === 0) {
               return nextSibling(node);
             } else {
@@ -6317,6 +6345,22 @@ If you want to remount the same app, move your app creation logic into a factory
       }
       return node;
     };
+    const replaceNode = (newNode, oldNode, parentComponent) => {
+      const parentNode2 = oldNode.parentNode;
+      if (parentNode2) {
+        parentNode2.replaceChild(newNode, oldNode);
+      }
+      let parent = parentComponent;
+      while (parent) {
+        if (parent.vnode.el === oldNode) {
+          parent.vnode.el = parent.subTree.el = newNode;
+        }
+        parent = parent.parent;
+      }
+    };
+    const isTemplateNode = (node) => {
+      return node.nodeType === 1 /* ELEMENT */ && node.tagName.toLowerCase() === "template";
+    };
     return [hydrate, hydrateNode];
   }
 
@@ -6644,7 +6688,7 @@ If you want to remount the same app, move your app creation logic into a factory
       if (dirs) {
         invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
       }
-      const needCallTransitionHooks = (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
+      const needCallTransitionHooks = needTransition(parentSuspense, transition);
       if (needCallTransitionHooks) {
         transition.beforeEnter(el);
       }
@@ -7536,8 +7580,8 @@ If you want to remount the same app, move your app creation logic into a factory
         moveStaticNode(vnode, container, anchor);
         return;
       }
-      const needTransition = moveType !== 2 && shapeFlag & 1 && transition;
-      if (needTransition) {
+      const needTransition2 = moveType !== 2 && shapeFlag & 1 && transition;
+      if (needTransition2) {
         if (moveType === 0) {
           transition.beforeEnter(el);
           hostInsert(el, container, anchor);
@@ -7757,6 +7801,9 @@ If you want to remount the same app, move your app creation logic into a factory
   function toggleRecurse({ effect, update }, allowed) {
     effect.allowRecurse = update.allowRecurse = allowed;
   }
+  function needTransition(parentSuspense, transition) {
+    return (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
+  }
   function traverseStaticChildren(n1, n2, shallow = false) {
     const ch1 = n1.children;
     const ch2 = n2.children;
@@ -9086,7 +9133,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.3.6";
+  const version = "3.3.8";
   const ssrUtils = null;
   const resolveFilter = null;
   const compatUtils = null;
@@ -11900,9 +11947,13 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       context.transformHoist(children, context, node);
     }
     if (hoistedCount && hoistedCount === originalCount && node.type === 1 && node.tagType === 0 && node.codegenNode && node.codegenNode.type === 13 && isArray(node.codegenNode.children)) {
-      node.codegenNode.children = context.hoist(
+      const hoisted = context.hoist(
         createArrayExpression(node.codegenNode.children)
       );
+      if (context.hmr) {
+        hoisted.content = `[...${hoisted.content}]`;
+      }
+      node.codegenNode.children = hoisted;
     }
   }
   function getConstantType(node, context) {
@@ -12075,6 +12126,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     filename = "",
     prefixIdentifiers = false,
     hoistStatic: hoistStatic2 = false,
+    hmr = false,
     cacheHandlers = false,
     nodeTransforms = [],
     directiveTransforms = {},
@@ -12100,6 +12152,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       selfName: nameMatch && capitalize(camelize(nameMatch[1])),
       prefixIdentifiers,
       hoistStatic: hoistStatic2,
+      hmr,
       cacheHandlers,
       nodeTransforms,
       directiveTransforms,
@@ -13469,7 +13522,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     }
   };
-  const buildClientSlotFn = (props, children, loc) => createFunctionExpression(
+  const buildClientSlotFn = (props, _vForExp, children, loc) => createFunctionExpression(
     props,
     children,
     false,
@@ -13491,7 +13544,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       slotsProperties.push(
         createObjectProperty(
           arg || createSimpleExpression("default", true),
-          buildSlotFn(exp, children, loc)
+          buildSlotFn(exp, void 0, children, loc)
         )
       );
     }
@@ -13528,10 +13581,15 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       } else {
         hasDynamicSlots = true;
       }
-      const slotFunction = buildSlotFn(slotProps, slotChildren, slotLoc);
+      const vFor = findDir(slotElement, "for");
+      const slotFunction = buildSlotFn(
+        slotProps,
+        vFor == null ? void 0 : vFor.exp,
+        slotChildren,
+        slotLoc
+      );
       let vIf;
       let vElse;
-      let vFor;
       if (vIf = findDir(slotElement, "if")) {
         hasDynamicSlots = true;
         dynamicSlots.push(
@@ -13576,7 +13634,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
             createCompilerError(30, vElse.loc)
           );
         }
-      } else if (vFor = findDir(slotElement, "for")) {
+      } else if (vFor) {
         hasDynamicSlots = true;
         const parseResult = vFor.parseResult || parseForExpression(vFor.exp, context);
         if (parseResult) {
@@ -13617,7 +13675,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     if (!onComponentSlot) {
       const buildDefaultSlotProperty = (props, children2) => {
-        const fn = buildSlotFn(props, children2, loc);
+        const fn = buildSlotFn(props, void 0, children2, loc);
         return createObjectProperty(`default`, fn);
       };
       if (!hasTemplateSlots) {