UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

892 lines (883 loc) 31.5 kB
import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ElementRef, ChangeDetectorRef, Input, Output, Renderer2, ViewChildren, NgModule } from '@angular/core'; import { NzUpdateHostClassService, InputBoolean } from 'ng-zorro-antd/core'; import { __decorate, __metadata } from 'tslib'; import { Subject, of } from 'rxjs'; import { takeUntil } from 'rxjs/operators'; import { NzI18nService, NzI18nModule } from 'ng-zorro-antd/i18n'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { NzButtonModule } from 'ng-zorro-antd/button'; import { NzCheckboxModule } from 'ng-zorro-antd/checkbox'; import { NzEmptyModule } from 'ng-zorro-antd/empty'; import { NzIconModule } from 'ng-zorro-antd/icon'; import { NzInputModule } from 'ng-zorro-antd/input'; /** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ /** * @license * Copyright Alibaba.com All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE */ /** * @record */ function TransferItem() { } if (false) { /** @type {?} */ TransferItem.prototype.title; /** @type {?|undefined} */ TransferItem.prototype.direction; /** @type {?|undefined} */ TransferItem.prototype.disabled; /** @type {?|undefined} */ TransferItem.prototype.checked; /** @type {?|undefined} */ TransferItem.prototype.hide; /* Skipping unhandled member: [key: string]: any;*/ } /** * @record */ function TransferCanMove() { } if (false) { /** @type {?} */ TransferCanMove.prototype.direction; /** @type {?} */ TransferCanMove.prototype.list; } /** * @record */ function TransferChange() { } if (false) { /** @type {?} */ TransferChange.prototype.from; /** @type {?} */ TransferChange.prototype.to; /** @type {?} */ TransferChange.prototype.list; } /** * @record */ function TransferSearchChange() { } if (false) { /** @type {?} */ TransferSearchChange.prototype.direction; /** @type {?} */ TransferSearchChange.prototype.value; } /** * @record */ function TransferSelectChange() { } if (false) { /** @type {?} */ TransferSelectChange.prototype.direction; /** @type {?} */ TransferSelectChange.prototype.checked; /** @type {?} */ TransferSelectChange.prototype.list; /** @type {?|undefined} */ TransferSelectChange.prototype.item; } /** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ class NzTransferListComponent { // #endregion /** * @param {?} el * @param {?} updateHostClassService * @param {?} cdr */ constructor(el, updateHostClassService, cdr) { this.el = el; this.updateHostClassService = updateHostClassService; this.cdr = cdr; // #region fields this.direction = ''; this.titleText = ''; this.showSelectAll = true; this.dataSource = []; this.itemUnit = ''; this.itemsUnit = ''; this.filter = ''; // events this.handleSelectAll = new EventEmitter(); this.handleSelect = new EventEmitter(); this.filterChange = new EventEmitter(); // #endregion // #region styles this.prefixCls = 'ant-transfer-list'; // #endregion // #region select all this.stat = { checkAll: false, checkHalf: false, checkCount: 0, shownCount: 0 }; this.onItemSelect = (/** * @param {?} item * @return {?} */ (item) => { if (this.disabled || item.disabled) { return; } item.checked = !item.checked; this.updateCheckStatus(); this.handleSelect.emit(item); }); this.onItemSelectAll = (/** * @param {?} status * @return {?} */ (status) => { this.dataSource.forEach((/** * @param {?} item * @return {?} */ item => { if (!item.disabled && !item.hide) { item.checked = status; } })); this.updateCheckStatus(); this.handleSelectAll.emit(status); }); } /** * @return {?} */ setClassMap() { /** @type {?} */ const classMap = { [this.prefixCls]: true, [`${this.prefixCls}-with-footer`]: !!this.footer }; this.updateHostClassService.updateHostClass(this.el.nativeElement, classMap); } /** * @private * @return {?} */ updateCheckStatus() { /** @type {?} */ const validCount = this.dataSource.filter((/** * @param {?} w * @return {?} */ w => !w.disabled)).length; this.stat.checkCount = this.dataSource.filter((/** * @param {?} w * @return {?} */ w => w.checked && !w.disabled)).length; this.stat.shownCount = this.dataSource.filter((/** * @param {?} w * @return {?} */ w => !w.hide)).length; this.stat.checkAll = validCount > 0 && validCount === this.stat.checkCount; this.stat.checkHalf = this.stat.checkCount > 0 && !this.stat.checkAll; } // #endregion // #region search /** * @param {?} value * @return {?} */ handleFilter(value) { this.filter = value; this.dataSource.forEach((/** * @param {?} item * @return {?} */ item => { item.hide = value.length > 0 && !this.matchFilter(value, item); })); this.stat.shownCount = this.dataSource.filter((/** * @param {?} w * @return {?} */ w => !w.hide)).length; this.filterChange.emit({ direction: this.direction, value }); } /** * @return {?} */ handleClear() { this.handleFilter(''); } /** * @private * @param {?} text * @param {?} item * @return {?} */ matchFilter(text, item) { if (this.filterOption) { return this.filterOption(text, item); } return item.title.includes(text); } /** * @param {?} changes * @return {?} */ ngOnChanges(changes) { if ('footer' in changes) { this.setClassMap(); } } /** * @return {?} */ ngOnInit() { this.setClassMap(); } /** * @return {?} */ markForCheck() { this.updateCheckStatus(); this.cdr.markForCheck(); } } NzTransferListComponent.decorators = [ { type: Component, args: [{ selector: 'nz-transfer-list', exportAs: 'nzTransferList', preserveWhitespaces: false, providers: [NzUpdateHostClassService], template: "<ng-template #defaultRenderList>\n <ul *ngIf=\"stat.shownCount > 0\" class=\"ant-transfer-list-content\">\n <div class=\"LazyLoad\" *ngFor=\"let item of dataSource\">\n <li *ngIf=\"!item.hide\" (click)=\"onItemSelect(item)\"\n class=\"ant-transfer-list-content-item\" [ngClass]=\"{'ant-transfer-list-content-item-disabled': disabled || item.disabled}\">\n <label nz-checkbox [nzChecked]=\"item.checked\" (nzCheckedChange)=\"onItemSelect(item)\"\n (click)=\"$event.stopPropagation()\" [nzDisabled]=\"disabled || item.disabled\">\n <ng-container *ngIf=\"!render; else renderContainer\">{{ item.title }}</ng-container>\n <ng-template #renderContainer [ngTemplateOutlet]=\"render\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n </label>\n </li>\n </div>\n </ul>\n <div *ngIf=\"stat.shownCount === 0\" class=\"ant-transfer-list-body-not-found\">\n <nz-embed-empty [nzComponentName]=\"'transfer'\" [specificContent]=\"notFoundContent\"></nz-embed-empty>\n </div>\n</ng-template>\n<div class=\"ant-transfer-list-header\">\n <label *ngIf=\"showSelectAll\" nz-checkbox [nzChecked]=\"stat.checkAll\" (nzCheckedChange)=\"onItemSelectAll($event)\"\n [nzIndeterminate]=\"stat.checkHalf\" [nzDisabled]=\"stat.shownCount == 0 || disabled\">\n </label>\n <span class=\"ant-transfer-list-header-selected\">\n <span>{{ (stat.checkCount > 0 ? stat.checkCount + '/' : '') + stat.shownCount }} {{ dataSource.length > 1 ? itemsUnit : itemUnit }}</span>\n <span *ngIf=\"titleText\" class=\"ant-transfer-list-header-title\">{{ titleText }}</span>\n </span>\n</div>\n<div class=\"{{showSearch ? 'ant-transfer-list-body ant-transfer-list-body-with-search' : 'ant-transfer-list-body'}}\"\n [ngClass]=\"{'ant-transfer__nodata': stat.shownCount === 0}\">\n <div *ngIf=\"showSearch\" class=\"ant-transfer-list-body-search-wrapper\">\n <div nz-transfer-search\n (valueChanged)=\"handleFilter($event)\"\n (valueClear)=\"handleClear()\"\n [placeholder]=\"searchPlaceholder\"\n [disabled]=\"disabled\"\n [value]=\"filter\"></div>\n </div>\n <ng-container *ngIf=\"renderList else defaultRenderList\">\n <div class=\"ant-transfer-list-body-customize-wrapper\">\n <ng-container *ngTemplateOutlet=\"renderList; context: {\n $implicit: dataSource,\n direction: direction,\n disabled: disabled,\n onItemSelectAll: onItemSelectAll,\n onItemSelect: onItemSelect,\n stat: stat\n }\"></ng-container>\n </div>\n </ng-container>\n</div>\n<div *ngIf=\"footer\" class=\"ant-transfer-list-footer\">\n <ng-template [ngTemplateOutlet]=\"footer\" [ngTemplateOutletContext]=\"{ $implicit: direction }\"></ng-template>\n</div>", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush }] } ]; /** @nocollapse */ NzTransferListComponent.ctorParameters = () => [ { type: ElementRef }, { type: NzUpdateHostClassService }, { type: ChangeDetectorRef } ]; NzTransferListComponent.propDecorators = { direction: [{ type: Input }], titleText: [{ type: Input }], showSelectAll: [{ type: Input }], dataSource: [{ type: Input }], itemUnit: [{ type: Input }], itemsUnit: [{ type: Input }], filter: [{ type: Input }], disabled: [{ type: Input }], showSearch: [{ type: Input }], searchPlaceholder: [{ type: Input }], notFoundContent: [{ type: Input }], filterOption: [{ type: Input }], renderList: [{ type: Input }], render: [{ type: Input }], footer: [{ type: Input }], handleSelectAll: [{ type: Output }], handleSelect: [{ type: Output }], filterChange: [{ type: Output }] }; if (false) { /** @type {?} */ NzTransferListComponent.prototype.direction; /** @type {?} */ NzTransferListComponent.prototype.titleText; /** @type {?} */ NzTransferListComponent.prototype.showSelectAll; /** @type {?} */ NzTransferListComponent.prototype.dataSource; /** @type {?} */ NzTransferListComponent.prototype.itemUnit; /** @type {?} */ NzTransferListComponent.prototype.itemsUnit; /** @type {?} */ NzTransferListComponent.prototype.filter; /** @type {?} */ NzTransferListComponent.prototype.disabled; /** @type {?} */ NzTransferListComponent.prototype.showSearch; /** @type {?} */ NzTransferListComponent.prototype.searchPlaceholder; /** @type {?} */ NzTransferListComponent.prototype.notFoundContent; /** @type {?} */ NzTransferListComponent.prototype.filterOption; /** @type {?} */ NzTransferListComponent.prototype.renderList; /** @type {?} */ NzTransferListComponent.prototype.render; /** @type {?} */ NzTransferListComponent.prototype.footer; /** @type {?} */ NzTransferListComponent.prototype.handleSelectAll; /** @type {?} */ NzTransferListComponent.prototype.handleSelect; /** @type {?} */ NzTransferListComponent.prototype.filterChange; /** @type {?} */ NzTransferListComponent.prototype.prefixCls; /** @type {?} */ NzTransferListComponent.prototype.stat; /** @type {?} */ NzTransferListComponent.prototype.onItemSelect; /** @type {?} */ NzTransferListComponent.prototype.onItemSelectAll; /** * @type {?} * @private */ NzTransferListComponent.prototype.el; /** * @type {?} * @private */ NzTransferListComponent.prototype.updateHostClassService; /** * @type {?} * @private */ NzTransferListComponent.prototype.cdr; } /** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ class NzTransferSearchComponent { // endregion /** * @param {?} cdr */ constructor(cdr) { this.cdr = cdr; this.valueChanged = new EventEmitter(); this.valueClear = new EventEmitter(); } /** * @return {?} */ _handle() { this.valueChanged.emit(this.value); } /** * @return {?} */ _clear() { if (this.disabled) { return; } this.value = ''; this.valueClear.emit(); } /** * @return {?} */ ngOnChanges() { this.cdr.detectChanges(); } } NzTransferSearchComponent.decorators = [ { type: Component, args: [{ selector: '[nz-transfer-search]', exportAs: 'nzTransferSearch', preserveWhitespaces: false, template: "<input [(ngModel)]=\"value\" (ngModelChange)=\"_handle()\" [disabled]=\"disabled\" [placeholder]=\"placeholder\"\n class=\"ant-input ant-transfer-list-search\" [ngClass]=\"{'ant-input-disabled': disabled}\">\n<a *ngIf=\"value && value.length > 0; else def\" class=\"ant-transfer-list-search-action\" (click)=\"_clear()\">\n <i nz-icon nzType=\"close-circle\"></i>\n</a>\n<ng-template #def>\n <span class=\"ant-transfer-list-search-action\"><i nz-icon nzType=\"search\"></i></span>\n</ng-template>", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush }] } ]; /** @nocollapse */ NzTransferSearchComponent.ctorParameters = () => [ { type: ChangeDetectorRef } ]; NzTransferSearchComponent.propDecorators = { placeholder: [{ type: Input }], value: [{ type: Input }], disabled: [{ type: Input }], valueChanged: [{ type: Output }], valueClear: [{ type: Output }] }; if (false) { /** @type {?} */ NzTransferSearchComponent.prototype.placeholder; /** @type {?} */ NzTransferSearchComponent.prototype.value; /** @type {?} */ NzTransferSearchComponent.prototype.disabled; /** @type {?} */ NzTransferSearchComponent.prototype.valueChanged; /** @type {?} */ NzTransferSearchComponent.prototype.valueClear; /** * @type {?} * @private */ NzTransferSearchComponent.prototype.cdr; } /** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ class NzTransferComponent { // #endregion /** * @param {?} cdr * @param {?} i18n * @param {?} nzUpdateHostClassService * @param {?} elementRef * @param {?} renderer */ constructor(cdr, i18n, nzUpdateHostClassService, elementRef, renderer) { this.cdr = cdr; this.i18n = i18n; this.nzUpdateHostClassService = nzUpdateHostClassService; this.elementRef = elementRef; this.unsubscribe$ = new Subject(); // tslint:disable-next-line:no-any this.locale = {}; this.leftFilter = ''; this.rightFilter = ''; // #region fields this.nzDisabled = false; this.nzDataSource = []; this.nzTitles = ['', '']; this.nzOperations = []; this.nzShowSelectAll = true; this.nzCanMove = (/** * @param {?} arg * @return {?} */ (arg) => of(arg.list)); this.nzRenderList = [null, null]; this.nzShowSearch = false; // events this.nzChange = new EventEmitter(); this.nzSearchChange = new EventEmitter(); this.nzSelectChange = new EventEmitter(); // #endregion // #region process data // left this.leftDataSource = []; // right this.rightDataSource = []; this.handleLeftSelectAll = (/** * @param {?} checked * @return {?} */ (checked) => this.handleSelect('left', checked)); this.handleRightSelectAll = (/** * @param {?} checked * @return {?} */ (checked) => this.handleSelect('right', checked)); this.handleLeftSelect = (/** * @param {?} item * @return {?} */ (item) => this.handleSelect('left', !!item.checked, item)); this.handleRightSelect = (/** * @param {?} item * @return {?} */ (item) => this.handleSelect('right', !!item.checked, item)); // #endregion // #region operation this.leftActive = false; this.rightActive = false; this.moveToLeft = (/** * @return {?} */ () => this.moveTo('left')); this.moveToRight = (/** * @return {?} */ () => this.moveTo('right')); renderer.addClass(elementRef.nativeElement, 'ant-transfer'); } /** * @private * @return {?} */ splitDataSource() { this.leftDataSource = []; this.rightDataSource = []; this.nzDataSource.forEach((/** * @param {?} record * @return {?} */ record => { if (record.direction === 'right') { record.direction = 'right'; this.rightDataSource.push(record); } else { record.direction = 'left'; this.leftDataSource.push(record); } })); } /** * @private * @param {?} direction * @return {?} */ getCheckedData(direction) { return this[direction === 'left' ? 'leftDataSource' : 'rightDataSource'].filter((/** * @param {?} w * @return {?} */ w => w.checked)); } /** * @param {?} direction * @param {?} checked * @param {?=} item * @return {?} */ handleSelect(direction, checked, item) { /** @type {?} */ const list = this.getCheckedData(direction); this.updateOperationStatus(direction, list.length); this.nzSelectChange.emit({ direction, checked, list, item }); } /** * @param {?} ret * @return {?} */ handleFilterChange(ret) { this.nzSearchChange.emit(ret); } /** * @private * @param {?} direction * @param {?=} count * @return {?} */ updateOperationStatus(direction, count) { this[direction === 'right' ? 'leftActive' : 'rightActive'] = (typeof count === 'undefined' ? this.getCheckedData(direction).filter((/** * @param {?} w * @return {?} */ w => !w.disabled)).length : count) > 0; } /** * @param {?} direction * @return {?} */ moveTo(direction) { /** @type {?} */ const oppositeDirection = direction === 'left' ? 'right' : 'left'; this.updateOperationStatus(oppositeDirection, 0); /** @type {?} */ const datasource = direction === 'left' ? this.rightDataSource : this.leftDataSource; /** @type {?} */ const moveList = datasource.filter((/** * @param {?} item * @return {?} */ item => item.checked === true && !item.disabled)); this.nzCanMove({ direction, list: moveList }).subscribe((/** * @param {?} newMoveList * @return {?} */ newMoveList => this.truthMoveTo(direction, newMoveList.filter((/** * @param {?} i * @return {?} */ i => !!i)))), (/** * @return {?} */ () => moveList.forEach((/** * @param {?} i * @return {?} */ i => (i.checked = false))))); } /** * @private * @param {?} direction * @param {?} list * @return {?} */ truthMoveTo(direction, list) { /** @type {?} */ const oppositeDirection = direction === 'left' ? 'right' : 'left'; /** @type {?} */ const datasource = direction === 'left' ? this.rightDataSource : this.leftDataSource; /** @type {?} */ const targetDatasource = direction === 'left' ? this.leftDataSource : this.rightDataSource; for (const item of list) { item.checked = false; item.hide = false; item.direction = direction; datasource.splice(datasource.indexOf(item), 1); } targetDatasource.splice(0, 0, ...list); this.updateOperationStatus(oppositeDirection); this.nzChange.emit({ from: oppositeDirection, to: direction, list }); this.markForCheckAllList(); } /** * @private * @return {?} */ setClassMap() { /** @type {?} */ const prefixCls = 'ant-transfer'; this.nzUpdateHostClassService.updateHostClass(this.elementRef.nativeElement, { [`${prefixCls}-disabled`]: this.nzDisabled, [`${prefixCls}-customize-list`]: this.nzRenderList.some((/** * @param {?} i * @return {?} */ i => !!i)) }); } /** * @private * @return {?} */ markForCheckAllList() { if (!this.lists) { return; } this.lists.forEach((/** * @param {?} i * @return {?} */ i => i.markForCheck())); } /** * @return {?} */ ngOnInit() { this.i18n.localeChange.pipe(takeUntil(this.unsubscribe$)).subscribe((/** * @return {?} */ () => { this.locale = this.i18n.getLocaleData('Transfer'); this.markForCheckAllList(); })); this.setClassMap(); } /** * @param {?} changes * @return {?} */ ngOnChanges(changes) { this.setClassMap(); if (changes.nzDataSource || changes.nzTargetKeys) { this.splitDataSource(); this.updateOperationStatus('left'); this.updateOperationStatus('right'); this.cdr.detectChanges(); this.markForCheckAllList(); } } /** * @return {?} */ ngOnDestroy() { this.unsubscribe$.next(); this.unsubscribe$.complete(); } } NzTransferComponent.decorators = [ { type: Component, args: [{ selector: 'nz-transfer', exportAs: 'nzTransfer', preserveWhitespaces: false, template: "<nz-transfer-list class=\"ant-transfer-list\" [ngStyle]=\"nzListStyle\" data-direction=\"left\"\n [titleText]=\"nzTitles[0]\"\n [showSelectAll]=\"nzShowSelectAll\"\n [dataSource]=\"leftDataSource\"\n [filter]=\"leftFilter\"\n [filterOption]=\"nzFilterOption\"\n (filterChange)=\"handleFilterChange($event)\"\n [renderList]=\"nzRenderList[0]\"\n [render]=\"nzRender\"\n [disabled]=\"nzDisabled\"\n [showSearch]=\"nzShowSearch\"\n [searchPlaceholder]=\"nzSearchPlaceholder || locale.searchPlaceholder\"\n [notFoundContent]=\"nzNotFoundContent\"\n [itemUnit]=\"nzItemUnit || locale.itemUnit\"\n [itemsUnit]=\"nzItemsUnit || locale.itemsUnit\"\n [footer]=\"nzFooter\"\n (handleSelect)=\"handleLeftSelect($event)\"\n (handleSelectAll)=\"handleLeftSelectAll($event)\">\n</nz-transfer-list>\n<div class=\"ant-transfer-operation\">\n <button nz-button (click)=\"moveToLeft()\" [disabled]=\"nzDisabled || !leftActive\" [nzType]=\"'primary'\" [nzSize]=\"'small'\">\n <i nz-icon nzType=\"left\"></i><span *ngIf=\"nzOperations[1]\">{{ nzOperations[1] }}</span>\n </button>\n <button nz-button (click)=\"moveToRight()\" [disabled]=\"nzDisabled || !rightActive\" [nzType]=\"'primary'\" [nzSize]=\"'small'\">\n <i nz-icon nzType=\"right\"></i><span *ngIf=\"nzOperations[0]\">{{ nzOperations[0] }}</span>\n </button>\n</div>\n<nz-transfer-list class=\"ant-transfer-list\" [ngStyle]=\"nzListStyle\" data-direction=\"right\"\n [titleText]=\"nzTitles[1]\"\n [showSelectAll]=\"nzShowSelectAll\"\n [dataSource]=\"rightDataSource\"\n [filter]=\"rightFilter\"\n [filterOption]=\"nzFilterOption\"\n (filterChange)=\"handleFilterChange($event)\"\n [renderList]=\"nzRenderList[1]\"\n [render]=\"nzRender\"\n [disabled]=\"nzDisabled\"\n [showSearch]=\"nzShowSearch\"\n [searchPlaceholder]=\"nzSearchPlaceholder || locale.searchPlaceholder\"\n [notFoundContent]=\"nzNotFoundContent\"\n [itemUnit]=\"nzItemUnit || locale.itemUnit\"\n [itemsUnit]=\"nzItemsUnit || locale.itemsUnit\"\n [footer]=\"nzFooter\"\n (handleSelect)=\"handleRightSelect($event)\"\n (handleSelectAll)=\"handleRightSelectAll($event)\">\n</nz-transfer-list>\n", host: { '[class.ant-transfer-disabled]': 'nzDisabled' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NzUpdateHostClassService] }] } ]; /** @nocollapse */ NzTransferComponent.ctorParameters = () => [ { type: ChangeDetectorRef }, { type: NzI18nService }, { type: NzUpdateHostClassService }, { type: ElementRef }, { type: Renderer2 } ]; NzTransferComponent.propDecorators = { lists: [{ type: ViewChildren, args: [NzTransferListComponent,] }], nzDisabled: [{ type: Input }], nzDataSource: [{ type: Input }], nzTitles: [{ type: Input }], nzOperations: [{ type: Input }], nzListStyle: [{ type: Input }], nzShowSelectAll: [{ type: Input }], nzItemUnit: [{ type: Input }], nzItemsUnit: [{ type: Input }], nzCanMove: [{ type: Input }], nzRenderList: [{ type: Input }], nzRender: [{ type: Input }], nzFooter: [{ type: Input }], nzShowSearch: [{ type: Input }], nzFilterOption: [{ type: Input }], nzSearchPlaceholder: [{ type: Input }], nzNotFoundContent: [{ type: Input }], nzChange: [{ type: Output }], nzSearchChange: [{ type: Output }], nzSelectChange: [{ type: Output }] }; __decorate([ InputBoolean(), __metadata("design:type", Object) ], NzTransferComponent.prototype, "nzDisabled", void 0); __decorate([ InputBoolean(), __metadata("design:type", Object) ], NzTransferComponent.prototype, "nzShowSelectAll", void 0); __decorate([ InputBoolean(), __metadata("design:type", Object) ], NzTransferComponent.prototype, "nzShowSearch", void 0); if (false) { /** * @type {?} * @private */ NzTransferComponent.prototype.unsubscribe$; /** * @type {?} * @private */ NzTransferComponent.prototype.lists; /** @type {?} */ NzTransferComponent.prototype.locale; /** @type {?} */ NzTransferComponent.prototype.leftFilter; /** @type {?} */ NzTransferComponent.prototype.rightFilter; /** @type {?} */ NzTransferComponent.prototype.nzDisabled; /** @type {?} */ NzTransferComponent.prototype.nzDataSource; /** @type {?} */ NzTransferComponent.prototype.nzTitles; /** @type {?} */ NzTransferComponent.prototype.nzOperations; /** @type {?} */ NzTransferComponent.prototype.nzListStyle; /** @type {?} */ NzTransferComponent.prototype.nzShowSelectAll; /** @type {?} */ NzTransferComponent.prototype.nzItemUnit; /** @type {?} */ NzTransferComponent.prototype.nzItemsUnit; /** @type {?} */ NzTransferComponent.prototype.nzCanMove; /** @type {?} */ NzTransferComponent.prototype.nzRenderList; /** @type {?} */ NzTransferComponent.prototype.nzRender; /** @type {?} */ NzTransferComponent.prototype.nzFooter; /** @type {?} */ NzTransferComponent.prototype.nzShowSearch; /** @type {?} */ NzTransferComponent.prototype.nzFilterOption; /** @type {?} */ NzTransferComponent.prototype.nzSearchPlaceholder; /** @type {?} */ NzTransferComponent.prototype.nzNotFoundContent; /** @type {?} */ NzTransferComponent.prototype.nzChange; /** @type {?} */ NzTransferComponent.prototype.nzSearchChange; /** @type {?} */ NzTransferComponent.prototype.nzSelectChange; /** @type {?} */ NzTransferComponent.prototype.leftDataSource; /** @type {?} */ NzTransferComponent.prototype.rightDataSource; /** @type {?} */ NzTransferComponent.prototype.handleLeftSelectAll; /** @type {?} */ NzTransferComponent.prototype.handleRightSelectAll; /** @type {?} */ NzTransferComponent.prototype.handleLeftSelect; /** @type {?} */ NzTransferComponent.prototype.handleRightSelect; /** @type {?} */ NzTransferComponent.prototype.leftActive; /** @type {?} */ NzTransferComponent.prototype.rightActive; /** @type {?} */ NzTransferComponent.prototype.moveToLeft; /** @type {?} */ NzTransferComponent.prototype.moveToRight; /** * @type {?} * @private */ NzTransferComponent.prototype.cdr; /** * @type {?} * @private */ NzTransferComponent.prototype.i18n; /** * @type {?} * @private */ NzTransferComponent.prototype.nzUpdateHostClassService; /** * @type {?} * @private */ NzTransferComponent.prototype.elementRef; } /** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ class NzTransferModule { } NzTransferModule.decorators = [ { type: NgModule, args: [{ imports: [ CommonModule, FormsModule, NzCheckboxModule, NzButtonModule, NzInputModule, NzI18nModule, NzIconModule, NzEmptyModule ], declarations: [NzTransferComponent, NzTransferListComponent, NzTransferSearchComponent], exports: [NzTransferComponent] },] } ]; /** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ /** * @fileoverview added by tsickle * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc */ export { NzTransferComponent, NzTransferListComponent, NzTransferModule, NzTransferSearchComponent }; //# sourceMappingURL=ng-zorro-antd-transfer.js.map