github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: tooltip custom color error

pull/6607/head
tangjinzhou 2023-05-16 22:49:17 +08:00
parent 4c8cc0129f
commit 21cf533664
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/tooltip/Tooltip.tsx
View File

@ -241,7 +241,7 @@ export default defineComponent({
computed(() => !injectFromPopover.value), computed(() => !injectFromPopover.value),
); );
return () => { return () => {
const { openClassName, overlayClassName, overlayInnerStyle } = props; const { openClassName, overlayClassName, overlayStyle, overlayInnerStyle } = props;
let children = filterEmpty(slots.default?.()) ?? null; let children = filterEmpty(slots.default?.()) ?? null;
children = children.length === 1 ? children[0] : children; children = children.length === 1 ? children[0] : children;
@ -283,6 +283,7 @@ export default defineComponent({
visible: tempVisible, visible: tempVisible,
ref: tooltip, ref: tooltip,
overlayClassName: customOverlayClassName, overlayClassName: customOverlayClassName,
overlayStyle: { ...arrowContentStyle, ...overlayStyle },
overlayInnerStyle: formattedOverlayInnerStyle, overlayInnerStyle: formattedOverlayInnerStyle,
onVisibleChange: handleVisibleChange, onVisibleChange: handleVisibleChange,
onPopupAlign, onPopupAlign,
@ -296,9 +297,7 @@ export default defineComponent({
<VcTooltip <VcTooltip
{...vcTooltipProps} {...vcTooltipProps}
v-slots={{ v-slots={{
arrowContent: () => ( arrowContent: () => <span class={`${prefixCls.value}-arrow-content`}></span>,
<span class={`${prefixCls.value}-arrow-content`} style={arrowContentStyle}></span>
),
overlay: getOverlay, overlay: getOverlay,
}} }}
> >