@vue/runtime-dom 3.5.0-alpha.1 → 3.5.0-alpha.2

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.5.0-alpha.1
+* @vue/runtime-dom v3.5.0-alpha.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -84,10 +84,11 @@ var VueRuntimeDOM = (function (exports) {
       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
     });
   };
@@ -2020,7 +2021,9 @@ var VueRuntimeDOM = (function (exports) {
     "ASYNC_COMPONENT_LOADER": 13,
     "13": "ASYNC_COMPONENT_LOADER",
     "SCHEDULER": 14,
-    "14": "SCHEDULER"
+    "14": "SCHEDULER",
+    "APP_UNMOUNT_CLEANUP": 15,
+    "15": "APP_UNMOUNT_CLEANUP"
   };
   const ErrorTypeStrings$1 = {
     ["sp"]: "serverPrefetch hook",
@@ -2051,7 +2054,8 @@ var VueRuntimeDOM = (function (exports) {
     [11]: "app warnHandler",
     [12]: "ref function",
     [13]: "async component loader",
-    [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core ."
+    [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core .",
+    [15]: "app unmount cleanup function"
   };
   function callWithErrorHandling(fn, instance, type, args) {
     try {
@@ -2776,7 +2780,7 @@ var VueRuntimeDOM = (function (exports) {
             true ? {
               get attrs() {
                 markAttrsAccessed();
-                return attrs;
+                return shallowReadonly(attrs);
               },
               slots,
               emit
@@ -2809,7 +2813,7 @@ var VueRuntimeDOM = (function (exports) {
               propsOptions
             );
           }
-          root = cloneVNode(root, fallthroughAttrs);
+          root = cloneVNode(root, fallthroughAttrs, false, true);
         } else if (!accessedAttrs && root.type !== Comment) {
           const allAttrs = Object.keys(attrs);
           const eventAttrs = [];
@@ -2843,7 +2847,7 @@ var VueRuntimeDOM = (function (exports) {
           `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) {
@@ -3334,7 +3338,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++;
       }
@@ -3646,8 +3650,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 ssrContextKey = Symbol.for("v-scx");
@@ -3877,34 +3881,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;
@@ -4047,7 +4046,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;
@@ -4582,7 +4581,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];
@@ -5688,6 +5687,7 @@ If this is a native custom element, make sure to exclude it from component resol
       }
       const context = createAppContext();
       const installedPlugins = /* @__PURE__ */ new WeakSet();
+      const pluginCleanupFns = [];
       let isMounted = false;
       const app = context.app = {
         _uid: uid$1++,
@@ -5805,8 +5805,21 @@ If you want to remount the same app, move your app creation logic into a factory
             );
           }
         },
+        onUnmount(cleanupFn) {
+          if (typeof cleanupFn !== "function") {
+            warn$1(
+              `Expected function as first argument to app.onUnmount(), but got ${typeof cleanupFn}`
+            );
+          }
+          pluginCleanupFns.push(cleanupFn);
+        },
         unmount() {
           if (isMounted) {
+            callWithAsyncErrorHandling(
+              pluginCleanupFns,
+              app._instance,
+              15
+            );
             render(null, app._container);
             {
               app._instance = null;
@@ -6332,7 +6345,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);
       }
@@ -9078,8 +9091,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,
@@ -9109,7 +9122,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
@@ -9123,6 +9136,9 @@ Component that was made reactive: `,
       ctx: vnode.ctx,
       ce: vnode.ce
     };
+    if (transition && cloneTransition) {
+      cloned.transition = transition.clone(cloned);
+    }
     return cloned;
   }
   function deepCloneVNode(vnode) {
@@ -9932,7 +9948,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0-alpha.1";
+  const version = "3.5.0-alpha.2";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;