ant-design/components/typography/Link.tsx

38 lines
983 B
TypeScript
Raw Normal View History

import * as React from 'react';
2020-05-14 16:36:05 +08:00
import devWarning from '../_util/devWarning';
import Base, { BlockProps } from './Base';
export interface LinkProps
extends BlockProps,
Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> {
ellipsis?: boolean;
}
const Link: React.ForwardRefRenderFunction<HTMLElement, LinkProps> = (
{ ellipsis, rel, ...restProps },
ref,
) => {
2020-05-14 16:36:05 +08:00
devWarning(
typeof ellipsis !== 'object',
'Typography.Link',
'`ellipsis` only supports boolean value.',
);
const baseRef = React.useRef<any>(null);
React.useImperativeHandle(ref, () => baseRef.current);
const mergedProps = {
...restProps,
rel: rel === undefined && restProps.target === '_blank' ? 'noopener noreferrer' : rel,
};
// https://github.com/ant-design/ant-design/issues/26622
// @ts-ignore
delete mergedProps.navigate;
return <Base {...mergedProps} ref={baseRef} ellipsis={!!ellipsis} component="a" />;
};
export default React.forwardRef(Link);