68ef226c-f83e-44c1-b8ed-e420a83c5d84

Committed 28 May 2025 10:31AM UTC coverage: 10.352% (-80.0%) from 90.316%

Build # 68ef226c-f83e-44c1-b8ed-e420a83c5d84

Build Type

Pull #3460

circleci

Committed by

pubuzhixing8

Commit Message

chore: xxx

Pull Request Pull Request #3460: refactor(icon): migrate signal input #TINFR-1476

Run Details

132 of 6823 branches covered (1.93%)

Branch coverage included in aggregate %.

10 of 14 new or added lines in 1 file covered. (71.43%)

11648 existing lines in 344 files now uncovered.

2078 of 14525 relevant lines covered (14.31%)

6.69 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

3.19

/src/transfer/transfer.component.ts

import { Component, ContentChild, EventEmitter, HostBinding, Input, OnInit, Output, TemplateRef, ViewEncapsulation } from '@angular/core';

import {
    Direction,
    InnerTransferDragEvent,
    ThyTransferChangeEvent,
    ThyTransferDragEvent,
    ThyTransferItem,
    ThyTransferSelectEvent,
    TransferDirection
} from './transfer.interface';
import { ThyFlexibleText } from 'ngx-tethys/flexible-text';
import { ThyIcon } from 'ngx-tethys/icon';
import { NgClass, NgTemplateOutlet } from '@angular/common';
import { ThyTransferList } from './transfer-list.component';

/**
 * 穿梭框组件
 * @name thy-transfer
 * @order 10
 */
@Component({
    selector: 'thy-transfer',
    templateUrl: './transfer.component.html',
    encapsulation: ViewEncapsulation.None,
    imports: [ThyTransferList, ThyIcon, NgClass, NgTemplateOutlet, ThyFlexibleText]
})
export class ThyTransfer implements OnInit {
    @HostBinding('class') hostClass = 'thy-transfer';

    public leftDataSource: ThyTransferItem[] = [];

    public rightDataSource: ThyTransferItem[] = [];

    public allDataSource: ThyTransferItem[] = [];

    public leftTitle: string;

    public rightTitle: string;

    public rightDraggable = false;

    private _autoMove = true;

    /**
     * 数据源
     * @type ThyTransferItem[]
     */
    @Input()
    set thyData(value: ThyTransferItem[]) {
        if (value) {
            this.initializeTransferData(value);
        }
    }

    @Input() thyrenderLeftTemplateRef: TemplateRef<any>;

    @Input() thyrenderRightTemplateRef: TemplateRef<any>;

    /**
     * title集合，title[0]为左标题，title[1]为右标题
     * @type string[]
     */
    @Input()
    set thyTitles(value: string[]) {
        this.leftTitle = value[0] || '';
        this.rightTitle = value[1] || '';
    }

    /**
     * 右侧列表是否可以锁定
     * @default false
     */
    @Input() thyRightCanLock: boolean;

    /**
     * 右侧锁定最大数量
     */
    @Input() thyRightLockMax: number;

    /**
     * 右侧选择最大数量
     */
    @Input() thyRightMax: number;

    /**
     * 设置是否自动移动
     * @description.en-us Currently not implemented, in order to support the selections move
     * @default true
     */
    @Input()
    set thyAutoMove(value: boolean) {
        this._autoMove = value;
    }

    /**
     * 左侧列表是否拖动
     * @default false
     */
    @Input() thyLeftDraggable: boolean;

    /**
     * 右侧列表是否拖动
     * @default false
     */
    @Input() thyRightDraggable: boolean;

    /**
     * @type EventEmitter<ThyTransferDragEvent>
     */
    @Output() thyDraggableUpdate: EventEmitter<ThyTransferDragEvent> = new EventEmitter<ThyTransferDragEvent>();

    /**
     * Transfer变化的回调事件
     * @type EventEmitter<ThyTransferChangeEvent>
     */
    @Output() thyChange: EventEmitter<ThyTransferChangeEvent> = new EventEmitter<ThyTransferChangeEvent>();

    /**
     * 设置自定义Item渲染数据模板
     * @type TemplateRef
     */
    @ContentChild('renderTemplate') templateRef: TemplateRef<any>;

    /**
     * 设置自定义左侧内容模板
     * @type TemplateRef
     */
    @ContentChild('renderLeftTemplate') leftContentRef: TemplateRef<any>;

    /**
     * 设置自定义右侧内容模板
     * @type TemplateRef
     */
    @ContentChild('renderRightTemplate') rightContentRef: TemplateRef<any>;

    ngOnInit() {}

    initializeTransferData(data: ThyTransferItem[] = []) {
        this.allDataSource = [];
        this.leftDataSource = [];
        this.rightDataSource = [];
        data.forEach(item => {
            this.allDataSource.push(item);
            if (item.direction === TransferDirection.left) {
                this.leftDataSource.push(item);
            }
            if (item.direction === TransferDirection.right) {
                this.rightDataSource.push(item);
            }
        });
    }

    onSelect(from: Direction, event: ThyTransferSelectEvent) {
        if (event.item.isFixed) {
            return;
        }
        if (this.thyRightMax <= this.rightDataSource.length && from === TransferDirection.left) {
            return;
        }
        const to = from === TransferDirection.left ? TransferDirection.right : TransferDirection.left;
        event.item.checked = !event.item.checked;
        if (this._autoMove) {
            this.onMove(to);
        }
    }

    selectItem(event: ThyTransferSelectEvent) {
        this.onSelect(TransferDirection.left, event);
    }

    unselectItem(event: ThyTransferSelectEvent) {
        this.onSelect(TransferDirection.right, event);
    }

    private groupListByIsLock(list: ThyTransferItem[] = []) {
        const lock: ThyTransferItem[] = [],
            unlock: ThyTransferItem[] = [];
        list.forEach(item => {
            if (item.isLock) {
                lock.push(item);
            } else {
                unlock.push(item);
            }
        });
        return { lock: lock, unlock: unlock };
    }

    onMove(to: Direction) {
        const fromDataSource = to === TransferDirection.right ? this.leftDataSource : this.rightDataSource;
        const toDataSource = to === TransferDirection.right ? this.rightDataSource : this.leftDataSource;
        const selections = fromDataSource.filter(item => item.checked);
        const changeEvent: ThyTransferChangeEvent = {
            from: to === TransferDirection.right ? TransferDirection.left : TransferDirection.right,
            to: to,
            items: [...selections]
        };
        selections.forEach(item => {
            const index = fromDataSource.indexOf(item);
            const removed = fromDataSource.splice(index, 1)[0];
            removed.checked = !removed.checked;
            removed.direction = to;
            toDataSource.push(removed);
        });
        this.thyChange.emit({
            ...changeEvent,
            left: this.groupListByIsLock(this.leftDataSource),
            right: this.groupListByIsLock(this.rightDataSource)
        });
    }

    onDragUpdate(direction: Direction, event: InnerTransferDragEvent) {
        const otherDirectionData = direction === TransferDirection.left ? this.rightDataSource : this.leftDataSource;
        const otherListData = this.groupListByIsLock(otherDirectionData);
        this.thyDraggableUpdate.emit({
            ...event.dragEvent,
            left: direction === TransferDirection.left ? event.listData : otherListData,
            right: direction === TransferDirection.right ? event.listData : otherListData
        });

        this.rightDataSource =
            direction === TransferDirection.right
                ? [...event.listData.lock, ...event.listData.unlock]
                : [...otherListData.lock, ...otherListData.unlock];
    }
}

