@vue/compat 3.5.38 → 3.5.40

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.38
+* @vue/compat v3.5.40
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -379,8 +379,9 @@ var Vue = (function () {
         this._isPaused = true;
         let i, l;
         if (this.scopes) {
-          for (i = 0, l = this.scopes.length; i < l; i++) {
-            this.scopes[i].pause();
+          const scopes = this.scopes.slice();
+          for (i = 0, l = scopes.length; i < l; i++) {
+            scopes[i].pause();
           }
         }
         for (i = 0, l = this.effects.length; i < l; i++) {
@@ -397,12 +398,14 @@ var Vue = (function () {
           this._isPaused = false;
           let i, l;
           if (this.scopes) {
-            for (i = 0, l = this.scopes.length; i < l; i++) {
-              this.scopes[i].resume();
+            const scopes = this.scopes.slice();
+            for (i = 0, l = scopes.length; i < l; i++) {
+              scopes[i].resume();
             }
           }
-          for (i = 0, l = this.effects.length; i < l; i++) {
-            this.effects[i].resume();
+          const effects = this.effects.slice();
+          for (i = 0, l = effects.length; i < l; i++) {
+            effects[i].resume();
           }
         }
       }
@@ -464,8 +467,9 @@ var Vue = (function () {
         }
         this.cleanups.length = 0;
         if (this.scopes) {
-          for (i = 0, l = this.scopes.length; i < l; i++) {
-            this.scopes[i].stop(true);
+          const scopes = this.scopes.slice();
+          for (i = 0, l = scopes.length; i < l; i++) {
+            scopes[i].stop(true);
           }
           this.scopes.length = 0;
         }
@@ -1374,7 +1378,7 @@ var Vue = (function () {
         value,
         isRef(target) ? target : receiver
       );
-      if (target === toRaw(receiver)) {
+      if (target === toRaw(receiver) && result) {
         if (!hadKey) {
           trigger(target, "add", key, value);
         } else if (hasChanged(value, oldValue)) {
@@ -3387,10 +3391,12 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         setBlockTracking(-1);
       }
       const prevInstance = setCurrentRenderingInstance(ctx);
+      const prevStackSize = blockStack.length;
       let res;
       try {
         res = fn(...args);
       } finally {
+        for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
         setCurrentRenderingInstance(prevInstance);
         if (renderFnWithContext._d) {
           setBlockTracking(1);
@@ -3825,11 +3831,9 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
           }
         } else {
           if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-            const nextTarget = n2.target = resolveTarget(
-              n2.props,
-              querySelector
-            );
+            const nextTarget = resolveTarget(n2.props, querySelector);
             if (nextTarget) {
+              n2.target = nextTarget;
               moveTeleport(
                 n2,
                 nextTarget,
@@ -3867,7 +3871,8 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         target,
         props
       } = vnode;
-      const shouldRemove = doRemove || !isTeleportDisabled(props);
+      const disabled = isTeleportDisabled(props);
+      const shouldRemove = doRemove || !disabled;
       const pendingMount = pendingMounts.get(vnode);
       if (pendingMount) {
         pendingMount.flags |= 8;
@@ -3878,7 +3883,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         hostRemove(targetAnchor);
       }
       doRemove && hostRemove(anchor);
-      if (!pendingMount && shapeFlag & 16) {
+      if (!pendingMount && (disabled || target) && shapeFlag & 16) {
         for (let i = 0; i < children.length; i++) {
           const child = children[i];
           unmount(
@@ -4816,7 +4821,15 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
     };
     const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
       optimized = optimized || !!vnode.dynamicChildren;
-      const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
+      const {
+        type,
+        dynamicProps,
+        props,
+        patchFlag,
+        shapeFlag,
+        dirs,
+        transition
+      } = vnode;
       const forcePatch = type === "input" || type === "option";
       {
         if (dirs) {
@@ -4887,6 +4900,7 @@ Server rendered element contains more child nodes than client vdom.`
         if (props) {
           {
             const isCustomElement = el.tagName.includes("-");
+            const namespace = el.namespaceURI.includes("svg") ? "svg" : el.namespaceURI.includes("MathML") ? "mathml" : void 0;
             for (const key in props) {
               if (// #11189 skip if this node has directives that have created hooks
               // as it could have mutated the DOM in any possible way
@@ -4894,8 +4908,8 @@ Server rendered element contains more child nodes than client vdom.`
                 logMismatchError();
               }
               if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
-              key[0] === "." || isCustomElement && !isReservedProp(key)) {
-                patchProp(el, key, null, props[key], void 0, parentComponent);
+              key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) {
+                patchProp(el, key, null, props[key], namespace, parentComponent);
               }
             }
           }
@@ -4999,7 +5013,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       }
     };
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-      if (!isMismatchAllowed(node.parentElement, 1 /* CHILDREN */)) {
+      if (!isNodeMismatchAllowed(node, vnode)) {
         warn$1(
           `Hydration node mismatch:
 - rendered on server:`,
@@ -5214,7 +5228,12 @@ Server rendered element contains fewer child nodes than client vdom.`
         el = el.parentElement;
       }
     }
-    const allowedAttr = el && el.getAttribute(allowMismatchAttr);
+    return isMismatchAllowedByAttr(
+      el && el.getAttribute(allowMismatchAttr),
+      allowedType
+    );
+  }
+  function isMismatchAllowedByAttr(allowedAttr, allowedType) {
     if (allowedAttr == null) {
       return false;
     } else if (allowedAttr === "") {
@@ -5227,6 +5246,19 @@ Server rendered element contains fewer child nodes than client vdom.`
       return list.includes(MismatchTypeString[allowedType]);
     }
   }
+  function isNodeMismatchAllowed(node, vnode) {
+    return isMismatchAllowed(node.parentElement, 1 /* CHILDREN */) || isMismatchAllowedByNode(node) || isMismatchAllowedByVNode(vnode);
+  }
+  function isMismatchAllowedByNode(node) {
+    return node.nodeType === 1 && isMismatchAllowedByAttr(
+      node.getAttribute(allowMismatchAttr),
+      1 /* CHILDREN */
+    );
+  }
+  function isMismatchAllowedByVNode({ props }) {
+    const allowedAttr = props && props[allowMismatchAttr];
+    return typeof allowedAttr === "string" && isMismatchAllowedByAttr(allowedAttr, 1 /* CHILDREN */);
+  }
 
   const requestIdleCallback = getGlobalThis().requestIdleCallback || ((cb) => setTimeout(cb, 1));
   const cancelIdleCallback = getGlobalThis().cancelIdleCallback || ((id) => clearTimeout(id));
@@ -5380,6 +5412,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       name: "AsyncComponentWrapper",
       __asyncLoader: load,
       __asyncHydrate(el, instance, hydrate) {
+        const wasConnected = el.isConnected;
         let patched = false;
         (instance.bu || (instance.bu = [])).push(() => patched = true);
         const performHydrate = () => {
@@ -5391,6 +5424,7 @@ Server rendered element contains fewer child nodes than client vdom.`
             }
             return;
           }
+          if (!el.parentNode || wasConnected && !el.isConnected) return;
           hydrate();
         };
         const doHydrate = hydrateStrategy ? () => {
@@ -6234,14 +6268,15 @@ If this is a native custom element, make sure to exclude it from component resol
     return slots;
   }
 
-  function renderSlot(slots, name, props = {}, fallback, noSlotted) {
+  function renderSlot(slots, name, props = {}, fallback, noSlotted, branchKey) {
     if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) {
-      const hasProps = Object.keys(props).length > 0;
-      if (name !== "default") props.name = name;
+      const slotProps = branchKey != null && props.key == null ? extend({}, props, { key: branchKey }) : props;
+      const hasProps = Object.keys(slotProps).length > 0;
+      if (name !== "default") slotProps.name = name;
       return openBlock(), createBlock(
         Fragment,
         null,
-        [createVNode("slot", props, fallback && fallback())],
+        [createVNode("slot", slotProps, fallback && fallback())],
         hasProps ? -2 : 64
       );
     }
@@ -6255,26 +6290,34 @@ If this is a native custom element, make sure to exclude it from component resol
     if (slot && slot._c) {
       slot._d = false;
     }
+    const prevStackSize = blockStack.length;
     openBlock();
-    const validSlotContent = slot && ensureValidVNode(slot(props));
-    const slotKey = props.key || // slot content array of a dynamic conditional slot may have a branch
-    // key attached in the `createSlots` helper, respect that
-    validSlotContent && validSlotContent.key;
-    const rendered = createBlock(
-      Fragment,
-      {
-        key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + // #7256 force differentiate fallback content from actual content
-        (!validSlotContent && fallback ? "_fb" : "")
-      },
-      validSlotContent || (fallback ? fallback() : []),
-      validSlotContent && slots._ === 1 ? 64 : -2
-    );
+    let rendered;
+    try {
+      const validSlotContent = slot && ensureValidVNode(slot(props));
+      const slotKey = props.key || branchKey || // slot content array of a dynamic conditional slot may have a branch
+      // key attached in the `createSlots` helper, respect that
+      validSlotContent && validSlotContent.key;
+      rendered = createBlock(
+        Fragment,
+        {
+          key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + // #7256 force differentiate fallback content from actual content
+          (!validSlotContent && fallback ? "_fb" : "")
+        },
+        validSlotContent || (fallback ? fallback() : []),
+        validSlotContent && slots._ === 1 ? 64 : -2
+      );
+    } catch (err) {
+      for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
+      throw err;
+    } finally {
+      if (slot && slot._c) {
+        slot._d = true;
+      }
+    }
     if (!noSlotted && rendered.scopeId) {
       rendered.slotScopeIds = [rendered.scopeId + "-s"];
     }
-    if (slot && slot._c) {
-      slot._d = true;
-    }
     return rendered;
   }
   function ensureValidVNode(vnodes) {
@@ -7449,7 +7492,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.38"}`;
+    Vue.version = `2.6.14-compat:${"3.5.40"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -8310,7 +8353,8 @@ If you want to remount the same app, move your app creation logic into a factory
     if (key.startsWith(compatModelEventPrefix)) {
       return true;
     }
-    key = key.slice(2).replace(/Once$/, "");
+    key = key.slice(2);
+    key = key === "Once" ? key : key.replace(/Once$/, "");
     return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
   }
 
@@ -9627,7 +9671,12 @@ If you want to remount the same app, move your app creation logic into a factory
         invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
       }
       parentComponent && toggleRecurse(parentComponent, true);
-      if (isHmrUpdating) {
+      if (
+        // HMR updated, force full diff
+        isHmrUpdating || // #6385 the old vnode may be a user-wrapped non-isomorphic block
+        // Force full diff when block metadata is unstable.
+        dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)
+      ) {
         patchFlag = 0;
         optimized = false;
         dynamicChildren = null;
@@ -11861,6 +11910,10 @@ Component that was made reactive: `,
         }
       }
     } else if (isFunction(children)) {
+      if (shapeFlag & (1 | 64)) {
+        normalizeChildren(vnode, { default: children });
+        return;
+      }
       children = { default: children, _ctx: currentRenderingInstance };
       type = 32;
     } else {
@@ -12577,7 +12630,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.38";
+  const version = "3.5.40";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -13379,16 +13432,15 @@ Component that was made reactive: `,
       }
     }
   }
-  const optionsModifierRE = /(?:Once|Passive|Capture)$/;
+  const optionsModifierRE = /(Once|Passive|Capture)$/;
+  const optionsModifierEventRE = /^on:?(?:Once|Passive|Capture)$/;
   function parseName(name) {
     let options;
-    if (optionsModifierRE.test(name)) {
-      options = {};
-      let m;
-      while (m = name.match(optionsModifierRE)) {
-        name = name.slice(0, name.length - m[0].length);
-        options[m[0].toLowerCase()] = true;
-      }
+    let m;
+    while ((m = name.match(optionsModifierRE)) && !optionsModifierEventRE.test(name)) {
+      if (!options) options = {};
+      name = name.slice(0, name.length - m[1].length);
+      options[m[1].toLowerCase()] = true;
     }
     const event = name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2));
     return [event, options];
@@ -14347,13 +14399,13 @@ Expected function or array of functions, received type ${typeof value}.`
     // <select multiple> value need to be deep traversed
     deep: true,
     created(el, { value, modifiers: { number } }, vnode) {
-      const isSetModel = isSet(value);
+      el._modelValue = value;
       addEventListener(el, "change", () => {
         const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map(
           (o) => number ? looseToNumber(getValue(o)) : getValue(o)
         );
         el[assignKey](
-          el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]
+          el.multiple ? isSet(el._modelValue) ? new Set(selectedVal) : selectedVal : selectedVal[0]
         );
         el._assigning = true;
         nextTick(() => {
@@ -14367,7 +14419,8 @@ Expected function or array of functions, received type ${typeof value}.`
     mounted(el, { value }) {
       setSelected(el, value);
     },
-    beforeUpdate(el, _binding, vnode) {
+    beforeUpdate(el, { value }, vnode) {
+      el._modelValue = value;
       el[assignKey] = getModelAssigner(vnode);
     },
     updated(el, { value }) {