9a6cf527-7d3a-4811-b6df-23bca2cb5edd

Committed 14 Sep 2024 07:45AM UTC coverage: 90.436% (+0.005%) from 90.431%

Build # 9a6cf527-7d3a-4811-b6df-23bca2cb5edd

Build Type

Pull #3207

circleci

Committed by

minlovehua

Commit Message

Merge branch 'master' of github.com:atinc/ngx-tethys into wumeimin/refactor

Pull Request Pull Request #3207: test branch

Run Details

5511 of 6738 branches covered (81.79%)

Branch coverage included in aggregate %.

56 of 61 new or added lines in 34 files covered. (91.8%)

65 existing lines in 11 files now uncovered.

13258 of 14016 relevant lines covered (94.59%)

994.62 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

90.63

/src/anchor/anchor-link.component.ts

import { Platform } from '@angular/cdk/platform';
import {
    ChangeDetectionStrategy,
    Component,
    ContentChild,
    ElementRef,
    Input,
    OnDestroy,
    OnInit,
    TemplateRef,
    ViewChild,
    ViewEncapsulation
} from '@angular/core';
import { useHostRenderer } from '@tethys/cdk/dom';

import { ThyAnchor } from './anchor.component';

/**
 * 锚点链接组件，可供锚点跳转
 * @name thy-anchor-link,thyAnchorLink
 */
@Component({
    selector: 'thy-link,thy-anchor-link',
    exportAs: 'thyLink,thyAnchorLink',
    preserveWhitespaces: false,
    template: `
        <a #linkTitle (click)="goToClick($event)" href="{{ thyHref }}" class="thy-anchor-link-title" title="{{ title }}">
            @if (title) {
                <span>{{ title }}</span>
            } @else {
                <ng-template [ngTemplateOutlet]="titleTemplate || thyTemplate"></ng-template>
            }
        </a>
        <ng-content></ng-content>
    `,
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
    imports: []
})
export class ThyAnchorLink implements OnInit, OnDestroy {
    title: string | null = '';

    titleTemplate?: TemplateRef<any>;

    private hostRenderer = useHostRenderer();

    /**
     * 锚点链接
     */
    @Input() thyHref = '#';

    /**
     * 文字内容
     */
    @Input()
    set thyTitle(value: string | TemplateRef<void>) {
        if (value instanceof TemplateRef) {
            this.title = null;
            this.titleTemplate = value;
        } else {
            this.title = value;
        }
    }

    @ContentChild('thyTemplate') thyTemplate!: TemplateRef<void>;

    @ViewChild('linkTitle', { static: true }) linkTitle!: ElementRef<HTMLAnchorElement>;

    constructor(
        public elementRef: ElementRef,
        private anchorComponent: ThyAnchor,
        private platform: Platform
    ) {
        this.hostRenderer.addClass('thy-anchor-link');
        if (elementRef.nativeElement.tagName.toLowerCase() === 'thy-link') {
            console.warn(`'thy-link' and 'thyLink' are deprecated, please use 'thy-anchor-link' and 'thyAnchorLink' instead.`);
        }
    }

    ngOnInit(): void {
        this.anchorComponent.registerLink(this);
    }

    getLinkTitleElement(): HTMLAnchorElement {
        return this.linkTitle.nativeElement;
    }

    setActive(): void {
        this.hostRenderer.addClass('thy-anchor-link-active');
    }

    unsetActive(): void {
        this.hostRenderer.removeClass('thy-anchor-link-active');
    }

    goToClick(e: Event): void {
        e.preventDefault();
        e.stopPropagation();
        if (this.platform.isBrowser) {
            this.anchorComponent.handleScrollTo(this);
        }
    }

    ngOnDestroy(): void {
        this.anchorComponent.unregisterLink(this);
    }
}

1	import { Platform } from '@angular/cdk/platform';
2	import {
3	ChangeDetectionStrategy,
4	Component,
5	ContentChild,
6	ElementRef,
7	Input,
8	OnDestroy,
9	OnInit,
10	TemplateRef,	1✔
11	ViewChild,
12	ViewEncapsulation	49✔
13	} from '@angular/core';	1✔
14	import { useHostRenderer } from '@tethys/cdk/dom';	1✔
15
16	import { ThyAnchor } from './anchor.component';
17		48✔
18	/**
19	* 锚点链接组件，可供锚点跳转
20	* @name thy-anchor-link,thyAnchorLink
21	*/	48✔
22	@Component({	48✔
23	selector: 'thy-link,thy-anchor-link',	48✔
24	exportAs: 'thyLink,thyAnchorLink',	48✔
25	preserveWhitespaces: false,	48✔
26	template: `	48✔
27	<a #linkTitle (click)="goToClick($event)" href="{{ thyHref }}" class="thy-anchor-link-title" title="{{ title }}">	48✔
28	@if (title) {	48!
NEW 29	<span>{{ title }}</span>	×
30	} @else {
31	<ng-template [ngTemplateOutlet]="titleTemplate \|\| thyTemplate"></ng-template>
32	}
33	</a>	48✔
34	<ng-content></ng-content>
35	`,
36	encapsulation: ViewEncapsulation.None,	8✔
37	changeDetection: ChangeDetectionStrategy.OnPush,
38	standalone: true,
39	imports: []	8✔
40	})
41	export class ThyAnchorLink implements OnInit, OnDestroy {
42	title: string \| null = '';	32✔
43
44	titleTemplate?: TemplateRef<any>;
45		3✔
46	private hostRenderer = useHostRenderer();	3✔
47		3!
48	/**	3✔
49	* 锚点链接
50	*/
51	@Input() thyHref = '#';
52		48✔
53	/**
54	* 文字内容	1✔
55	*/
56	@Input()
57	set thyTitle(value: string \| TemplateRef<void>) {
58	if (value instanceof TemplateRef) {
59	this.title = null;	1✔
60	this.titleTemplate = value;
61	} else {
62	this.title = value;
63	}
64	}
65
66	@ContentChild('thyTemplate') thyTemplate!: TemplateRef<void>;	1✔
67
68	@ViewChild('linkTitle', { static: true }) linkTitle!: ElementRef<HTMLAnchorElement>;
69
70	constructor(
71	public elementRef: ElementRef,
72	private anchorComponent: ThyAnchor,
73	private platform: Platform
74	) {
75	this.hostRenderer.addClass('thy-anchor-link');
76	if (elementRef.nativeElement.tagName.toLowerCase() === 'thy-link') {
77	console.warn(`'thy-link' and 'thyLink' are deprecated, please use 'thy-anchor-link' and 'thyAnchorLink' instead.`);
78	}
79	}
80
81	ngOnInit(): void {
82	this.anchorComponent.registerLink(this);
83	}
84
85	getLinkTitleElement(): HTMLAnchorElement {
86	return this.linkTitle.nativeElement;
87	}
88
89	setActive(): void {
90	this.hostRenderer.addClass('thy-anchor-link-active');
91	}
92
93	unsetActive(): void {
94	this.hostRenderer.removeClass('thy-anchor-link-active');
95	}
96
97	goToClick(e: Event): void {
98	e.preventDefault();
99	e.stopPropagation();
100	if (this.platform.isBrowser) {
101	this.anchorComponent.handleScrollTo(this);
102	}
103	}
104
105	ngOnDestroy(): void {
106	this.anchorComponent.unregisterLink(this);
107	}
108	}

atinc / ngx-tethys / 9a6cf527-7d3a-4811-b6df-23bca2cb5edd

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous