d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
import { InputBoolean } from 'ngx-tethys/core';
import { ThyResizeDirection } from './interface';
import { ThyResizeHandleComponent } from './resize-handle.component';
import { NgFor } from '@angular/common';

export const DEFAULT_RESIZE_DIRECTION: ThyResizeDirection[] = [
    'bottomRight',
    'topRight',
    'bottomLeft',
    'topLeft',
    'bottom',
    'right',
    'top',
    'left'
];

/**
 * 定义调整手柄的快捷组件
 * @name thy-resize-handles
 */
@Component({
    selector: 'thy-resize-handles',
    exportAs: 'thyResizeHandles',
    template: ` <thy-resize-handle *ngFor="let dir of directions" [thyLine]="thyLine" [thyDirection]="dir"></thy-resize-handle> `,
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true,
    imports: [NgFor, ThyResizeHandleComponent]
})
export class ThyResizeHandlesComponent implements OnChanges {
    /**
     * 定义调整手柄的方向
     * @type ThyResizeDirection[]
     */
    @Input() thyDirections: ThyResizeDirection[] = DEFAULT_RESIZE_DIRECTION;

    /**
     * 是否展示拖拽线
     */
    @Input() @InputBoolean() thyLine = false;

    directions = new Set<ThyResizeDirection>(this.thyDirections);

    ngOnChanges(changes: SimpleChanges): void {
        if (changes.thyDirections) {
            this.directions = new Set(changes.thyDirections.currentValue);
        }
    }
}

1	import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
2	import { InputBoolean } from 'ngx-tethys/core';
3	import { ThyResizeDirection } from './interface';
4	import { ThyResizeHandleComponent } from './resize-handle.component';
5	import { NgFor } from '@angular/common';
6		1✔
7	export const DEFAULT_RESIZE_DIRECTION: ThyResizeDirection[] = [
8	'bottomRight',
9	'topRight',
10	'bottomLeft',
11	'topLeft',
12	'bottom',
13	'right',
14	'top',
15	'left'
16	];
17
18	/**
19	* 定义调整手柄的快捷组件
20	* @name thy-resize-handles	1✔
21	*/
22	@Component({	×
23	selector: 'thy-resize-handles',	×
24	exportAs: 'thyResizeHandles',	×
25	template: ` <thy-resize-handle *ngFor="let dir of directions" [thyLine]="thyLine" [thyDirection]="dir"></thy-resize-handle> `,
26	changeDetection: ChangeDetectionStrategy.OnPush,
27	standalone: true,	×
28	imports: [NgFor, ThyResizeHandleComponent]	×
29	})
30	export class ThyResizeHandlesComponent implements OnChanges {
31	/**	1✔
32	* 定义调整手柄的方向
33	* @type ThyResizeDirection[]
34	*/
35	@Input() thyDirections: ThyResizeDirection[] = DEFAULT_RESIZE_DIRECTION;
36		1✔
37	/**
38	* 是否展示拖拽线
39	*/
40	@Input() @InputBoolean() thyLine = false;	1✔
41
42	directions = new Set<ThyResizeDirection>(this.thyDirections);
43
44	ngOnChanges(changes: SimpleChanges): void {
45	if (changes.thyDirections) {
46	this.directions = new Set(changes.thyDirections.currentValue);
47	}
48	}
49	}

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