vue 3.4.22 → 3.4.24

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.4.22
+* vue v3.4.24
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.4.22
+* vue v3.4.24
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2424,21 +2424,21 @@ getter: `, this.getter);
       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;
     }
@@ -2460,7 +2460,7 @@ getter: `, this.getter);
             thisProxy,
             proxyToUse,
             renderCache,
-            props,
+            true ? shallowReadonly(props) : props,
             setupState,
             data,
             ctx
@@ -2474,7 +2474,7 @@ getter: `, this.getter);
         }
         result = normalizeVNode(
           render2.length > 1 ? render2(
-            props,
+            true ? shallowReadonly(props) : props,
             true ? {
               get attrs() {
                 markAttrsAccessed();
@@ -2484,9 +2484,8 @@ getter: `, this.getter);
               emit
             } : { attrs, slots, emit }
           ) : render2(
-            props,
+            true ? shallowReadonly(props) : props,
             null
-            /* we know it doesn't need it */
           )
         );
         fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
@@ -3947,11 +3946,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) {
@@ -4625,7 +4632,7 @@ If this is a native custom element, make sure to exclude it from component resol
       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);
@@ -5550,10 +5557,13 @@ If you want to remount the same app, move your app creation logic into a factory
     return !!(currentInstance || currentRenderingInstance || currentApp);
   }
 
-  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]) {
@@ -6000,21 +6010,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 = {});
-      }
-    } else {
-      instance.slots = {};
-      if (children) {
-        normalizeVNodeSlots(instance, children);
+        normalizeObjectSlots(children, slots);
       }
+    } else if (children) {
+      normalizeVNodeSlots(instance, children);
     }
   };
   const updateSlots = (instance, children, optimized) => {
@@ -8754,7 +8760,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;
@@ -8859,7 +8865,7 @@ Component that was made reactive: `,
       } else {
         type = 32;
         const slotFlag = children._;
-        if (!slotFlag) {
+        if (!slotFlag && !isInternalObject(children)) {
           children._ctx = currentRenderingInstance;
         } else if (slotFlag === 3 && currentRenderingInstance) {
           if (currentRenderingInstance.slots._ === 1) {
@@ -9608,7 +9614,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.22";
+  const version = "3.4.24";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -9804,8 +9810,8 @@ Component that was made reactive: `,
         el._isLeaving = true;
         const resolve = () => finishLeave(el, done);
         addTransitionClass(el, leaveFromClass);
-        forceReflow();
         addTransitionClass(el, leaveActiveClass);
+        forceReflow();
         nextFrame(() => {
           if (!el._isLeaving) {
             return;
@@ -13514,6 +13520,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,
@@ -13654,6 +13661,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;
@@ -15213,6 +15221,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;
@@ -15256,14 +15274,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:") || false)) {
           continue;
@@ -15307,18 +15318,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();
               mergeArgs.push(exp);
             } else {