d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ControlValueAccessor } from '@angular/forms';
import { HostBinding, Input, ChangeDetectorRef, Directive } from '@angular/core';
import { coerceBooleanProperty } from 'ngx-tethys/util';
import { InputBoolean, ThyTranslate } from 'ngx-tethys/core';

const noop = () => {};

/**
 * @private
 */
@Directive()
export class ThyFormCheckBaseComponent implements ControlValueAccessor {
    // The internal data model
    _innerValue: boolean = null;

    _disabled = false;

    private onTouchedCallback: () => void = noop;

    private onChangeCallback: (_: any) => void = noop;

    _labelText: string;

    @HostBinding('class.form-check') _isFormCheck = true;

    @HostBinding('class.form-check-inline') _isFormCheckInline = false;

    @HostBinding('class.form-check-checked') _isChecked = false;

    @HostBinding('class.form-check-inline-no-label-text') get _isNoText() {
        return this._isFormCheckInline && !this._labelText;
    }

    /**
     * 是否同一行展示
     * @default false
     */
    @Input()
    @InputBoolean()
    set thyInline(value: boolean) {
        this._isFormCheckInline = coerceBooleanProperty(value);
    }

    /**
     * Label 展示文本
     */
    @Input()
    set thyLabelText(value: string) {
        this._labelText = value;
    }

    /**
     * Label 文本多语言 key
     */
    @Input()
    set thyLabelTextTranslateKey(value: string) {
        if (value) {
            this._labelText = this.thyTranslate.instant(value);
        } else {
            this._labelText = '';
        }
    }

    /**
     * 是否禁用
     * @default false
     */
    @Input()
    @InputBoolean()
    set thyDisabled(value: boolean) {
        this.setDisabledState(coerceBooleanProperty(value));
    }

    writeValue(obj: boolean): void {
        if (obj !== this._innerValue) {
            this._innerValue = obj;
            this._isChecked = !!this._innerValue;
        }
    }

    registerOnChange(fn: any): void {
        this.onChangeCallback = fn;
    }

    registerOnTouched(fn: any): void {
        this.onTouchedCallback = fn;
    }

    setDisabledState?(isDisabled: boolean): void {
        this._disabled = isDisabled;
        this.markForCheck();
    }

    updateValue(value: boolean): void {
        this._innerValue = value;
        this._isChecked = !!this._innerValue;
        this.onChangeCallback(value);
        this.markForCheck();
    }

    constructor(protected thyTranslate: ThyTranslate, protected changeDetectorRef?: ChangeDetectorRef) {}

    change() {
        this.updateValue(!this._innerValue);
    }

    markForCheck() {
        if (this.changeDetectorRef) {
            this.changeDetectorRef.markForCheck();
        }
    }
}

1	import { ControlValueAccessor } from '@angular/forms';
2	import { HostBinding, Input, ChangeDetectorRef, Directive } from '@angular/core';
3	import { coerceBooleanProperty } from 'ngx-tethys/util';
4	import { InputBoolean, ThyTranslate } from 'ngx-tethys/core';
5		1✔
6	const noop = () => {};
7
8	/**
9	* @private	1✔
10	*/
11	@Directive()	×
12	export class ThyFormCheckBaseComponent implements ControlValueAccessor {
13	// The internal data model
14	_innerValue: boolean = null;	×
15
16	_disabled = false;
17		×
18	private onTouchedCallback: () => void = noop;
19
20	private onChangeCallback: (_: any) => void = noop;	×
21		×
22	_labelText: string;
23
24	@HostBinding('class.form-check') _isFormCheck = true;	×
25
26	@HostBinding('class.form-check-inline') _isFormCheckInline = false;
27
28	@HostBinding('class.form-check-checked') _isChecked = false;	×
29
30	@HostBinding('class.form-check-inline-no-label-text') get _isNoText() {
31	return this._isFormCheckInline && !this._labelText;	×
32	}	×
33		×
34	/**
35	* 是否同一行展示
36	* @default false
37	*/	×
38	@Input()
39	@InputBoolean()
40	set thyInline(value: boolean) {	×
41	this._isFormCheckInline = coerceBooleanProperty(value);
42	}
43		×
44	/**	×
45	* Label 展示文本
46	*/
47	@Input()	×
48	set thyLabelText(value: string) {	×
49	this._labelText = value;	×
50	}	×
51
52	/**
53	* Label 文本多语言 key	×
54	*/	×
55	@Input()
56	set thyLabelTextTranslateKey(value: string) {	×
57	if (value) {	×
58	this._labelText = this.thyTranslate.instant(value);	×
59	} else {	×
60	this._labelText = '';	×
61	}	×
62	}	×
63
64	/**
65	* 是否禁用	×
66	* @default false
67	*/
68	@Input()	×
69	@InputBoolean()	×
70	set thyDisabled(value: boolean) {
71	this.setDisabledState(coerceBooleanProperty(value));
72	}	1✔
73
74	writeValue(obj: boolean): void {
75	if (obj !== this._innerValue) {
76	this._innerValue = obj;	1✔
77	this._isChecked = !!this._innerValue;
78	}
79	}
80
81	registerOnChange(fn: any): void {
82	this.onChangeCallback = fn;
83	}
84
85	registerOnTouched(fn: any): void {
86	this.onTouchedCallback = fn;
87	}	1✔
88
89	setDisabledState?(isDisabled: boolean): void {
90	this._disabled = isDisabled;
91	this.markForCheck();
92	}	1✔
93
94	updateValue(value: boolean): void {
95	this._innerValue = value;
96	this._isChecked = !!this._innerValue;
97	this.onChangeCallback(value);	1✔
98	this.markForCheck();
99	}
100
101	constructor(protected thyTranslate: ThyTranslate, protected changeDetectorRef?: ChangeDetectorRef) {}
102
103	change() {
104	this.updateValue(!this._innerValue);
105	}
106
107	markForCheck() {
108	if (this.changeDetectorRef) {
109	this.changeDetectorRef.markForCheck();
110	}
111	}
112	}

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