@vue/compat 3.6.0-rc.10 → 3.6.0-rc.11

package/dist/vue-compat.d.ts

@@ -1048,6 +1048,11 @@ interface VaporInVdomInterface {
   activate(vnode: VNode, container: RendererElement, anchor: RendererNode | null, parentComponent: ComponentInternalInstance, parentSuspense: SuspenseBoundary | null): void;
   deactivate(vnode: VNode, container: RendererElement, parentSuspense: SuspenseBoundary | null): void;
   setTransitionHooks(component: ComponentInternalInstance, transition: TransitionHooks): void;
+  /**
+   * Whether a mounted vapor component or slot vnode renders an element a
+   * Transition can leave.
+   */
+  hasTransitionChild(vnode: VNode): boolean;
   applyCssVars(vnode: VNode, vars: Record<string, string>): void;
   /**
    * Hands the fallback of a vdom outlet over to the vapor slot its content

package/dist/vue.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.10
+  * @vue/compat v3.6.0-rc.11
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3916,10 +3916,11 @@ const BaseTransitionPropsValidators = {
 	onAfterAppear: TransitionHookValidator,
 	onAppearCancelled: TransitionHookValidator
 };
-const recursiveGetSubtree = (instance) => {
-	const subTree = isVaporComponent(instance.type) ? instance.block : instance.subTree;
-	return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
-};
+function isEmptyTransitionChild(vnode, instance) {
+	if (vnode.type === Comment) return true;
+	if (vnode.type === VaporSlot || isVaporComponent(vnode.type)) return !getVaporInterface(instance, vnode).hasTransitionChild(vnode);
+	return !!vnode.component && isEmptyTransitionChild(vnode.component.subTree, instance);
+}
 const BaseTransitionImpl = {
 	name: `BaseTransition`,
 	props: BaseTransitionPropsValidators,
@@ -3968,7 +3969,7 @@ function getLeavingNodesForType(state, vnode) {
 function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	const key = String(vnode.key);
 	const leavingVNodesCache = getLeavingNodesForType(state, vnode);
-	return baseResolveTransitionHooks({
+	const hooks = baseResolveTransitionHooks({
 		isLeaving: () => leavingVNodesCache[key] === vnode,
 		setLeavingNodeCache: () => {
 			leavingVNodesCache[key] = vnode;
@@ -3986,6 +3987,13 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 			return hooks;
 		}
 	}, props, state, instance);
+	if (vnode.type === VaporSlot) extend(hooks, {
+		__vapor: true,
+		props,
+		state,
+		instance
+	});
+	return hooks;
 }
 function baseResolveTransitionHooks(context, props, state, instance) {
 	const { isLeaving, setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
@@ -4101,7 +4109,7 @@ function prepareTransitionSwitch(previous, next, props, state, instance, resumeA
 	if (nextInner.type !== Comment) setTransitionHooks(nextInner, enterHooks);
 	const mode = props.mode;
 	const previousInner = previous && getInnerChild$1(previous);
-	if (previous && previousInner && previousInner.type !== Comment && !isSameVNodeType(previousInner, nextInner) && (!previous.component || recursiveGetSubtree(previous.component).type !== Comment)) {
+	if (previous && previousInner && !isSameVNodeType(previousInner, nextInner) && !isEmptyTransitionChild(previousInner, instance)) {
 		const leavingHooks = prepareLeavingTransitionHooks(previousInner, props, state, instance);
 		if (nextInner.type !== Comment && (mode === "out-in" || mode === "in-out") && applyTransitionModeSwitch(previousInner, leavingHooks, mode === "in-out" ? () => enterHooks : void 0, props, state, resumeAfterLeave)) return emptyPlaceholder(next);
 	}
@@ -6628,7 +6636,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-rc.10`;
+	Vue.version = `2.6.14-compat:3.6.0-rc.11`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -10165,7 +10173,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.10";
+const version = "3.6.0-rc.11";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.

package/dist/vue.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.10
+  * @vue/compat v3.6.0-rc.11
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3140,10 +3140,11 @@ const BaseTransitionPropsValidators = {
 	onAfterAppear: TransitionHookValidator,
 	onAppearCancelled: TransitionHookValidator
 };
-const recursiveGetSubtree = (instance) => {
-	const subTree = isVaporComponent(instance.type) ? instance.block : instance.subTree;
-	return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
-};
+function isEmptyTransitionChild(vnode, instance) {
+	if (vnode.type === Comment) return true;
+	if (vnode.type === VaporSlot || isVaporComponent(vnode.type)) return !getVaporInterface(instance, vnode).hasTransitionChild(vnode);
+	return !!vnode.component && isEmptyTransitionChild(vnode.component.subTree, instance);
+}
 const BaseTransitionImpl = {
 	name: `BaseTransition`,
 	props: BaseTransitionPropsValidators,
@@ -3186,7 +3187,7 @@ function getLeavingNodesForType(state, vnode) {
 function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	const key = String(vnode.key);
 	const leavingVNodesCache = getLeavingNodesForType(state, vnode);
-	return baseResolveTransitionHooks({
+	const hooks = baseResolveTransitionHooks({
 		isLeaving: () => leavingVNodesCache[key] === vnode,
 		setLeavingNodeCache: () => {
 			leavingVNodesCache[key] = vnode;
@@ -3204,6 +3205,13 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 			return hooks;
 		}
 	}, props, state, instance);
+	if (vnode.type === VaporSlot) extend(hooks, {
+		__vapor: true,
+		props,
+		state,
+		instance
+	});
+	return hooks;
 }
 function baseResolveTransitionHooks(context, props, state, instance) {
 	const { isLeaving, setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
@@ -3319,7 +3327,7 @@ function prepareTransitionSwitch(previous, next, props, state, instance, resumeA
 	if (nextInner.type !== Comment) setTransitionHooks(nextInner, enterHooks);
 	const mode = props.mode;
 	const previousInner = previous && getInnerChild$1(previous);
-	if (previous && previousInner && previousInner.type !== Comment && !isSameVNodeType(previousInner, nextInner) && (!previous.component || recursiveGetSubtree(previous.component).type !== Comment)) {
+	if (previous && previousInner && !isSameVNodeType(previousInner, nextInner) && !isEmptyTransitionChild(previousInner, instance)) {
 		const leavingHooks = prepareLeavingTransitionHooks(previousInner, props, state, instance);
 		if (nextInner.type !== Comment && (mode === "out-in" || mode === "in-out") && applyTransitionModeSwitch(previousInner, leavingHooks, mode === "in-out" ? () => enterHooks : void 0, props, state, resumeAfterLeave)) return emptyPlaceholder(next);
 	}
@@ -5487,7 +5495,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-rc.10`;
+	Vue.version = `2.6.14-compat:3.6.0-rc.11`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -8299,7 +8307,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.10";
+const version = "3.6.0-rc.11";
 const warn = NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.

package/dist/vue.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.10
+  * @vue/compat v3.6.0-rc.11
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3853,10 +3853,11 @@ const BaseTransitionPropsValidators = {
 	onAfterAppear: TransitionHookValidator,
 	onAppearCancelled: TransitionHookValidator
 };
-const recursiveGetSubtree = (instance) => {
-	const subTree = isVaporComponent(instance.type) ? instance.block : instance.subTree;
-	return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
-};
+function isEmptyTransitionChild(vnode, instance) {
+	if (vnode.type === Comment) return true;
+	if (vnode.type === VaporSlot || isVaporComponent(vnode.type)) return !getVaporInterface(instance, vnode).hasTransitionChild(vnode);
+	return !!vnode.component && isEmptyTransitionChild(vnode.component.subTree, instance);
+}
 const BaseTransitionImpl = {
 	name: `BaseTransition`,
 	props: BaseTransitionPropsValidators,
@@ -3905,7 +3906,7 @@ function getLeavingNodesForType(state, vnode) {
 function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	const key = String(vnode.key);
 	const leavingVNodesCache = getLeavingNodesForType(state, vnode);
-	return baseResolveTransitionHooks({
+	const hooks = baseResolveTransitionHooks({
 		isLeaving: () => leavingVNodesCache[key] === vnode,
 		setLeavingNodeCache: () => {
 			leavingVNodesCache[key] = vnode;
@@ -3923,6 +3924,13 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 			return hooks;
 		}
 	}, props, state, instance);
+	if (vnode.type === VaporSlot) extend(hooks, {
+		__vapor: true,
+		props,
+		state,
+		instance
+	});
+	return hooks;
 }
 function baseResolveTransitionHooks(context, props, state, instance) {
 	const { isLeaving, setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
@@ -4038,7 +4046,7 @@ function prepareTransitionSwitch(previous, next, props, state, instance, resumeA
 	if (nextInner.type !== Comment) setTransitionHooks(nextInner, enterHooks);
 	const mode = props.mode;
 	const previousInner = previous && getInnerChild$1(previous);
-	if (previous && previousInner && previousInner.type !== Comment && !isSameVNodeType(previousInner, nextInner) && (!previous.component || recursiveGetSubtree(previous.component).type !== Comment)) {
+	if (previous && previousInner && !isSameVNodeType(previousInner, nextInner) && !isEmptyTransitionChild(previousInner, instance)) {
 		const leavingHooks = prepareLeavingTransitionHooks(previousInner, props, state, instance);
 		if (nextInner.type !== Comment && (mode === "out-in" || mode === "in-out") && applyTransitionModeSwitch(previousInner, leavingHooks, mode === "in-out" ? () => enterHooks : void 0, props, state, resumeAfterLeave)) return emptyPlaceholder(next);
 	}
@@ -6543,7 +6551,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-rc.10`;
+	Vue.version = `2.6.14-compat:3.6.0-rc.11`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -10069,7 +10077,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.10";
+const version = "3.6.0-rc.11";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.