vue 3.6.0-beta.12 → 3.6.0-beta.13

package/dist/vue.esm-bundler.js

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

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-  * vue v3.6.0-beta.12
+  * vue v3.6.0-beta.13
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -1302,9 +1302,6 @@ var Vue = (function(exports) {
 			default: return 0;
 		}
 	}
-	function getTargetType(value) {
-		return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value));
-	}
 	/* @__NO_SIDE_EFFECTS__ */
 	function reactive(target) {
 		if (/* @__PURE__ */ isReadonly(target)) return target;
@@ -1417,10 +1414,11 @@ var Vue = (function(exports) {
 			return target;
 		}
 		if (target["__v_raw"] && !(isReadonly && target["__v_isReactive"])) return target;
-		const targetType = getTargetType(target);
-		if (targetType === 0) return target;
+		if (target["__v_skip"] || !Object.isExtensible(target)) return target;
 		const existingProxy = proxyMap.get(target);
 		if (existingProxy) return existingProxy;
+		const targetType = targetTypeMap(toRawType(target));
+		if (targetType === 0) return target;
 		const proxy = new Proxy(target, targetType === 2 ? collectionHandlers : baseHandlers);
 		proxyMap.set(target, proxy);
 		return proxy;
@@ -3235,17 +3233,16 @@ var Vue = (function(exports) {
 		},
 		remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
 			const { shapeFlag, children, anchor, targetStart, targetAnchor, props } = vnode;
-			let shouldRemove = doRemove || !isTeleportDisabled(props);
+			const shouldRemove = doRemove || !isTeleportDisabled(props);
 			const pendingMount = pendingMounts.get(vnode);
 			if (pendingMount) {
 				pendingMount.flags |= 4;
 				pendingMounts.delete(vnode);
-				shouldRemove = false;
 			}
 			if (targetStart) hostRemove(targetStart);
 			if (targetAnchor) hostRemove(targetAnchor);
 			doRemove && hostRemove(anchor);
-			if (shapeFlag & 16) for (let i = 0; i < children.length; i++) {
+			if (!pendingMount && shapeFlag & 16) for (let i = 0; i < children.length; i++) {
 				const child = children[i];
 				unmount(child, parentComponent, parentSuspense, shouldRemove, !!child.dynamicChildren);
 			}
@@ -3897,15 +3894,11 @@ var Vue = (function(exports) {
 				}
 				if (shapeFlag & 16 && !(props && (props.innerHTML || props.textContent))) {
 					let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
-					let hasWarned = false;
+					if (next && !isMismatchAllowed(el, 1)) {
+						warn$1(`Hydration children mismatch on`, el, `\nServer rendered element contains more child nodes than client vdom.`);
+						logMismatchError();
+					}
 					while (next) {
-						if (!isMismatchAllowed(el, 1)) {
-							if (!hasWarned) {
-								warn$1(`Hydration children mismatch on`, el, `\nServer rendered element contains more child nodes than client vdom.`);
-								hasWarned = true;
-							}
-							logMismatchError();
-						}
 						const cur = next;
 						next = next.nextSibling;
 						remove(cur);
@@ -3944,7 +3937,7 @@ var Vue = (function(exports) {
 			optimized = optimized || !!parentVNode.dynamicChildren;
 			const children = parentVNode.children;
 			const l = children.length;
-			let hasWarned = false;
+			let hasCheckedMismatch = false;
 			for (let i = 0; i < l; i++) {
 				const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
 				const isText = vnode.type === Text;
@@ -3958,12 +3951,12 @@ var Vue = (function(exports) {
 					node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 				} else if (isText && !vnode.children) insert(vnode.el = createText(""), container);
 				else {
-					if (!isMismatchAllowed(container, 1)) {
-						if (!hasWarned) {
+					if (!hasCheckedMismatch) {
+						hasCheckedMismatch = true;
+						if (!isMismatchAllowed(container, 1)) {
 							warn$1(`Hydration children mismatch on`, container, `\nServer rendered element contains fewer child nodes than client vdom.`);
-							hasWarned = true;
+							logMismatchError();
 						}
-						logMismatchError();
 					}
 					patch(null, vnode, container, null, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
 				}
@@ -6976,8 +6969,10 @@ var Vue = (function(exports) {
 					else hostInsert(el, container, anchor);
 				};
 				const performLeave = () => {
+					const wasLeaving = el._isLeaving || !!el[leaveCbKey];
 					if (el._isLeaving) el[leaveCbKey](true);
-					leave(el, () => {
+					if (transition.persisted && !wasLeaving) remove();
+					else leave(el, () => {
 						remove();
 						afterLeave && afterLeave();
 					});
@@ -7198,6 +7193,10 @@ var Vue = (function(exports) {
 		if (hooks) for (let i = 0; i < hooks.length; i++) hooks[i].flags |= 4;
 	}
 	function performTransitionEnter(el, transition, insert, parentSuspense, force = false) {
+		if (force && transition.persisted && !el[leaveCbKey]) {
+			insert();
+			return;
+		}
 		if (force || needTransition(parentSuspense, transition)) {
 			transition.beforeEnter(el);
 			insert();
@@ -8444,7 +8443,7 @@ var Vue = (function(exports) {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.12";
+	const version = "3.6.0-beta.13";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -9052,7 +9051,21 @@ var Vue = (function(exports) {
 		const invoker = (e) => {
 			if (!e._vts) e._vts = Date.now();
 			else if (e._vts <= invoker.attached) return;
-			callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5, [e]);
+			const value = invoker.value;
+			if (isArray(value)) {
+				const originalStop = e.stopImmediatePropagation;
+				e.stopImmediatePropagation = () => {
+					originalStop.call(e);
+					e._stopped = true;
+				};
+				const handlers = value.slice();
+				const args = [e];
+				for (let i = 0; i < handlers.length; i++) {
+					if (e._stopped) break;
+					const handler = handlers[i];
+					if (handler) callWithAsyncErrorHandling(handler, instance, 5, args);
+				}
+			} else callWithAsyncErrorHandling(value, instance, 5, [e]);
 		};
 		invoker.value = initialValue;
 		invoker.attached = getNow();
@@ -9063,16 +9076,6 @@ var Vue = (function(exports) {
 		warn(`Wrong type passed as event handler to ${propName} - did you forget @ or : in front of your prop?\nExpected function or array of functions, received type ${typeof value}.`);
 		return NOOP;
 	}
-	function patchStopImmediatePropagation(e, value) {
-		if (isArray(value)) {
-			const originalStop = e.stopImmediatePropagation;
-			e.stopImmediatePropagation = () => {
-				originalStop.call(e);
-				e._stopped = true;
-			};
-			return value.map((fn) => (e) => !e._stopped && fn && fn(e));
-		} else return value;
-	}
 	//#endregion
 	//#region packages/runtime-dom/src/patchProp.ts
 	const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
@@ -12767,10 +12770,9 @@ var Vue = (function(exports) {
 			const isTemplate = isTemplateNode(node);
 			const memo = findDir(node, "memo");
 			const keyProp = findProp(node, `key`, false, true);
-			const isDirKey = keyProp && keyProp.type === 7;
+			keyProp && keyProp.type;
 			let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
-			if (memo && keyExp && isDirKey) {}
-			const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
+			const keyProperty = keyExp ? createObjectProperty(`key`, keyExp) : null;
 			const isStableFragment = forNode.source.type === 4 && forNode.source.constType > 0;
 			const fragmentFlag = isStableFragment ? 64 : keyProp ? 128 : 256;
 			forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), void 0, renderExp, fragmentFlag, void 0, void 0, true, !isStableFragment, false, node.loc);