Skip to content

Commit 21cf533

Browse files
committed
fix: tooltip custom color error
1 parent 4c8cc01 commit 21cf533

File tree

1 file changed

+3
-4
lines changed

1 file changed

+3
-4
lines changed

components/tooltip/Tooltip.tsx

+3-4
Original file line numberDiff line numberDiff line change
@@ -241,7 +241,7 @@ export default defineComponent({
241241
computed(() => !injectFromPopover.value),
242242
);
243243
return () => {
244-
const { openClassName, overlayClassName, overlayInnerStyle } = props;
244+
const { openClassName, overlayClassName, overlayStyle, overlayInnerStyle } = props;
245245
let children = filterEmpty(slots.default?.()) ?? null;
246246
children = children.length === 1 ? children[0] : children;
247247

@@ -283,6 +283,7 @@ export default defineComponent({
283283
visible: tempVisible,
284284
ref: tooltip,
285285
overlayClassName: customOverlayClassName,
286+
overlayStyle: { ...arrowContentStyle, ...overlayStyle },
286287
overlayInnerStyle: formattedOverlayInnerStyle,
287288
onVisibleChange: handleVisibleChange,
288289
onPopupAlign,
@@ -296,9 +297,7 @@ export default defineComponent({
296297
<VcTooltip
297298
{...vcTooltipProps}
298299
v-slots={{
299-
arrowContent: () => (
300-
<span class={`${prefixCls.value}-arrow-content`} style={arrowContentStyle}></span>
301-
),
300+
arrowContent: () => <span class={`${prefixCls.value}-arrow-content`}></span>,
302301
overlay: getOverlay,
303302
}}
304303
>

0 commit comments

Comments
 (0)