d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ContentChildren, Directive, ElementRef, Input, QueryList, Optional, AfterContentInit, OnInit } from '@angular/core';
import { coerceArray } from 'ngx-tethys/util';
import { mergeMap, startWith } from 'rxjs/operators';
import { ThyDropdownDirective } from './dropdown.directive';
import { useHostRenderer } from '@tethys/cdk/dom';

/**
 * 跟踪 Dropdown 菜单是否被打开处于激活状态，允许指定一个或多个CSS类，以便在菜单打开状态时添加到元素中
 * @name thyDropdownActive
 * @order 60
 */
@Directive({
    selector: '[thyDropdownActive]',
    standalone: true
})
export class ThyDropdownActiveDirective implements OnInit, AfterContentInit {
    classes: string[];

    private hostRenderer = useHostRenderer();

    /**
     * 设置 Active 样式类，可以是一个或多个CSS类
     * @type string[] | string
     */
    @Input()
    set thyDropdownActive(data: string[] | string) {
        this.classes = coerceArray(data).filter(c => !!c);
    }

    /**
     * @private
     */
    @ContentChildren(ThyDropdownDirective, { descendants: true }) triggers!: QueryList<ThyDropdownDirective>;

    constructor(private elementRef: ElementRef, @Optional() private trigger?: ThyDropdownDirective) {}

    ngOnInit(): void {}

    ngAfterContentInit(): void {
        this.triggers.changes
            .pipe(
                startWith(this.triggers.toArray()),
                mergeMap((triggers: ThyDropdownDirective[]) => {
                    const result = triggers.map(item => {
                        return item.thyActiveChange;
                    });
                    this.trigger && result.push(this.trigger.thyActiveChange);
                    return result;
                }),
                mergeMap(result => {
                    return result;
                })
            )
            .subscribe(active => {
                this.update(active);
            });
    }

    update(active: boolean) {
        this.classes.forEach(className => {
            if (active) {
                this.hostRenderer.addClass(className);
            } else {
                this.hostRenderer.removeClass(className);
            }
        });
    }
}

1	import { ContentChildren, Directive, ElementRef, Input, QueryList, Optional, AfterContentInit, OnInit } from '@angular/core';
2	import { coerceArray } from 'ngx-tethys/util';
3	import { mergeMap, startWith } from 'rxjs/operators';
4	import { ThyDropdownDirective } from './dropdown.directive';
5	import { useHostRenderer } from '@tethys/cdk/dom';
6
7	/**
8	* 跟踪 Dropdown 菜单是否被打开处于激活状态，允许指定一个或多个CSS类，以便在菜单打开状态时添加到元素中
9	* @name thyDropdownActive
10	* @order 60
11	*/
12	@Directive({	1✔
13	selector: '[thyDropdownActive]',
14	standalone: true	×
15	})
16	export class ThyDropdownActiveDirective implements OnInit, AfterContentInit {
17	classes: string[];	×
18		×
19	private hostRenderer = useHostRenderer();	×
20
21	/**
22	* 设置 Active 样式类，可以是一个或多个CSS类
23	* @type string[] \| string	×
24	*/
25	@Input()	×
26	set thyDropdownActive(data: string[] \| string) {	×
27	this.classes = coerceArray(data).filter(c => !!c);
28	}	×
29		×
30	/**
31	* @private	×
32	*/
33	@ContentChildren(ThyDropdownDirective, { descendants: true }) triggers!: QueryList<ThyDropdownDirective>;
34		×
35	constructor(private elementRef: ElementRef, @Optional() private trigger?: ThyDropdownDirective) {}
36
37	ngOnInit(): void {}
38		×
39	ngAfterContentInit(): void {	×
40	this.triggers.changes	×
41	.pipe(
42	startWith(this.triggers.toArray()),
43	mergeMap((triggers: ThyDropdownDirective[]) => {	×
44	const result = triggers.map(item => {
45	return item.thyActiveChange;
46	});
47	this.trigger && result.push(this.trigger.thyActiveChange);	1✔
48	return result;
49	}),
50	mergeMap(result => {
51	return result;	1✔
52	})
53	)
54	.subscribe(active => {
55	this.update(active);
56	});	1✔
57	}
58
59	update(active: boolean) {
60	this.classes.forEach(className => {
61	if (active) {
62	this.hostRenderer.addClass(className);
63	} else {
64	this.hostRenderer.removeClass(className);
65	}
66	});
67	}
68	}

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