d9ae709b-3c27-4b69-b125-b8b80b54f90b

import {
    Directive,
    HostBinding,
    Input,
    Component,
    ViewEncapsulation,
    ChangeDetectionStrategy,
    ViewChild,
    TemplateRef
} from '@angular/core';
import { SafeAny } from 'ngx-tethys/types';

export type ThyDropdownMenuDividerType = 'default' | 'crossing' | '';

/**
 * @private
 */
@Directive()
export class ThyDropdownAbstractMenu {
    @HostBinding('class.thy-dropdown-menu') addDropdownMenuClass = true;
}

/**
 * 下拉菜单组件
 * @name thy-dropdown-menu
 * @order 20
 */
@Component({
    selector: 'thy-dropdown-menu',
    template: `
        <ng-template>
            <div class="thy-dropdown-menu" [style.width.px]="width">
                <ng-content></ng-content>
            </div>
        </ng-template>
    `,
    encapsulation: ViewEncapsulation.None,
    changeDetection: ChangeDetectionStrategy.OnPush,
    host: {},
    standalone: true
})
export class ThyDropdownMenuComponent {
    // @HostBinding('class.dropdown-menu--group') themeClassName = false;

    width: number;

    get template() {
        return this.templateRef;
    }

    @ViewChild(TemplateRef, { static: true }) templateRef!: TemplateRef<SafeAny>;

    /**
     * 设置菜单宽度
     * @default 240px
     */
    @Input() set thyWidth(value: number) {
        this.width = value;
    }

    constructor() {}
}

/**
 * 下拉菜单分组
 * @name thy-dropdown-menu-group
 * @order 50
 */
@Component({
    selector: 'thy-dropdown-menu-group',
    template: `
        <div class="dropdown-menu-group-title">{{ title }}</div>
        <ng-content></ng-content>
    `,
    changeDetection: ChangeDetectionStrategy.OnPush,
    host: {
        class: 'dropdown-menu-group'
    },
    standalone: true
})
export class ThyDropdownMenuGroupComponent {
    title: string;

    /**
     * 分组标题
     */
    @Input()
    set thyTitle(value: string) {
        this.title = value;
    }

    constructor() {}
}

/**
 * 下拉菜单分割线
 * @name thy-dropdown-menu-divider
 */
@Component({
    selector: 'thy-dropdown-menu-divider',
    template: ` <!-- <div class="dropdown-menu-divider-title">{{ title }}</div> --> `,
    host: {
        class: 'dropdown-menu-divider'
    },
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true
})
export class ThyDropdownMenuDividerComponent {
    constructor() {}
}

1	import {
2	Directive,
3	HostBinding,
4	Input,
5	Component,
6	ViewEncapsulation,	1✔
7	ChangeDetectionStrategy,
8	ViewChild,	×
9	TemplateRef
10	} from '@angular/core';	1✔
11	import { SafeAny } from 'ngx-tethys/types';
12
13	export type ThyDropdownMenuDividerType = 'default' \| 'crossing' \| '';
14		1✔
15	/**
16	* @private
17	*/
18	@Directive()
19	export class ThyDropdownAbstractMenu {
20	@HostBinding('class.thy-dropdown-menu') addDropdownMenuClass = true;
21	}
22
23	/**	1✔
24	* 下拉菜单组件
25	* @name thy-dropdown-menu	×
26	* @order 20
27	*/
28	@Component({	×
29	selector: 'thy-dropdown-menu',
30	template: `
31	<ng-template>	1✔
32	<div class="thy-dropdown-menu" [style.width.px]="width">	1✔
33	<ng-content></ng-content>
34	</div>
35	</ng-template>
36	`,
37	encapsulation: ViewEncapsulation.None,	1✔
38	changeDetection: ChangeDetectionStrategy.OnPush,
39	host: {},
40	standalone: true
41	})
42	export class ThyDropdownMenuComponent {
43	// @HostBinding('class.dropdown-menu--group') themeClassName = false;
44
45	width: number;
46
47	get template() {
48	return this.templateRef;
49	}
50
51	@ViewChild(TemplateRef, { static: true }) templateRef!: TemplateRef<SafeAny>;
52
53	/**
54	* 设置菜单宽度
55	* @default 240px
56	*/
57	@Input() set thyWidth(value: number) {
58	this.width = value;
59	}
60		1✔
61	constructor() {}
62	}	×
63
64	/**
65	* 下拉菜单分组	1✔
66	* @name thy-dropdown-menu-group	1✔
67	* @order 50
68	*/
69	@Component({
70	selector: 'thy-dropdown-menu-group',	1✔
71	template: `
72	<div class="dropdown-menu-group-title">{{ title }}</div>
73	<ng-content></ng-content>
74	`,
75	changeDetection: ChangeDetectionStrategy.OnPush,
76	host: {
77	class: 'dropdown-menu-group'
78	},
79	standalone: true
80	})
81	export class ThyDropdownMenuGroupComponent {
82	title: string;
83
84	/**
85	* 分组标题
86	*/
87	@Input()
88	set thyTitle(value: string) {
89	this.title = value;
90	}	1✔
91
92	constructor() {}	1✔
93	}
94		1✔
95	/**
96	* 下拉菜单分割线
97	* @name thy-dropdown-menu-divider
98	*/
99	@Component({
100	selector: 'thy-dropdown-menu-divider',
101	template: ` <!-- <div class="dropdown-menu-divider-title">{{ title }}</div> --> `,
102	host: {
103	class: 'dropdown-menu-divider'
104	},
105	changeDetection: ChangeDetectionStrategy.OnPush,
106	standalone: true
107	})
108	export class ThyDropdownMenuDividerComponent {
109	constructor() {}
110	}

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