@vue/compat 3.4.25 → 3.4.27

package/dist/vue.runtime.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.25
+* @vue/compat v3.4.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -81,10 +81,11 @@ const invokeArrayFns = (fns, arg) => {
     fns[i](arg);
   }
 };
-const def = (obj, key, value) => {
+const def = (obj, key, value, writable = false) => {
   Object.defineProperty(obj, key, {
     configurable: true,
     enumerable: false,
+    writable,
     value
   });
 };
@@ -141,8 +142,8 @@ function stringifyStyle(styles) {
   }
   for (const key in styles) {
     const value = styles[key];
-    const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
     if (isString(value) || typeof value === "number") {
+      const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
       ret += `${normalizedKey}:${value};`;
     }
   }
@@ -476,11 +477,10 @@ class ReactiveEffect {
     }
   }
   stop() {
-    var _a;
     if (this.active) {
       preCleanupEffect(this);
       postCleanupEffect(this);
-      (_a = this.onStop) == null ? void 0 : _a.call(this);
+      this.onStop && this.onStop();
       this.active = false;
     }
   }
@@ -693,8 +693,8 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
   resetScheduling();
 }
 function getDepFromReactive(object, key) {
-  var _a;
-  return (_a = targetMap.get(object)) == null ? void 0 : _a.get(key);
+  const depsMap = targetMap.get(object);
+  return depsMap && depsMap.get(key);
 }
 
 const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -2913,7 +2913,7 @@ function renderComponentRoot(instance) {
           !!(process.env.NODE_ENV !== "production") ? {
             get attrs() {
               markAttrsAccessed();
-              return attrs;
+              return shallowReadonly(attrs);
             },
             slots,
             emit
@@ -2946,7 +2946,7 @@ function renderComponentRoot(instance) {
             propsOptions
           );
         }
-        root = cloneVNode(root, fallthroughAttrs);
+        root = cloneVNode(root, fallthroughAttrs, false, true);
       } else if (!!(process.env.NODE_ENV !== "production") && !accessedAttrs && root.type !== Comment) {
         const allAttrs = Object.keys(attrs);
         const eventAttrs = [];
@@ -2984,10 +2984,15 @@ function renderComponentRoot(instance) {
           getComponentName(instance.type)
         );
       }
-      root = cloneVNode(root, {
-        class: cls,
-        style
-      });
+      root = cloneVNode(
+        root,
+        {
+          class: cls,
+          style
+        },
+        false,
+        true
+      );
     }
   }
   if (vnode.dirs) {
@@ -2996,7 +3001,7 @@ function renderComponentRoot(instance) {
         `Runtime directive used on component with non-element root node. The directives will not function as intended.`
       );
     }
