@vue/compat 3.4.23 → 3.4.24

package/dist/vue.cjs.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
 **/
@@ -2586,11 +2586,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;
@@ -2973,21 +2968,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);
   {
     accessedAttrs = false;
   }
@@ -3009,7 +3004,7 @@ function renderComponentRoot(instance) {
           thisProxy,
           proxyToUse,
           renderCache,
-          props,
+          true ? shallowReadonly(props) : props,
           setupState,
           data,
           ctx
@@ -3023,7 +3018,7 @@ function renderComponentRoot(instance) {
       }
       result = normalizeVNode(
         render2.length > 1 ? render2(
-          props,
+          true ? shallowReadonly(props) : props,
           true ? {
             get attrs() {
               markAttrsAccessed();
@@ -3033,9 +3028,8 @@ function renderComponentRoot(instance) {
             emit
           } : { attrs, slots, emit }
         ) : render2(
-          props,
+          true ? shallowReadonly(props) : props,
           null
-          /* we know it doesn't need it */
         )
       );
       fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
@@ -4597,11 +4591,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
-    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) {
@@ -6619,7 +6621,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)) {
@@ -7738,23 +7740,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) => {
@@ -11472,7 +11468,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.23";
+const version = "3.4.24";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -11717,8 +11713,8 @@ function resolveTransitionProps(rawProps) {
       if (legacyClassEnabled && legacyLeaveFromClass) {
         addTransitionClass(el, legacyLeaveFromClass);
       }
-      forceReflow();
       addTransitionClass(el, leaveActiveClass);
+      forceReflow();
       nextFrame(() => {
         if (!el._isLeaving) {
           return;
@@ -14823,7 +14819,7 @@ function isReferenced(node, parent, grandparent) {
       if (parent.key === node) {
         return !!parent.computed;
       }
-      return !grandparent || grandparent.type !== "ObjectPattern";
+      return !grandparent ;
     case "ClassProperty":
       if (parent.key === node) {
         return !!parent.computed;
@@ -14854,9 +14850,6 @@ function isReferenced(node, parent, grandparent) {
     case "ExportDefaultSpecifier":
       return false;
     case "ExportSpecifier":
-      if (grandparent == null ? void 0 : grandparent.source) {
-        return false;
-      }
       return parent.local === node;
     case "ImportDefaultSpecifier":
     case "ImportNamespaceSpecifier":
@@ -16226,6 +16219,7 @@ function createTransformContext(root, {
       vOnce: 0
     },
     parent: null,
+    grandParent: null,
     currentNode: root,
     childIndex: 0,
     inVOnce: false,
@@ -16400,6 +16394,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;
@@ -17378,9 +17373,10 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
   if (!ast) {
     const source = asRawStatements ? ` ${rawExp} ` : `(${rawExp})${asParams ? `=>{}` : ``}`;
     try {
-      ast = parser.parse(source, {
+      ast = parser.parseExpression(source, {
+        sourceType: "module",
         plugins: context.expressionPlugins
-      }).program;
+      });
     } catch (e) {
       context.onError(
         createCompilerError(
@@ -18461,6 +18457,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;
@@ -18504,14 +18510,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 (value && context.inline) {
           const binding = context.bindingMetadata[value.content];
           if (binding === "setup-let" || binding === "setup-ref" || binding === "setup-maybe-ref") {
@@ -18573,18 +18572,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();
             {
               {

package/dist/vue.cjs.prod.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
 **/
@@ -1184,7 +1184,7 @@ function readonly(target) {
     readonlyMap
   );
 }
-function shallowReadonly(target) {
+function shallowReadonly$1(target) {
   return createReactiveObject(
     target,
     true,
@@ -2102,21 +2102,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);
   try {
     if (vnode.shapeFlag & 4) {
       const proxyToUse = withProxy || proxy;
@@ -2135,7 +2135,7 @@ function renderComponentRoot(instance) {
           thisProxy,
           proxyToUse,
           renderCache,
-          props,
+          false ? shallowReadonly(props) : props,
           setupState,
           data,
           ctx
@@ -2147,7 +2147,7 @@ function renderComponentRoot(instance) {
       if (false) ;
       result = normalizeVNode(
         render2.length > 1 ? render2(
-          props,
+          false ? shallowReadonly(props) : props,
           false ? {
             get attrs() {
               markAttrsAccessed();
@@ -2157,9 +2157,8 @@ function renderComponentRoot(instance) {
             emit
           } : { attrs, slots, emit }
         ) : render2(
-          props,
+          false ? shallowReadonly(props) : props,
           null
-          /* we know it doesn't need it */
         )
       );
       fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
@@ -3540,11 +3539,16 @@ function emptyPlaceholder(vnode) {
   }
 }
 function getKeepAliveChild(vnode) {
-  return isKeepAlive(vnode) ? (
-    // #7121 ensure get the child component subtree in case
-    // it's been replaced during HMR
-    vnode.children ? vnode.children[0] : void 0
-  ) : vnode;
+  if (!isKeepAlive(vnode)) {
+    return vnode;
+  }
+  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) {
@@ -5275,7 +5279,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)) {
@@ -6146,21 +6150,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());
-    }
-  } else {
-    instance.slots = createInternalObject();
-    if (children) {
-      normalizeVNodeSlots(instance, children);
+      normalizeObjectSlots(children, slots);
     }
+  } else if (children) {
+    normalizeVNodeSlots(instance, children);
   }
 };
 const updateSlots = (instance, children, optimized) => {
@@ -9138,7 +9138,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.23";
+const version = "3.4.24";
 const warn$1 = NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;
@@ -9383,8 +9383,8 @@ function resolveTransitionProps(rawProps) {
       if (legacyClassEnabled && legacyLeaveFromClass) {
         addTransitionClass(el, legacyLeaveFromClass);
       }
-      forceReflow();
       addTransitionClass(el, leaveActiveClass);
+      forceReflow();
       nextFrame(() => {
         if (!el._isLeaving) {
           return;
@@ -10842,7 +10842,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   setDevtoolsHook: setDevtoolsHook,
   setTransitionHooks: setTransitionHooks,
   shallowReactive: shallowReactive,
-  shallowReadonly: shallowReadonly,
+  shallowReadonly: shallowReadonly$1,
   shallowRef: shallowRef,
   ssrContextKey: ssrContextKey,
   ssrUtils: ssrUtils,
@@ -12305,7 +12305,7 @@ function isReferenced(node, parent, grandparent) {
       if (parent.key === node) {
         return !!parent.computed;
       }
-      return !grandparent || grandparent.type !== "ObjectPattern";
+      return !grandparent ;
     case "ClassProperty":
       if (parent.key === node) {
         return !!parent.computed;
@@ -12336,9 +12336,6 @@ function isReferenced(node, parent, grandparent) {
     case "ExportDefaultSpecifier":
       return false;
     case "ExportSpecifier":
-      if (grandparent == null ? void 0 : grandparent.source) {
-        return false;
-      }
       return parent.local === node;
     case "ImportDefaultSpecifier":
     case "ImportNamespaceSpecifier":
@@ -13666,6 +13663,7 @@ function createTransformContext(root, {
       vOnce: 0
     },
     parent: null,
+    grandParent: null,
     currentNode: root,
     childIndex: 0,
     inVOnce: false,
@@ -13821,6 +13819,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;
@@ -14787,9 +14786,10 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
   if (!ast) {
     const source = asRawStatements ? ` ${rawExp} ` : `(${rawExp})${asParams ? `=>{}` : ``}`;
     try {
-      ast = parser.parse(source, {
+      ast = parser.parseExpression(source, {
+        sourceType: "module",
         plugins: context.expressionPlugins
-      }).program;
+      });
     } catch (e) {
       context.onError(
         createCompilerError(
@@ -15845,6 +15845,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;
@@ -15888,14 +15898,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 (value && context.inline) {
           const binding = context.bindingMetadata[value.content];
           if (binding === "setup-let" || binding === "setup-ref" || binding === "setup-maybe-ref") {
@@ -15957,18 +15960,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 (isCompatEnabled(