d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, Input, HostBinding, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
import { coerceBooleanProperty } from 'ngx-tethys/util';
import { NgIf } from '@angular/common';
import { InputBoolean } from 'ngx-tethys/core';

/**
 * 加载组件，页面调用接口等待请求时，给用户的反馈
 * @name thy-loading
 * @order 10
 */
@Component({
    selector: 'thy-loading',
    templateUrl: './loading.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
    imports: [NgIf]
})
export class ThyLoadingComponent {
    public isDone: boolean;

    public tip: string;

    public isMask: boolean;

    /**
     * 数据是否加载完成
     * @default false
     */
    @Input()
    @InputBoolean()
    set thyDone(value: boolean | string) {
        this.isDone = coerceBooleanProperty(value);
        this.changeDetectorRef.markForCheck();
    }

    /**
     * 自定义加载提示文案
     */
    @Input()
    set thyTip(value: string) {
        this.tip = value;
        this.changeDetectorRef.markForCheck();
    }

    /**
     * 加载时是否启用嵌套遮罩模式，不传或传 false，没有遮罩层，加载完成出现内容
     */
    @Input()
    @InputBoolean()
    set thyIsMask(value: boolean | string) {
        this.isMask = coerceBooleanProperty(value);
        this.changeDetectorRef.markForCheck();
    }

    @HostBinding('class.thy-loading') loadingClassName = true;

    constructor(private changeDetectorRef: ChangeDetectorRef) {}
}

1	import { Component, Input, HostBinding, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
2	import { coerceBooleanProperty } from 'ngx-tethys/util';
3	import { NgIf } from '@angular/common';
4	import { InputBoolean } from 'ngx-tethys/core';
5
6	/**
7	* 加载组件，页面调用接口等待请求时，给用户的反馈
8	* @name thy-loading
9	* @order 10
10	*/
11	@Component({
12	selector: 'thy-loading',	1✔
13	templateUrl: './loading.component.html',
14	changeDetection: ChangeDetectionStrategy.OnPush,	×
15	standalone: true,	×
16	imports: [NgIf]
17	})
18	export class ThyLoadingComponent {	×
19	public isDone: boolean;	×
20
21	public tip: string;
22		×
23	public isMask: boolean;	×
24
25	/**
26	* 数据是否加载完成	×
27	* @default false	×
28	*/
29	@Input()	1✔
30	@InputBoolean()
31	set thyDone(value: boolean \| string) {
32	this.isDone = coerceBooleanProperty(value);	1✔
33	this.changeDetectorRef.markForCheck();
34	}
35
36	/**
37	* 自定义加载提示文案
38	*/
39	@Input()	1✔
40	set thyTip(value: string) {
41	this.tip = value;
42	this.changeDetectorRef.markForCheck();
43	}
44		1✔
45	/**
46	* 加载时是否启用嵌套遮罩模式，不传或传 false，没有遮罩层，加载完成出现内容
47	*/
48	@Input()
49	@InputBoolean()	1✔
50	set thyIsMask(value: boolean \| string) {
51	this.isMask = coerceBooleanProperty(value);
52	this.changeDetectorRef.markForCheck();
53	}
54
55	@HostBinding('class.thy-loading') loadingClassName = true;
56
57	constructor(private changeDetectorRef: ChangeDetectorRef) {}
58	}

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