d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { InputNumber } from 'ngx-tethys/core';
import { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

export type ThyPropertiesLayout = 'horizontal' | 'vertical';

/**
 * 属性列表组件
 * @name thy-properties
 */
@Component({
    selector: 'thy-properties',
    templateUrl: './properties.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush,
    host: {
        class: 'thy-properties',
        '[class.thy-properties-vertical]': 'layout === "vertical"',
        '[class.thy-properties-horizontal]': 'layout === "horizontal"',
        '[class.thy-properties-edit-trigger-hover]': 'thyEditTrigger === "hover"'
    },
    standalone: true
})
export class ThyPropertiesComponent implements OnInit {
    layout$ = new BehaviorSubject<ThyPropertiesLayout>('horizontal');

    layout: ThyPropertiesLayout = 'horizontal';

    /**
     * 展示布局
     * @type "horizontal" | "vertical"
     * @default horizontal
     */
    @Input() set thyLayout(layout: ThyPropertiesLayout) {
        this.layout = layout;
        this.layout$.next(layout);
    }

    /**
     * 设置一行的可以 property-item 的数量
     * @type  number
     */
    @Input() @InputNumber() thyColumn: number = 1;

    /**
     * 设置编辑状态触发方法
     * @type 'hover' | 'click'
     */
    @Input() thyEditTrigger: 'hover' | 'click' = 'hover';

    @HostBinding('style.grid-template-columns')
    get gridTemplateColumns() {
        return `repeat(${this.thyColumn}, 1fr)`;
    }

    constructor() {}

    ngOnInit() {}
}

1	import { InputNumber } from 'ngx-tethys/core';
2	import { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit } from '@angular/core';
3	import { BehaviorSubject } from 'rxjs';
4
5	export type ThyPropertiesLayout = 'horizontal' \| 'vertical';
6
7	/**
8	* 属性列表组件
9	* @name thy-properties
10	*/	1✔
11	@Component({
12	selector: 'thy-properties',	×
13	templateUrl: './properties.component.html',	×
14	changeDetection: ChangeDetectionStrategy.OnPush,
15	host: {
16	class: 'thy-properties',	×
17	'[class.thy-properties-vertical]': 'layout === "vertical"',
18	'[class.thy-properties-horizontal]': 'layout === "horizontal"',
19	'[class.thy-properties-edit-trigger-hover]': 'thyEditTrigger === "hover"'	×
20	},	×
21	standalone: true	×
22	})	×
23	export class ThyPropertiesComponent implements OnInit {
24	layout$ = new BehaviorSubject<ThyPropertiesLayout>('horizontal');
25		1✔
26	layout: ThyPropertiesLayout = 'horizontal';	1✔
27
28	/**
29	* 展示布局
30	* @type "horizontal" \| "vertical"
31	* @default horizontal
32	*/
33	@Input() set thyLayout(layout: ThyPropertiesLayout) {	1✔
34	this.layout = layout;
35	this.layout$.next(layout);
36	}
37		1✔
38	/**
39	* 设置一行的可以 property-item 的数量
40	* @type number
41	*/
42	@Input() @InputNumber() thyColumn: number = 1;
43
44	/**
45	* 设置编辑状态触发方法
46	* @type 'hover' \| 'click'
47	*/
48	@Input() thyEditTrigger: 'hover' \| 'click' = 'hover';
49
50	@HostBinding('style.grid-template-columns')
51	get gridTemplateColumns() {
52	return `repeat(${this.thyColumn}, 1fr)`;
53	}
54
55	constructor() {}
56
57	ngOnInit() {}
58	}

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