d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, ContentChild, TemplateRef, Input, OnInit, HostBinding } from '@angular/core';
import { ThySlideService } from '../slide.service';
import { ThyActionComponent } from 'ngx-tethys/action';
import { ThyIconComponent } from 'ngx-tethys/icon';
import { NgIf, NgTemplateOutlet } from '@angular/common';

/**
 * 滑动弹出框的头部组件
 * @name thy-slide-header
 * @order 40
 */
@Component({
    selector: 'thy-slide-header',
    templateUrl: './slide-header.component.html',
    standalone: true,
    imports: [NgIf, NgTemplateOutlet, ThyIconComponent, ThyActionComponent]
})
export class ThySlideHeaderComponent implements OnInit {
    isIconFont = false;

    private _iconName = '';

    @HostBinding('class.thy-slide-header') slideLayoutHeader = true;

    /**
     * 标题
     */
    @Input() thyTitle: string;

    /**
     * 标题的图标
     */
    @Input() set thyIcon(value: string) {
        this._iconName = value;
        if (value.includes('wtf')) {
            this.isIconFont = true;
        } else {
            this.isIconFont = false;
        }
    }

    get thyIcon() {
        return this._iconName;
    }

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

    /**
     * 头部操作区域模板
     * @type TemplateRef
     */
    @ContentChild('thyHeaderOperate') headerOperateTemplate: TemplateRef<any>;

    constructor(private thySlideService: ThySlideService) {}

    ngOnInit() {}

    closeModal(event: Event) {
        event.stopPropagation();
        this.thySlideService.close();
    }
}

1	import { Component, ContentChild, TemplateRef, Input, OnInit, HostBinding } from '@angular/core';
2	import { ThySlideService } from '../slide.service';
3	import { ThyActionComponent } from 'ngx-tethys/action';
4	import { ThyIconComponent } from 'ngx-tethys/icon';
5	import { NgIf, NgTemplateOutlet } from '@angular/common';
6
7	/**
8	* 滑动弹出框的头部组件
9	* @name thy-slide-header
10	* @order 40
11	*/
12	@Component({
13	selector: 'thy-slide-header',	1✔
14	templateUrl: './slide-header.component.html',
15	standalone: true,	×
16	imports: [NgIf, NgTemplateOutlet, ThyIconComponent, ThyActionComponent]	×
17	})	×
18	export class ThySlideHeaderComponent implements OnInit {
19	isIconFont = false;
20		×
21	private _iconName = '';
22
23	@HostBinding('class.thy-slide-header') slideLayoutHeader = true;
24		×
25	/**
26	* 标题
27	*/	×
28	@Input() thyTitle: string;	×
29		×
30	/**	×
31	* 标题的图标
32	*/
33	@Input() set thyIcon(value: string) {
34	this._iconName = value;	×
35	if (value.includes('wtf')) {	×
36	this.isIconFont = true;
37	} else {	1✔
38	this.isIconFont = false;
39	}
40	}	1✔
41
42	get thyIcon() {
43	return this._iconName;
44	}
45
46	/**
47	* 自定义头模板
48	* @type TemplateRef	1✔
49	*/
50	@ContentChild('thyHeader') headerTemplate: TemplateRef<any>;
51
52	/**
53	* 头部操作区域模板
54	* @type TemplateRef
55	*/
56	@ContentChild('thyHeaderOperate') headerOperateTemplate: TemplateRef<any>;
57
58	constructor(private thySlideService: ThySlideService) {}
59
60	ngOnInit() {}
61
62	closeModal(event: Event) {
63	event.stopPropagation();
64	this.thySlideService.close();
65	}
66	}

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