@vue/compat 3.4.23 → 3.4.24

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.23
+* @vue/compat v3.4.24
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2542,11 +2542,6 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
       warnedInvalidKeys[key] = true;
     }
   }
-  if (instance && config["OPTIONS_DATA_MERGE"] != null) {
-    warn$1(
-      `Deprecation config "${"OPTIONS_DATA_MERGE"}" can only be configured globally.`
-    );
-  }
 }
 function getCompatConfigForKey(key, instance) {
   const instanceConfig = instance && instance.type.compatConfig;
@@ -2929,21 +2924,21 @@ function renderComponentRoot(instance) {
     vnode,
     proxy,
     withProxy,
-    props,
     propsOptions: [propsOptions],
     slots,
     attrs,
     emit,
     render,
     renderCache,
+    props,
     data,
     setupState,
     ctx,
     inheritAttrs
   } = instance;
+  const prev = setCurrentRenderingInstance(instance);
   let result;
   let fallthroughAttrs;
-  const prev = setCurrentRenderingInstance(instance);
   if (!!(process.env.NODE_ENV !== "production")) {
     accessedAttrs = false;
   }
@@ -2965,7 +2960,7 @@ function renderComponentRoot(instance) {
           thisProxy,
           proxyToUse,
           renderCache,
-          props,
+          !!(process.env.NODE_ENV !== "production") ? shallowReadonly(props) : props,
           setupState,
           data,
           ctx
@@ -2979,7 +2974,7 @@ function renderComponentRoot(instance) {
       }
       result = normalizeVNode(
         render2.length > 1 ? render2(
-          props,
+          !!(process.env.NODE_ENV !== "production") ? shallowReadonly(props) : props,
           !!(process.env.NODE_ENV !== "production") ? {
             get attrs() {
               markAttrsAccessed();
@@ -2989,9 +2984,8 @@ function renderComponentRoot(instance) {
             emit
           } : { attrs, slots, emit }
         ) : render2(
-          props,
+          !!(process.env.NODE_ENV !== "production") ? shallowReadonly(props) : props,
           null
-          /* we know it doesn't need it */
         )
       );
       fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
@@ -4555,11 +4549,19 @@ function emptyPlaceholder(vnode) {
   }
 }
 function getKeepAliveChild(vnode) {
-  return isKeepAlive(vnode) ? (
-    // #7121 ensure get the child component subtree in case
-    // it's been replaced during HMR
-    !!(process.env.NODE_ENV !== "production") && vnode.component ? vnode.component.subTree : vnode.children ? vnode.children[0] : void 0
-  ) : vnode;
+  if (!isKeepAlive(vnode)) {
+    return vnode;
+  }
+  if (!!(process.env.NODE_ENV !== "production") && vnode.component) {
+    return vnode.component.subTree;
+  }
+  const { shapeFlag, children } = vnode;
+  if (shapeFlag & 16) {
+    return children[0];
+  }
+  if (shapeFlag & 32 && isFunction(children.default)) {
+    return children.default();
+  }
 }
 function setTransitionHooks(vnode, hooks) {
   if (vnode.shapeFlag & 6 && vnode.component) {
@@ -6579,7 +6581,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.23"}`;
+  Vue.version = `2.6.14-compat:${"3.4.24"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -7701,23 +7703,17 @@ const normalizeVNodeSlots = (instance, children) => {
   instance.slots.default = () => normalized;
 };
 const initSlots = (instance, children) => {
+  const slots = instance.slots = createInternalObject();
   if (instance.vnode.shapeFlag & 32) {
     const type = children._;
     if (type) {
-      instance.slots = toRaw(children);
-      def(instance.slots, "_", type);
+      extend(slots, children);
+      def(slots, "_", type);
     } else {
-      normalizeObjectSlots(
-        children,
-        instance.slots = createInternalObject(),
-        instance
-      );
-    }
-  } else {
-    instance.slots = createInternalObject();
-    if (children) {
-      normalizeVNodeSlots(instance, children);
+      normalizeObjectSlots(children, slots, instance);
     }
+  } else if (children) {
+    normalizeVNodeSlots(instance, children);
   }
 };
 const updateSlots = (instance, children, optimized) => {
@@ -11497,7 +11493,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.23";
+const version = "3.4.24";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -11742,8 +11738,8 @@ function resolveTransitionProps(rawProps) {
       if (legacyClassEnabled && legacyLeaveFromClass) {
         addTransitionClass(el, legacyLeaveFromClass);
       }
-      forceReflow();
       addTransitionClass(el, leaveActiveClass);
+      forceReflow();
       nextFrame(() => {
         if (!el._isLeaving) {
           return;
@@ -15941,6 +15937,7 @@ function createTransformContext(root, {
       vOnce: 0
     },
     parent: null,
+    grandParent: null,
     currentNode: root,
     childIndex: 0,
     inVOnce: false,
@@ -16087,6 +16084,7 @@ function traverseChildren(parent, context) {
     const child = parent.children[i];
     if (isString(child))
       continue;
+    context.grandParent = context.parent;
     context.parent = parent;
     context.childIndex = i;
     context.onNodeRemoved = nodeRemoved;
@@ -17662,6 +17660,16 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
     if (arg)
       mergeArgs.push(arg);
   };
+  const pushRefVForMarker = () => {
+    if (context.scopes.vFor > 0) {
+      properties.push(
+        createObjectProperty(
+          createSimpleExpression("ref_for", true),
+          createSimpleExpression("true")
+        )
+      );
+    }
+  };
   const analyzePatchFlag = ({ key, value }) => {
     if (isStaticExp(key)) {
       const name = key.content;
@@ -17705,14 +17713,7 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
       let isStatic = true;
       if (name === "ref") {
         hasRef = true;
-        if (context.scopes.vFor > 0) {
-          properties.push(
-            createObjectProperty(
-              createSimpleExpression("ref_for", true),
-              createSimpleExpression("true")
-            )
-          );
-        }
+        pushRefVForMarker();
       }
       if (name === "is" && (isComponentTag(tag) || value && value.content.startsWith("vue:") || isCompatEnabled(
         "COMPILER_IS_ON_ELEMENT",
@@ -17762,18 +17763,14 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
       ) {
         shouldUseBlock = true;
       }
-      if (isVBind && isStaticArgOf(arg, "ref") && context.scopes.vFor > 0) {
-        properties.push(
-          createObjectProperty(
-            createSimpleExpression("ref_for", true),
-            createSimpleExpression("true")
-          )
-        );
+      if (isVBind && isStaticArgOf(arg, "ref")) {
+        pushRefVForMarker();
       }
       if (!arg && (isVBind || isVOn)) {
         hasDynamicKeys = true;
         if (exp) {
           if (isVBind) {
+            pushRefVForMarker();
             pushMergeArg();
             {
               if (!!(process.env.NODE_ENV !== "production")) {
@@ -19187,8 +19184,7 @@ ${codeFrame}` : message);
 registerRuntimeCompiler(compileToFunction);
 const Vue = createCompatVue();
 Vue.compile = compileToFunction;
-var Vue$1 = Vue;
 
-const { configureCompat } = Vue$1;
+const { configureCompat } = Vue;
 
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TriggerOpTypes, VueElement, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, Vue$1 as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useModel, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TriggerOpTypes, VueElement, assertNumber, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed, configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, Vue as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useModel, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.23
+* @vue/compat v3.4.24
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2538,11 +2538,6 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         warnedInvalidKeys[key] = true;
       }
     }
-    if (instance && config["OPTIONS_DATA_MERGE"] != null) {
-      warn$1(
-        `Deprecation config "${"OPTIONS_DATA_MERGE"}" can only be configured globally.`
-      );
-    }
   }
   function getCompatConfigForKey(key, instance) {
     const instanceConfig = instance && instance.type.compatConfig;
@@ -2925,21 +2920,21 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
       vnode,
       proxy,
       withProxy,
-      props,
       propsOptions: [propsOptions],
       slots,
       attrs,
       emit,
       render,
       renderCache,
+      props,
       data,
       setupState,
       ctx,
       inheritAttrs
     } = instance;
+    const prev = setCurrentRenderingInstance(instance);
     let result;
     let fallthroughAttrs;
-    const prev = setCurrentRenderingInstance(instance);
     {
       accessedAttrs = false;
     }
@@ -2961,7 +2956,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
             thisProxy,
             proxyToUse,
             renderCache,
-            props,
+            true ? shallowReadonly(props) : props,
             setupState,
             data,
             ctx
@@ -2975,7 +2970,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         }
         result = normalizeVNode(
           render2.length > 1 ? render2(
-            props,
+            true ? shallowReadonly(props) : props,
             true ? {
               get attrs() {
                 markAttrsAccessed();
@@ -2985,9 +2980,8 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
               emit
             } : { attrs, slots, emit }
           ) : render2(
-            props,
+            true ? shallowReadonly(props) : props,
             null
-            /* we know it doesn't need it */
           )
         );
         fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
@@ -4522,11 +4516,19 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
   function getKeepAliveChild(vnode) {
-    return isKeepAlive(vnode) ? (
-      // #7121 ensure get the child component subtree in case
-      // it's been replaced during HMR
-      vnode.component ? vnode.component.subTree : vnode.children ? vnode.children[0] : void 0
-    ) : vnode;
+    if (!isKeepAlive(vnode)) {
+      return vnode;
+    }
+    if (vnode.component) {
+      return vnode.component.subTree;
+    }
+    const { shapeFlag, children } = vnode;
+    if (shapeFlag & 16) {
+      return children[0];
+    }
+    if (shapeFlag & 32 && isFunction(children.default)) {
+      return children.default();
+    }
   }
   function setTransitionHooks(vnode, hooks) {
     if (vnode.shapeFlag & 6 && vnode.component) {
@@ -6538,7 +6540,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.4.23"}`;
+    Vue.version = `2.6.14-compat:${"3.4.24"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -7657,23 +7659,17 @@ If you want to remount the same app, move your app creation logic into a factory
     instance.slots.default = () => normalized;
   };
   const initSlots = (instance, children) => {
+    const slots = instance.slots = createInternalObject();
     if (instance.vnode.shapeFlag & 32) {
       const type = children._;
       if (type) {
-        instance.slots = toRaw(children);
-        def(instance.slots, "_", type);
+        extend(slots, children);
+        def(slots, "_", type);
       } else {
-        normalizeObjectSlots(
-          children,
-          instance.slots = createInternalObject(),
-          instance
-        );
-      }
-    } else {
-      instance.slots = createInternalObject();
-      if (children) {
-        normalizeVNodeSlots(instance, children);
+        normalizeObjectSlots(children, slots, instance);
       }
+    } else if (children) {
+      normalizeVNodeSlots(instance, children);
     }
   };
   const updateSlots = (instance, children, optimized) => {
@@ -11374,7 +11370,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.23";
+  const version = "3.4.24";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11611,8 +11607,8 @@ Component that was made reactive: `,
         if (legacyClassEnabled && legacyLeaveFromClass) {
           addTransitionClass(el, legacyLeaveFromClass);
         }
-        forceReflow();
         addTransitionClass(el, leaveActiveClass);
+        forceReflow();
         nextFrame(() => {
           if (!el._isLeaving) {
             return;
@@ -15755,6 +15751,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         vOnce: 0
       },
       parent: null,
+      grandParent: null,
       currentNode: root,
       childIndex: 0,
       inVOnce: false,
@@ -15901,6 +15898,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       const child = parent.children[i];
       if (isString(child))
         continue;
+      context.grandParent = context.parent;
       context.parent = parent;
       context.childIndex = i;
       context.onNodeRemoved = nodeRemoved;
@@ -17474,6 +17472,16 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       if (arg)
         mergeArgs.push(arg);
     };
+    const pushRefVForMarker = () => {
+      if (context.scopes.vFor > 0) {
+        properties.push(
+          createObjectProperty(
+            createSimpleExpression("ref_for", true),
+            createSimpleExpression("true")
+          )
+        );
+      }
+    };
     const analyzePatchFlag = ({ key, value }) => {
       if (isStaticExp(key)) {
         const name = key.content;
@@ -17517,14 +17525,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         let isStatic = true;
         if (name === "ref") {
           hasRef = true;
-          if (context.scopes.vFor > 0) {
-            properties.push(
-              createObjectProperty(
-                createSimpleExpression("ref_for", true),
-                createSimpleExpression("true")
-              )
-            );
-          }
+          pushRefVForMarker();
         }
         if (name === "is" && (isComponentTag(tag) || value && value.content.startsWith("vue:") || isCompatEnabled(
           "COMPILER_IS_ON_ELEMENT",
@@ -17574,18 +17575,14 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         ) {
           shouldUseBlock = true;
         }
-        if (isVBind && isStaticArgOf(arg, "ref") && context.scopes.vFor > 0) {
-          properties.push(
-            createObjectProperty(
-              createSimpleExpression("ref_for", true),
-              createSimpleExpression("true")
-            )
-          );
+        if (isVBind && isStaticArgOf(arg, "ref")) {
+          pushRefVForMarker();
         }
         if (!arg && (isVBind || isVOn)) {
           hasDynamicKeys = true;
           if (exp) {
             if (isVBind) {
+              pushRefVForMarker();
               pushMergeArg();
               {
                 {