mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-06 02:15:35 +08:00
775d1800bb
* chore(deps-dev): bump eslint-config-prettier from 6.15.0 to 7.0.0 Bumps [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier) from 6.15.0 to 7.0.0. - [Release notes](https://github.com/prettier/eslint-config-prettier/releases) - [Changelog](https://github.com/prettier/eslint-config-prettier/blob/main/CHANGELOG.md) - [Commits](https://github.com/prettier/eslint-config-prettier/compare/v6.15.0...v7.0.0) Signed-off-by: dependabot[bot] <support@github.com> * chore: fix eslint style * chore: prettier code style Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: afc163 <afc163@gmail.com>
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import * as React from 'react';
|
|
import Tooltip, { AbstractTooltipProps, TooltipPlacement } from '../tooltip';
|
|
import { ConfigContext } from '../config-provider';
|
|
import { getRenderPropValue, RenderFunction } from '../_util/getRenderPropValue';
|
|
|
|
export interface PopoverProps extends AbstractTooltipProps {
|
|
title?: React.ReactNode | RenderFunction;
|
|
content?: React.ReactNode | RenderFunction;
|
|
}
|
|
|
|
const Popover = React.forwardRef<unknown, PopoverProps>(
|
|
({ prefixCls: customizePrefixCls, title, content, ...otherProps }, ref) => {
|
|
const { getPrefixCls } = React.useContext(ConfigContext);
|
|
|
|
const getOverlay = (prefixCls: string) => (
|
|
<>
|
|
{title && <div className={`${prefixCls}-title`}>{getRenderPropValue(title)}</div>}
|
|
<div className={`${prefixCls}-inner-content`}>{getRenderPropValue(content)}</div>
|
|
</>
|
|
);
|
|
|
|
const prefixCls = getPrefixCls('popover', customizePrefixCls);
|
|
return (
|
|
<Tooltip
|
|
{...otherProps}
|
|
prefixCls={prefixCls}
|
|
ref={ref as any}
|
|
overlay={getOverlay(prefixCls)}
|
|
/>
|
|
);
|
|
},
|
|
);
|
|
|
|
Popover.displayName = 'Popover';
|
|
|
|
Popover.defaultProps = {
|
|
placement: 'top' as TooltipPlacement,
|
|
transitionName: 'zoom-big',
|
|
trigger: 'hover',
|
|
mouseEnterDelay: 0.1,
|
|
mouseLeaveDelay: 0.1,
|
|
overlayStyle: {},
|
|
};
|
|
|
|
export default Popover;
|