@vue/compat 3.6.0-beta.10 → 3.6.0-beta.12

package/dist/vue-compat.d.ts

@@ -1279,6 +1279,8 @@ interface VNode<HostNode = RendererNode, HostElement = RendererElement, ExtraPro
   vs?: {
     slot: (props: any) => any;
     fallback: (() => VNodeArrayChildren) | undefined;
+    outletFallback?: (() => VNodeArrayChildren) | undefined;
+    state?: unknown;
     ref?: ShallowRef<any>;
     scope?: EffectScope;
   };

package/dist/vue.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-beta.10
+  * @vue/compat v3.6.0-beta.12
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -566,6 +566,13 @@ function warn$2(msg, ...args) {
 const notifyBuffer = [];
 let batchDepth = 0;
 let activeSub = void 0;
+let runDepth = 0;
+function incRunDepth() {
+	++runDepth;
+}
+function decRunDepth() {
+	--runDepth;
+}
 let globalVersion = 0;
 let notifyIndex = 0;
 let notifyBufferLength = 0;
@@ -639,8 +646,10 @@ function propagate(link) {
 		const sub = link.sub;
 		let flags = sub.flags;
 		if (flags & 3) {
-			if (!(flags & 60)) sub.flags = flags | 32;
-			else if (!(flags & 12)) flags = 0;
+			if (!(flags & 60)) {
+				sub.flags = flags | 32;
+				if (runDepth) sub.flags |= 8;
+			} else if (!(flags & 12)) flags = 0;
 			else if (!(flags & 4)) sub.flags = flags & -9 | 32;
 			else if (!(flags & 48) && isValidLink(link, sub)) {
 				sub.flags = flags | 40;
@@ -709,13 +718,13 @@ function checkDirty(link, sub) {
 		let dirty = false;
 		if (sub.flags & 16) dirty = true;
 		else if ((depFlags & 17) === 17) {
+			const subs = dep.subs;
 			if (dep.update()) {
-				const subs = dep.subs;
 				if (subs.nextSub !== void 0) shallowPropagate(subs);
 				dirty = true;
 			}
 		} else if ((depFlags & 33) === 33) {
-			if (link.nextSub !== void 0 || link.prevSub !== void 0) stack = {
+			stack = {
 				value: link,
 				prev: stack
 			};
@@ -730,15 +739,12 @@ function checkDirty(link, sub) {
 		}
 		while (checkDepth) {
 			--checkDepth;
-			const firstSub = sub.subs;
-			const hasMultipleSubs = firstSub.nextSub !== void 0;
-			if (hasMultipleSubs) {
-				link = stack.value;
-				stack = stack.prev;
-			} else link = firstSub;
+			link = stack.value;
+			stack = stack.prev;
 			if (dirty) {
+				const subs = sub.subs;
 				if (sub.update()) {
-					if (hasMultipleSubs) shallowPropagate(firstSub);
+					if (subs.nextSub !== void 0) shallowPropagate(subs);
 					sub = link.sub;
 					continue;
 				}
@@ -750,7 +756,7 @@ function checkDirty(link, sub) {
 			}
 			dirty = false;
 		}
-		return dirty;
+		return dirty && !!sub.flags;
 	} while (true);
 }
 function shallowPropagate(link) {
@@ -1902,9 +1908,11 @@ var ReactiveEffect = class {
 		if (!this.active) return this.fn();
 		cleanup(this);
 		const prevSub = startTracking(this);
+		incRunDepth();
 		try {
 			return this.fn();
 		} finally {
+			decRunDepth();
 			endTracking(this, prevSub);
 			const flags = this.flags;
 			if ((flags & 136) === 136) {
@@ -3569,7 +3577,7 @@ const TeleportImpl = {
 	name: "Teleport",
 	__isTeleport: true,
 	process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
-		const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+		const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment, parentNode } } = internals;
 		const disabled = isTeleportDisabled(n2.props);
 		let { dynamicChildren } = n2;
 		if (isHmrUpdating) {
@@ -3598,7 +3606,7 @@ const TeleportImpl = {
 				if (pendingMounts.get(vnode) !== mountJob) return;
 				pendingMounts.delete(vnode);
 				if (isTeleportDisabled(vnode.props)) {
-					mount(vnode, container, vnode.anchor);
+					mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
 					updateCssVars(vnode, true);
 				}
 				mountToTarget(vnode);
@@ -3678,7 +3686,7 @@ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }
 	const { el, anchor, shapeFlag, children, props } = vnode;
 	const isReorder = moveType === 2;
 	if (isReorder) insert(el, container, parentAnchor);
-	if (!isReorder || isTeleportDisabled(props)) {
+	if (!pendingMounts.has(vnode) && (!isReorder || isTeleportDisabled(props))) {
 		if (shapeFlag & 16) for (let i = 0; i < children.length; i++) move(children[i], container, parentAnchor, 2, parentComponent);
 	}
 	if (isReorder) insert(anchor, container, parentAnchor);
@@ -3803,8 +3811,8 @@ const BaseTransitionImpl = {
 		const state = useTransitionState();
 		return () => {
 			const children = slots.default && getTransitionRawChildren(slots.default(), true);
-			if (!children || !children.length) return;
-			const child = findNonCommentChild(children);
+			const child = children && children.length ? findNonCommentChild(children) : instance.subTree ? createCommentVNode() : void 0;
+			if (!child) return;
 			const rawProps = /* @__PURE__ */ toRaw(props);
 			const { mode } = rawProps;
 			checkTransitionMode(mode);
@@ -5378,6 +5386,7 @@ function createSlots(slots, dynamicSlots) {
 */
 function renderSlot(slots, name, props = {}, fallback, noSlotted) {
 	let slot = slots[name];
+	if (fallback) fallback.__vdom = true;
 	const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
 	if (vaporSlot) {
 		const ret = (openBlock(), createBlock(VaporSlot, props));
@@ -5416,9 +5425,7 @@ function ensureValidVNode(vnodes) {
 }
 function ensureVaporSlotFallback(vnodes, fallback) {
 	let vaporSlot;
-	if (vnodes && vnodes.length === 1 && isVNode(vnodes[0]) && (vaporSlot = vnodes[0].vs)) {
-		if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
-	}
+	if (vnodes && vnodes.length === 1 && isVNode(vnodes[0]) && (vaporSlot = vnodes[0].vs)) vaporSlot.outletFallback = fallback;
 }
 //#endregion
 //#region packages/runtime-core/src/helpers/toHandlers.ts
@@ -5979,9 +5986,14 @@ function withAsyncContext(getAwaitable) {
 	setCurrentInstance(null, void 0);
 	if (inSSRSetup) setInSSRSetupState(false);
 	const restore = () => {
+		const resetStoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
 		setCurrentInstance(ctx);
 		if (inSSRSetup) setInSSRSetupState(true);
-		return restoreAsyncContext && restoreAsyncContext();
+		const reset = restoreAsyncContext && restoreAsyncContext();
+		return () => {
+			if (reset) reset();
+			if (resetStoppedScope) resetStoppedScope.reset();
+		};
 	};
 	const cleanup = () => {
 		setCurrentInstance(null, void 0);
@@ -6319,7 +6331,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
 		if (options.el) return vm.$mount(options.el);
 		else return vm;
 	}
-	Vue.version = `2.6.14-compat:3.6.0-beta.10`;
+	Vue.version = `2.6.14-compat:3.6.0-beta.12`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -7455,7 +7467,7 @@ function getInvalidTypeMessage(name, value, expectedTypes) {
 	const receivedType = toRawType(value);
 	const expectedValue = styleValue(value, expectedType);
 	const receivedValue = styleValue(value, receivedType);
-	if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) message += ` with value ${expectedValue}`;
+	if (expectedTypes.length === 1 && isExplicable(expectedType) && isCoercible(expectedType, receivedType)) message += ` with value ${expectedValue}`;
 	message += `, got ${receivedType} `;
 	if (isExplicable(receivedType)) message += `with value ${receivedValue}.`;
 	return message;
@@ -7464,7 +7476,8 @@ function getInvalidTypeMessage(name, value, expectedTypes) {
 * dev only
 */
 function styleValue(value, type) {
-	if (type === "String") return `"${value}"`;
+	if (isSymbol(value)) return value.toString();
+	else if (type === "String") return `"${value}"`;
 	else if (type === "Number") return `${Number(value)}`;
 	else return `${value}`;
 }
@@ -7481,8 +7494,11 @@ function isExplicable(type) {
 /**
 * dev only
 */
-function isBoolean(...args) {
-	return args.some((elem) => elem.toLowerCase() === "boolean");
+function isCoercible(...args) {
+	return args.every((elem) => {
+		const value = elem.toLowerCase();
+		return value !== "boolean" && value !== "symbol";
+	});
 }
 //#endregion
 //#region packages/runtime-core/src/componentSlots.ts
@@ -8677,15 +8693,19 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			if (suspense.isHydrating) suspense.isHydrating = false;
 			else if (!resume) {
 				delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
+				let hasUpdatedAnchor = false;
 				if (delayEnter) activeBranch.transition.afterLeave = () => {
 					if (pendingId === suspense.pendingId) {
-						move(pendingBranch, container, anchor === initialAnchor ? next(activeBranch) : anchor, 0, parentComponent);
+						move(pendingBranch, container, anchor === initialAnchor && !hasUpdatedAnchor ? next(activeBranch) : anchor, 0, parentComponent);
 						queuePostFlushCb(effects);
 						if (isInFallback && vnode.ssFallback) vnode.ssFallback.el = null;
 					}
 				};
 				if (activeBranch && !suspense.isFallbackMountPending) {
-					if (parentNode(activeBranch.el) === container) anchor = next(activeBranch);
+					if (parentNode(activeBranch.el) === container) {
+						anchor = next(activeBranch);
+						hasUpdatedAnchor = true;
+					}
 					unmount(activeBranch, parentComponent, suspense, true);
 					if (!delayEnter && isInFallback && vnode.ssFallback) queuePostRenderEffect(() => vnode.ssFallback.el = null, void 0, suspense);
 				}
@@ -9082,12 +9102,30 @@ function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false
 		el: vnode.el,
 		anchor: vnode.anchor,
 		ctx: vnode.ctx,
-		ce: vnode.ce
+		ce: vnode.ce,
+		vi: vnode.vi,
+		vs: cloneVaporSlotMeta(vnode),
+		vb: vnode.vb
 	};
 	if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 	defineLegacyVNodeProperties(cloned);
 	return cloned;
 }
+function cloneVaporSlotMeta(vnode) {
+	const vaporSlot = vnode.vs;
+	if (!vaporSlot) return vaporSlot;
+	const cloned = {
+		slot: vaporSlot.slot,
+		fallback: vaporSlot.fallback,
+		outletFallback: vaporSlot.outletFallback
+	};
+	if (vnode.el) {
+		cloned.state = vaporSlot.state;
+		cloned.ref = vaporSlot.ref;
+		cloned.scope = vaporSlot.scope;
+	}
+	return cloned;
+}
 /**
 * Dev only, for HMR of hoisted vnodes reused in v-for
 * https://github.com/vitejs/vite/issues/2022
@@ -9757,7 +9795,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-beta.10";
+const version = "3.6.0-beta.12";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -10185,7 +10223,10 @@ function patchStyle(el, prev, next) {
 		}
 		for (const key in next) {
 			if (key === "display") hasControlledDisplay = true;
-			setStyle(style, key, next[key]);
+			const value = next[key];
+			if (value != null) {
+				if (!shouldPreserveTextareaResizeStyle(el, key, !isString(prev) && prev ? prev[key] : void 0, value)) setStyle(style, key, value);
+			} else setStyle(style, key, "");
 		}
 	} else if (isCssString) {
 		if (prev !== next) {
@@ -10233,6 +10274,14 @@ function autoPrefix(style, rawName) {
 	}
 	return rawName;
 }
+/**
+* Browsers update textarea width/height directly during native resize.
+* Only special-case this common textarea path for now; other resize scenarios
+* still follow normal vnode style patching.
+*/
+function shouldPreserveTextareaResizeStyle(el, key, prev, next) {
+	return el.tagName === "TEXTAREA" && (key === "width" || key === "height") && isString(next) && prev === next;
+}
 //#endregion
 //#region packages/runtime-dom/src/modules/attrs.ts
 const xlinkNS = "http://www.w3.org/1999/xlink";
@@ -10692,7 +10741,10 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				replacementNodes.push(child);
 			}
 			parent.removeChild(o);
-			slotReplacements.set(o, replacementNodes);
+			slotReplacements.set(o, {
+				nodes: replacementNodes,
+				usedFallback: !content
+			});
 		}
 		this._updateSlotNodes(slotReplacements);
 	}
@@ -14394,6 +14446,7 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		constantCache: /* @__PURE__ */ new WeakMap(),
 		temps: 0,
 		identifiers: Object.create(null),
+		identifierScopes: Object.create(null),
 		scopes: {
 			vFor: 0,
 			vSlot: 0,
@@ -14444,16 +14497,20 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 			context.parent.children.splice(removalIndex, 1);
 		},
 		onNodeRemoved: NOOP,
-		addIdentifiers(exp) {
-			if (isString(exp)) addId(exp);
-			else if (exp.identifiers) exp.identifiers.forEach(addId);
-			else if (exp.type === 4) addId(exp.content);
+		addIdentifiers(exp, type = "local") {
+			if (isString(exp)) addId(exp, type);
+			else if (exp.identifiers) exp.identifiers.forEach((id) => addId(id, type));
+			else if (exp.type === 4) addId(exp.content, type);
 		},
 		removeIdentifiers(exp) {
 			if (isString(exp)) removeId(exp);
 			else if (exp.identifiers) exp.identifiers.forEach(removeId);
 			else if (exp.type === 4) removeId(exp.content);
 		},
+		isSlotScopeIdentifier(name) {
+			const scopes = context.identifierScopes[name];
+			return scopes ? scopes[scopes.length - 1] === "slot" : false;
+		},
 		hoist(exp) {
 			if (isString(exp)) exp = createSimpleExpression(exp);
 			context.hoists.push(exp);
@@ -14468,13 +14525,16 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		}
 	};
 	context.filters = /* @__PURE__ */ new Set();
-	function addId(id) {
-		const { identifiers } = context;
+	function addId(id, type) {
+		const { identifiers, identifierScopes } = context;
 		if (identifiers[id] === void 0) identifiers[id] = 0;
 		identifiers[id]++;
+		(identifierScopes[id] || (identifierScopes[id] = [])).push(type);
 	}
 	function removeId(id) {
 		context.identifiers[id]--;
+		const scopes = context.identifierScopes[id];
+		if (scopes) scopes.pop();
 	}
 	return context;
 }
@@ -15547,7 +15607,7 @@ const trackSlotScopes = (node, context) => {
 		const vSlot = findDir(node, "slot");
 		if (vSlot) {
 			const slotProps = vSlot.exp;
-			if (context.prefixIdentifiers) slotProps && context.addIdentifiers(slotProps);
+			if (context.prefixIdentifiers) slotProps && context.addIdentifiers(slotProps, "slot");
 			context.scopes.vSlot++;
 			return () => {
 				if (context.prefixIdentifiers) slotProps && context.removeIdentifiers(slotProps);
@@ -15768,6 +15828,15 @@ function resolveComponentType(node, context, ssr = false) {
 		if (!ssr) context.helper(builtIn);
 		return builtIn;
 	}
+	{
+		const fromScope = resolveSlotScopeReference(tag, context);
+		if (fromScope) return fromScope;
+		const dotIndex = tag.indexOf(".");
+		if (dotIndex > 0) {
+			const ns = resolveSlotScopeReference(tag.slice(0, dotIndex), context);
+			if (ns) return ns + tag.slice(dotIndex);
+		}
+	}
 	{
 		const fromSetup = resolveSetupReference(tag, context);
 		if (fromSetup) return fromSetup;
@@ -15786,6 +15855,14 @@ function resolveComponentType(node, context, ssr = false) {
 	context.components.add(tag);
 	return toValidAssetId(tag, `component`);
 }
+function resolveSlotScopeReference(name, context) {
+	const camelName = camelize(name);
+	const PascalName = capitalize(camelName);
+	const isInSlotScope = (reference) => context.isSlotScopeIdentifier(reference);
+	if (isInSlotScope(name)) return name;
+	if (isInSlotScope(camelName)) return camelName;
+	if (isInSlotScope(PascalName)) return PascalName;
+}
 function resolveSetupReference(name, context) {
 	const bindings = context.bindingMetadata;
 	if (!bindings || bindings.__isScriptSetup === false) return;