d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Directive, Input, ElementRef, NgZone } from '@angular/core';
import { InputBoolean, reqAnimFrame } from 'ngx-tethys/core';
import { coerceBooleanProperty } from 'ngx-tethys/util';

/**
 * 自动聚焦指令
 * @name input[thyAutofocus],textarea[thyAutofocus]
 */
@Directive({
    selector: 'input[thyAutofocus],textarea[thyAutofocus]',
    standalone: true
})
export class ThyAutofocusDirective {
    // 自动选择，用于只读的 input 输入框，方便复制粘贴
    private _autoSelect = false;

    /**
     * 是否自动聚焦
     * @default false
     */
    @Input()
    set thyAutofocus(value: boolean | string) {
        if (coerceBooleanProperty(value) !== false) {
            // Note: this is being run outside of the Angular zone because `element.focus()` doesn't require
            // running change detection.
            this.ngZone.runOutsideAngular(() =>
                // Note: `element.focus()` causes re-layout and this may lead to frame drop on slower devices.
                // https://gist.github.com/paulirish/5d52fb081b3570c81e3a#setting-focus
                // `setTimeout` is a macrotask and macrotasks are executed within the current rendering frame.
                // Animation tasks are executed within the next rendering frame.
                reqAnimFrame(() => {
                    this.elementRef.nativeElement.focus();
                    if (this._autoSelect && this.elementRef.nativeElement.select) {
                        this.elementRef.nativeElement.select();
                    }
                })
            );
        }
    }

    /**
     * 是否自动选择
     * @default false
     */
    @Input()
    @InputBoolean()
    set thyAutoSelect(value: boolean) {
        this._autoSelect = coerceBooleanProperty(value);
    }

    constructor(private elementRef: ElementRef, private ngZone: NgZone) {}
}

1	import { Directive, Input, ElementRef, NgZone } from '@angular/core';
2	import { InputBoolean, reqAnimFrame } from 'ngx-tethys/core';
3	import { coerceBooleanProperty } from 'ngx-tethys/util';
4
5	/**
6	* 自动聚焦指令
7	* @name input[thyAutofocus],textarea[thyAutofocus]
8	*/
9	@Directive({	1✔
10	selector: 'input[thyAutofocus],textarea[thyAutofocus]',
11	standalone: true	×
12	})
13	export class ThyAutofocusDirective {
14	// 自动选择，用于只读的 input 输入框，方便复制粘贴	×
15	private _autoSelect = false;
16
17	/**
18	* 是否自动聚焦
19	* @default false	×
20	*/	×
21	@Input()	×
22	set thyAutofocus(value: boolean \| string) {	×
23	if (coerceBooleanProperty(value) !== false) {
24	// Note: this is being run outside of the Angular zone because `element.focus()` doesn't require
25	// running change detection.
26	this.ngZone.runOutsideAngular(() =>
27	// Note: `element.focus()` causes re-layout and this may lead to frame drop on slower devices.
28	// https://gist.github.com/paulirish/5d52fb081b3570c81e3a#setting-focus	×
29	// `setTimeout` is a macrotask and macrotasks are executed within the current rendering frame.
30	// Animation tasks are executed within the next rendering frame.
31	reqAnimFrame(() => {	×
32	this.elementRef.nativeElement.focus();	×
33	if (this._autoSelect && this.elementRef.nativeElement.select) {
34	this.elementRef.nativeElement.select();	×
35	}
36	})	1✔
37	);
38	}
39	}
40		1✔
41	/**
42	* 是否自动选择
43	* @default false
44	*/
45	@Input()	1✔
46	@InputBoolean()
47	set thyAutoSelect(value: boolean) {
48	this._autoSelect = coerceBooleanProperty(value);
49	}
50		1✔
51	constructor(private elementRef: ElementRef, private ngZone: NgZone) {}
52	}

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