mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 13:37:52 +08:00
d5abbad8f1
* refactor: deprecatedWraning * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code * feat: optimize code
32 lines
978 B
TypeScript
32 lines
978 B
TypeScript
import * as React from 'react';
|
|
|
|
import { devUseWarning } from '../_util/warning';
|
|
import type { BlockProps } from './Base';
|
|
import Base from './Base';
|
|
|
|
export interface LinkProps
|
|
extends BlockProps<'a'>,
|
|
Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | keyof BlockProps<'a'>> {
|
|
ellipsis?: boolean;
|
|
}
|
|
|
|
const Link = React.forwardRef<HTMLElement, LinkProps>(({ ellipsis, rel, ...restProps }, ref) => {
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
const warning = devUseWarning('Typography.Link');
|
|
|
|
warning(typeof ellipsis !== 'object', 'usage', '`ellipsis` only supports boolean value.');
|
|
}
|
|
|
|
const mergedProps = {
|
|
...restProps,
|
|
rel: rel === undefined && restProps.target === '_blank' ? 'noopener noreferrer' : rel,
|
|
};
|
|
|
|
// @ts-expect-error: https://github.com/ant-design/ant-design/issues/26622
|
|
delete mergedProps.navigate;
|
|
|
|
return <Base {...mergedProps} ref={ref} ellipsis={!!ellipsis} component="a" />;
|
|
});
|
|
|
|
export default Link;
|