@vue/compat 3.5.34 → 3.5.36

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.34
+* @vue/compat v3.5.36
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1748,9 +1748,6 @@ var Vue = (function () {
         return 0 /* INVALID */;
     }
   }
-  function getTargetType(value) {
-    return value["__v_skip"] || !Object.isExtensible(value) ? 0 /* INVALID */ : targetTypeMap(toRawType(value));
-  }
   // @__NO_SIDE_EFFECTS__
   function reactive(target) {
     if (/* @__PURE__ */ isReadonly(target)) {
@@ -1808,14 +1805,17 @@ var Vue = (function () {
     if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
       return target;
     }
-    const targetType = getTargetType(target);
-    if (targetType === 0 /* INVALID */) {
+    if (target["__v_skip"] || !Object.isExtensible(target)) {
       return target;
     }
     const existingProxy = proxyMap.get(target);
     if (existingProxy) {
       return existingProxy;
     }
+    const targetType = targetTypeMap(toRawType(target));
+    if (targetType === 0 /* INVALID */) {
+      return target;
+    }
     const proxy = new Proxy(
       target,
       targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers
@@ -2243,8 +2243,9 @@ var Vue = (function () {
     if (once && cb) {
       const _cb = cb;
       cb = (...args) => {
-        _cb(...args);
+        const res = _cb(...args);
         watchHandle();
+        return res;
       };
     }
     let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
@@ -2254,7 +2255,7 @@ var Vue = (function () {
       }
       if (cb) {
         const newValue = effect.run();
-        if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
+        if (immediateFirstRun || deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
           if (cleanup) {
             cleanup();
           }
@@ -3939,19 +3940,18 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         target,
         props
       } = vnode;
-      let shouldRemove = doRemove || !isTeleportDisabled(props);
+      const shouldRemove = doRemove || !isTeleportDisabled(props);
       const pendingMount = pendingMounts.get(vnode);
       if (pendingMount) {
         pendingMount.flags |= 8;
         pendingMounts.delete(vnode);
-        shouldRemove = false;
       }
       if (target) {
         hostRemove(targetStart);
         hostRemove(targetAnchor);
       }
       doRemove && hostRemove(anchor);
-      if (shapeFlag & 16) {
+      if (!pendingMount && shapeFlag & 16) {
         for (let i = 0; i < children.length; i++) {
           const child = children[i];
           unmount(
@@ -4922,20 +4922,16 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
             slotScopeIds,
             optimized
           );
-          let hasWarned = false;
-          while (next) {
-            if (!isMismatchAllowed(el, 1 /* CHILDREN */)) {
-              if (!hasWarned) {
-                warn$1(
-                  `Hydration children mismatch on`,
-                  el,
-                  `
+          if (next && !isMismatchAllowed(el, 1 /* CHILDREN */)) {
+            warn$1(
+              `Hydration children mismatch on`,
+              el,
+              `
 Server rendered element contains more child nodes than client vdom.`
-                );
-                hasWarned = true;
-              }
-              logMismatchError();
-            }
+            );
+            logMismatchError();
+          }
+          while (next) {
             const cur = next;
             next = next.nextSibling;
             remove(cur);
@@ -4998,7 +4994,7 @@ Server rendered element contains more child nodes than client vdom.`
       optimized = optimized || !!parentVNode.dynamicChildren;
       const children = parentVNode.children;
       const l = children.length;
-      let hasWarned = false;
+      let hasCheckedMismatch = false;
       for (let i = 0; i < l; i++) {
         const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
         const isText = vnode.type === Text;
@@ -5026,17 +5022,17 @@ Server rendered element contains more child nodes than client vdom.`
         } else if (isText && !vnode.children) {
           insert(vnode.el = createText(""), container);
         } else {
-          if (!isMismatchAllowed(container, 1 /* CHILDREN */)) {
-            if (!hasWarned) {
+          if (!hasCheckedMismatch) {
+            hasCheckedMismatch = true;
+            if (!isMismatchAllowed(container, 1 /* CHILDREN */)) {
               warn$1(
                 `Hydration children mismatch on`,
                 container,
                 `
 Server rendered element contains fewer child nodes than client vdom.`
               );
-              hasWarned = true;
+              logMismatchError();
             }
-            logMismatchError();
           }
           patch(
             null,
@@ -5516,13 +5512,21 @@ Server rendered element contains fewer child nodes than client vdom.`
         const loaded = ref(false);
         const error = ref();
         const delayed = ref(!!delay);
+        let timeoutTimer;
+        let delayTimer;
+        onUnmounted(() => {
+          if (timeoutTimer != null) clearTimeout(timeoutTimer);
+          if (delayTimer != null) clearTimeout(delayTimer);
+        });
         if (delay) {
-          setTimeout(() => {
+          delayTimer = setTimeout(() => {
+            if (instance.isUnmounted) return;
             delayed.value = false;
           }, delay);
         }
         if (timeout != null) {
-          setTimeout(() => {
+          timeoutTimer = setTimeout(() => {
+            if (instance.isUnmounted) return;
             if (!loaded.value && !error.value) {
               const err = new Error(
                 `Async component timed out after ${timeout}ms.`
@@ -5533,11 +5537,16 @@ Server rendered element contains fewer child nodes than client vdom.`
           }, timeout);
         }
         load().then(() => {
+          if (instance.isUnmounted) return;
           loaded.value = true;
           if (instance.parent && isKeepAlive(instance.parent.vnode)) {
             instance.parent.update();
           }
         }).catch((err) => {
+          if (instance.isUnmounted) {
+            pendingRequest = null;
+            return;
+          }
           onError(err);
           error.value = err;
         });
@@ -7513,7 +7522,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.34"}`;
+    Vue.version = `2.6.14-compat:${"3.5.36"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -7853,6 +7862,9 @@ If this is a native custom element, make sure to exclude it from component resol
           try {
             defineReactiveSimple(val, key2, val[key2]);
           } catch (e) {
+            {
+              warn$1(`Failed making property "${key2}" reactive:`, e);
+            }
           }
         });
       }
@@ -8191,13 +8203,20 @@ If you want to remount the same app, move your app creation logic into a factory
             return;
           }
           const rawProps = i.vnode.props;
-          if (!(rawProps && // check if parent has passed v-model
-          (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps))) {
+          const hasVModel = !!(rawProps && // check if parent has passed v-model
+          (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps));
+          if (!hasVModel) {
             localValue = value;
             trigger();
           }
           i.emit(`update:${name}`, emittedValue);
-          if (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) {
+          if (hasChanged(value, prevSetValue) && (hasChanged(value, emittedValue) && !hasChanged(emittedValue, prevEmittedValue) || // #13524: browsers differ in when they flush microtasks between
+          // event listeners. If a v-model listener emits an intermediate value
+          // and a following listener restores the model to its previous prop
+          // value before parent updates are flushed, the parent render can be
+          // deduped as having no prop change. Force a local update so DOM state
+          // such as an input's value is synchronized back to the current model.
+          hasVModel && prevSetValue !== EMPTY_OBJ && !hasChanged(emittedValue, localValue))) {
             trigger();
           }
           prevSetValue = value;
@@ -10519,9 +10538,13 @@ If you want to remount the same app, move your app creation logic into a factory
       const needTransition2 = moveType !== 2 && shapeFlag & 1 && transition;
       if (needTransition2) {
         if (moveType === 0) {
-          transition.beforeEnter(el);
-          hostInsert(el, container, anchor);
-          queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+          if (transition.persisted && !el[leaveCbKey]) {
+            hostInsert(el, container, anchor);
+          } else {
+            transition.beforeEnter(el);
+            hostInsert(el, container, anchor);
+            queuePostRenderEffect(() => transition.enter(el), parentSuspense);
+          }
         } else {
           const { leave, delayLeave, afterLeave } = transition;
           const remove2 = () => {
@@ -10532,16 +10555,21 @@ If you want to remount the same app, move your app creation logic into a factory
             }
           };
           const performLeave = () => {
+            const wasLeaving = el._isLeaving || !!el[leaveCbKey];
             if (el._isLeaving) {
               el[leaveCbKey](
                 true
                 /* cancelled */
               );
             }
-            leave(el, () => {
+            if (transition.persisted && !wasLeaving) {
               remove2();
-              afterLeave && afterLeave();
-            });
+            } else {
+              leave(el, () => {
+                remove2();
+                afterLeave && afterLeave();
+              });
+            }
           };
           if (delayLeave) {
             delayLeave(el, remove2, performLeave);
@@ -12622,7 +12650,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.34";
+  const version = "3.5.36";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -13448,12 +13476,37 @@ Component that was made reactive: `,
       } else if (e._vts <= invoker.attached) {
         return;
       }
-      callWithAsyncErrorHandling(
-        patchStopImmediatePropagation(e, invoker.value),
-        instance,
-        5,
-        [e]
-      );
+      const value = invoker.value;
+      if (isArray(value)) {
+        const originalStop = e.stopImmediatePropagation;
+        e.stopImmediatePropagation = () => {
+          originalStop.call(e);
+          e._stopped = true;
+        };
+        const handlers = value.slice();
+        const args = [e];
+        for (let i = 0; i < handlers.length; i++) {
+          if (e._stopped) {
+            break;
+          }
+          const handler = handlers[i];
+          if (handler) {
+            callWithAsyncErrorHandling(
+              handler,
+              instance,
+              5,
+              args
+            );
+          }
+        }
+      } else {
+        callWithAsyncErrorHandling(
+          value,
+          instance,
+          5,
+          [e]
+        );
+      }
     };
     invoker.value = initialValue;
     invoker.attached = getNow();
@@ -13469,20 +13522,6 @@ Expected function or array of functions, received type ${typeof value}.`
     );
     return NOOP;
   }
-  function patchStopImmediatePropagation(e, value) {
-    if (isArray(value)) {
-      const originalStop = e.stopImmediatePropagation;
-      e.stopImmediatePropagation = () => {
-        originalStop.call(e);
-        e._stopped = true;
-      };
-      return value.map(
-        (fn) => (e2) => !e2._stopped && fn && fn(e2)
-      );
-    } else {
-      return value;
-    }
-  }
 
   const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
   key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
@@ -14153,7 +14192,8 @@ Expected function or array of functions, received type ${typeof value}.`
         if (children) {
           for (let i = 0; i < children.length; i++) {
             const child = children[i];
-            if (child.el && child.el instanceof Element) {
+            if (child.el && child.el instanceof Element && // Hidden v-show nodes have no previous layout box to animate from.
+            !child.el[vShowHidden]) {
               prevChildren.push(child);
               setTransitionHooks(
                 child,
@@ -16713,7 +16753,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     },
     oncdata(start, end) {
-      if (stack[0].ns !== 0) {
+      if ((stack[0] ? stack[0].ns : currentOptions.ns) !== 0) {
         onText(getSlice(start, end), start, end);
       } else {
         emitError(1, start - 9);
@@ -17484,6 +17524,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       imports: [],
       cached: [],
       constantCache: /* @__PURE__ */ new WeakMap(),
+      vForMemoKeyedNodes: /* @__PURE__ */ new WeakSet(),
       temps: 0,
       identifiers: /* @__PURE__ */ Object.create(null),
       scopes: {
@@ -18349,7 +18390,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           const exp = dir.exp;
           const arg = dir.arg;
           if (exp && exp.type === 4 && !(dir.name === "on" && arg) && // key has been processed in transformFor(vMemo + vFor)
-          !(memo && arg && arg.type === 4 && arg.content === "key")) {
+          !(memo && context.vForMemoKeyedNodes.has(node) && arg && arg.type === 4 && arg.content === "key")) {
             dir.exp = processExpression(
               exp,
               context,
@@ -18603,7 +18644,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         const keyProp = findProp(node, `key`, false, true);
         keyProp && keyProp.type === 7;
         let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
-        const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
+        const keyProperty = keyExp ? createObjectProperty(`key`, keyExp) : null;
         const isStableFragment = forNode.source.type === 4 && forNode.source.constType > 0;
         const fragmentFlag = isStableFragment ? 64 : keyProp ? 128 : 256;
         forNode.codegenNode = createVNodeCall(