d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import { InputBoolean } from 'ngx-tethys/core';

/**
 * 卡片组件
 * @name thy-card
 * @order 10
 */
@Component({
    selector: 'thy-card',
    template: ` <ng-content></ng-content> `,
    changeDetection: ChangeDetectionStrategy.OnPush,
    host: {
        class: 'thy-card',
        '[class.thy-card--divided]': '!!thyDivided',
        '[class.thy-card--bordered]': '!!thyBordered',
        '[class.thy-card--clear-left-right-padding]': '!thyHasLeftRightPadding',
        '[class.thy-card-sm]': 'thySize === "sm"',
        '[class.thy-card-lg]': 'thySize === "lg"'
    },
    standalone: true
})
export class ThyCardComponent {
    /**
     * 左右是否有内边距，已废弃，如需配置间距使用 spacing 工具样式覆盖默认间距
     * @deprecated
     */
    @Input('thyHasLeftRightPadding')
    @InputBoolean()
    thyHasLeftRightPadding: boolean | string = true;

    /**
     * 是否是分割模式，分割模式头部和内容区之间有一条分割线
     * @default false
     */
    @Input('thyDivided')
    @InputBoolean()
    thyDivided: boolean | string;

    /**
     * 是否有边框，边框颜色为#eee
     * @default false
     */
    @Input('thyBordered')
    @InputBoolean()
    thyBordered: boolean | string;

    /**
     * 大小
     * @type sm | md | lg
     * @default md
     */
    @Input()
    thySize: 'md' | 'sm' | 'lg';
}

1	import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
2	import { InputBoolean } from 'ngx-tethys/core';
3
4	/**
5	* 卡片组件
6	* @name thy-card
7	* @order 10
8	*/
9	@Component({	1✔
10	selector: 'thy-card',
11	template: ` <ng-content></ng-content> `,	×
12	changeDetection: ChangeDetectionStrategy.OnPush,
13	host: {	1✔
14	class: 'thy-card',
15	'[class.thy-card--divided]': '!!thyDivided',
16	'[class.thy-card--bordered]': '!!thyBordered',
17	'[class.thy-card--clear-left-right-padding]': '!thyHasLeftRightPadding',
18	'[class.thy-card-sm]': 'thySize === "sm"',
19	'[class.thy-card-lg]': 'thySize === "lg"'
20	},	1✔
21	standalone: true
22	})
23	export class ThyCardComponent {
24	/**	1✔
25	* 左右是否有内边距，已废弃，如需配置间距使用 spacing 工具样式覆盖默认间距
26	* @deprecated
27	*/
28	@Input('thyHasLeftRightPadding')	1✔
29	@InputBoolean()
30	thyHasLeftRightPadding: boolean \| string = true;
31
32	/**	1✔
33	* 是否是分割模式，分割模式头部和内容区之间有一条分割线
34	* @default false
35	*/
36	@Input('thyDivided')
37	@InputBoolean()
38	thyDivided: boolean \| string;
39
40	/**
41	* 是否有边框，边框颜色为#eee
42	* @default false
43	*/
44	@Input('thyBordered')
45	@InputBoolean()
46	thyBordered: boolean \| string;
47
48	/**
49	* 大小
50	* @type sm \| md \| lg
51	* @default md
52	*/
53	@Input()
54	thySize: 'md' \| 'sm' \| 'lg';
55	}

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