d9ae709b-3c27-4b69-b125-b8b80b54f90b

import {
    Component,
    OnInit,
    OnChanges,
    ChangeDetectionStrategy,
    Input,
    ContentChildren,
    QueryList,
    AfterContentInit,
    SimpleChanges
} from '@angular/core';
import { ThySpacingSize, getNumericSize } from 'ngx-tethys/core';
import { ThyActionComponent } from './action.component';

/**
 * Actions 组件
 * @name thy-actions
 */
@Component({
    selector: 'thy-actions',
    template: ` <ng-content></ng-content> `,
    changeDetection: ChangeDetectionStrategy.OnPush,
    host: {
        class: 'thy-actions'
    },
    standalone: true
})
export class ThyActionsComponent implements OnInit, AfterContentInit, OnChanges {
    @ContentChildren(ThyActionComponent) actions: QueryList<ThyActionComponent>;

    /**
     * 大小，支持 `zero` | `xxs` | `xs` | `sm` | `md` | `lg` | `xlg` 和自定义数字大小
     * @type string | number
     */
    @Input() thySize: ThySpacingSize = 'md';

    constructor() {}

    ngOnInit(): void {}

    ngOnChanges(changes: SimpleChanges): void {
        if (changes.thySize && !changes.thySize.firstChange && this.actions) {
            this.setActionsSize(this.actions.toArray());
        }
    }

    ngAfterContentInit(): void {
        this.actions.changes.subscribe((actions: ThyActionComponent[]) => {
            this.setActionsSize(actions);
        });
        this.setActionsSize(this.actions.toArray());
    }

    private setActionsSize(actions: ThyActionComponent[]) {
        actions.forEach((action: ThyActionComponent, index) => {
            // can't set marginRight value for last item
            if (index !== actions.length - 1) {
                action.setMarginRight(getNumericSize(this.thySize, 'md') + 'px');
            }
        });
    }
}

1	import {
2	Component,
3	OnInit,
4	OnChanges,
5	ChangeDetectionStrategy,
6	Input,
7	ContentChildren,
8	QueryList,
9	AfterContentInit,	1✔
10	SimpleChanges
11	} from '@angular/core';	×
12	import { ThySpacingSize, getNumericSize } from 'ngx-tethys/core';
13	import { ThyActionComponent } from './action.component';
14
15	/**	×
16	* Actions 组件	×
17	* @name thy-actions
18	*/
19	@Component({
20	selector: 'thy-actions',	×
21	template: ` <ng-content></ng-content> `,	×
22	changeDetection: ChangeDetectionStrategy.OnPush,
23	host: {	×
24	class: 'thy-actions'
25	},
26	standalone: true	×
27	})
28	export class ThyActionsComponent implements OnInit, AfterContentInit, OnChanges {	×
29	@ContentChildren(ThyActionComponent) actions: QueryList<ThyActionComponent>;	×
30
31	/**
32	* 大小，支持 `zero` \| `xxs` \| `xs` \| `sm` \| `md` \| `lg` \| `xlg` 和自定义数字大小
33	* @type string \| number	1✔
34	*/	1✔
35	@Input() thySize: ThySpacingSize = 'md';
36
37	constructor() {}
38
39	ngOnInit(): void {}	1✔
40
41	ngOnChanges(changes: SimpleChanges): void {
42	if (changes.thySize && !changes.thySize.firstChange && this.actions) {
43	this.setActionsSize(this.actions.toArray());
44	}
45	}
46
47	ngAfterContentInit(): void {
48	this.actions.changes.subscribe((actions: ThyActionComponent[]) => {
49	this.setActionsSize(actions);
50	});
51	this.setActionsSize(this.actions.toArray());
52	}
53
54	private setActionsSize(actions: ThyActionComponent[]) {
55	actions.forEach((action: ThyActionComponent, index) => {
56	// can't set marginRight value for last item
57	if (index !== actions.length - 1) {
58	action.setMarginRight(getNumericSize(this.thySize, 'md') + 'px');
59	}
60	});
61	}
62	}

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