ant-design/components/typography/Base/EllipsisTooltip.tsx
2023-07-28 12:15:30 +08:00

34 lines
736 B
TypeScript

import * as React from 'react';
import Tooltip from '../../tooltip';
import type { TooltipProps } from '../../tooltip';
export interface EllipsisTooltipProps {
tooltipProps?: TooltipProps;
enabledEllipsis: boolean;
isEllipsis?: boolean;
children: React.ReactElement;
}
const EllipsisTooltip: React.FC<EllipsisTooltipProps> = ({
enabledEllipsis,
isEllipsis,
children,
tooltipProps,
}) => {
if (!tooltipProps?.title || !enabledEllipsis) {
return children;
}
return (
<Tooltip open={isEllipsis ? undefined : false} {...tooltipProps}>
{children}
</Tooltip>
);
};
if (process.env.NODE_ENV !== 'production') {
EllipsisTooltip.displayName = 'EllipsisTooltip';
}
export default EllipsisTooltip;