@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
118 lines • 12.6 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: data-table-body.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, TemplateRef } from '@angular/core';
import { DataTableComponent } from './data-table.component';
var DataTableBodyComponent = /** @class */ (function () {
function DataTableBodyComponent(dt) {
this.dt = dt;
this.dataSource = [];
this.nestedIndex = '-1';
}
/**
* @param {?} changes
* @return {?}
*/
DataTableBodyComponent.prototype.ngOnChanges = /**
* @param {?} changes
* @return {?}
*/
function (changes) {
if (changes && changes.columns) {
/** @type {?} */
var columnSpan = this.columns.length;
if (this.showExpandToggle) {
columnSpan += 1;
}
if (this.checkable) {
columnSpan += 1;
}
this.childTdColspan = columnSpan;
}
};
/**
* @param {?} index
* @param {?} item
* @return {?}
*/
DataTableBodyComponent.prototype.trackByFn = /**
* @param {?} index
* @param {?} item
* @return {?}
*/
function (index, item) {
return index;
};
DataTableBodyComponent.decorators = [
{ type: Component, args: [{
selector: 'd-data-table-body, [dDataTableBody]',
template: "<ng-container *ngIf=\"!virtualScroll; else scrollViewTpl\">\r\n <ng-container *ngFor=\"let rowItem of dataSource; trackBy: trackByFn; let rowIndex = index\">\r\n <ng-template [ngTemplateOutlet]=\"trTable\" [ngTemplateOutletContext]=\"{ rowItem: rowItem, rowIndex: rowIndex }\"> </ng-template>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #scrollViewTpl>\r\n <ng-container *cdkVirtualFor=\"let rowItem of dataSource; trackBy: trackByFn; let rowIndex = index\">\r\n <ng-template [ngTemplateOutlet]=\"trTable\" [ngTemplateOutletContext]=\"{ rowItem: rowItem, rowIndex: rowIndex }\"> </ng-template>\r\n </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #trTable let-rowIndex=\"rowIndex\" let-rowItem=\"rowItem\">\r\n <tr\r\n *ngIf=\"!rowItem['$draggable']\"\r\n dDataTableRow\r\n [resizeable]=\"resizeable\"\r\n [checkable]=\"checkable\"\r\n [rowIndex]=\"rowIndex\"\r\n [rowItem]=\"rowItem\"\r\n [columns]=\"columns\"\r\n [editRowItem]=\"editRowItem\"\r\n [editModel]=\"editModel\"\r\n [allChecked]=\"allChecked\"\r\n [showExpandToggle]=\"showExpandToggle\"\r\n [timeout]=\"timeout\"\r\n [tableLevel]=\"tableLevel\"\r\n [nestedIndex]=\"nestedIndex\"\r\n class=\"{{ rowItem.$rowClass ? rowItem.$rowClass : '' }}\"\r\n [ngClass]=\"{ 'table-row-selected': rowItem.$checked }\"\r\n ></tr>\r\n <tr\r\n *ngIf=\"rowItem['$draggable']\"\r\n dDataTableRow\r\n dDraggable\r\n [resizeable]=\"resizeable\"\r\n [checkable]=\"checkable\"\r\n [rowIndex]=\"rowIndex\"\r\n [rowItem]=\"rowItem\"\r\n [columns]=\"columns\"\r\n [editRowItem]=\"editRowItem\"\r\n [editModel]=\"editModel\"\r\n [allChecked]=\"allChecked\"\r\n [showExpandToggle]=\"showExpandToggle\"\r\n [timeout]=\"timeout\"\r\n [tableLevel]=\"tableLevel\"\r\n [nestedIndex]=\"nestedIndex\"\r\n class=\"{{ rowItem.$rowClass ? rowItem.$rowClass : '' }}\"\r\n [ngClass]=\"{ 'table-row-selected': rowItem.$checked }\"\r\n [dragData]=\"{ data: rowItem }\"\r\n [dragScope]=\"rowItem['$draggable']['scope']\"\r\n [dragOverClass]=\"rowItem['$draggable']['class']\"\r\n ></tr>\r\n <tr *ngIf=\"rowItem['$isDetailOpen'] && rowItem.detail\">\r\n <td [attr.colspan]=\"checkable ? 2 : 1\"></td>\r\n <td [attr.colspan]=\"columns.length\" class=\"detail-content\" [style.padding]=\"'13px'\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"detailTemplateRef || default\"\r\n [ngTemplateOutletContext]=\"{$implicit: this, detail:rowItem.detail, rowIndex:rowIndex, rowItem:rowItem}\"\r\n >\r\n </ng-template>\r\n <ng-template #default let-detail=\"detail\" let-rowIndex=\"rowIndex\" let-rowItem=\"rowItem\">\r\n <div>{{ detail }}</div>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n <tr class=\"expand-row\" *ngIf=\"rowItem.$expandConfig?.expand\">\r\n <td *ngIf=\"checkable\"></td>\r\n <td *ngIf=\"showExpandToggle\"></td>\r\n <td [attr.colspan]=\"columns.length\">\r\n <ng-template\r\n [ngTemplateOutlet]=\"rowItem.$expandConfig?.expandTemplateRef || default\"\r\n [ngTemplateOutletContext]=\"{$implicit: this, columns: columns, rowIndex:rowIndex, rowItem:rowItem}\"\r\n >\r\n </ng-template>\r\n <ng-template #default>\r\n <div>{{ rowItem.$expandConfig?.description }}</div>\r\n </ng-template>\r\n </td>\r\n </tr>\r\n <tr class=\"child-table\" *ngIf=\"rowItem['$isChildTableOpen'] && rowItem['children']\">\r\n <td [attr.colspan]=\"childTdColspan\">\r\n <table class=\"devui-table {{ type ? 'table-' + type : '' }} {{ hover ? 'table-hover' : '' }}\" [style.table-layout]=\"'fixed'\">\r\n <thead></thead>\r\n <tbody\r\n dDataTableBody\r\n [dataSource]=\"rowItem['children']\"\r\n [resizeable]=\"resizeable\"\r\n [columns]=\"columns\"\r\n [checkable]=\"checkable\"\r\n [allChecked]=\"allChecked\"\r\n [selectable]=\"selectable\"\r\n [editModel]=\"editModel\"\r\n [editRowItem]=\"editRowItem\"\r\n [showExpandToggle]=\"showExpandToggle\"\r\n [detailTemplateRef]=\"detailTemplateRef\"\r\n [timeout]=\"timeout\"\r\n [type]=\"type\"\r\n [hover]=\"hover\"\r\n [tableLevel]=\"tableLevel + 1\"\r\n [nestedIndex]=\"nestedIndex + ',' + rowIndex\"\r\n ></tbody>\r\n </table>\r\n </td>\r\n </tr>\r\n</ng-template>\r\n",
styles: [".detail-content{color:#252b3a;font-size:12px;font-weight:400;background-color:#f8f8f8}.child-table:hover{background:0 0!important}.child-table .devui-table{background:0 0;margin-bottom:0}.child-table>td{padding:0;border:0}.expand-row:hover{background:inherit!important}"]
}] }
];
/** @nocollapse */
DataTableBodyComponent.ctorParameters = function () { return [
{ type: DataTableComponent }
]; };
DataTableBodyComponent.propDecorators = {
checkable: [{ type: Input }],
showExpandToggle: [{ type: Input }],
allChecked: [{ type: Input }],
selectable: [{ type: Input }],
editModel: [{ type: Input }],
editRowItem: [{ type: Input }],
dataSource: [{ type: Input }],
resizeable: [{ type: Input }],
columns: [{ type: Input }],
detailTemplateRef: [{ type: Input }],
timeout: [{ type: Input }],
type: [{ type: Input }],
hover: [{ type: Input }],
tableLevel: [{ type: Input }],
nestedIndex: [{ type: Input }],
virtualScroll: [{ type: Input }]
};
return DataTableBodyComponent;
}());
export { DataTableBodyComponent };
if (false) {
/** @type {?} */
DataTableBodyComponent.prototype.checkable;
/** @type {?} */
DataTableBodyComponent.prototype.showExpandToggle;
/** @type {?} */
DataTableBodyComponent.prototype.allChecked;
/** @type {?} */
DataTableBodyComponent.prototype.selectable;
/** @type {?} */
DataTableBodyComponent.prototype.editModel;
/** @type {?} */
DataTableBodyComponent.prototype.editRowItem;
/** @type {?} */
DataTableBodyComponent.prototype.dataSource;
/** @type {?} */
DataTableBodyComponent.prototype.resizeable;
/** @type {?} */
DataTableBodyComponent.prototype.columns;
/** @type {?} */
DataTableBodyComponent.prototype.detailTemplateRef;
/** @type {?} */
DataTableBodyComponent.prototype.timeout;
/** @type {?} */
DataTableBodyComponent.prototype.type;
/** @type {?} */
DataTableBodyComponent.prototype.hover;
/** @type {?} */
DataTableBodyComponent.prototype.tableLevel;
/** @type {?} */
DataTableBodyComponent.prototype.nestedIndex;
/** @type {?} */
DataTableBodyComponent.prototype.virtualScroll;
/** @type {?} */
DataTableBodyComponent.prototype.childTdColspan;
/** @type {?} */
DataTableBodyComponent.prototype.dt;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS10YWJsZS1ib2R5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLWRldnVpL2RhdGEtdGFibGUvIiwic291cmNlcyI6WyJkYXRhLXRhYmxlLWJvZHkuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTRCLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUc1RDtJQXdCRSxnQ0FBbUIsRUFBc0I7UUFBdEIsT0FBRSxHQUFGLEVBQUUsQ0FBb0I7UUFYaEMsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQVF2QixnQkFBVyxHQUFHLElBQUksQ0FBQztJQUs1QixDQUFDOzs7OztJQUVELDRDQUFXOzs7O0lBQVgsVUFBWSxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sSUFBSSxPQUFPLENBQUMsT0FBTyxFQUFFOztnQkFDMUIsVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTTtZQUNwQyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtnQkFDekIsVUFBVSxJQUFJLENBQUMsQ0FBQzthQUNqQjtZQUNELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtnQkFDbEIsVUFBVSxJQUFJLENBQUMsQ0FBQzthQUNqQjtZQUNELElBQUksQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQzs7Ozs7O0lBRUQsMENBQVM7Ozs7O0lBQVQsVUFBVSxLQUFLLEVBQUUsSUFBSTtRQUNuQixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O2dCQTNDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHFDQUFxQztvQkFDL0MsdzNJQUErQzs7aUJBR2hEOzs7O2dCQVJRLGtCQUFrQjs7OzRCQVV4QixLQUFLO21DQUNMLEtBQUs7NkJBQ0wsS0FBSzs2QkFDTCxLQUFLOzRCQUNMLEtBQUs7OEJBQ0wsS0FBSzs2QkFDTCxLQUFLOzZCQUNMLEtBQUs7MEJBQ0wsS0FBSztvQ0FDTCxLQUFLOzBCQUNMLEtBQUs7dUJBQ0wsS0FBSzt3QkFDTCxLQUFLOzZCQUNMLEtBQUs7OEJBQ0wsS0FBSztnQ0FDTCxLQUFLOztJQXNCUiw2QkFBQztDQUFBLEFBNUNELElBNENDO1NBdENZLHNCQUFzQjs7O0lBQ2pDLDJDQUE0Qjs7SUFDNUIsa0RBQW1DOztJQUNuQyw0Q0FBNkI7O0lBQzdCLDRDQUE2Qjs7SUFDN0IsMkNBQTJCOztJQUMzQiw2Q0FBMEI7O0lBQzFCLDRDQUFnQzs7SUFDaEMsNENBQTZCOztJQUM3Qix5Q0FBaUQ7O0lBQ2pELG1EQUE2Qzs7SUFDN0MseUNBQXlCOztJQUN6QixzQ0FBc0I7O0lBQ3RCLHVDQUF3Qjs7SUFDeEIsNENBQTRCOztJQUM1Qiw2Q0FBNEI7O0lBQzVCLCtDQUF1Qjs7SUFDdkIsZ0RBQXVCOztJQUNYLG9DQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcywgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGF0YVRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi9kYXRhLXRhYmxlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERhdGFUYWJsZUNvbHVtblRtcGxDb21wb25lbnQgfSBmcm9tICcuL3RtcGwvZGF0YS10YWJsZS1jb2x1bW4tdG1wbC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLWRhdGEtdGFibGUtYm9keSwgW2REYXRhVGFibGVCb2R5XScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtdGFibGUtYm9keS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YS10YWJsZS1ib2R5LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgLy8gY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGFUYWJsZUJvZHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIGNoZWNrYWJsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBzaG93RXhwYW5kVG9nZ2xlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGFsbENoZWNrZWQ6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc2VsZWN0YWJsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBlZGl0TW9kZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBlZGl0Um93SXRlbTogYW55O1xyXG4gIEBJbnB1dCgpIGRhdGFTb3VyY2U6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgcmVzaXplYWJsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBjb2x1bW5zOiBEYXRhVGFibGVDb2x1bW5UbXBsQ29tcG9uZW50W107XHJcbiAgQElucHV0KCkgZGV0YWlsVGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgQElucHV0KCkgdGltZW91dDogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZztcclxuICBASW5wdXQoKSBob3ZlcjogYm9vbGVhbjtcclxuICBASW5wdXQoKSB0YWJsZUxldmVsOiBudW1iZXI7XHJcbiAgQElucHV0KCkgbmVzdGVkSW5kZXggPSAnLTEnO1xyXG4gIEBJbnB1dCgpIHZpcnR1YWxTY3JvbGw7XHJcbiAgY2hpbGRUZENvbHNwYW46IG51bWJlcjtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZHQ6IERhdGFUYWJsZUNvbXBvbmVudCkge1xyXG5cclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGlmIChjaGFuZ2VzICYmIGNoYW5nZXMuY29sdW1ucykge1xyXG4gICAgICBsZXQgY29sdW1uU3BhbiA9IHRoaXMuY29sdW1ucy5sZW5ndGg7XHJcbiAgICAgIGlmICh0aGlzLnNob3dFeHBhbmRUb2dnbGUpIHtcclxuICAgICAgICBjb2x1bW5TcGFuICs9IDE7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuY2hlY2thYmxlKSB7XHJcbiAgICAgICAgY29sdW1uU3BhbiArPSAxO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuY2hpbGRUZENvbHNwYW4gPSBjb2x1bW5TcGFuO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgdHJhY2tCeUZuKGluZGV4LCBpdGVtKSB7XHJcbiAgICByZXR1cm4gaW5kZXg7XHJcbiAgfVxyXG59XHJcbiJdfQ==