@vue/compat 3.4.22 → 3.4.24

package/dist/vue.runtime.esm-bundler.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
 **/
@@ -7,7 +7,7 @@
 // @__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 = !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
@@ -2477,11 +2477,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;
@@ -2864,21 +2859,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;
   }
@@ -2900,7 +2895,7 @@ function renderComponentRoot(instance) {
           thisProxy,
           proxyToUse,
           renderCache,
-          props,
+          !!(process.env.NODE_ENV !== "production") ? shallowReadonly(props) : props,
           setupState,
           data,
           ctx
@@ -2914,7 +2909,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();
@@ -2924,9 +2919,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);
@@ -4490,11 +4484,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) {
@@ -5700,7 +5702,7 @@ const PublicInstanceProxyHandlers = {
     let cssModule, globalProperties;
     if (publicGetter) {
       if (key === "$attrs") {
-        track(instance, "get", key);
+        track(instance.attrs, "get", "");
         !!(process.env.NODE_ENV !== "production") && markAttrsAccessed();
       } else if (!!(process.env.NODE_ENV !== "production") && key === "$slots") {
         track(instance, "get", key);
@@ -6514,7 +6516,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)) {
@@ -7154,10 +7156,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]) {
@@ -7633,23 +7638,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) => {
@@ -10529,7 +10528,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;
@@ -10637,7 +10636,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) {
@@ -11429,7 +11428,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.22";
+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;
@@ -11674,8 +11673,8 @@ function resolveTransitionProps(rawProps) {
       if (legacyClassEnabled && legacyLeaveFromClass) {
         addTransitionClass(el, legacyLeaveFromClass);
       }
-      forceReflow();
       addTransitionClass(el, leaveActiveClass);
+      forceReflow();
       nextFrame(() => {
         if (!el._isLeaving) {
           return;
@@ -13405,8 +13404,7 @@ Vue.compile = () => {
     );
   }
 };
-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.runtime.global.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
 **/
@@ -10,7 +10,7 @@ var Vue = (function () {
   // @__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({}) ;
@@ -2473,11 +2473,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;
@@ -2860,21 +2855,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;
     }
@@ -2896,7 +2891,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
             thisProxy,
             proxyToUse,
             renderCache,
-            props,
+            true ? shallowReadonly(props) : props,
             setupState,
             data,
             ctx
@@ -2910,7 +2905,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();
@@ -2920,9 +2915,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);
@@ -4457,11 +4451,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) {
@@ -5661,7 +5663,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);
@@ -6473,7 +6475,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.22"}`;
+    Vue.version = `2.6.14-compat:${"3.4.24"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -7110,10 +7112,13 @@ If you want to remount the same app, move your app creation logic into a factory
     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]) {
@@ -7589,23 +7594,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 = {},
-          instance
-        );
-      }
-    } else {
-      instance.slots = {};
-      if (children) {
-        normalizeVNodeSlots(instance, children);
+        normalizeObjectSlots(children, slots, instance);
       }
+    } else if (children) {
+      normalizeVNodeSlots(instance, children);
     }
   };
   const updateSlots = (instance, children, optimized) => {
@@ -10437,7 +10436,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;
@@ -10545,7 +10544,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) {
@@ -11306,7 +11305,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 ;
@@ -11543,8 +11542,8 @@ Component that was made reactive: `,
         if (legacyClassEnabled && legacyLeaveFromClass) {
           addTransitionClass(el, legacyLeaveFromClass);
         }
-        forceReflow();
         addTransitionClass(el, leaveActiveClass);
+        forceReflow();
         nextFrame(() => {
           if (!el._isLeaving) {
             return;