fd08d5ed-36dd-43a7-8b97-f4504781ca28

Committed 28 Aug 2024 08:17AM UTC coverage: 90.462% (+0.02%) from 90.447%

Build # fd08d5ed-36dd-43a7-8b97-f4504781ca28

Build Type

push

circleci

Committed by

web-flow

Commit Message

feat: support default and dark theme #TINFR-25 (#3183)

Run Details

5510 of 6734 branches covered (81.82%)

Branch coverage included in aggregate %.

1 of 1 new or added line in 1 file covered. (100.0%)

1 existing line in 1 file now uncovered.

13222 of 13973 relevant lines covered (94.63%)

995.81 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';
import { NgIf } from '@angular/common';

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

atinc / ngx-tethys / fd08d5ed-36dd-43a7-8b97-f4504781ca28

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