From 719b0f0cee67613ad39444a04da1db4ffbb62f0f Mon Sep 17 00:00:00 2001 From: linzhe141 <1572213544@qq.com> Date: Sat, 5 Oct 2024 12:54:57 +0800 Subject: [PATCH] chore: update --- packages/runtime-core/src/components/Teleport.ts | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/runtime-core/src/components/Teleport.ts b/packages/runtime-core/src/components/Teleport.ts index 7fb91df86f5..5def1b2d721 100644 --- a/packages/runtime-core/src/components/Teleport.ts +++ b/packages/runtime-core/src/components/Teleport.ts @@ -147,7 +147,7 @@ export const TeleportImpl = { } if (!disabled) { mount(target, targetAnchor) - updateCssVars(n2) + updateCssVars(n2, false) } } else if (__DEV__ && !disabled) { warn( @@ -160,7 +160,7 @@ export const TeleportImpl = { if (disabled) { mount(container, mainAnchor) - updateCssVars(n2) + updateCssVars(n2, true) } if (isTeleportDeferred(n2.props)) { @@ -267,7 +267,7 @@ export const TeleportImpl = { ) } } - updateCssVars(n2) + updateCssVars(n2, disabled) } }, @@ -389,12 +389,13 @@ function hydrateTeleport( querySelector, )) if (target) { + const disabled = isTeleportDisabled(vnode.props) // if multiple teleports rendered to the same target element, we need to // pick up from where the last teleport finished instead of the first node const targetNode = (target as TeleportTargetElement)._lpa || target.firstChild if (vnode.shapeFlag & ShapeFlags.ARRAY_CHILDREN) { - if (isTeleportDisabled(vnode.props)) { + if (disabled) { vnode.anchor = hydrateChildren( nextSibling(node), vnode, @@ -446,7 +447,7 @@ function hydrateTeleport( ) } } - updateCssVars(vnode) + updateCssVars(vnode, disabled) } return vnode.anchor && nextSibling(vnode.anchor as Node) } @@ -462,8 +463,7 @@ export const Teleport = TeleportImpl as unknown as { } } -function updateCssVars(vnode: VNode) { - const isDisabled = isTeleportDisabled(vnode.props) +function updateCssVars(vnode: VNode, isDisabled: boolean) { // presence of .ut method indicates owner component uses css vars. // code path here can assume browser environment. const ctx = vnode.ctx