@vue/compat 3.5.0 → 3.5.2

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.0
+* @vue/compat v3.5.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -624,9 +624,6 @@ var Vue = (function () {
     return false;
   }
   function refreshComputed(computed) {
-    if (computed.flags & 2) {
-      return false;
-    }
     if (computed.flags & 4 && !(computed.flags & 16)) {
       return;
     }
@@ -647,7 +644,7 @@ var Vue = (function () {
     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++;
@@ -756,7 +753,7 @@ var Vue = (function () {
       }
     }
     track(debugInfo) {
-      if (!activeSub || !shouldTrack) {
+      if (!activeSub || !shouldTrack || activeSub === this.computed) {
         return;
       }
       let link = this.activeLink;
@@ -978,7 +975,7 @@ var Vue = (function () {
     },
     concat(...args) {
       return reactiveReadArray(this).concat(
-        ...args.map((x) => reactiveReadArray(x))
+        ...args.map((x) => isArray(x) ? reactiveReadArray(x) : x)
       );
     },
     entries() {
@@ -1769,7 +1766,7 @@ var Vue = (function () {
     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)) {
@@ -1901,8 +1898,8 @@ var Vue = (function () {
      * @internal
      */
     notify() {
+      this.flags |= 16;
       if (activeSub !== this) {
-        this.flags |= 16;
         this.dep.notify();
       }
     }
@@ -2471,9 +2468,7 @@ var Vue = (function () {
       } else {
         queue.splice(findInsertionIndex(jobId), 0, job);
       }
-      if (!(job.flags & 4)) {
-        job.flags |= 1;
-      }
+      job.flags |= 1;
       queueFlush();
     }
   }
@@ -2489,9 +2484,7 @@ var Vue = (function () {
         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);
@@ -2513,6 +2506,9 @@ var Vue = (function () {
         }
         queue.splice(i, 1);
         i--;
+        if (cb.flags & 4) {
+          cb.flags &= ~1;
+        }
         cb();
         cb.flags &= ~1;
       }
@@ -2537,6 +2533,9 @@ var Vue = (function () {
         if (checkRecursiveUpdates(seen, cb)) {
           continue;
         }
+        if (cb.flags & 4) {
+          cb.flags &= ~1;
+        }
         if (!(cb.flags & 8)) cb();
         cb.flags &= ~1;
       }
@@ -2559,6 +2558,9 @@ var Vue = (function () {
           if (check(job)) {
             continue;
           }
+          if (job.flags & 4) {
+            job.flags &= ~1;
+          }
           callWithErrorHandling(
             job,
             job.i,
@@ -2568,6 +2570,12 @@ var Vue = (function () {
         }
       }
     } finally {
+      for (; flushIndex < queue.length; flushIndex++) {
+        const job = queue[flushIndex];
+        if (job) {
+          job.flags &= ~1;
+        }
+      }
       flushIndex = 0;
       queue.length = 0;
       flushPostFlushCbs(seen);
@@ -3832,7 +3840,9 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
           // #11061, ensure enterHooks is fresh after clone
           (hooks) => enterHooks = hooks
         );
-        setTransitionHooks(innerChild, enterHooks);
+        if (innerChild.type !== Comment) {
+          setTransitionHooks(innerChild, enterHooks);
+        }
         const oldChild = instance.subTree;
         const oldInnerChild = oldChild && getInnerChild$1(oldChild);
         if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(innerChild, oldInnerChild) && recursiveGetSubtree(instance).type !== Comment) {
@@ -3850,6 +3860,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
               if (!(instance.job.flags & 8)) {
                 instance.update();
               }
+              delete leavingHooks.afterLeave;
             };
             return emptyPlaceholder(child);
           } else if (mode === "in-out" && innerChild.type !== Comment) {
@@ -4130,6 +4141,34 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
     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(
@@ -4158,10 +4197,17 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
     const oldRef = oldRawRef && oldRawRef.r;
     const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
     const setupState = owner.setupState;
+    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;
-        if (hasOwn(setupState, oldRef)) {
+        if (canSetSetupRef(oldRef)) {
           setupState[oldRef] = null;
         }
       } else if (isRef(oldRef)) {
@@ -4176,14 +4222,14 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
       if (_isString || _isRef) {
         const doSet = () => {
           if (rawRef.f) {
-            const existing = _isString ? hasOwn(setupState, ref) ? setupState[ref] : refs[ref] : ref.value;
+            const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : ref.value;
             if (isUnmount) {
               isArray(existing) && remove(existing, refValue);
             } else {
               if (!isArray(existing)) {
                 if (_isString) {
                   refs[ref] = [refValue];
-                  if (hasOwn(setupState, ref)) {
+                  if (canSetSetupRef(ref)) {
                     setupState[ref] = refs[ref];
                   }
                 } else {
@@ -4196,7 +4242,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
             }
           } else if (_isString) {
             refs[ref] = value;
-            if (hasOwn(setupState, ref)) {
+            if (canSetSetupRef(ref)) {
               setupState[ref] = value;
             }
           } else if (_isRef) {
@@ -5208,7 +5254,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];
@@ -5267,10 +5313,11 @@ Server rendered element contains fewer child nodes than client vdom.`
       };
     }
   };
-  {
-    KeepAliveImpl.__isBuildIn = true;
-  }
-  const KeepAlive = KeepAliveImpl;
+  const decorate$2 = (t) => {
+    t.__isBuiltIn = true;
+    return t;
+  };
+  const KeepAlive = /* @__PURE__ */ decorate$2(KeepAliveImpl) ;
   function matches(pattern, name) {
     if (isArray(pattern)) {
       return pattern.some((p) => matches(p, name));
@@ -6979,7 +7026,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.5.0"}`;
+    Vue.version = `2.6.14-compat:${"3.5.2"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -10070,7 +10117,8 @@ If you want to remount the same app, move your app creation logic into a factory
       data,
       setupState,
       ctx,
-      inheritAttrs
+      inheritAttrs,
+      isMounted
     } = instance;
     const prev = setCurrentRenderingInstance(instance);
     let result;
@@ -10211,7 +10259,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;
+      root.transition = isMounted ? vnode.component.subTree.transition : vnode.transition;
     }
     if (setRoot) {
       setRoot(root);
@@ -10705,7 +10753,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);
@@ -11831,29 +11879,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) {
@@ -12079,7 +12104,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0";
+  const version = "3.5.2";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -12180,11 +12205,6 @@ Component that was made reactive: `,
   const TRANSITION = "transition";
   const ANIMATION = "animation";
   const vtcKey = Symbol("_vtc");
-  const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
-  Transition.displayName = "Transition";
-  {
-    Transition.__isBuiltIn = true;
-  }
   const DOMTransitionPropsValidators = {
     name: String,
     type: String,
@@ -12203,11 +12223,22 @@ Component that was made reactive: `,
     leaveActiveClass: String,
     leaveToClass: String
   };
-  const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
+  const TransitionPropsValidators = /* @__PURE__ */ extend(
     {},
     BaseTransitionPropsValidators,
     DOMTransitionPropsValidators
   );
+  const decorate$1 = (t) => {
+    t.displayName = "Transition";
+    t.props = TransitionPropsValidators;
+    {
+      t.__isBuiltIn = true;
+    }
+    return t;
+  };
+  const Transition = /* @__PURE__ */ decorate$1(
+    (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots)
+  );
   const callHook = (hook, args = []) => {
     if (isArray(hook)) {
       hook.forEach((h2) => h2(...args));
@@ -13402,7 +13433,14 @@ Expected function or array of functions, received type ${typeof value}.`
   const newPositionMap = /* @__PURE__ */ new WeakMap();
   const moveCbKey = Symbol("_moveCb");
   const enterCbKey = Symbol("_enterCb");
-  const TransitionGroupImpl = {
+  const decorate = (t) => {
+    delete t.props.mode;
+    {
+      t.__isBuiltIn = true;
+    }
+    return t;
+  };
+  const TransitionGroupImpl = /* @__PURE__ */ decorate({
     name: "TransitionGroup",
     props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
       tag: String,
@@ -13494,12 +13532,7 @@ Expected function or array of functions, received type ${typeof value}.`
         return createVNode(tag, null, children);
       };
     }
-  };
-  {
-    TransitionGroupImpl.__isBuiltIn = true;
-  }
-  const removeMode = (props) => delete props.mode;
-  /* @__PURE__ */ removeMode(TransitionGroupImpl.props);
+  });
   const TransitionGroup = TransitionGroupImpl;
   function callPendingCbs(c) {
     const el = c.el;