1	import { Component, ContentChild, EventEmitter, HostBinding, Input, OnInit, Output, TemplateRef, ViewEncapsulation } from '@angular/core';
2
3	import {
4	Direction,
5	InnerTransferDragEvent,
6	ThyTransferChangeEvent,
7	ThyTransferDragEvent,
8	ThyTransferItem,
9	ThyTransferSelectEvent,
10	TransferDirection
11	} from './transfer.interface';
12	import { ThyFlexibleText } from 'ngx-tethys/flexible-text';
13	import { ThyIcon } from 'ngx-tethys/icon';
14	import { NgClass, NgTemplateOutlet } from '@angular/common';	1✔
15	import { ThyTransferList } from './transfer-list.component';
UNCOV 16		×
UNCOV 17	/**	×
UNCOV 18	* 穿梭框组件	×
UNCOV 19	* @name thy-transfer	×
UNCOV 20	* @order 10	×
UNCOV 21	*/	×
UNCOV 22	@Component({	×
UNCOV 23	selector: 'thy-transfer',	×
24	templateUrl: './transfer.component.html',
25	encapsulation: ViewEncapsulation.None,
UNCOV 26	imports: [ThyTransferList, ThyIcon, NgClass, NgTemplateOutlet, ThyFlexibleText]	×
UNCOV 27	})	×
28	export class ThyTransfer implements OnInit {
29	@HostBinding('class') hostClass = 'thy-transfer';
30
UNCOV 31	public leftDataSource: ThyTransferItem[] = [];	×
UNCOV 32		×
33	public rightDataSource: ThyTransferItem[] = [];
34
UNCOV 35	public allDataSource: ThyTransferItem[] = [];	×
36
37	public leftTitle: string;
38		×
UNCOV 39	public rightTitle: string;	×
UNCOV 40		×
UNCOV 41	public rightDraggable = false;	×
UNCOV 42		×
UNCOV 43	private _autoMove = true;	×
UNCOV 44		×
UNCOV 45	/**	×
46	* 数据源
UNCOV 47	* @type ThyTransferItem[]	×
UNCOV 48	*/	×
49	@Input()
50	set thyData(value: ThyTransferItem[]) {
51	if (value) {
52	this.initializeTransferData(value);
UNCOV 53	}	×
UNCOV 54	}	×
55
56	@Input() thyrenderLeftTemplateRef: TemplateRef<any>;	×
UNCOV 57		×
58	@Input() thyrenderRightTemplateRef: TemplateRef<any>;
UNCOV 59		×
UNCOV 60	/**	×
UNCOV 61	* title集合，title[0]为左标题，title[1]为右标题	×
UNCOV 62	* @type string[]	×
63	*/
64	@Input()
65	set thyTitles(value: string[]) {
UNCOV 66	this.leftTitle = value[0] \|\| '';	×
67	this.rightTitle = value[1] \|\| '';
68	}
UNCOV 69		×
70	/**
71	* 右侧列表是否可以锁定	×
UNCOV 72	* @default false	×
UNCOV 73	*/	×
UNCOV 74	@Input() thyRightCanLock: boolean;	×
UNCOV 75		×
76	/**
77	* 右侧锁定最大数量
UNCOV 78	*/	×
79	@Input() thyRightLockMax: number;
80
UNCOV 81	/**	×
82	* 右侧选择最大数量
83	*/
UNCOV 84	@Input() thyRightMax: number;	×
UNCOV 85		×
UNCOV 86	/**	×
UNCOV 87	* 设置是否自动移动	×
88	* @description.en-us Currently not implemented, in order to support the selections move	×
89	* @default true
90	*/
91	@Input()
UNCOV 92	set thyAutoMove(value: boolean) {	×
UNCOV 93	this._autoMove = value;	×
UNCOV 94	}	×
UNCOV 95		×
UNCOV 96	/**	×
UNCOV 97	* 左侧列表是否拖动	×
98	* @default false
UNCOV 99	*/	×
100	@Input() thyLeftDraggable: boolean;
101
102	/**
103	* 右侧列表是否拖动
104	* @default false
105	*/
UNCOV 106	@Input() thyRightDraggable: boolean;	×
UNCOV 107		×
UNCOV 108	/**	×
109	* @type EventEmitter<ThyTransferDragEvent>
110	*/	×
111	@Output() thyDraggableUpdate: EventEmitter<ThyTransferDragEvent> = new EventEmitter<ThyTransferDragEvent>();	×
112
UNCOV 113	/**	×
114	* Transfer变化的回调事件	×
115	* @type EventEmitter<ThyTransferChangeEvent>
116	*/
117	@Output() thyChange: EventEmitter<ThyTransferChangeEvent> = new EventEmitter<ThyTransferChangeEvent>();
118		1✔
119	/**
120	* 设置自定义Item渲染数据模板
121	* @type TemplateRef
122	*/
123	@ContentChild('renderTemplate') templateRef: TemplateRef<any>;
124
125	/**
126	* 设置自定义左侧内容模板
127	* @type TemplateRef
128	*/
129	@ContentChild('renderLeftTemplate') leftContentRef: TemplateRef<any>;
130
131	/**
132	* 设置自定义右侧内容模板
133	* @type TemplateRef
134	*/
135	@ContentChild('renderRightTemplate') rightContentRef: TemplateRef<any>;
136
137	ngOnInit() {}	1✔
138
139	initializeTransferData(data: ThyTransferItem[] = []) {
140	this.allDataSource = [];
141	this.leftDataSource = [];
142	this.rightDataSource = [];
143	data.forEach(item => {
144	this.allDataSource.push(item);
145	if (item.direction === TransferDirection.left) {
146	this.leftDataSource.push(item);
147	}
148	if (item.direction === TransferDirection.right) {
149	this.rightDataSource.push(item);
150	}
151	});
152	}
153
154	onSelect(from: Direction, event: ThyTransferSelectEvent) {
155	if (event.item.isFixed) {
156	return;
157	}
158	if (this.thyRightMax <= this.rightDataSource.length && from === TransferDirection.left) {
159	return;
160	}
161	const to = from === TransferDirection.left ? TransferDirection.right : TransferDirection.left;
162	event.item.checked = !event.item.checked;
163	if (this._autoMove) {
164	this.onMove(to);
165	}
166	}
167
168	selectItem(event: ThyTransferSelectEvent) {
169	this.onSelect(TransferDirection.left, event);
170	}
171
172	unselectItem(event: ThyTransferSelectEvent) {
173	this.onSelect(TransferDirection.right, event);
174	}
175
176	private groupListByIsLock(list: ThyTransferItem[] = []) {
177	const lock: ThyTransferItem[] = [],
178	unlock: ThyTransferItem[] = [];
179	list.forEach(item => {
180	if (item.isLock) {
181	lock.push(item);
182	} else {
183	unlock.push(item);
184	}
185	});
186	return { lock: lock, unlock: unlock };
187	}
188
189	onMove(to: Direction) {
190	const fromDataSource = to === TransferDirection.right ? this.leftDataSource : this.rightDataSource;
191	const toDataSource = to === TransferDirection.right ? this.rightDataSource : this.leftDataSource;
192	const selections = fromDataSource.filter(item => item.checked);
193	const changeEvent: ThyTransferChangeEvent = {
194	from: to === TransferDirection.right ? TransferDirection.left : TransferDirection.right,
195	to: to,
196	items: [...selections]
197	};
198	selections.forEach(item => {
199	const index = fromDataSource.indexOf(item);
200	const removed = fromDataSource.splice(index, 1)[0];
201	removed.checked = !removed.checked;
202	removed.direction = to;
203	toDataSource.push(removed);
204	});
205	this.thyChange.emit({
206	...changeEvent,
207	left: this.groupListByIsLock(this.leftDataSource),
208	right: this.groupListByIsLock(this.rightDataSource)
209	});
210	}
211
212	onDragUpdate(direction: Direction, event: InnerTransferDragEvent) {
213	const otherDirectionData = direction === TransferDirection.left ? this.rightDataSource : this.leftDataSource;
214	const otherListData = this.groupListByIsLock(otherDirectionData);
215	this.thyDraggableUpdate.emit({
216	...event.dragEvent,
217	left: direction === TransferDirection.left ? event.listData : otherListData,
218	right: direction === TransferDirection.right ? event.listData : otherListData
219	});
220
221	this.rightDataSource =
222	direction === TransferDirection.right
223	? [...event.listData.lock, ...event.listData.unlock]
224	: [...otherListData.lock, ...otherListData.unlock];
225	}
226	}

atinc / ngx-tethys / 68ef226c-f83e-44c1-b8ed-e420a83c5d84

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