-    root = cloneVNode(root);
+    root = cloneVNode(root, null, false, true);
     root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
   }
   if (vnode.transition) {
@@ -3491,7 +3496,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
   let parentSuspenseId;
   const isSuspensible = isVNodeSuspensible(vnode);
   if (isSuspensible) {
-    if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
+    if (parentSuspense && parentSuspense.pendingBranch) {
       parentSuspenseId = parentSuspense.pendingId;
       parentSuspense.deps++;
     }
@@ -3803,8 +3808,8 @@ function setActiveBranch(suspense, branch) {
   }
 }
 function isVNodeSuspensible(vnode) {
-  var _a;
-  return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+  const suspensible = vnode.props && vnode.props.suspensible;
+  return suspensible != null && suspensible !== false;
 }
 
 const legacyDirectiveHookMap = {
@@ -4106,34 +4111,29 @@ function createPathGetter(ctx, path) {
     return cur;
   };
 }
-function traverse(value, depth, currentDepth = 0, seen) {
-  if (!isObject(value) || value["__v_skip"]) {
+function traverse(value, depth = Infinity, seen) {
+  if (depth <= 0 || !isObject(value) || value["__v_skip"]) {
     return value;
   }
-  if (depth && depth > 0) {
-    if (currentDepth >= depth) {
-      return value;
-    }
-    currentDepth++;
-  }
   seen = seen || /* @__PURE__ */ new Set();
   if (seen.has(value)) {
     return value;
   }
   seen.add(value);
+  depth--;
   if (isRef(value)) {
-    traverse(value.value, depth, currentDepth, seen);
+    traverse(value.value, depth, seen);
   } else if (isArray(value)) {
     for (let i = 0; i < value.length; i++) {
-      traverse(value[i], depth, currentDepth, seen);
+      traverse(value[i], depth, seen);
     }
   } else if (isSet(value) || isMap(value)) {
     value.forEach((v) => {
-      traverse(v, depth, currentDepth, seen);
+      traverse(v, depth, seen);
     });
   } else if (isPlainObject(value)) {
     for (const key in value) {
-      traverse(value[key], depth, currentDepth, seen);
+      traverse(value[key], depth, seen);
     }
   }
   return value;
@@ -4296,7 +4296,7 @@ const BaseTransitionImpl = {
           instance
         );
         setTransitionHooks(oldInnerChild, leavingHooks);
-        if (mode === "out-in") {
+        if (mode === "out-in" && innerChild.type !== Comment) {
           state.isLeaving = true;
           leavingHooks.afterLeave = () => {
             state.isLeaving = false;
@@ -4820,7 +4820,7 @@ const KeepAliveImpl = {
     return () => {
       pendingCacheKey = null;
       if (!slots.default) {
-        return current = null;
+        return null;
       }
       const children = slots.default();
       const rawVNode = children[0];
@@ -5538,14 +5538,7 @@ function installCompatInstanceProperties(map) {
     },
     $scopedSlots: (i) => {
       assertCompatEnabled("INSTANCE_SCOPED_SLOTS", i);
-      const res = {};
-      for (const key in i.slots) {
-        const fn = i.slots[key];
-        if (!fn._ns) {
-          res[key] = fn;
-        }
-      }
-      return res;
+      return !!(process.env.NODE_ENV !== "production") ? shallowReadonly(i.slots) : i.slots;
     },
     $on: (i) => on.bind(null, i),
     $once: (i) => once.bind(null, i),
@@ -6518,13 +6511,13 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.25"}`;
+  Vue.version = `2.6.14-compat:${"3.4.27"}`;
   Vue.config = singletonApp.config;
-  Vue.use = (p, ...options) => {
-    if (p && isFunction(p.install)) {
-      p.install(Vue, ...options);
-    } else if (isFunction(p)) {
-      p(Vue, ...options);
+  Vue.use = (plugin, ...options) => {
+    if (plugin && isFunction(plugin.install)) {
+      plugin.install(Vue, ...options);
+    } else if (isFunction(plugin)) {
+      plugin(Vue, ...options);
     }
     return Vue;
   };
@@ -7645,7 +7638,7 @@ const initSlots = (instance, children) => {
     const type = children._;
     if (type) {
       extend(slots, children);
-      def(slots, "_", type);
+      def(slots, "_", type, true);
     } else {
       normalizeObjectSlots(children, slots, instance);
     }
@@ -8269,7 +8262,7 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
       mismatchType = mismatchKey = `class`;
     }
   } else if (key === "style") {
-    actual = el.getAttribute("style");
+    actual = el.getAttribute("style") || "";
     expected = isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue));
     const actualMap = toStyleMap(actual);
     const expectedMap = toStyleMap(expected);
@@ -10532,8 +10525,8 @@ function guardReactiveProps(props) {
     return null;
   return isProxy(props) || isInternalObject(props) ? extend({}, props) : props;
 }
-function cloneVNode(vnode, extraProps, mergeRef = false) {
-  const { props, ref, patchFlag, children } = vnode;
+function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false) {
+  const { props, ref, patchFlag, children, transition } = vnode;
   const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
   const cloned = {
     __v_isVNode: true,
@@ -10563,7 +10556,7 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
     dynamicChildren: vnode.dynamicChildren,
     appContext: vnode.appContext,
     dirs: vnode.dirs,
-    transition: vnode.transition,
+    transition,
     // These should technically only be non-null on mounted VNodes. However,
     // they *should* be copied for kept-alive vnodes. So we just always copy
     // them since them being non-null during a mount doesn't affect the logic as
@@ -10577,6 +10570,9 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
     ctx: vnode.ctx,
     ce: vnode.ce
   };
+  if (transition && cloneTransition) {
+    cloned.transition = transition.clone(cloned);
+  }
   {
     defineLegacyVNodeProperties(cloned);
   }
@@ -11430,7 +11426,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.25";
+const version = "3.4.27";
 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;

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.25
+* @vue/compat v3.4.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -84,10 +84,11 @@ var Vue = (function () {
       fns[i](arg);
     }
   };
-  const def = (obj, key, value) => {
+  const def = (obj, key, value, writable = false) => {
     Object.defineProperty(obj, key, {
       configurable: true,
       enumerable: false,
+      writable,
       value
     });
   };
@@ -144,8 +145,8 @@ var Vue = (function () {
     }
     for (const key in styles) {
       const value = styles[key];
-      const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
       if (isString(value) || typeof value === "number") {
+        const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
         ret += `${normalizedKey}:${value};`;
       }
     }
@@ -479,11 +480,10 @@ var Vue = (function () {
       }
     }
     stop() {
-      var _a;
       if (this.active) {
         preCleanupEffect(this);
         postCleanupEffect(this);
-        (_a = this.onStop) == null ? void 0 : _a.call(this);
+        this.onStop && this.onStop();
         this.active = false;
       }
     }
@@ -696,8 +696,8 @@ var Vue = (function () {
     resetScheduling();
   }
   function getDepFromReactive(object, key) {
-    var _a;
-    return (_a = targetMap.get(object)) == null ? void 0 : _a.get(key);
+    const depsMap = targetMap.get(object);
+    return depsMap && depsMap.get(key);
   }
 
   const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -2909,7 +2909,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
             true ? {
               get attrs() {
                 markAttrsAccessed();
-                return attrs;
+                return shallowReadonly(attrs);
               },
               slots,
               emit
@@ -2942,7 +2942,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
               propsOptions
             );
           }
-          root = cloneVNode(root, fallthroughAttrs);
+          root = cloneVNode(root, fallthroughAttrs, false, true);
         } else if (!accessedAttrs && root.type !== Comment) {
           const allAttrs = Object.keys(attrs);
           const eventAttrs = [];
@@ -2980,10 +2980,15 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
             getComponentName(instance.type)
           );
         }
-        root = cloneVNode(root, {
-          class: cls,
-          style
-        });
+        root = cloneVNode(
+          root,
+          {
+            class: cls,
+            style
+          },
+          false,
+          true
+        );
       }
     }
     if (vnode.dirs) {
@@ -2992,7 +2997,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
           `Runtime directive used on component with non-element root node. The directives will not function as intended.`
         );
       }
-      root = cloneVNode(root);
+      root = cloneVNode(root, null, false, true);
       root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
     }
     if (vnode.transition) {
@@ -3487,7 +3492,7 @@ If this is a native custom element, make sure to exclude it from component resol
     let parentSuspenseId;
     const isSuspensible = isVNodeSuspensible(vnode);
     if (isSuspensible) {
-      if (parentSuspense == null ? void 0 : parentSuspense.pendingBranch) {
+      if (parentSuspense && parentSuspense.pendingBranch) {
         parentSuspenseId = parentSuspense.pendingId;
         parentSuspense.deps++;
       }
@@ -3799,8 +3804,8 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
   function isVNodeSuspensible(vnode) {
-    var _a;
-    return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
+    const suspensible = vnode.props && vnode.props.suspensible;
+    return suspensible != null && suspensible !== false;
   }
 
   const legacyDirectiveHookMap = {
@@ -4075,34 +4080,29 @@ If this is a native custom element, make sure to exclude it from component resol
       return cur;
     };
   }
-  function traverse(value, depth, currentDepth = 0, seen) {
-    if (!isObject(value) || value["__v_skip"]) {
+  function traverse(value, depth = Infinity, seen) {
+    if (depth <= 0 || !isObject(value) || value["__v_skip"]) {
       return value;
     }
-    if (depth && depth > 0) {
-      if (currentDepth >= depth) {
-        return value;
-      }
-      currentDepth++;
-    }
     seen = seen || /* @__PURE__ */ new Set();
     if (seen.has(value)) {
       return value;
     }
     seen.add(value);
+    depth--;
     if (isRef(value)) {
-      traverse(value.value, depth, currentDepth, seen);
+      traverse(value.value, depth, seen);
     } else if (isArray(value)) {
       for (let i = 0; i < value.length; i++) {
-        traverse(value[i], depth, currentDepth, seen);
+        traverse(value[i], depth, seen);
       }
     } else if (isSet(value) || isMap(value)) {
       value.forEach((v) => {
-        traverse(v, depth, currentDepth, seen);
+        traverse(v, depth, seen);
       });
     } else if (isPlainObject(value)) {
       for (const key in value) {
-        traverse(value[key], depth, currentDepth, seen);
+        traverse(value[key], depth, seen);
       }
     }
     return value;
@@ -4263,7 +4263,7 @@ If this is a native custom element, make sure to exclude it from component resol
             instance
           );
           setTransitionHooks(oldInnerChild, leavingHooks);
-          if (mode === "out-in") {
+          if (mode === "out-in" && innerChild.type !== Comment) {
             state.isLeaving = true;
             leavingHooks.afterLeave = () => {
               state.isLeaving = false;
@@ -4781,7 +4781,7 @@ If this is a native custom element, make sure to exclude it from component resol
       return () => {
         pendingCacheKey = null;
         if (!slots.default) {
-          return current = null;
+          return null;
         }
         const children = slots.default();
         const rawVNode = children[0];
@@ -5499,14 +5499,7 @@ If this is a native custom element, make sure to exclude it from component resol
       },
       $scopedSlots: (i) => {
         assertCompatEnabled("INSTANCE_SCOPED_SLOTS", i);
-        const res = {};
-        for (const key in i.slots) {
-          const fn = i.slots[key];
-          if (!fn._ns) {
-            res[key] = fn;
-          }
-        }
-        return res;
+        return shallowReadonly(i.slots) ;
       },
       $on: (i) => on.bind(null, i),
       $once: (i) => once.bind(null, i),
@@ -6477,13 +6470,13 @@ 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.25"}`;
+    Vue.version = `2.6.14-compat:${"3.4.27"}`;
     Vue.config = singletonApp.config;
-    Vue.use = (p, ...options) => {
-      if (p && isFunction(p.install)) {
-        p.install(Vue, ...options);
-      } else if (isFunction(p)) {
-        p(Vue, ...options);
+    Vue.use = (plugin, ...options) => {
+      if (plugin && isFunction(plugin.install)) {
+        plugin.install(Vue, ...options);
+      } else if (isFunction(plugin)) {
+        plugin(Vue, ...options);
       }
       return Vue;
     };
@@ -7601,7 +7594,7 @@ If you want to remount the same app, move your app creation logic into a factory
       const type = children._;
       if (type) {
         extend(slots, children);
-        def(slots, "_", type);
+        def(slots, "_", type, true);
       } else {
         normalizeObjectSlots(children, slots, instance);
       }
@@ -8215,7 +8208,7 @@ Server rendered element contains fewer child nodes than client vdom.`
         mismatchType = mismatchKey = `class`;
       }
     } else if (key === "style") {
-      actual = el.getAttribute("style");
+      actual = el.getAttribute("style") || "";
       expected = isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue));
       const actualMap = toStyleMap(actual);
       const expectedMap = toStyleMap(expected);
@@ -10440,8 +10433,8 @@ Component that was made reactive: `,
       return null;
     return isProxy(props) || isInternalObject(props) ? extend({}, props) : props;
   }
-  function cloneVNode(vnode, extraProps, mergeRef = false) {
-    const { props, ref, patchFlag, children } = vnode;
+  function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false) {
+    const { props, ref, patchFlag, children, transition } = vnode;
     const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
     const cloned = {
       __v_isVNode: true,
@@ -10471,7 +10464,7 @@ Component that was made reactive: `,
       dynamicChildren: vnode.dynamicChildren,
       appContext: vnode.appContext,
       dirs: vnode.dirs,
-      transition: vnode.transition,
+      transition,
       // These should technically only be non-null on mounted VNodes. However,
       // they *should* be copied for kept-alive vnodes. So we just always copy
       // them since them being non-null during a mount doesn't affect the logic as
@@ -10485,6 +10478,9 @@ Component that was made reactive: `,
       ctx: vnode.ctx,
       ce: vnode.ce
     };
+    if (transition && cloneTransition) {
+      cloned.transition = transition.clone(cloned);
+    }
     {
       defineLegacyVNodeProperties(cloned);
     }
@@ -11307,7 +11303,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.25";
+  const version = "3.4.27";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;