d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, forwardRef, HostBinding, Input, OnInit } from '@angular/core';
import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
import {
    AbstractControlValueAccessor,
    Constructor,
    InputBoolean,
    mixinDisabled,
    mixinTabIndex,
    ThyCanDisable,
    ThyHasTabIndex
} from 'ngx-tethys/core';
import { elementMatchClosest } from 'ngx-tethys/util';

import { NgIf } from '@angular/common';
import { ElementRef, ViewChild } from '@angular/core';
import { useHostRenderer } from '@tethys/cdk/dom';
import { ThyIconComponent } from 'ngx-tethys/icon';
import { ThyInputDirective } from 'ngx-tethys/input';

export type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '';

const noop = () => {};

const _MixinBase: Constructor<ThyHasTabIndex> & Constructor<ThyCanDisable> & typeof AbstractControlValueAccessor = mixinTabIndex(
    mixinDisabled(AbstractControlValueAccessor)
);

/**
 * 下拉选择
 * @name thy-select
 * @order 20
 */
@Component({
    selector: 'thy-select',
    templateUrl: './select.component.html',
    providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: forwardRef(() => ThySelectComponent),
            multi: true
        }
    ],
    standalone: true,
    imports: [ThyInputDirective, FormsModule, ThyIconComponent, NgIf],
    host: {
        '[attr.tabindex]': 'tabIndex',
        '(focus)': 'onFocus($event)',
        '(blur)': 'onBlur($event)'
    }
})
export class ThySelectComponent extends _MixinBase implements ControlValueAccessor, OnInit {
    @ViewChild('select', { static: true }) selectElement: ElementRef<any>;

    // The internal data model
    _innerValue: any = null;
    _disabled = false;
    _size: InputSize;
    _expandOptions = false;

    private hostRenderer = useHostRenderer();

    @HostBinding('class.thy-select') _isSelect = true;

    @Input()
    set thySize(value: InputSize) {
        this._size = value;
    }

    @Input() name: string;

    @Input() @InputBoolean() thyAllowClear = false;

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

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

    constructor(private elementRef: ElementRef) {
        super();
    }

    ngModelChange() {
        this.onChangeFn(this._innerValue);
        this.onTouchedFn();
    }

    ngOnInit() {
        const classes = this._size ? [`thy-select-${this._size}`] : [];
        this.hostRenderer.updateClass(classes);
    }

    onBlur(event: FocusEvent) {
        if (elementMatchClosest(event?.relatedTarget as HTMLElement, 'thy-select')) {
            return;
        }
        this.onTouchedFn();
    }

    onFocus(event?: Event) {
        this.selectElement.nativeElement.focus();
    }

    clearSelectValue(event: Event) {
        event.stopPropagation();
        this._innerValue = '';
        this.onChangeFn(this._innerValue);
    }
}

1	import { Component, forwardRef, HostBinding, Input, OnInit } from '@angular/core';
2	import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
3	import {
4	AbstractControlValueAccessor,
5	Constructor,
6	InputBoolean,
7	mixinDisabled,
8	mixinTabIndex,
9	ThyCanDisable,
10	ThyHasTabIndex
11	} from 'ngx-tethys/core';
12	import { elementMatchClosest } from 'ngx-tethys/util';
13		1✔
14	import { NgIf } from '@angular/common';	1✔
15	import { ElementRef, ViewChild } from '@angular/core';
16	import { useHostRenderer } from '@tethys/cdk/dom';
17	import { ThyIconComponent } from 'ngx-tethys/icon';
18	import { ThyInputDirective } from 'ngx-tethys/input';
19
20	export type InputSize = 'xs' \| 'sm' \| 'md' \| 'lg' \| '';	1✔
21
22	const noop = () => {};	×
23
24	const _MixinBase: Constructor<ThyHasTabIndex> & Constructor<ThyCanDisable> & typeof AbstractControlValueAccessor = mixinTabIndex(
25	mixinDisabled(AbstractControlValueAccessor)	×
26	);	×
27
28	/**
29	* 下拉选择
30	* @name thy-select	×
31	* @order 20
32	*/
33	@Component({	×
34	selector: 'thy-select',	×
35	templateUrl: './select.component.html',
36	providers: [	×
37	{	×
38	provide: NG_VALUE_ACCESSOR,	×
39	useExisting: forwardRef(() => ThySelectComponent),	×
40	multi: true	×
41	}	×
42	],
43	standalone: true,
44	imports: [ThyInputDirective, FormsModule, ThyIconComponent, NgIf],	×
45	host: {	×
46	'[attr.tabindex]': 'tabIndex',
47	'(focus)': 'onFocus($event)',
48	'(blur)': 'onBlur($event)'	×
49	}	×
50	})
51	export class ThySelectComponent extends _MixinBase implements ControlValueAccessor, OnInit {
52	@ViewChild('select', { static: true }) selectElement: ElementRef<any>;	×
53		×
54	// The internal data model
55	_innerValue: any = null;	×
56	_disabled = false;
57	_size: InputSize;
58	_expandOptions = false;	×
59
60	private hostRenderer = useHostRenderer();
61		×
62	@HostBinding('class.thy-select') _isSelect = true;	×
63		×
64	@Input()
65	set thySize(value: InputSize) {	1✔
66	this._size = value;
67	}
68		1✔
69	@Input() name: string;
70
71	@Input() @InputBoolean() thyAllowClear = false;
72
73	writeValue(obj: any): void {
74	if (obj !== this._innerValue) {
75	this._innerValue = obj;
76	}	1✔
77	}
78
79	setDisabledState?(isDisabled: boolean): void {
80	this._disabled = isDisabled;	1✔
81	}
82
83	constructor(private elementRef: ElementRef) {
84	super();
85	}
86
87	ngModelChange() {	×
88	this.onChangeFn(this._innerValue);
89	this.onTouchedFn();
90	}
91
92	ngOnInit() {
93	const classes = this._size ? [`thy-select-${this._size}`] : [];
94	this.hostRenderer.updateClass(classes);
95	}
96
97	onBlur(event: FocusEvent) {
98	if (elementMatchClosest(event?.relatedTarget as HTMLElement, 'thy-select')) {
99	return;
100	}
101	this.onTouchedFn();
102	}
103
104	onFocus(event?: Event) {
105	this.selectElement.nativeElement.focus();
106	}
107
108	clearSelectValue(event: Event) {
109	event.stopPropagation();
110	this._innerValue = '';
111	this.onChangeFn(this._innerValue);
112	}
113	}

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