vue 3.5.1 → 3.5.3

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.5.1
+* vue v3.5.3
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.5.1
+* vue v3.5.3
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -714,7 +714,7 @@ var Vue = (function (exports) {
     shouldTrack = true;
     try {
       prepareDeps(computed);
-      const value = computed.fn();
+      const value = computed.fn(computed._value);
       if (dep.version === 0 || hasChanged(value, computed._value)) {
         computed._value = value;
         dep.version++;
@@ -823,7 +823,7 @@ var Vue = (function (exports) {
       }
     }
     track(debugInfo) {
-      if (!activeSub || !shouldTrack) {
+      if (!activeSub || !shouldTrack || activeSub === this.computed) {
         return;
       }
       let link = this.activeLink;
@@ -1836,7 +1836,7 @@ var Vue = (function (exports) {
     return isFunction(source) ? source() : unref(source);
   }
   const shallowUnwrapHandlers = {
-    get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
+    get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)),
     set: (target, key, value, receiver) => {
       const oldValue = target[key];
       if (isRef(oldValue) && !isRef(value)) {
@@ -2538,9 +2538,7 @@ var Vue = (function (exports) {
       } else {
         queue.splice(findInsertionIndex(jobId), 0, job);
       }
-      if (!(job.flags & 4)) {
-        job.flags |= 1;
-      }
+      job.flags |= 1;
       queueFlush();
     }
   }
@@ -2556,9 +2554,7 @@ var Vue = (function (exports) {
         activePostFlushCbs.splice(postFlushIndex + 1, 0, cb);
       } else if (!(cb.flags & 1)) {
         pendingPostFlushCbs.push(cb);
-        if (!(cb.flags & 4)) {
-          cb.flags |= 1;
-        }
+        cb.flags |= 1;
       }
     } else {
       pendingPostFlushCbs.push(...cb);
@@ -2580,6 +2576,9 @@ var Vue = (function (exports) {
         }
         queue.splice(i, 1);
         i--;
+        if (cb.flags & 4) {
+          cb.flags &= ~1;
+        }
         cb();
         cb.flags &= ~1;
       }
@@ -2604,6 +2603,9 @@ var Vue = (function (exports) {
         if (checkRecursiveUpdates(seen, cb)) {
           continue;
         }
+        if (cb.flags & 4) {
+          cb.flags &= ~1;
+        }
         if (!(cb.flags & 8)) cb();
         cb.flags &= ~1;
       }
@@ -2626,6 +2628,9 @@ var Vue = (function (exports) {
           if (check(job)) {
             continue;
           }
+          if (job.flags & 4) {
+            job.flags &= ~1;
+          }
           callWithErrorHandling(
             job,
             job.i,
@@ -2635,6 +2640,12 @@ var Vue = (function (exports) {
         }
       }
     } finally {
+      for (; flushIndex < queue.length; flushIndex++) {
+        const job = queue[flushIndex];
+        if (job) {
+          job.flags &= ~1;
+        }
+      }
       flushIndex = 0;
       queue.length = 0;
       flushPostFlushCbs(seen);
@@ -3391,6 +3402,7 @@ var Vue = (function (exports) {
               if (!(instance.job.flags & 8)) {
                 instance.update();
               }
+              delete leavingHooks.afterLeave;
             };
             return emptyPlaceholder(child);
           } else if (mode === "in-out" && innerChild.type !== Comment) {
@@ -3613,6 +3625,7 @@ var Vue = (function (exports) {
   }
   function setTransitionHooks(vnode, hooks) {
     if (vnode.shapeFlag & 6 && vnode.component) {
+      vnode.transition = hooks;
       setTransitionHooks(vnode.component.subTree, hooks);
     } else if (vnode.shapeFlag & 128) {
       vnode.ssContent.transition = hooks.clone(vnode.ssContent);
@@ -3657,7 +3670,7 @@ var Vue = (function (exports) {
   function useId() {
     const i = getCurrentInstance();
     if (i) {
-      return (i.appContext.config.idPrefix || "v") + ":" + i.ids[0] + i.ids[1]++;
+      return (i.appContext.config.idPrefix || "v") + "-" + i.ids[0] + i.ids[1]++;
     } else {
       warn$1(
         `useId() is called when there is no active component instance to be associated with.`
@@ -3668,6 +3681,34 @@ var Vue = (function (exports) {
     instance.ids = [instance.ids[0] + instance.ids[2]++ + "-", 0, 0];
   }
 
+  const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
+  function useTemplateRef(key) {
+    const i = getCurrentInstance();
+    const r = shallowRef(null);
+    if (i) {
+      const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs;
+      let desc;
+      if ((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable) {
+        warn$1(`useTemplateRef('${key}') already exists.`);
+      } else {
+        Object.defineProperty(refs, key, {
+          enumerable: true,
+          get: () => r.value,
+          set: (val) => r.value = val
+        });
+      }
+    } else {
+      warn$1(
+        `useTemplateRef() is called when there is no active component instance to be associated with.`
+      );
+    }
+    const ret = readonly(r) ;
+    {
+      knownTemplateRefs.add(ret);
+    }
+    return ret;
+  }
+
   function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
     if (isArray(rawRef)) {
       rawRef.forEach(
@@ -3696,7 +3737,13 @@ var Vue = (function (exports) {
     const oldRef = oldRawRef && oldRawRef.r;
     const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
     const setupState = owner.setupState;
-    const canSetSetupRef = setupState === EMPTY_OBJ ? () => false : (key) => hasOwn(setupState, key) && !(Object.getOwnPropertyDescriptor(refs, key) || EMPTY_OBJ).get;
+    const rawSetupState = toRaw(setupState);
+    const canSetSetupRef = setupState === EMPTY_OBJ ? () => false : (key) => {
+      if (knownTemplateRefs.has(rawSetupState[key])) {
+        return false;
+      }
+      return hasOwn(rawSetupState, key);
+    };
     if (oldRef != null && oldRef !== ref) {
       if (isString(oldRef)) {
         refs[oldRef] = null;
@@ -4747,7 +4794,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       return () => {
         pendingCacheKey = null;
         if (!slots.default) {
-          return null;
+          return current = null;
         }
         const children = slots.default();
         const rawVNode = children[0];
@@ -7330,7 +7377,7 @@ If you want to remount the same app, move your app creation logic into a factory
                 endMeasure(instance, `hydrate`);
               }
             };
-            if (isAsyncWrapperVNode) {
+            if (isAsyncWrapperVNode && type.__asyncHydrate) {
               type.__asyncHydrate(
                 el,
                 instance,
@@ -8599,7 +8646,7 @@ If you want to remount the same app, move your app creation logic into a factory
           `Component inside <Transition> renders non-element root node that cannot be animated.`
         );
       }
-      root.transition = vnode.transition;
+      setTransitionHooks(root, vnode.transition);
     }
     if (setRoot) {
       setRoot(root);
@@ -9093,7 +9140,7 @@ If you want to remount the same app, move your app creation logic into a factory
             };
           }
           if (activeBranch) {
-            if (parentNode(activeBranch.el) !== suspense.hiddenContainer) {
+            if (parentNode(activeBranch.el) === container2) {
               anchor = next(activeBranch);
             }
             unmount(activeBranch, parentComponent2, suspense, true);
@@ -10140,29 +10187,6 @@ Component that was made reactive: `,
     return c;
   };
 
-  function useTemplateRef(key) {
-    const i = getCurrentInstance();
-    const r = shallowRef(null);
-    if (i) {
-      const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs;
-      let desc;
-      if ((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable) {
-        warn$1(`useTemplateRef('${key}') already exists.`);
-      } else {
-        Object.defineProperty(refs, key, {
-          enumerable: true,
-          get: () => r.value,
-          set: (val) => r.value = val
-        });
-      }
-    } else {
-      warn$1(
-        `useTemplateRef() is called when there is no active component instance to be associated with.`
-      );
-    }
-    return readonly(r) ;
-  }
-
   function h(type, propsOrChildren, children) {
     const l = arguments.length;
     if (l === 2) {
@@ -10388,7 +10412,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.1";
+  const version = "3.5.3";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -13704,7 +13728,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           rawName: raw,
           exp: void 0,
           arg: void 0,
-          modifiers: raw === "." ? ["prop"] : [],
+          modifiers: raw === "." ? [createSimpleExpression("prop")] : [],
           loc: getLoc(start)
         };
         if (name === "pre") {
@@ -13747,7 +13771,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           setLocEnd(arg.loc, end);
         }
       } else {
-        currentProp.modifiers.push(mod);
+        const exp = createSimpleExpression(mod, true, getLoc(start, end));
+        currentProp.modifiers.push(exp);
       }
     },
     onattribdata(start, end) {
@@ -15702,7 +15727,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     } else if (!arg.isStatic) {
       arg.content = `${arg.content} || ""`;
     }
-    if (modifiers.includes("camel")) {
+    if (modifiers.some((mod) => mod.content === "camel")) {
       if (arg.type === 4) {
         if (arg.isStatic) {
           arg.content = camelize(arg.content);
@@ -15715,10 +15740,10 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     }
     if (!context.inSSR) {
-      if (modifiers.includes("prop")) {
+      if (modifiers.some((mod) => mod.content === "prop")) {
         injectPrefix(arg, ".");
       }
-      if (modifiers.includes("attr")) {
+      if (modifiers.some((mod) => mod.content === "attr")) {
         injectPrefix(arg, "^");
       }
     }
@@ -16489,7 +16514,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           }
           continue;
         }
-        if (isVBind && modifiers.includes("prop")) {
+        if (isVBind && modifiers.some((mod) => mod.content === "prop")) {
           patchFlag |= 32;
         }
         const directiveTransform = context.directiveTransforms[name];
@@ -17003,7 +17028,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       createObjectProperty(eventName, assignmentExp)
     ];
     if (dir.modifiers.length && node.tagType === 1) {
-      const modifiers = dir.modifiers.map((m) => (isSimpleIdentifier(m) ? m : JSON.stringify(m)) + `: true`).join(`, `);
+      const modifiers = dir.modifiers.map((m) => m.content).map((m) => (isSimpleIdentifier(m) ? m : JSON.stringify(m)) + `: true`).join(`, `);
       const modifiersKey = arg ? isStaticExp(arg) ? `${arg.content}Modifiers` : createCompoundExpression([arg, ' + "Modifiers"']) : `modelModifiers`;
       props.push(
         createObjectProperty(
@@ -17403,7 +17428,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     const nonKeyModifiers = [];
     const eventOptionModifiers = [];
     for (let i = 0; i < modifiers.length; i++) {
-      const modifier = modifiers[i];
+      const modifier = modifiers[i].content;
       if (isEventOptionModifier(modifier)) {
         eventOptionModifiers.push(modifier);
       } else {