You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.1 KiB
37 lines
1.1 KiB
import type { AnchorHTMLAttributes, FunctionalComponent } from 'vue';
|
|
import warning from '../_util/warning';
|
|
import type { BlockProps } from './Base';
|
|
import Base, { baseProps } from './Base';
|
|
import Omit from 'omit.js';
|
|
import PropTypes from '../_util/vue-types';
|
|
|
|
export interface LinkProps extends BlockProps, Omit<AnchorHTMLAttributes, 'type'> {
|
|
ellipsis?: boolean;
|
|
}
|
|
|
|
const Link: FunctionalComponent<LinkProps> = (props, { slots, attrs }) => {
|
|
const { ellipsis, rel, ...restProps } = { ...props, ...attrs };
|
|
warning(
|
|
typeof ellipsis !== 'object',
|
|
'Typography.Link',
|
|
'`ellipsis` only supports boolean value.',
|
|
);
|
|
const mergedProps = {
|
|
...restProps,
|
|
rel: rel === undefined && restProps.target === '_blank' ? 'noopener noreferrer' : rel,
|
|
ellipsis: !!ellipsis,
|
|
component: 'a',
|
|
};
|
|
// https://github.com/ant-design/ant-design/issues/26622
|
|
// @ts-ignore
|
|
delete mergedProps.navigate;
|
|
|
|
return <Base {...mergedProps} v-slots={slots}></Base>;
|
|
};
|
|
|
|
Link.displayName = 'ATypographyLink';
|
|
Link.inheritAttrs = false;
|
|
Link.props = Omit({ ...baseProps(), ellipsis: PropTypes.looseBool }, ['component']);
|
|
|
|
export default Link;
|