@vue/compat 3.4.22 → 3.4.24

package/dist/vue.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.22
+* @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) {
@@ -5807,7 +5809,7 @@ const PublicInstanceProxyHandlers = {
     let cssModule, globalProperties;
     if (publicGetter) {
       if (key === "$attrs") {
-        track(instance, "get", key);
+        track(instance.attrs, "get", "");
         markAttrsAccessed();
       } else if (key === "$slots") {
         track(instance, "get", key);
@@ -6619,7 +6621,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.22"}`;
+  Vue.version = `2.6.14-compat:${"3.4.24"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -7256,10 +7258,13 @@ function shouldSkipAttr(key, instance) {
   return false;
 }
 
-const attrsProto = {};
+const internalObjectProto = /* @__PURE__ */ Object.create(null);
+const createInternalObject = () => Object.create(internalObjectProto);
+const isInternalObject = (obj) => Object.getPrototypeOf(obj) === internalObjectProto;
+
 function initProps(instance, rawProps, isStateful, isSSR = false) {
   const props = {};
-  const attrs = Object.create(attrsProto);
+  const attrs = createInternalObject();
   instance.propsDefaults = /* @__PURE__ */ Object.create(null);
   setFullProps(instance, rawProps, props, attrs);
   for (const key in instance.propsOptions[0]) {
@@ -7735,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 = {},
-        instance
-      );
-    }
-  } else {
-    instance.slots = {};
-    if (children) {
-      normalizeVNodeSlots(instance, children);
+      normalizeObjectSlots(children, slots, instance);
     }
+  } else if (children) {
+    normalizeVNodeSlots(instance, children);
   }
 };
 const updateSlots = (instance, children, optimized) => {
@@ -10583,7 +10582,7 @@ Component that was made reactive: `,
 function guardReactiveProps(props) {
   if (!props)
     return null;
-  return isProxy(props) || Object.getPrototypeOf(props) === attrsProto ? extend({}, props) : props;
+  return isProxy(props) || isInternalObject(props) ? extend({}, props) : props;
 }
 function cloneVNode(vnode, extraProps, mergeRef = false) {
   const { props, ref, patchFlag, children } = vnode;
@@ -10691,7 +10690,7 @@ function normalizeChildren(vnode, children) {
     } else {
       type = 32;
       const slotFlag = children._;
-      if (!slotFlag) {
+      if (!slotFlag && !isInternalObject(children)) {
         children._ctx = currentRenderingInstance;
       } else if (slotFlag === 3 && currentRenderingInstance) {
         if (currentRenderingInstance.slots._ === 1) {
@@ -11469,7 +11468,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.22";
+const version = "3.4.24";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -11714,8 +11713,8 @@ function resolveTransitionProps(rawProps) {
       if (legacyClassEnabled && legacyLeaveFromClass) {
         addTransitionClass(el, legacyLeaveFromClass);
       }
-      forceReflow();
       addTransitionClass(el, leaveActiveClass);
+      forceReflow();
       nextFrame(() => {
         if (!el._isLeaving) {
           return;
@@ -14820,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;
@@ -14851,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":
@@ -16223,6 +16219,7 @@ function createTransformContext(root, {
       vOnce: 0
     },
     parent: null,
+    grandParent: null,
     currentNode: root,
     childIndex: 0,
     inVOnce: false,
@@ -16397,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;
@@ -17375,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(
@@ -18458,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;
@@ -18501,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") {
@@ -18570,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.22
+* @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) {
@@ -4702,7 +4706,7 @@ const PublicInstanceProxyHandlers = {
     let cssModule, globalProperties;
     if (publicGetter) {
       if (key === "$attrs") {
-        track(instance, "get", key);
+        track(instance.attrs, "get", "");
       }
       return publicGetter(instance);
     } else if (
@@ -5275,7 +5279,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.22"}`;
+  Vue.version = `2.6.14-compat:${"3.4.24"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -5802,10 +5806,13 @@ function shouldSkipAttr(key, instance) {
   return false;
 }
 
-const attrsProto = {};
+const internalObjectProto = /* @__PURE__ */ Object.create(null);
+const createInternalObject = () => Object.create(internalObjectProto);
+const isInternalObject = (obj) => Object.getPrototypeOf(obj) === internalObjectProto;
+
 function initProps(instance, rawProps, isStateful, isSSR = false) {
   const props = {};
-  const attrs = Object.create(attrsProto);
+  const attrs = createInternalObject();
   instance.propsDefaults = /* @__PURE__ */ Object.create(null);
   setFullProps(instance, rawProps, props, attrs);
   for (const key in instance.propsOptions[0]) {
@@ -6143,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 = {});
-    }
-  } else {
-    instance.slots = {};
-    if (children) {
-      normalizeVNodeSlots(instance, children);
+      normalizeObjectSlots(children, slots);
     }
+  } else if (children) {
+    normalizeVNodeSlots(instance, children);
   }
 };
 const updateSlots = (instance, children, optimized) => {
@@ -8581,7 +8584,7 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
 function guardReactiveProps(props) {
   if (!props)
     return null;
-  return isProxy(props) || Object.getPrototypeOf(props) === attrsProto ? extend({}, props) : props;
+  return isProxy(props) || isInternalObject(props) ? extend({}, props) : props;
 }
 function cloneVNode(vnode, extraProps, mergeRef = false) {
   const { props, ref, patchFlag, children } = vnode;
@@ -8682,7 +8685,7 @@ function normalizeChildren(vnode, children) {
     } else {
       type = 32;
       const slotFlag = children._;
-      if (!slotFlag) {
+      if (!slotFlag && !isInternalObject(children)) {
         children._ctx = currentRenderingInstance;
       } else if (slotFlag === 3 && currentRenderingInstance) {
         if (currentRenderingInstance.slots._ === 1) {
@@ -9135,7 +9138,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.22";
+const version = "3.4.24";
 const warn$1 = NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;
@@ -9380,8 +9383,8 @@ function resolveTransitionProps(rawProps) {
       if (legacyClassEnabled && legacyLeaveFromClass) {
         addTransitionClass(el, legacyLeaveFromClass);
       }
-      forceReflow();
       addTransitionClass(el, leaveActiveClass);
+      forceReflow();
       nextFrame(() => {
         if (!el._isLeaving) {
           return;
@@ -10839,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,
@@ -12302,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;
@@ -12333,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":
@@ -13663,6 +13663,7 @@ function createTransformContext(root, {
       vOnce: 0
     },
     parent: null,
+    grandParent: null,
     currentNode: root,
     childIndex: 0,
     inVOnce: false,
@@ -13818,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;
@@ -14784,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(
@@ -15842,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;
@@ -15885,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") {
@@ -15954,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(