@vue/compat 3.5.0 → 3.5.2

package/dist/vue.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
 **/
@@ -691,9 +691,6 @@ var Vue = (function () {
     return false;
   }
   function refreshComputed(computed) {
-    if (computed.flags & 2) {
-      return false;
-    }
     if (computed.flags & 4 && !(computed.flags & 16)) {
       return;
     }
@@ -714,7 +711,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++;
@@ -823,7 +820,7 @@ var Vue = (function () {
       }
     }
     track(debugInfo) {
-      if (!activeSub || !shouldTrack) {
+      if (!activeSub || !shouldTrack || activeSub === this.computed) {
         return;
       }
       let link = this.activeLink;
@@ -1045,7 +1042,7 @@ var Vue = (function () {
     },
     concat(...args) {
       return reactiveReadArray(this).concat(
-        ...args.map((x) => reactiveReadArray(x))
+        ...args.map((x) => isArray(x) ? reactiveReadArray(x) : x)
       );
     },
     entries() {
@@ -1836,7 +1833,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)) {
@@ -1968,8 +1965,8 @@ var Vue = (function () {
      * @internal
      */
     notify() {
+      this.flags |= 16;
       if (activeSub !== this) {
-        this.flags |= 16;
         this.dep.notify();
       }
     }
@@ -2538,9 +2535,7 @@ var Vue = (function () {
       } else {
         queue.splice(findInsertionIndex(jobId), 0, job);
       }
-      if (!(job.flags & 4)) {
-        job.flags |= 1;
-      }
+      job.flags |= 1;
       queueFlush();
     }
   }
@@ -2556,9 +2551,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);
@@ -2580,6 +2573,9 @@ var Vue = (function () {
         }
         queue.splice(i, 1);
         i--;
+        if (cb.flags & 4) {
+          cb.flags &= ~1;
+        }
         cb();
         cb.flags &= ~1;
       }
@@ -2604,6 +2600,9 @@ var Vue = (function () {
         if (checkRecursiveUpdates(seen, cb)) {
           continue;
         }
+        if (cb.flags & 4) {
+          cb.flags &= ~1;
+        }
         if (!(cb.flags & 8)) cb();
         cb.flags &= ~1;
       }
@@ -2626,6 +2625,9 @@ var Vue = (function () {
           if (check(job)) {
             continue;
           }
+          if (job.flags & 4) {
+            job.flags &= ~1;
+          }
           callWithErrorHandling(
             job,
             job.i,
@@ -2635,6 +2637,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);
@@ -3899,7 +3907,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) {
@@ -3917,6 +3927,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) {
@@ -4197,6 +4208,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(
@@ -4225,10 +4264,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)) {
@@ -4243,14 +4289,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 {
@@ -4263,7 +4309,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) {
@@ -5275,7 +5321,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];
@@ -5334,10 +5380,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));
@@ -7046,7 +7093,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)) {
@@ -10137,7 +10184,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;
@@ -10278,7 +10326,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);
@@ -10772,7 +10820,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);
@@ -11898,29 +11946,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) {
@@ -12146,7 +12171,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 ;
@@ -12247,11 +12272,6 @@ Component that was made reactive: `,
   const TRANSITION$1 = "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,
@@ -12270,11 +12290,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));
@@ -13469,7 +13500,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,
@@ -13561,12 +13599,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;
@@ -15858,7 +15891,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") {
@@ -15901,7 +15934,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) {
@@ -15964,7 +15998,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
               currentProp.forParseResult = parseForExpression(currentProp.exp);
             }
             let syncIndex = -1;
-            if (currentProp.name === "bind" && (syncIndex = currentProp.modifiers.indexOf("sync")) > -1 && checkCompatEnabled(
+            if (currentProp.name === "bind" && (syncIndex = currentProp.modifiers.findIndex(
+              (mod) => mod.content === "sync"
+            )) > -1 && checkCompatEnabled(
               "COMPILER_V_BIND_SYNC",
               currentOptions,
               currentProp.loc,
@@ -17051,7 +17087,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     };
   }
 
-  const PURE_ANNOTATION = `/*#__PURE__*/`;
+  const PURE_ANNOTATION = `/*@__PURE__*/`;
   const aliasHelper = (s) => `${helperNameMap[s]}: _${helperNameMap[s]}`;
   function createCodegenContext(ast, {
     mode = "function",
@@ -17951,7 +17987,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);
@@ -17964,10 +18000,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, "^");
       }
     }
@@ -18780,7 +18816,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];
@@ -19294,7 +19330,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(
@@ -19843,7 +19879,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 (modifier === "native" && checkCompatEnabled(
         "COMPILER_V_ON_NATIVE",
         context,