@vue/runtime-dom 3.4.22 → 3.4.24

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.4.22
+* @vue/runtime-dom v3.4.24
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -10,7 +10,7 @@ var VueRuntimeDOM = (function (exports) {
   // @__NO_SIDE_EFFECTS__
   function makeMap(str, expectsLowerCase) {
     const set = new Set(str.split(","));
-    return expectsLowerCase ? (val) => set.has(val.toLowerCase()) : (val) => set.has(val);
+    return (val) => set.has(val);
   }
 
   const EMPTY_OBJ = Object.freeze({}) ;
@@ -2359,21 +2359,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;
     }
@@ -2395,7 +2395,7 @@ getter: `, this.getter);
             thisProxy,
             proxyToUse,
             renderCache,
-            props,
+            true ? shallowReadonly(props) : props,
             setupState,
             data,
             ctx
@@ -2409,7 +2409,7 @@ getter: `, this.getter);
         }
         result = normalizeVNode(
           render2.length > 1 ? render2(
-            props,
+            true ? shallowReadonly(props) : props,
             true ? {
               get attrs() {
                 markAttrsAccessed();
@@ -2419,9 +2419,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);
@@ -3882,11 +3881,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) {
@@ -4560,7 +4567,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);
@@ -5485,10 +5492,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]) {
@@ -5935,21 +5945,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) => {
@@ -8689,7 +8695,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;
@@ -8794,7 +8800,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) {
@@ -9543,7 +9549,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 ;
@@ -9739,8 +9745,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;