fix(custom-element): use PatchFlags.BAIL for slot when props are present

edison1105 · edison1105 · commit 0f595ece6453 · 2025-09-19T10:45:55.000+08:00
diff --git a/packages/runtime-core/src/helpers/renderSlot.ts b/packages/runtime-core/src/helpers/renderSlot.ts
@@ -37,6 +37,7 @@ export function renderSlot(
       isAsyncWrapper(currentRenderingInstance!.parent) &&
       currentRenderingInstance!.parent.ce)
   ) {
+    const hasProps = Object.keys(props).length > 0
     // in custom element mode, render <slot/> as actual slot outlets
     // wrap it with a fragment because in shadowRoot: false mode the slot
     // element gets replaced by injected content
@@ -47,7 +48,7 @@ export function renderSlot(
         Fragment,
         null,
         [createVNode('slot', props, fallback && fallback())],
-        PatchFlags.STABLE_FRAGMENT,
+        hasProps ? PatchFlags.BAIL : PatchFlags.STABLE_FRAGMENT,
       )
     )
   }

Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,7 @@ export function renderSlot(`
`37`	`37`	`isAsyncWrapper(currentRenderingInstance!.parent) &&`
`38`	`38`	`currentRenderingInstance!.parent.ce)`
`39`	`39`	`) {`
	`40`	`+ const hasProps = Object.keys(props).length > 0`
`40`	`41`	`// in custom element mode, render <slot/> as actual slot outlets`
`41`	`42`	`// wrap it with a fragment because in shadowRoot: false mode the slot`
`42`	`43`	`// element gets replaced by injected content`
`@@ -47,7 +48,7 @@ export function renderSlot(`
`47`	`48`	`Fragment,`
`48`	`49`	`null,`
`49`	`50`	`[createVNode('slot', props, fallback && fallback())],`
`50`		`- PatchFlags.STABLE_FRAGMENT,`
	`51`	`+ hasProps ? PatchFlags.BAIL : PatchFlags.STABLE_FRAGMENT,`
`51`	`52`	`)`
`52`	`53`	`)`
`53`	`54`	`}`