@vue/compiler-vapor 3.6.0-beta.13 → 3.6.0-beta.14

package/dist/compiler-vapor.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-vapor v3.6.0-beta.13
+  * @vue/compiler-vapor v3.6.0-beta.14
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -1142,7 +1142,7 @@ function isConstantBinding(value, context) {
 //#region packages/compiler-vapor/src/generators/for.ts
 function genFor(oper, context) {
 	const { helper } = context;
-	const { source, value, key, index, render, keyProp, once, id, component, onlyChild } = oper;
+	const { source, value, key, index, render, keyProp, once, id, component, onlyChild, slotRoot } = oper;
 	const rawValue = value && value.content;
 	const rawKey = key && key.content;
 	const rawIndex = index && index.content;
@@ -1201,6 +1201,7 @@ function genFor(oper, context) {
 	if (isFragmentBlock(render)) flags |= 16;
 	if (!component && isSingleNodeBlock(render)) flags |= 8;
 	if (once) flags |= 4;
+	if (slotRoot) flags |= 32;
 	const onResetCalls = [];
 	for (let i = 0; i < selectorPatterns.length; i++) onResetCalls.push(NEWLINE, `n${id}.onReset(${selectorName(i)}.reset)`);
 	return [
@@ -1282,7 +1283,7 @@ function parseValueDestructure(value, context) {
 					if (child.type === "AssignmentPattern" && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern")) {
 						isDynamic = true;
 						helper = context.helper("getDefaultValue");
-						helperArgs = rawValue.slice(child.right.start - 1, child.right.end - 1);
+						helperArgs = `() => (${rawValue.slice(child.right.start - 1, child.right.end - 1)})`;
 					}
 				}
 				map.set(id.name, {
@@ -1430,9 +1431,9 @@ function genSetHtml(oper, context) {
 //#region packages/compiler-vapor/src/generators/if.ts
 function genIf(oper, context, isNested = false) {
 	const { helper } = context;
-	const { condition, positive, negative, once, index, blockShape } = oper;
+	const { condition, positive, negative, once, slotRoot, index, blockShape } = oper;
 	const [frag, push] = buildCodeFragment();
-	const flags = genIfFlags(blockShape, once, negative ? index : void 0);
+	const flags = genIfFlags(blockShape, once, slotRoot, negative ? index : void 0);
 	const conditionExpr = [
 		"() => (",
 		...genExpression(condition, context),
@@ -1446,19 +1447,21 @@ function genIf(oper, context, isNested = false) {
 	push(...genCall(helper("createIf"), conditionExpr, positiveArg, negativeArg, flags));
 	return frag;
 }
-function genIfFlags(blockShape, once, index) {
+function genIfFlags(blockShape, once, slotRoot, index) {
 	let flags = blockShape;
+	if (slotRoot) flags |= 128;
 	if (once) flags |= 16;
-	else if (index !== void 0) flags |= index + 1 << 7;
+	else if (index !== void 0) flags |= index + 1 << 8;
 	if (flags === 1) return false;
-	return `${flags} /* ${genIfFlagNames(once, index, blockShape)} */`;
+	return `${flags} /* ${genIfFlagNames(once, slotRoot, index, blockShape)} */`;
 }
-function genIfFlagNames(once, index, blockShape) {
+function genIfFlagNames(once, slotRoot, index, blockShape) {
 	const names = ["BLOCK_SHAPE"];
 	if (blockShape & 32) names.push("TRUE_NO_SCOPE");
 	if (blockShape & 64) names.push("FALSE_NO_SCOPE");
 	if (once) names.push("ONCE");
-	else if (index !== void 0) names.push("INDEX_SHIFT");
+	if (slotRoot) names.push("SLOT_ROOT");
+	if (!once && index !== void 0) names.push("INDEX_SHIFT");
 	return names.join(", ");
 }
 //#endregion
@@ -1804,7 +1807,9 @@ function genCreateComponent(operation, context) {
 	const useAssetComponentHelper = operation.asset && !operation.dynamic && context.block === context.ir.block && !!singleUseAssetComponentNames && singleUseAssetComponentNames.has(operation.tag);
 	const maybeSelfReference = useAssetComponentHelper && operation.tag.endsWith("__self");
 	const tag = genTag();
-	const { root, props, slots, once } = operation;
+	const { root, props, slots, once, slotRoot } = operation;
+	const isRuntimeDynamicComponent = !!(operation.dynamic && !operation.dynamic.isStatic);
+	const dynamicComponentFlags = isRuntimeDynamicComponent ? (root ? 1 : 0) | (once ? 2 : 0) | (slotRoot ? 4 : 0) : 0;
 	const rawSlots = genRawSlots(slots, context);
 	const [ids, handlers] = processInlineHandlers(props, context);
 	const rawProps = context.withId(() => genRawProps(props, context, true), ids);
@@ -1820,7 +1825,7 @@ function genCreateComponent(operation, context) {
 			];
 		}, []),
 		`const n${operation.id} = `,
-		...genCall(operation.dynamic && !operation.dynamic.isStatic ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, root ? "true" : false, once && "true", maybeSelfReference && "true"),
+		...genCall(isRuntimeDynamicComponent ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, isRuntimeDynamicComponent ? dynamicComponentFlags ? String(dynamicComponentFlags) : false : root ? "true" : false, isRuntimeDynamicComponent ? false : once && "true", isRuntimeDynamicComponent ? false : maybeSelfReference && "true"),
 		...genDirectivesForElement(operation.id, context)
 	];
 	function genTag() {
@@ -2097,23 +2102,12 @@ function genDynamicSlot(slot, context, withFunction = false) {
 			break;
 	}
 	if (!withFunction) return frag;
-	return needsDynamicSlotSourceCtx(slot) ? [
-		`${context.helper("withVaporCtx")}(() => (`,
-		...frag,
-		"))"
-	] : [
+	return [
 		"() => (",
 		...frag,
 		")"
 	];
 }
-function needsDynamicSlotSourceCtx(slot) {
-	switch (slot.slotType) {
-		case 1: return needsVaporCtx(slot.fn);
-		case 2: return needsVaporCtx(slot.fn);
-		case 3: return needsDynamicSlotSourceCtx(slot.positive) || (slot.negative ? needsDynamicSlotSourceCtx(slot.negative) : false);
-	}
-}
 function genBasicDynamicSlot(slot, context) {
 	const { name, fn } = slot;
 	return genMulti(DELIMITERS_OBJECT_NEWLINE, ["name: ", ...genExpression(name, context)], ["fn: ", ...genSlotBlockWithProps(fn, context)]);
@@ -2158,7 +2152,7 @@ function genSlotBlockWithProps(oper, context) {
 	let propsName;
 	let exitScope;
 	let depth;
-	const { props, node } = oper;
+	const { props } = oper;
 	const idToPathMap = props ? parseValueDestructure(props, context) : /* @__PURE__ */ new Map();
 	if (props) if (props.ast) {
 		[depth, exitScope] = context.enterScope();
@@ -2167,64 +2161,12 @@ function genSlotBlockWithProps(oper, context) {
 	const idMap = idToPathMap.size ? buildDestructureIdMap(idToPathMap, propsName || "", context.options.expressionPlugins) : {};
 	if (propsName) idMap[propsName] = null;
 	const exitSlotBlock = context.enterSlotBlock();
+	markSlotRootOperations(oper);
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
 	exitSlotBlock();
 	exitScope && exitScope();
-	if (node.type === 1) {
-		if (needsVaporCtx(oper)) blockFn = [
-			`${context.helper("withVaporCtx")}(`,
-			...blockFn,
-			`)`
-		];
-	}
 	return blockFn;
 }
-/**
-* Check if a slot block needs withVaporCtx wrapper.
-* Returns true if the block contains:
-* - Component creation (needs scopeId inheritance)
-* - Slot outlet (needs rawSlots from slot owner)
-*/
-function needsVaporCtx(block) {
-	return hasComponentOrSlotInBlock(block);
-}
-function hasComponentOrSlotInBlock(block) {
-	if (hasComponentOrSlotInOperations(block.operation)) return true;
-	return hasComponentOrSlotInDynamic(block.dynamic);
-}
-function hasComponentOrSlotInDynamic(dynamic) {
-	if (dynamic.operation) {
-		const type = dynamic.operation.type;
-		if (type === 12 || type === 13) return true;
-		if (type === 15) {
-			if (hasComponentOrSlotInIf(dynamic.operation)) return true;
-		}
-		if (type === 16) {
-			if (hasComponentOrSlotInBlock(dynamic.operation.render)) return true;
-		}
-	}
-	for (const child of dynamic.children) if (hasComponentOrSlotInDynamic(child)) return true;
-	return false;
-}
-function hasComponentOrSlotInOperations(operations) {
-	for (const op of operations) switch (op.type) {
-		case 12:
-		case 13: return true;
-		case 15:
-			if (hasComponentOrSlotInIf(op)) return true;
-			break;
-		case 16:
-			if (hasComponentOrSlotInBlock(op.render)) return true;
-			break;
-	}
-	return false;
-}
-function hasComponentOrSlotInIf(node) {
-	if (hasComponentOrSlotInBlock(node.positive)) return true;
-	if (node.negative) if ("positive" in node.negative) return hasComponentOrSlotInIf(node.negative);
-	else return hasComponentOrSlotInBlock(node.negative);
-	return false;
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/slotOutlet.ts
 function genSlotOutlet(oper, context) {
@@ -2232,7 +2174,10 @@ function genSlotOutlet(oper, context) {
 	const { id, name, fallback, flags } = oper;
 	const [frag, push] = buildCodeFragment();
 	let fallbackArg;
-	if (fallback) fallbackArg = genBlock(fallback, context);
+	if (fallback) {
+		markSlotRootOperations(fallback);
+		fallbackArg = genBlock(fallback, context);
+	}
 	const createSlot = helper("createSlot");
 	const rawPropsArg = genRawProps(oper.props, context, true);
 	const nameArg = name.isStatic && name.content === "default" && !rawPropsArg && !fallbackArg && !flags ? void 0 : name.isStatic ? genExpression(name, context) : [
@@ -2566,6 +2511,42 @@ function genBlockContent(block, context, root, genEffectsExtraFrag) {
 		for (const name of context.ir[kind]) push(NEWLINE, `const ${(0, _vue_compiler_dom.toValidAssetId)(name, kind)} = `, ...genCall(context.helper(helper), JSON.stringify(name)));
 	}
 }
+function markSlotRootOperations(block) {
+	for (let i = 0; i < block.returns.length; i++) {
+		const child = findReturnedDynamic$1(block, block.returns[i]);
+		const operation = child && child.operation;
+		if (!operation) continue;
+		if (operation.type === 15) markSlotRootIf(operation);
+		else if (operation.type === 16) markSlotRootFor(operation);
+		else if (operation.type === 13) markSlotRootSlotOutlet(operation);
+		else if (operation.type === 12) markSlotRootComponent(operation);
+	}
+}
+function markSlotRootIf(operation) {
+	if (!operation.once) operation.slotRoot = true;
+	markSlotRootOperations(operation.positive);
+	const negative = operation.negative;
+	if (!negative) return;
+	if (negative.type === 15) markSlotRootIf(negative);
+	else markSlotRootOperations(negative);
+}
+function markSlotRootFor(operation) {
+	if (!operation.once) operation.slotRoot = true;
+	markSlotRootOperations(operation.render);
+}
+function markSlotRootSlotOutlet(operation) {
+	operation.flags |= 4;
+	if (operation.fallback) markSlotRootOperations(operation.fallback);
+}
+function markSlotRootComponent(operation) {
+	if (!operation.once && operation.dynamic && !operation.dynamic.isStatic) operation.slotRoot = true;
+}
+function findReturnedDynamic$1(block, id) {
+	for (let i = 0; i < block.dynamic.children.length; i++) {
+		const child = block.dynamic.children[i];
+		if (child.id === id) return child;
+	}
+}
 function collectSingleUseAssetComponents(block) {
 	const usageMap = /* @__PURE__ */ new Map();
 	const seenOperations = /* @__PURE__ */ new Set();

package/dist/compiler-vapor.d.ts

@@ -2036,7 +2036,7 @@ interface VaporInteropInterface {
   setTransitionHooks(component: ComponentInternalInstance, transition: TransitionHooks): void;
   vdomMount: (component: ConcreteComponent, parentComponent: any, props?: any, slots?: any, once?: boolean) => any;
   vdomUnmount: UnmountComponentFn;
-  vdomSlot: (slots: any, name: string | (() => string), props: Record<string, any>, parentComponent: any, fallback?: any, once?: boolean) => any;
+  vdomSlot: (slots: any, name: string | (() => string), props: Record<string, any>, parentComponent: any, fallback?: any, once?: boolean, slotRoot?: boolean) => any;
   vdomMountVNode: (vnode: VNode, parentComponent: any) => any;
 }
 /**
@@ -25308,6 +25308,7 @@ declare class VaporFragment<T extends Block$1 = Block$1> implements TransitionOp
   anchor?: Node;
   parentComponent?: GenericComponentInstance | null;
   validityPending?: boolean;
+  isBlockValid?: () => boolean;
   insert?: (parent: ParentNode, anchor: Node | null, transitionHooks?: TransitionHooks) => void;
   remove?: (parent?: ParentNode, transitionHooks?: TransitionHooks) => void;
   hydrate?(...args: any[]): void;
@@ -25325,7 +25326,7 @@ declare class VaporFragment<T extends Block$1 = Block$1> implements TransitionOp
 }
 declare class ForFragment extends VaporFragment<Block$1[]> {
   resetListeners?: (() => void)[];
-  constructor(nodes: Block$1[]);
+  constructor(nodes: Block$1[], trackSlotBoundary: boolean);
   onReset(fn: () => void): void;
 }
 declare class DynamicFragment extends VaporFragment {
@@ -25339,12 +25340,13 @@ declare class DynamicFragment extends VaporFragment {
   };
   anchorLabel?: string;
   keyed?: boolean;
+  isSlot?: boolean;
   inTransition?: boolean;
   hasFallthroughAttrs?: true;
   constructor(anchorLabel?: string, keyed?: boolean, locate?: boolean, trackSlotBoundary?: boolean);
-  update(render?: BlockFn, key?: any, noScope?: boolean): void;
-  renderBranch(render: BlockFn | undefined, transition: VaporTransitionHooks | undefined, parent: ParentNode | null, key: any, noScope?: boolean): void;
-  hydrate(isEmpty?: boolean, isSlot?: boolean): void;
+  update(render?: BlockFn, key?: any, noScope?: boolean, shouldInsert?: boolean): void;
+  renderBranch(render: BlockFn | undefined, transition: VaporTransitionHooks | undefined, parent: ParentNode | null, key: any, noScope?: boolean, notifyUpdated?: boolean): void;
+  hydrate(isEmpty?: boolean): void;
 }
 interface SlotBoundaryContext {
   parent: SlotBoundaryContext | null;
@@ -25402,6 +25404,9 @@ declare function renderEffect(fn: () => void, noLifecycle?: boolean): void;
 type RawSlots = Record<string, VaporSlot> & {
   $?: DynamicSlotSource[];
 };
+type LooseRawSlots = VaporSlot | (Record<string, VaporSlot | DynamicSlotSource[]> & {
+  $?: DynamicSlotSource[];
+});
 type StaticSlots = Record<string, VaporSlot>;
 type VaporSlot = BlockFn;
 type DynamicSlot = {
@@ -25410,14 +25415,6 @@ type DynamicSlot = {
 };
 type DynamicSlotFn = () => DynamicSlot | DynamicSlot[];
 type DynamicSlotSource = StaticSlots | DynamicSlotFn;
-/**
-* Wrap a slot function to track the slot owner.
-*
-* This ensures:
-* 1. createSlot gets rawSlots from the correct instance (slot owner)
-* 2. elements inherit the slot owner's scopeId
-*/
-declare function withVaporCtx(fn: Function): BlockFn;
 declare function createSlot(name?: string | (() => string), rawProps?: LooseRawProps | null, fallback?: VaporSlot, flags?: number): Block$1;
 //#endregion
 //#region packages/runtime-vapor/src/apiDefineComponent.d.ts
@@ -25463,50 +25460,6 @@ declare function defineVaporComponent<TypeProps, RuntimePropsOptions extends Com
   __typeEl?: TypeBlock;
 } & ThisType<void>): DefineVaporComponent<RuntimePropsOptions, RuntimePropsKeys, InferredProps, ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed extends Block$1 ? Record<string, any> : Exposed, TypeBlock, TypeRefs, unknown extends TypeProps ? true : false>;
 //#endregion
-//#region packages/runtime-vapor/src/components/Teleport.d.ts
-declare class TeleportFragment extends VaporFragment {
-  /**
-  * @internal marker for duck typing to avoid direct instanceof check
-  * which prevents tree-shaking of TeleportFragment
-  */
-  readonly __isTeleportFragment = true;
-  anchor?: Node;
-  private rawProps?;
-  private resolvedProps?;
-  private rawSlots?;
-  isDisabled?: boolean;
-  private isMounted;
-  private childrenInitialized;
-  private readonly ownerInstance;
-  private readonly childrenScope;
-  target?: ParentNode | null;
-  targetAnchor?: Node | null;
-  targetStart?: Node | null;
-  placeholder?: Node;
-  mountContainer?: ParentNode | null;
-  mountAnchor?: Node | null;
-  private mountToTargetJob?;
-  constructor(props: LooseRawProps, slots?: RawSlots | null);
-  get parent(): ParentNode | null;
-  private initChildren;
-  private ensureChildrenInitialized;
-  private registerUpdateCssVars;
-  private bindChildren;
-  private handleChildrenUpdate;
-  private mount;
-  private mountToTarget;
-  private clearMainViewChildren;
-  private handlePropsUpdate;
-  insert: (container: ParentNode, anchor: Node | null) => void;
-  dispose: () => void;
-  remove: (_parent?: ParentNode) => void;
-  private hydrateTargetAnchors;
-  private hydrateDisabledTeleport;
-  private mountChildren;
-  hydrate: () => void;
-}
-declare const VaporTeleport: DefineVaporSetupFnComponent<TeleportProps>;
-//#endregion
 //#region packages/runtime-vapor/src/component.d.ts
 type VaporComponent = FunctionalVaporComponent<any> | VaporComponentOptions | DefineVaporComponent;
 type FunctionalVaporComponent<Props = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>> = ((props: Props & EmitsToProps<Emits>, ctx: {
@@ -25532,10 +25485,6 @@ interface VaporComponentOptions<Props = {}, Emits extends EmitsOptions = {}, Run
   name?: string;
   vapor?: boolean;
   components?: Record<string, VaporComponent>;
-  /**
-  * @internal custom element interception hook
-  */
-  ce?: (instance: VaporComponentInstance) => void;
 }
 interface SharedInternalOptions {
   /**
@@ -25556,10 +25505,7 @@ interface SharedInternalOptions {
 type LooseRawProps = Record<string, unknown> & {
   $?: DynamicPropsSource[];
 };
-type LooseRawSlots = VaporSlot | (Record<string, VaporSlot | DynamicSlotSource[]> & {
-  $?: DynamicSlotSource[];
-});
-declare function createComponent(component: VaporComponent, rawProps?: LooseRawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean, appContext?: GenericAppContext, managedMount?: boolean): VaporComponentInstance;
+declare function createComponent(component: VaporComponent, rawProps?: LooseRawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean, appContext?: GenericAppContext, managedMount?: boolean, ce?: (instance: VaporComponentInstance) => void): VaporComponentInstance;
 declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block$1 = Block$1, TypeRefs extends Record<string, any> = Record<string, any>> implements GenericComponentInstance {
   vapor: true;
   uid: number;
@@ -25592,7 +25538,6 @@ declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emi
   asyncResolved: boolean;
   restoreAsyncContext?: () => void | (() => void);
   deferredHydrationBoundary?: () => void;
-  renderEffects?: RenderEffect[];
   hasFallthrough: boolean;
   shapeFlag?: number;
   $key?: any;
@@ -25620,10 +25565,10 @@ declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emi
   devtoolsRawSetupState?: any;
   hmrRerender?: () => void;
   hmrReload?: (newComp: VaporComponent) => void;
-  parentTeleport?: TeleportFragment | null;
   propsOptions?: NormalizedPropsOptions;
   emitsOptions?: ObjectEmitsOptions | null;
   isSingleRoot?: boolean;
+  renderEffects?: RenderEffect[];
   /**
   * dev only flag to track whether $attrs was used during render.
   * If $attrs was used during render then the warning for failed attrs
@@ -25634,7 +25579,7 @@ declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emi
   * @deprecated only used for JSX to detect props types.
   */
   $props: Props;
-  constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, appContext?: GenericAppContext, once?: boolean);
+  constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, appContext?: GenericAppContext, once?: boolean, ce?: (instance: VaporComponentInstance) => void);
   /**
   * Expose `getKeysFromRawProps` on the instance so it can be used in code
   * paths where it's needed, e.g. `useModel`
@@ -25671,6 +25616,9 @@ type VaporDirective = (node: Element | VaporComponentInstance, value?: () => any
 type VaporDirectiveArguments = Array<[VaporDirective | undefined] | [VaporDirective | undefined, () => any] | [VaporDirective | undefined, (() => any) | undefined, argument: string] | [VaporDirective | undefined, value: (() => any) | undefined, argument: string | undefined, modifiers: DirectiveModifiers]>;
 declare function withVaporDirectives(node: Element | VaporComponentInstance, dirs: VaporDirectiveArguments): void;
 //#endregion
+//#region packages/runtime-vapor/src/components/Teleport.d.ts
+declare const VaporTeleport: DefineVaporSetupFnComponent<TeleportProps>;
+//#endregion
 //#region packages/runtime-vapor/src/components/KeepAlive.d.ts
 declare const VaporKeepAlive: DefineVaporComponent<{}, string, KeepAliveProps>;
 //#endregion
@@ -25851,7 +25799,7 @@ interface ForSelector {
 declare function createSelector(source: () => any): ForSelector;
 declare function createForSlots(rawSource: Source, getSlot: (item: any, key: any, index?: number) => DynamicSlot): DynamicSlot[];
 declare function getRestElement(val: any, keys: string[]): any;
-declare function getDefaultValue(val: any, defaultVal: any): any;
+declare function getDefaultValue(val: any, getDefaultVal: () => any): any;
 //#endregion
 //#region packages/runtime-vapor/src/helpers/useCssVars.d.ts
 declare function useVaporCssVars(getter: () => Record<string, string>): void;
@@ -25862,7 +25810,7 @@ declare function setBlockKey(block: (Block$1 & {
 }) | null | undefined, key: any): void;
 //#endregion
 //#region packages/runtime-vapor/src/apiCreateDynamicComponent.d.ts
-declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean): VaporFragment;
+declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, flags?: number): VaporFragment;
 //#endregion
 //#region packages/runtime-vapor/src/apiSetupHelpers.d.ts
 declare function withAsyncContext(getAwaitable: () => any): [any, () => void];
@@ -25884,7 +25832,7 @@ declare const VaporTransition: FunctionalVaporComponent<TransitionProps>;
 //#region packages/runtime-vapor/src/components/TransitionGroup.d.ts
 declare const VaporTransitionGroup: DefineVaporComponent<{}, string, TransitionGroupProps>;
 declare namespace index_d_exports {
-  export { Block$1 as Block, DefineVaporComponent, DynamicFragment, FunctionalVaporComponent, VaporComponent, VaporComponentInstance, VaporComponentOptions, VaporDirective, VaporElement, VaporElementConstructor, VaporFragment, VaporKeepAlive, VaporKeepAliveContext, VaporPublicProps, VaporRenderResult, VaporSlot, VaporTeleport, VaporTransition, VaporTransitionGroup, VaporTransitionHooks, applyCheckboxModel, applyDynamicModel, applyRadioModel, applySelectModel, applyTextModel, applyVShow, child, createAssetComponent, createComponent, createComponentWithFallback, createDynamicComponent, createFor, createForSlots, createIf, createInvoker, createKeyedFragment, createPlainElement, createSelector, createSlot, createTemplateRefSetter, createTextNode, createVaporApp, createVaporSSRApp, defineVaporAsyncComponent, defineVaporComponent, defineVaporCustomElement, defineVaporSSRCustomElement, delegate, delegateEvents, getDefaultValue, getRestElement, insert$1 as insert, isFragment, isVaporComponent, next, nthChild, on, onBinding, prepend, remove, renderEffect, setAttr, setBlockHtml, setBlockKey, setBlockText, setClass, setClassName, setDOMProp, setDynamicEvents, setDynamicProps, setElementText, setHtml, setInsertionState, setProp, setStaticTemplateRef, setStyle, setTemplateRefBinding, setText, setValue, template, txt, useVaporCssVars, vaporInteropPlugin, withAsyncContext, withVaporCtx, withVaporDirectives, withVaporKeys, withVaporModifiers };
+  export { Block$1 as Block, DefineVaporComponent, DynamicFragment, FunctionalVaporComponent, VaporComponent, VaporComponentInstance, VaporComponentOptions, VaporDirective, VaporElement, VaporElementConstructor, VaporFragment, VaporKeepAlive, VaporKeepAliveContext, VaporPublicProps, VaporRenderResult, VaporSlot, VaporTeleport, VaporTransition, VaporTransitionGroup, VaporTransitionHooks, applyCheckboxModel, applyDynamicModel, applyRadioModel, applySelectModel, applyTextModel, applyVShow, child, createAssetComponent, createComponent, createComponentWithFallback, createDynamicComponent, createFor, createForSlots, createIf, createInvoker, createKeyedFragment, createPlainElement, createSelector, createSlot, createTemplateRefSetter, createTextNode, createVaporApp, createVaporSSRApp, defineVaporAsyncComponent, defineVaporComponent, defineVaporCustomElement, defineVaporSSRCustomElement, delegate, delegateEvents, getDefaultValue, getRestElement, insert$1 as insert, isFragment, isVaporComponent, next, nthChild, on, onBinding, prepend, remove, renderEffect, setAttr, setBlockHtml, setBlockKey, setBlockText, setClass, setClassName, setDOMProp, setDynamicEvents, setDynamicProps, setElementText, setHtml, setInsertionState, setProp, setStaticTemplateRef, setStyle, setTemplateRefBinding, setText, setValue, template, txt, useVaporCssVars, vaporInteropPlugin, withAsyncContext, withVaporDirectives, withVaporKeys, withVaporModifiers };
 }
 //#endregion
 //#region temp/packages/compiler-vapor/src/ir/component.d.ts
@@ -26011,6 +25959,7 @@ export interface IfIRNode extends BaseIRNode, EffectBoundary {
   positive: BlockIRNode;
   negative?: BlockIRNode | IfIRNode;
   once?: boolean;
+  slotRoot?: boolean;
   index?: number;
   parent?: number;
   anchor?: number;
@@ -26029,6 +25978,7 @@ export interface ForIRNode extends BaseIRNode, IRFor, EffectBoundary {
   keyProp?: SimpleExpressionNode;
   render: BlockIRNode;
   once: boolean;
+  slotRoot?: boolean;
   component: boolean;
   onlyChild: boolean;
   parent?: number;
@@ -26133,6 +26083,7 @@ export interface CreateComponentIRNode extends BaseIRNode, EffectBoundary {
   asset: boolean;
   root: boolean;
   once: boolean;
+  slotRoot?: boolean;
   dynamic?: SimpleExpressionNode;
   useCreateElement: boolean;
   parent?: number;

package/dist/compiler-vapor.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-vapor v3.6.0-beta.13
+  * @vue/compiler-vapor v3.6.0-beta.14
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -20142,7 +20142,7 @@ function isConstantBinding(value, context) {
 //#region packages/compiler-vapor/src/generators/for.ts
 function genFor(oper, context) {
 	const { helper } = context;
-	const { source, value, key, index, render, keyProp, once, id, component, onlyChild } = oper;
+	const { source, value, key, index, render, keyProp, once, id, component, onlyChild, slotRoot } = oper;
 	const rawValue = value && value.content;
 	const rawKey = key && key.content;
 	const rawIndex = index && index.content;
@@ -20201,6 +20201,7 @@ function genFor(oper, context) {
 	if (isFragmentBlock(render)) flags |= 16;
 	if (!component && isSingleNodeBlock(render)) flags |= 8;
 	if (once) flags |= 4;
+	if (slotRoot) flags |= 32;
 	const onResetCalls = [];
 	for (let i = 0; i < selectorPatterns.length; i++) onResetCalls.push(NEWLINE, `n${id}.onReset(${selectorName(i)}.reset)`);
 	return [
@@ -20282,7 +20283,7 @@ function parseValueDestructure(value, context) {
 					if (child.type === "AssignmentPattern" && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern")) {
 						isDynamic = true;
 						helper = context.helper("getDefaultValue");
-						helperArgs = rawValue.slice(child.right.start - 1, child.right.end - 1);
+						helperArgs = `() => (${rawValue.slice(child.right.start - 1, child.right.end - 1)})`;
 					}
 				}
 				map.set(id.name, {
@@ -20430,9 +20431,9 @@ function genSetHtml(oper, context) {
 //#region packages/compiler-vapor/src/generators/if.ts
 function genIf(oper, context, isNested = false) {
 	const { helper } = context;
-	const { condition, positive, negative, once, index, blockShape } = oper;
+	const { condition, positive, negative, once, slotRoot, index, blockShape } = oper;
 	const [frag, push] = buildCodeFragment();
-	const flags = genIfFlags(blockShape, once, negative ? index : void 0);
+	const flags = genIfFlags(blockShape, once, slotRoot, negative ? index : void 0);
 	const conditionExpr = [
 		"() => (",
 		...genExpression(condition, context),
@@ -20446,19 +20447,21 @@ function genIf(oper, context, isNested = false) {
 	push(...genCall(helper("createIf"), conditionExpr, positiveArg, negativeArg, flags));
 	return frag;
 }
-function genIfFlags(blockShape, once, index) {
+function genIfFlags(blockShape, once, slotRoot, index) {
 	let flags = blockShape;
+	if (slotRoot) flags |= 128;
 	if (once) flags |= 16;
-	else if (index !== void 0) flags |= index + 1 << 7;
+	else if (index !== void 0) flags |= index + 1 << 8;
 	if (flags === 1) return false;
-	return `${flags} /* ${genIfFlagNames(once, index, blockShape)} */`;
+	return `${flags} /* ${genIfFlagNames(once, slotRoot, index, blockShape)} */`;
 }
-function genIfFlagNames(once, index, blockShape) {
+function genIfFlagNames(once, slotRoot, index, blockShape) {
 	const names = ["BLOCK_SHAPE"];
 	if (blockShape & 32) names.push("TRUE_NO_SCOPE");
 	if (blockShape & 64) names.push("FALSE_NO_SCOPE");
 	if (once) names.push("ONCE");
-	else if (index !== void 0) names.push("INDEX_SHIFT");
+	if (slotRoot) names.push("SLOT_ROOT");
+	if (!once && index !== void 0) names.push("INDEX_SHIFT");
 	return names.join(", ");
 }
 //#endregion
@@ -20804,7 +20807,9 @@ function genCreateComponent(operation, context) {
 	const useAssetComponentHelper = operation.asset && !operation.dynamic && context.block === context.ir.block && !!singleUseAssetComponentNames && singleUseAssetComponentNames.has(operation.tag);
 	const maybeSelfReference = useAssetComponentHelper && operation.tag.endsWith("__self");
 	const tag = genTag();
-	const { root, props, slots, once } = operation;
+	const { root, props, slots, once, slotRoot } = operation;
+	const isRuntimeDynamicComponent = !!(operation.dynamic && !operation.dynamic.isStatic);
+	const dynamicComponentFlags = isRuntimeDynamicComponent ? (root ? 1 : 0) | (once ? 2 : 0) | (slotRoot ? 4 : 0) : 0;
 	const rawSlots = genRawSlots(slots, context);
 	const [ids, handlers] = processInlineHandlers(props, context);
 	const rawProps = context.withId(() => genRawProps(props, context, true), ids);
@@ -20820,7 +20825,7 @@ function genCreateComponent(operation, context) {
 			];
 		}, []),
 		`const n${operation.id} = `,
-		...genCall(operation.dynamic && !operation.dynamic.isStatic ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, root ? "true" : false, once && "true", maybeSelfReference && "true"),
+		...genCall(isRuntimeDynamicComponent ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, isRuntimeDynamicComponent ? dynamicComponentFlags ? String(dynamicComponentFlags) : false : root ? "true" : false, isRuntimeDynamicComponent ? false : once && "true", isRuntimeDynamicComponent ? false : maybeSelfReference && "true"),
 		...genDirectivesForElement(operation.id, context)
 	];
 	function genTag() {
@@ -21097,23 +21102,12 @@ function genDynamicSlot(slot, context, withFunction = false) {
 			break;
 	}
 	if (!withFunction) return frag;
-	return needsDynamicSlotSourceCtx(slot) ? [
-		`${context.helper("withVaporCtx")}(() => (`,
-		...frag,
-		"))"
-	] : [
+	return [
 		"() => (",
 		...frag,
 		")"
 	];
 }
-function needsDynamicSlotSourceCtx(slot) {
-	switch (slot.slotType) {
-		case 1: return needsVaporCtx(slot.fn);
-		case 2: return needsVaporCtx(slot.fn);
-		case 3: return needsDynamicSlotSourceCtx(slot.positive) || (slot.negative ? needsDynamicSlotSourceCtx(slot.negative) : false);
-	}
-}
 function genBasicDynamicSlot(slot, context) {
 	const { name, fn } = slot;
 	return genMulti(DELIMITERS_OBJECT_NEWLINE, ["name: ", ...genExpression(name, context)], ["fn: ", ...genSlotBlockWithProps(fn, context)]);
@@ -21158,7 +21152,7 @@ function genSlotBlockWithProps(oper, context) {
 	let propsName;
 	let exitScope;
 	let depth;
-	const { props, node } = oper;
+	const { props } = oper;
 	const idToPathMap = props ? parseValueDestructure(props, context) : /* @__PURE__ */ new Map();
 	if (props) if (props.ast) {
 		[depth, exitScope] = context.enterScope();
@@ -21167,64 +21161,12 @@ function genSlotBlockWithProps(oper, context) {
 	const idMap = idToPathMap.size ? buildDestructureIdMap(idToPathMap, propsName || "", context.options.expressionPlugins) : {};
 	if (propsName) idMap[propsName] = null;
 	const exitSlotBlock = context.enterSlotBlock();
+	markSlotRootOperations(oper);
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
 	exitSlotBlock();
 	exitScope && exitScope();
-	if (node.type === 1) {
-		if (needsVaporCtx(oper)) blockFn = [
-			`${context.helper("withVaporCtx")}(`,
-			...blockFn,
-			`)`
-		];
-	}
 	return blockFn;
 }
-/**
-* Check if a slot block needs withVaporCtx wrapper.
-* Returns true if the block contains:
-* - Component creation (needs scopeId inheritance)
-* - Slot outlet (needs rawSlots from slot owner)
-*/
-function needsVaporCtx(block) {
-	return hasComponentOrSlotInBlock(block);
-}
-function hasComponentOrSlotInBlock(block) {
-	if (hasComponentOrSlotInOperations(block.operation)) return true;
-	return hasComponentOrSlotInDynamic(block.dynamic);
-}
-function hasComponentOrSlotInDynamic(dynamic) {
-	if (dynamic.operation) {
-		const type = dynamic.operation.type;
-		if (type === 12 || type === 13) return true;
-		if (type === 15) {
-			if (hasComponentOrSlotInIf(dynamic.operation)) return true;
-		}
-		if (type === 16) {
-			if (hasComponentOrSlotInBlock(dynamic.operation.render)) return true;
-		}
-	}
-	for (const child of dynamic.children) if (hasComponentOrSlotInDynamic(child)) return true;
-	return false;
-}
-function hasComponentOrSlotInOperations(operations) {
-	for (const op of operations) switch (op.type) {
-		case 12:
-		case 13: return true;
-		case 15:
-			if (hasComponentOrSlotInIf(op)) return true;
-			break;
-		case 16:
-			if (hasComponentOrSlotInBlock(op.render)) return true;
-			break;
-	}
-	return false;
-}
-function hasComponentOrSlotInIf(node) {
-	if (hasComponentOrSlotInBlock(node.positive)) return true;
-	if (node.negative) if ("positive" in node.negative) return hasComponentOrSlotInIf(node.negative);
-	else return hasComponentOrSlotInBlock(node.negative);
-	return false;
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/slotOutlet.ts
 function genSlotOutlet(oper, context) {
@@ -21232,7 +21174,10 @@ function genSlotOutlet(oper, context) {
 	const { id, name, fallback, flags } = oper;
 	const [frag, push] = buildCodeFragment();
 	let fallbackArg;
-	if (fallback) fallbackArg = genBlock(fallback, context);
+	if (fallback) {
+		markSlotRootOperations(fallback);
+		fallbackArg = genBlock(fallback, context);
+	}
 	const createSlot = helper("createSlot");
 	const rawPropsArg = genRawProps(oper.props, context, true);
 	const nameArg = name.isStatic && name.content === "default" && !rawPropsArg && !fallbackArg && !flags ? void 0 : name.isStatic ? genExpression(name, context) : [
@@ -21566,6 +21511,42 @@ function genBlockContent(block, context, root, genEffectsExtraFrag) {
 		for (const name of context.ir[kind]) push(NEWLINE, `const ${toValidAssetId(name, kind)} = `, ...genCall(context.helper(helper), JSON.stringify(name)));
 	}
 }
+function markSlotRootOperations(block) {
+	for (let i = 0; i < block.returns.length; i++) {
+		const child = findReturnedDynamic$1(block, block.returns[i]);
+		const operation = child && child.operation;
+		if (!operation) continue;
+		if (operation.type === 15) markSlotRootIf(operation);
+		else if (operation.type === 16) markSlotRootFor(operation);
+		else if (operation.type === 13) markSlotRootSlotOutlet(operation);
+		else if (operation.type === 12) markSlotRootComponent(operation);
+	}
+}
+function markSlotRootIf(operation) {
+	if (!operation.once) operation.slotRoot = true;
+	markSlotRootOperations(operation.positive);
+	const negative = operation.negative;
+	if (!negative) return;
+	if (negative.type === 15) markSlotRootIf(negative);
+	else markSlotRootOperations(negative);
+}
+function markSlotRootFor(operation) {
+	if (!operation.once) operation.slotRoot = true;
+	markSlotRootOperations(operation.render);
+}
+function markSlotRootSlotOutlet(operation) {
+	operation.flags |= 4;
+	if (operation.fallback) markSlotRootOperations(operation.fallback);
+}
+function markSlotRootComponent(operation) {
+	if (!operation.once && operation.dynamic && !operation.dynamic.isStatic) operation.slotRoot = true;
+}
+function findReturnedDynamic$1(block, id) {
+	for (let i = 0; i < block.dynamic.children.length; i++) {
+		const child = block.dynamic.children[i];
+		if (child.id === id) return child;
+	}
+}
 function collectSingleUseAssetComponents(block) {
 	const usageMap = /* @__PURE__ */ new Map();
 	const seenOperations = /* @__PURE__ */ new Set();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-vapor",
-  "version": "3.6.0-beta.13",
+  "version": "3.6.0-beta.14",
   "description": "@vue/compiler-vapor",
   "main": "dist/compiler-vapor.cjs.js",
   "module": "dist/compiler-vapor.esm-browser.js",
@@ -45,7 +45,7 @@
     "@babel/parser": "^7.29.3",
     "estree-walker": "^2.0.2",
     "source-map-js": "^1.2.1",
-    "@vue/compiler-dom": "3.6.0-beta.13",
-    "@vue/shared": "3.6.0-beta.13"
+    "@vue/compiler-dom": "3.6.0-beta.14",
+    "@vue/shared": "3.6.0-beta.14"
   }
 }