d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
import { ThyTranslate } from 'ngx-tethys/core';
import { ThyPopover } from '../popover.service';
import { ThyIconComponent } from 'ngx-tethys/icon';
import { NgIf, NgTemplateOutlet } from '@angular/common';

/**
 * 悬浮层头部组件
 * @name thy-popover-header
 * @order 30
 */
@Component({
    selector: 'thy-popover-header',
    templateUrl: './popover-header.component.html',
    exportAs: 'thyPopoverHeader',
    changeDetection: ChangeDetectionStrategy.OnPush,
    host: {
        class: 'thy-popover-header'
    },
    standalone: true,
    imports: [NgIf, NgTemplateOutlet, ThyIconComponent]
})
export class ThyPopoverHeaderComponent {
    /**
     * 头部标题
     */
    @Input() thyTitle: string;

    /**
     * 标题的多语言 Key
     */
    @Input()
    set thyTitleTranslationKey(key: string) {
        if (key && !this.thyTitle) {
            this.thyTitle = this.translate.instant(key);
        }
    }

    /**
     * 自定义头部模板
     * @type TemplateRef
     */
    @ContentChild('popoverHeader')
    public headerTemplate: TemplateRef<any>;

    /**
     * @internal
     */
    @Output() thyClosed: EventEmitter<Event> = new EventEmitter<Event>();

    constructor(private translate: ThyTranslate, private thyPopover: ThyPopover) {}

    /**
     * @internal
     */
    close(event: Event) {
        this.thyClosed.emit(event);
        this.thyPopover.close();
    }
}

1	import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
2	import { ThyTranslate } from 'ngx-tethys/core';
3	import { ThyPopover } from '../popover.service';
4	import { ThyIconComponent } from 'ngx-tethys/icon';
5	import { NgIf, NgTemplateOutlet } from '@angular/common';
6
7	/**
8	* 悬浮层头部组件
9	* @name thy-popover-header
10	* @order 30
11	*/
12	@Component({
13	selector: 'thy-popover-header',	1✔
14	templateUrl: './popover-header.component.html',
15	exportAs: 'thyPopoverHeader',	×
16	changeDetection: ChangeDetectionStrategy.OnPush,	×
17	host: {
18	class: 'thy-popover-header'
19	},
20	standalone: true,	×
21	imports: [NgIf, NgTemplateOutlet, ThyIconComponent]	×
22	})	×
23	export class ThyPopoverHeaderComponent {
24	/**
25	* 头部标题
26	*/
27	@Input() thyTitle: string;
28		×
29	/**	×
30	* 标题的多语言 Key
31	*/	1✔
32	@Input()
33	set thyTitleTranslationKey(key: string) {
34	if (key && !this.thyTitle) {
35	this.thyTitle = this.translate.instant(key);	1✔
36	}
37	}
38
39	/**
40	* 自定义头部模板
41	* @type TemplateRef
42	*/	1✔
43	@ContentChild('popoverHeader')
44	public headerTemplate: TemplateRef<any>;
45
46	/**
47	* @internal
48	*/
49	@Output() thyClosed: EventEmitter<Event> = new EventEmitter<Event>();
50
51	constructor(private translate: ThyTranslate, private thyPopover: ThyPopover) {}
52
53	/**
54	* @internal
55	*/
56	close(event: Event) {
57	this.thyClosed.emit(event);
58	this.thyPopover.close();
59	}
60	}

atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

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