d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, ContentChild, HostBinding, Input, OnInit, TemplateRef } from '@angular/core';
import { NgIf, NgTemplateOutlet } from '@angular/common';

type ThyResultStatus = 'success' | 'warning' | 'error';

/**
 * 结果页组件
 * @name thy-result
 */
@Component({
    selector: 'thy-result',
    templateUrl: './result.component.html',
    standalone: true,
    imports: [NgIf, NgTemplateOutlet]
})
export class ThyResultComponent implements OnInit {
    /**
     * @description 结果的状态，决定显示的图标
     * @type success | warning | error
     */
    @Input() thyStatus: ThyResultStatus;

    /**
     * @description 自定义 icon，作为 img 的 src 显示
     * @type string
     */
    @Input() thyIcon: string;

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

    /**
     * @description 二级标题
     * @type string
     */
    @Input() thySubtitle: string;

    /**
     * @description 自定义 icon 模板
     * @type TemplateRef<any>
     */
    @ContentChild('thyIcon') iconTemplateRef: TemplateRef<any>;

    /**
     * @description 自定义标题模板
     * @type TemplateRef<any>
     */
    @ContentChild('thyTitle') titleTemplateRef: TemplateRef<any>;

    /**
     * @description 自定义二级标题模板
     * @type TemplateRef<any>
     */
    @ContentChild('thySubtitle') subtitleTemplateRef: TemplateRef<any>;

    /**
     * @description 自定义操作区域
     * @type TemplateRef<any>
     */
    @ContentChild('thyExtra') extraTemplateRef: TemplateRef<any>;

    @HostBinding('class.thy-result') className = true;

    constructor() {}

    ngOnInit() {}
}

1	import { Component, ContentChild, HostBinding, Input, OnInit, TemplateRef } from '@angular/core';
2	import { NgIf, NgTemplateOutlet } from '@angular/common';
3
4	type ThyResultStatus = 'success' \| 'warning' \| 'error';
5
6	/**
7	* 结果页组件
8	* @name thy-result
9	*/	1✔
10	@Component({
11	selector: 'thy-result',	×
12	templateUrl: './result.component.html',
13	standalone: true,
14	imports: [NgIf, NgTemplateOutlet]	1✔
15	})	1✔
16	export class ThyResultComponent implements OnInit {
17	/**
18	* @description 结果的状态，决定显示的图标
19	* @type success \| warning \| error
20	*/
21	@Input() thyStatus: ThyResultStatus;
22
23	/**
24	* @description 自定义 icon，作为 img 的 src 显示
25	* @type string
26	*/
27	@Input() thyIcon: string;	1✔
28
29	/**
30	* @description 标题
31	* @type string
32	*/
33	@Input() thyTitle: string;
34
35	/**
36	* @description 二级标题
37	* @type string
38	*/
39	@Input() thySubtitle: string;
40
41	/**
42	* @description 自定义 icon 模板
43	* @type TemplateRef<any>
44	*/
45	@ContentChild('thyIcon') iconTemplateRef: TemplateRef<any>;
46
47	/**
48	* @description 自定义标题模板
49	* @type TemplateRef<any>
50	*/
51	@ContentChild('thyTitle') titleTemplateRef: TemplateRef<any>;
52
53	/**
54	* @description 自定义二级标题模板
55	* @type TemplateRef<any>
56	*/
57	@ContentChild('thySubtitle') subtitleTemplateRef: TemplateRef<any>;
58
59	/**
60	* @description 自定义操作区域
61	* @type TemplateRef<any>
62	*/
63	@ContentChild('thyExtra') extraTemplateRef: TemplateRef<any>;
64
65	@HostBinding('class.thy-result') className = true;
66
67	constructor() {}
68
69	ngOnInit() {}
70	}

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