@ng-nest/ui 11.2.9 → 11.2.13

package/table/ng-nest-ui-table.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"XTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTableProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTablePrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<table\r\n  #table\r\n  class=\"x-table\"\r\n  [x-loading]=\"loading && getting\"\r\n  [class.x-table-scroll-left]=\"getScrollLeft\"\r\n  [class.x-table-scroll-top]=\"getScrollTop\"\r\n  [class.x-table-bordered]=\"bordered\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n  [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n  <x-table-head\r\n    [columns]=\"columns\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [columnTpl]=\"headColumnTpl\"\r\n    [scrollYWidth]=\"scrollYWidth\"\r\n    [scrollXWidth]=\"scrollXWidth\"\r\n    [cellConfig]=\"cellConfig?.thead\"\r\n  ></x-table-head>\r\n  <x-table-body\r\n    [data]=\"tableData\"\r\n    [columns]=\"columns\"\r\n    [itemSize]=\"itemSize\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [bodyHeight]=\"bodyHeight\"\r\n    [columnTpl]=\"bodyColumnTpl\"\r\n    [allowSelectRow]=\"allowSelectRow\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    [adaptionHeight]=\"adaptionHeight\"\r\n    [docPercent]=\"docPercent\"\r\n    [scroll]=\"scroll\"\r\n    [cellConfig]=\"cellConfig?.tbody\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n  ></x-table-body>\r\n  <x-table-foot></x-table-foot>\r\n</table>\r\n<x-pagination #pagination [(index)]=\"index\" [(size)]=\"size\" [(query)]=\"query\" [total]=\"total\" (indexChange)=\"change($event)\">\r\n</x-pagination>\r\n","styles":[".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color);border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background-a100);min-height:42px}.x-table>thead>tr{position:absolute;width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background-a100);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) 0}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:1}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>thead>tr>th:first-child{padding-left:var(--x-font-size)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex;min-height:42px}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background-a100);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) 0}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:1}.x-table>tbody tr>td:first-child{padding-left:var(--x-font-size)}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-background);color:var(--x-primary)}.x-table>tbody tr:hover>td{background-color:var(--x-background)}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-down,.x-table-sort-icon.x-icon.x-table-icon-up{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>thead{box-shadow:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>tbody .x-table-sticky,.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>tbody tr>td,.x-table-bordered>thead>tr>th{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:var(--x-font-size)}.x-table-bordered>tbody tr>td:last-child,.x-table-bordered>thead>tr>th:last-child{border-right:none}.x-table-cell-config>tbody tr,.x-table-cell-config>thead tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>tbody tr>td,.x-table-cell-config>thead>tr>th{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:var(--x-font-size)}.x-table-cell-config>tbody tr>td:last-child,.x-table-cell-config>thead>tr>th:last-child{border-right:none}x-table{width:100%}x-table .x-pagination{padding-top:var(--x-font-size)}"]}]}],"members":{"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":3},"arguments":["table"]}]}],"pagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["pagination"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":57,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":58,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":59,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":60,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getSticky":[{"__symbolic":"method"}],"getIndex":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"getDataByFunc":[{"__symbolic":"method"}],"setManual":[{"__symbolic":"method"}],"setRowChecked":[{"__symbolic":"method"}],"setMerge":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"resetScroll":[{"__symbolic":"method"}],"setChecked":[{"__symbolic":"method"}],"setHeadCheckboxList":[{"__symbolic":"method"}],"checkSort":[{"__symbolic":"method"}],"headChecked":[{"__symbolic":"method"}],"bodyChecked":[{"__symbolic":"method"}],"setCheckedValues":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}]}},"XTableHeadComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTableHeadProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTableHeadPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"},"template":"<thead #thead [ngStyle]=\"theadStyle\">\r\n  <ng-container *ngIf=\"cellConfig; else columnsTpl\">\r\n    <tr [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\">\r\n      <th\r\n        *ngFor=\"let column of cellConfig.cells\"\r\n        [class.x-table-sticky]=\"getSticky(column)\"\r\n        [class.x-table-width-drag]=\"column.widthDrag\"\r\n        [style.grid-area]=\"column.gridArea\"\r\n        [style.left.px]=\"column.left\"\r\n        [title]=\"column?.label\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n        <div *ngIf=\"column.dragWidth\" class=\"x-table-drag-width\" xDrag (draging)=\"dragWidth($event, column)\"></div>\r\n      </th>\r\n    </tr>\r\n  </ng-container>\r\n</thead>\r\n\r\n<ng-template #columnsTpl>\r\n  <tr [style.height.px]=\"rowHeight == 0 ? '' : rowHeight\" [style.padding-right.px]=\"scrollYWidth\" [style.width.px]=\"scrollXWidth\">\r\n    <th\r\n      *ngFor=\"let column of columns; trackBy: trackByItem\"\r\n      [class.x-table-sticky]=\"getSticky(column)\"\r\n      [style.width.px]=\"column.width\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.flex]=\"column.width ? 'none' : column.flex\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n      <div *ngIf=\"column.dragWidth\" class=\"x-table-drag-width\" xDrag (draging)=\"dragWidth($event, column)\"></div>\r\n    </th>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        *ngIf=\"column.headChecked\"\r\n        [data]=\"[{ id: true, label: column.label }]\"\r\n        [(ngModel)]=\"table.checkedValues[column.id]\"\r\n        (ngModelChange)=\"table.headChecked($event, column)\"\r\n        [indeterminate]=\"table.checkedValues[column.id + table.indeterminate]\"\r\n      ></x-checkbox>\r\n      <ng-container *ngIf=\"!column.headChecked\">\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <a>{{ column.label }}</a>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column }\">\r\n      {{ column.label }}\r\n    </ng-container>\r\n    <x-icon\r\n      *ngIf=\"column.sort\"\r\n      type=\"fto-bar-chart\"\r\n      class=\"x-table-sort-icon\"\r\n      [class.x-table-icon-up]=\"sortStr === column.id + ' desc'\"\r\n      [class.x-table-icon-down]=\"sortStr === column.id + ' asc'\"\r\n    ></x-icon>\r\n  </a>\r\n</ng-template>\r\n"}]}],"members":{"thead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["thead"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":27,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":27,"character":13}}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"XTableComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":28,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":30,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":31,"character":26}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getSticky":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}],"onSort":[{"__symbolic":"method"}],"dragWidth":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}]}},"XTableBodyComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTableBodyProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTableBodyPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<tbody #tbody>\r\n  <ng-container *ngIf=\"cellConfig; else virtualScrollTpl\">\r\n    <tr *ngFor=\"let row of data; index as i; trackBy: trackByItem\" [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\">\r\n      <td\r\n        *ngFor=\"let column of cellConfig.cells; index as j\"\r\n        [title]=\"row[column.id] ? row[column.id] : ''\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.grid-area]=\"column.gridArea\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-container>\r\n  <x-empty *ngIf=\"isEmpty\"></x-empty>\r\n</tbody>\r\n\r\n<ng-template #virtualScrollTpl>\r\n  <cdk-virtual-scroll-viewport\r\n    #virtualBody\r\n    *ngIf=\"virtualScroll; else bodyTpl\"\r\n    [itemSize]=\"itemSize\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    [style.height.px]=\"bodyHeight\"\r\n  >\r\n    <tr\r\n      *cdkVirtualFor=\"let row of data; let index = index; trackBy: trackByItem\"\r\n      [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n      [style.height.px]=\"rowHeight == 0 ? '' : rowHeight\"\r\n      (click)=\"rowClick(row)\"\r\n    >\r\n      <!-- rowHeight 为 0 的时候，index 下标获取不到 -->\r\n      <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n    </tr>\r\n  </cdk-virtual-scroll-viewport>\r\n</ng-template>\r\n\r\n<ng-template #bodyTpl>\r\n  <tr\r\n    *ngFor=\"let row of data; index as i; trackBy: trackByItem\"\r\n    [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n    [style.height.px]=\"rowHeight == 0 ? '' : rowHeight\"\r\n    (click)=\"rowClick(row)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  <ng-container *ngFor=\"let column of columns; index as j; trackBy: trackByItem\">\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"column.width ? 'none' : column.flex\"\r\n      [title]=\"row[column.id] ? row[column.id] : ''\"\r\n      [class.x-table-sticky]=\"table.getSticky(column)\"\r\n      [style.left.px]=\"column.left\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        (ngModelChange)=\"table.bodyChecked($event, column)\"\r\n      ></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column, $row: row }\">\r\n        <div [innerHTML]=\"row[column.id]\" [style.text-align]=\"column.textAlign\"></div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n"}]}],"members":{"tbody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["tbody"]}]}],"virtualBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["virtualBody"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":13}}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":46,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"XTableComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":43,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":16},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":47,"character":26}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setSubject":[{"__symbolic":"method"}],"setScroll":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}],"getIndex":[{"__symbolic":"method"}],"setAdaptionHeight":[{"__symbolic":"method"}],"rowClick":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}]}},"XTableFootComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTableFootProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTableFootPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"template":"<tfoot></tfoot>\r\n"}]}],"members":{"tfoot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["tfoot"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":25,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":25,"character":13}}],null,null,null],"parameters":[{"__symbolic":"reference","name":"XTableComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":26,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":27,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":28,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"XDragDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[xDrag]"}]}],"members":{"draging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":47},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":11,"character":54}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":11,"character":34},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":11,"character":97}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"XTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XDragDirective"},{"__symbolic":"reference","name":"XTableComponent"},{"__symbolic":"reference","name":"XTableProperty"},{"__symbolic":"reference","name":"XTableHeadComponent"},{"__symbolic":"reference","name":"XTableHeadProperty"},{"__symbolic":"reference","name":"XTableBodyComponent"},{"__symbolic":"reference","name":"XTableBodyProperty"},{"__symbolic":"reference","name":"XTableFootComponent"},{"__symbolic":"reference","name":"XTableFootProperty"}],"exports":[{"__symbolic":"reference","name":"XTableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":32,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/pagination","name":"XPaginationModule","line":33,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":34,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/checkbox","name":"XCheckboxModule","line":35,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":37,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/empty","name":"XEmptyModule","line":38,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/loading","name":"XLoadingModule","line":39,"character":4}]}]}],"members":{}},"XTablePrefix":"x-table","XTableProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/pagination","name":"XPaginationProperty","line":28,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":43,"character":12},"arguments":["table",42]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":43,"character":52}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":48,"character":12},"arguments":["table",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":48,"character":57}}]}],"bordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":53,"character":12},"arguments":["table",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":53,"character":57}}]}],"activatedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"activatedRowChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"headColumnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"bodyColumnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"sortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":78,"character":3}}]}],"allowSelectRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":83,"character":12},"arguments":["table",true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":83,"character":56}}]}],"virtualScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":88,"character":12},"arguments":["table"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":88,"character":50}}]}],"bodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":93,"character":12}}]}],"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":98,"character":12},"arguments":["table",42]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":98,"character":52}}]}],"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"maxBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"adaptionHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":113,"character":12}}]}],"docPercent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":118,"character":12}}]}],"checkedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":123,"character":3}}]}],"manual":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":128,"character":12}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"manualChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3}}]}],"cellConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":3}}]}]}},"XTableOption":{"__symbolic":"interface"},"XTableRow":{"__symbolic":"interface"},"XTableColumn":{"__symbolic":"interface"},"XTableCellConfig":{"__symbolic":"interface"},"XTableCellConfigRule":{"__symbolic":"interface"},"XTableCell":{"__symbolic":"interface"},"XColumnType":{"__symbolic":"interface"},"XTableTemplate":{"__symbolic":"interface"},"XTableHeadPrefix":"x-table-head","XTableHeadProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":391,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":390,"character":1},"arguments":[{"template":""}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":396,"character":3}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":401,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":401,"character":12}}]}],"columnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":406,"character":3}}]}],"scrollYWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":411,"character":3}}]}],"scrollXWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":416,"character":3}}]}],"cellConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":421,"character":3}}]}]}},"XTableBodyPrefix":"x-table-body","XTableBodyProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":435,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":434,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":440,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":445,"character":3}}]}],"columnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":450,"character":3}}]}],"activatedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":455,"character":3}}]}],"activatedRowChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":460,"character":3}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":465,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":465,"character":12}}]}],"bodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":470,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":470,"character":12}}]}],"allowSelectRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":475,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":475,"character":12}}]}],"virtualScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":480,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":480,"character":12}}]}],"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":485,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":485,"character":12}}]}],"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":490,"character":3}}]}],"maxBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":495,"character":3}}]}],"adaptionHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":500,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":500,"character":12}}]}],"docPercent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":505,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":505,"character":12}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":510,"character":3}}]}],"cellConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":515,"character":3}}]}]}},"XTableFootPrefix":"x-table-foot","XTableFootProperty":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":528,"character":1},"arguments":[{"template":""}]}],"members":{}}},"origins":{"XTableComponent":"./table.component","XTableHeadComponent":"./table-head.component","XTableBodyComponent":"./table-body.component","XTableFootComponent":"./table-foot.component","XDragDirective":"./drag.directive","XTableModule":"./table.module","XTablePrefix":"./table.property","XTableProperty":"./table.property","XTableOption":"./table.property","XTableRow":"./table.property","XTableColumn":"./table.property","XTableCellConfig":"./table.property","XTableCellConfigRule":"./table.property","XTableCell":"./table.property","XColumnType":"./table.property","XTableTemplate":"./table.property","XTableHeadPrefix":"./table.property","XTableHeadProperty":"./table.property","XTableBodyPrefix":"./table.property","XTableBodyProperty":"./table.property","XTableFootPrefix":"./table.property","XTableFootProperty":"./table.property"},"importAs":"@ng-nest/ui/table"}
+{"__symbolic":"module","version":4,"metadata":{"XTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTableProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTablePrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<table\r\n  #table\r\n  class=\"x-table\"\r\n  [ngClass]=\"classMap\"\r\n  [x-loading]=\"loading && getting\"\r\n  [class.x-table-scroll-left]=\"getScrollLeft\"\r\n  [class.x-table-scroll-top]=\"getScrollTop\"\r\n  [class.x-table-bordered]=\"bordered\"\r\n  [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n  [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n  <x-table-head\r\n    [columns]=\"columns\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [columnTpl]=\"headColumnTpl\"\r\n    [scrollYWidth]=\"scrollYWidth\"\r\n    [scrollXWidth]=\"scrollXWidth\"\r\n    [cellConfig]=\"cellConfig?.thead\"\r\n    [table]=\"this\"\r\n  ></x-table-head>\r\n  <x-table-body\r\n    [data]=\"tableData\"\r\n    [columns]=\"columns\"\r\n    [itemSize]=\"itemSize\"\r\n    [rowHeight]=\"rowHeight\"\r\n    [bodyHeight]=\"bodyHeight\"\r\n    [columnTpl]=\"bodyColumnTpl\"\r\n    [allowSelectRow]=\"allowSelectRow\"\r\n    [virtualScroll]=\"virtualScroll\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    [adaptionHeight]=\"adaptionHeight\"\r\n    [docPercent]=\"docPercent\"\r\n    [scroll]=\"scroll\"\r\n    [cellConfig]=\"cellConfig?.tbody\"\r\n    [(activatedRow)]=\"activatedRow\"\r\n    (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n    [table]=\"this\"\r\n  ></x-table-body>\r\n  <x-table-foot [table]=\"this\"></x-table-foot>\r\n</table>\r\n<x-pagination #pagination *ngIf=\"size\" [(index)]=\"index\" [(size)]=\"size\" [(query)]=\"query\" [total]=\"total\" (indexChange)=\"change($event)\">\r\n</x-pagination>\r\n","styles":[".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background);min-height:42px}.x-table>thead>tr{position:absolute;width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:1}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:1}.x-table>tbody tr.x-table-activated>td{color:var(--x-primary)}.x-table>tbody tr.x-table-activated>td,.x-table>tbody tr:hover>td{background-color:var(--x-background-a200)}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-down,.x-table-sort-icon.x-icon.x-table-icon-up{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>thead{box-shadow:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>tbody .x-table-sticky,.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>tbody tr>td,.x-table-bordered>thead>tr>th{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>tbody tr>td:last-child,.x-table-bordered>thead>tr>th:last-child{border-right:none}.x-table-cell-config>tbody tr,.x-table-cell-config>thead tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>tbody tr>td,.x-table-cell-config>thead>tr>th{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>tbody tr>td:last-child,.x-table-cell-config>thead>tr>th:last-child{border-right:none}.x-table-row-size-big>tbody tr>td,.x-table-row-size-big>thead>tr>th{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) 0}.x-table-row-size-big.x-table-bordered>tbody tr>td,.x-table-row-size-big.x-table-bordered>thead>tr>th,.x-table-row-size-big.x-table-cell-config>tbody tr>td,.x-table-row-size-big.x-table-cell-config>thead>tr>th,.x-table-row-size-big>tbody tr>td:first-child,.x-table-row-size-big>thead>tr>th:first-child{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>tbody tr>td,.x-table-row-size-large>thead>tr>th{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) 0}.x-table-row-size-large.x-table-bordered>tbody tr>td,.x-table-row-size-large.x-table-bordered>thead>tr>th,.x-table-row-size-large.x-table-cell-config>tbody tr>td,.x-table-row-size-large.x-table-cell-config>thead>tr>th,.x-table-row-size-large>tbody tr>td:first-child,.x-table-row-size-large>thead>tr>th:first-child{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>tbody tr>td,.x-table-row-size-medium>thead>tr>th{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) 0}.x-table-row-size-medium.x-table-bordered>tbody tr>td,.x-table-row-size-medium.x-table-bordered>thead>tr>th,.x-table-row-size-medium.x-table-cell-config>tbody tr>td,.x-table-row-size-medium.x-table-cell-config>thead>tr>th,.x-table-row-size-medium>tbody tr>td:first-child,.x-table-row-size-medium>thead>tr>th:first-child{padding-left:var(--x-font-size)}.x-table-row-size-small>tbody tr>td,.x-table-row-size-small>thead>tr>th{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) 0}.x-table-row-size-small.x-table-bordered>tbody tr>td,.x-table-row-size-small.x-table-bordered>thead>tr>th,.x-table-row-size-small.x-table-cell-config>tbody tr>td,.x-table-row-size-small.x-table-cell-config>thead>tr>th,.x-table-row-size-small>tbody tr>td:first-child,.x-table-row-size-small>thead>tr>th:first-child{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>tbody tr>td,.x-table-row-size-mini>thead>tr>th{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) 0}.x-table-row-size-mini.x-table-bordered>tbody tr>td,.x-table-row-size-mini.x-table-bordered>thead>tr>th,.x-table-row-size-mini.x-table-cell-config>tbody tr>td,.x-table-row-size-mini.x-table-cell-config>thead>tr>th,.x-table-row-size-mini>tbody tr>td:first-child,.x-table-row-size-mini>thead>tr>th:first-child{padding-left:calc(var(--x-font-size) / 2)}x-table{width:100%}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}"]}]}],"members":{"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":3},"arguments":["table"]}]}],"pagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["pagination"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":57,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":58,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":59,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":60,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"getSticky":[{"__symbolic":"method"}],"getIndex":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"getDataByFunc":[{"__symbolic":"method"}],"setManual":[{"__symbolic":"method"}],"setRowChecked":[{"__symbolic":"method"}],"setMerge":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"resetScroll":[{"__symbolic":"method"}],"setChecked":[{"__symbolic":"method"}],"setHeadCheckboxList":[{"__symbolic":"method"}],"checkSort":[{"__symbolic":"method"}],"headChecked":[{"__symbolic":"method"}],"bodyChecked":[{"__symbolic":"method"}],"setCheckedValues":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}]}},"XTableHeadComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTableHeadProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTableHeadPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"},"template":"<thead #thead [ngStyle]=\"theadStyle\">\r\n  <ng-container *ngIf=\"cellConfig; else columnsTpl\">\r\n    <tr [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\" [style.min-height.px]=\"getRowHeight\">\r\n      <th\r\n        *ngFor=\"let column of cellConfig.cells\"\r\n        [class.x-table-sticky]=\"getSticky(column)\"\r\n        [class.x-table-width-drag]=\"column.widthDrag\"\r\n        [style.grid-area]=\"column.gridArea\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.min-height.px]=\"getRowHeight\"\r\n        [title]=\"column?.label\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n        <div *ngIf=\"column.dragWidth\" class=\"x-table-drag-width\" xDrag (draging)=\"dragWidth($event, column)\"></div>\r\n      </th>\r\n    </tr>\r\n  </ng-container>\r\n</thead>\r\n\r\n<ng-template #columnsTpl>\r\n  <tr\r\n    [style.height.px]=\"getRowHeight\"\r\n    [style.min-height.px]=\"getRowHeight\"\r\n    [style.padding-right.px]=\"scrollYWidth\"\r\n    [style.width.px]=\"scrollXWidth\"\r\n  >\r\n    <th\r\n      *ngFor=\"let column of columns; trackBy: trackByItem\"\r\n      [class.x-table-sticky]=\"getSticky(column)\"\r\n      [style.min-height.px]=\"getRowHeight\"\r\n      [style.width.px]=\"column.width\"\r\n      [style.left.px]=\"column.left\"\r\n      [style.flex]=\"column.width ? 'none' : column.flex\"\r\n    >\r\n      <ng-container *ngTemplateOutlet=\"columnBaseTpl; context: { column: column }\"></ng-container>\r\n      <div *ngIf=\"column.dragWidth\" class=\"x-table-drag-width\" xDrag (draging)=\"dragWidth($event, column)\"></div>\r\n    </th>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #columnBaseTpl let-column=\"column\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        *ngIf=\"column.headChecked\"\r\n        [data]=\"[{ id: true, label: column.label }]\"\r\n        [(ngModel)]=\"table.checkedValues[column.id]\"\r\n        (ngModelChange)=\"table.headChecked($event, column)\"\r\n        [indeterminate]=\"table.checkedValues[column.id + table.indeterminate]\"\r\n      ></x-checkbox>\r\n      <ng-container *ngIf=\"!column.headChecked\">\r\n        <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <a>{{ column.label }}</a>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *ngTemplateOutlet=\"cloumnDefaultTpl; context: { column: column }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cloumnDefaultTpl let-column=\"column\">\r\n  <a [class.x-table-sort]=\"column.sort\" (click)=\"onSort(column)\" [style.text-align]=\"column.textAlign\">\r\n    <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column }\">\r\n      {{ column.label }}\r\n    </ng-container>\r\n    <x-icon\r\n      *ngIf=\"column.sort\"\r\n      type=\"fto-bar-chart\"\r\n      class=\"x-table-sort-icon\"\r\n      [class.x-table-icon-up]=\"sortStr === column.id + ' desc'\"\r\n      [class.x-table-icon-down]=\"sortStr === column.id + ' asc'\"\r\n    ></x-icon>\r\n  </a>\r\n</ng-template>\r\n"}]}],"members":{"thead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["thead"]}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":32,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":33,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":34,"character":16},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":35,"character":26}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getSticky":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}],"onSort":[{"__symbolic":"method"}],"dragWidth":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}]}},"XTableBodyComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTableBodyProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTableBodyPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"template":"<tbody #tbody>\r\n  <ng-container *ngIf=\"cellConfig; else virtualScrollTpl\">\r\n    <tr *ngFor=\"let row of data; index as i; trackBy: trackByItem\" [style.gridTemplateColumns]=\"cellConfig.gridTemplateColumns\">\r\n      <td\r\n        *ngFor=\"let column of cellConfig.cells; index as j\"\r\n        [title]=\"getTitle(row, column)\"\r\n        [class.x-table-sticky]=\"table.getSticky(column)\"\r\n        [style.left.px]=\"column.left\"\r\n        [style.grid-area]=\"column.gridArea\"\r\n      >\r\n        <ng-container *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-container>\r\n  <x-empty *ngIf=\"isEmpty\"></x-empty>\r\n</tbody>\r\n\r\n<ng-template #virtualScrollTpl>\r\n  <cdk-virtual-scroll-viewport\r\n    #virtualBody\r\n    *ngIf=\"virtualScroll; else bodyTpl\"\r\n    [itemSize]=\"getItemSize\"\r\n    [minBufferPx]=\"minBufferPx\"\r\n    [maxBufferPx]=\"maxBufferPx\"\r\n    [style.height.px]=\"bodyHeight\"\r\n  >\r\n    <tr\r\n      *cdkVirtualFor=\"let row of data; let index = index; trackBy: trackByItem\"\r\n      [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n      [style.height.px]=\"getRowHeight\"\r\n      [style.min-height.px]=\"getRowHeight\"\r\n      (click)=\"rowClick(row)\"\r\n    >\r\n      <!-- rowHeight 为 0 的时候，index 下标获取不到 -->\r\n      <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: getIndex(index, row) }\"></ng-container>\r\n    </tr>\r\n  </cdk-virtual-scroll-viewport>\r\n</ng-template>\r\n\r\n<ng-template #bodyTpl>\r\n  <tr\r\n    *ngFor=\"let row of data; index as i; trackBy: trackByItem\"\r\n    [class.x-table-activated]=\"allowSelectRow && activatedRow?.id === row.id\"\r\n    [style.height.px]=\"getRowHeight\"\r\n    [style.min-height.px]=\"getRowHeight\"\r\n    (click)=\"rowClick(row)\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"rowTpl; context: { row: row, i: i }\"></ng-container>\r\n  </tr>\r\n</ng-template>\r\n\r\n<ng-template #rowTpl let-row=\"row\" let-i=\"i\">\r\n  <ng-container *ngFor=\"let column of columns; index as j; trackBy: trackByItem\">\r\n    <td\r\n      [style.width.px]=\"column.width\"\r\n      [style.flex]=\"column.width ? 'none' : column.flex\"\r\n      [title]=\"getTitle(row, column)\"\r\n      [class.x-table-sticky]=\"table.getSticky(column)\"\r\n      [style.left.px]=\"column.left\"\r\n    >\r\n      <ng-template *ngTemplateOutlet=\"cellTpl; context: { column: column, row: row, i: i }\"></ng-template>\r\n    </td>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #cellTpl let-column=\"column\" let-row=\"row\" let-i=\"i\">\r\n  <ng-container [ngSwitch]=\"column.type\">\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox\r\n        [data]=\"[{ id: true, label: '' }]\"\r\n        [(ngModel)]=\"row[column.id]\"\r\n        (ngModelChange)=\"table.bodyChecked($event, column)\"\r\n      ></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'index'\">\r\n      <div>{{ table.getIndex(i) }}</div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchDefault>\r\n      <ng-container *xOutlet=\"columnTpl[column.id]; context: { $column: column, $row: row }\">\r\n        <div [innerHTML]=\"row[column.id]\" [style.text-align]=\"column.textAlign\"></div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>\r\n"}]}],"members":{"tbody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":["tbody"]}]}],"virtualBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":["virtualBody"]}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":53,"character":12}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":50,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":16},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":54,"character":26}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setSubject":[{"__symbolic":"method"}],"setScroll":[{"__symbolic":"method"}],"setStyle":[{"__symbolic":"method"}],"getIndex":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"setAdaptionHeight":[{"__symbolic":"method"}],"rowClick":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}]}},"XTableFootComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTableFootProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTableFootPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":19,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"template":"<tfoot></tfoot>\r\n"}]}],"members":{"tfoot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["tfoot"]}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":27,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":29,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"XDragDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[xDrag]"}]}],"members":{"draging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":47},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":11,"character":54}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":11,"character":34},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":11,"character":97}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"XTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XDragDirective"},{"__symbolic":"reference","name":"XTableComponent"},{"__symbolic":"reference","name":"XTableProperty"},{"__symbolic":"reference","name":"XTableHeadComponent"},{"__symbolic":"reference","name":"XTableHeadProperty"},{"__symbolic":"reference","name":"XTableBodyComponent"},{"__symbolic":"reference","name":"XTableBodyProperty"},{"__symbolic":"reference","name":"XTableFootComponent"},{"__symbolic":"reference","name":"XTableFootProperty"}],"exports":[{"__symbolic":"reference","name":"XTableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":32,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/pagination","name":"XPaginationModule","line":33,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/outlet","name":"XOutletModule","line":34,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/checkbox","name":"XCheckboxModule","line":35,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":37,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/empty","name":"XEmptyModule","line":38,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/loading","name":"XLoadingModule","line":39,"character":4}]}]}],"members":{}},"XTablePrefix":"x-table","XTableProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/pagination","name":"XPaginationProperty","line":29,"character":36},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":44,"character":12},"arguments":["table",42]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":44,"character":52}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":49,"character":12},"arguments":["table",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":49,"character":57}}]}],"bordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":54,"character":12},"arguments":["table",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":54,"character":57}}]}],"activatedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"activatedRowChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":3}}]}],"headColumnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"bodyColumnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"sortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":79,"character":3}}]}],"allowSelectRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":84,"character":12},"arguments":["table",true]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":84,"character":56}}]}],"virtualScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":89,"character":12},"arguments":["table"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":89,"character":50}}]}],"bodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":94,"character":12}}]}],"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":99,"character":12},"arguments":["table",42]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":99,"character":52}}]}],"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"maxBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"adaptionHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":114,"character":12}}]}],"docPercent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":119,"character":12}}]}],"checkedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"manual":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":129,"character":12}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"manualChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"cellConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}}]}],"rowSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":149,"character":12},"arguments":["table","medium"]}]}]}},"XTableOption":{"__symbolic":"interface"},"XTableRow":{"__symbolic":"interface"},"XTableColumn":{"__symbolic":"interface"},"XTableCellConfig":{"__symbolic":"interface"},"XTableCellConfigRule":{"__symbolic":"interface"},"XTableCell":{"__symbolic":"interface"},"XColumnType":{"__symbolic":"interface"},"XTableTemplate":{"__symbolic":"interface"},"XTableHeadPrefix":"x-table-head","XTableHeadProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":402,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":401,"character":1},"arguments":[{"template":""}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":407,"character":3}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":412,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":412,"character":12}}]}],"columnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":417,"character":3}}]}],"scrollYWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":422,"character":3}}]}],"scrollXWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":427,"character":3}}]}],"cellConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":432,"character":3}}]}]}},"XTableBodyPrefix":"x-table-body","XTableBodyProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":446,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":445,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":451,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":456,"character":3}}]}],"columnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":461,"character":3}}]}],"activatedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":466,"character":3}}]}],"activatedRowChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":471,"character":3}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":476,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":476,"character":12}}]}],"bodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":481,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":481,"character":12}}]}],"allowSelectRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":486,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":486,"character":12}}]}],"virtualScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":491,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":491,"character":12}}]}],"itemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":496,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":496,"character":12}}]}],"minBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":501,"character":3}}]}],"maxBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":506,"character":3}}]}],"adaptionHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":511,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":511,"character":12}}]}],"docPercent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":516,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":516,"character":12}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":521,"character":3}}]}],"cellConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":526,"character":3}}]}]}},"XTableFootPrefix":"x-table-foot","XTableFootProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":540,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":539,"character":1},"arguments":[{"template":""}]}],"members":{}}},"origins":{"XTableComponent":"./table.component","XTableHeadComponent":"./table-head.component","XTableBodyComponent":"./table-body.component","XTableFootComponent":"./table-foot.component","XDragDirective":"./drag.directive","XTableModule":"./table.module","XTablePrefix":"./table.property","XTableProperty":"./table.property","XTableOption":"./table.property","XTableRow":"./table.property","XTableColumn":"./table.property","XTableCellConfig":"./table.property","XTableCellConfigRule":"./table.property","XTableCell":"./table.property","XColumnType":"./table.property","XTableTemplate":"./table.property","XTableHeadPrefix":"./table.property","XTableHeadProperty":"./table.property","XTableBodyPrefix":"./table.property","XTableBodyProperty":"./table.property","XTableFootPrefix":"./table.property","XTableFootProperty":"./table.property"},"importAs":"@ng-nest/ui/table"}

package/table/table-body.component.d.ts

@@ -1,10 +1,8 @@
 import { OnInit, Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges } from '@angular/core';
-import { XTableBodyProperty, XTableRow, XTableColumn } from './table.property';
+import { XTableBodyProperty, XTableRow, XTableColumn, XTableCell } from './table.property';
 import { XConfigService } from '@ng-nest/ui/core';
-import { XTableComponent } from './table.component';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 export declare class XTableBodyComponent extends XTableBodyProperty implements OnInit, OnChanges {
-    table: XTableComponent;
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
@@ -14,11 +12,14 @@ export declare class XTableBodyComponent extends XTableBodyProperty implements O
         [property: string]: any;
     };
     get isEmpty(): boolean;
+    get getRowHeight(): string | number;
+    get getItemSize(): string | number;
     tbody: ElementRef;
     virtualBody: CdkVirtualScrollViewport;
+    table: any;
     private _unSubject;
     private _resizeObserver;
-    constructor(table: XTableComponent, renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, doc: any, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, doc: any, configService: XConfigService);
     ngOnChanges(simples: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -27,6 +28,7 @@ export declare class XTableBodyComponent extends XTableBodyProperty implements O
     setScroll(): void;
     setStyle(): void;
     getIndex(index: number, item: XTableRow): number;
+    getTitle(row: XTableRow, column: XTableCell | any): string;
     setAdaptionHeight(): void;
     rowClick(row: XTableRow): void;
     trackByItem(index: number, item: XTableRow | XTableColumn): any;

package/table/table-foot.component.d.ts

@@ -1,13 +1,12 @@
 import { OnInit, Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { XTableFootProperty } from './table.property';
-import { XTableComponent } from './table.component';
 export declare class XTableFootComponent extends XTableFootProperty implements OnInit {
-    table: XTableComponent;
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
     tfoot: ElementRef;
-    constructor(table: XTableComponent, renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
+    table: any;
+    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
 }

package/table/table-head.component.d.ts

@@ -1,9 +1,7 @@
 import { OnInit, Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges } from '@angular/core';
 import { XTableHeadProperty, XTableColumn, XTableCell } from './table.property';
 import { XSort, XConfigService } from '@ng-nest/ui/core';
-import { XTableComponent } from './table.component';
 export declare class XTableHeadComponent extends XTableHeadProperty implements OnInit {
-    table: XTableComponent;
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
@@ -14,7 +12,9 @@ export declare class XTableHeadComponent extends XTableHeadProperty implements O
         [property: string]: any;
     };
     thead: ElementRef;
-    constructor(table: XTableComponent, renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
+    table: any;
+    get getRowHeight(): string | number;
+    constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnChanges(simples: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/table/table.component.d.ts

@@ -39,6 +39,7 @@ export declare class XTableComponent extends XTableProperty implements OnInit, O
     ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     ngOnDestroy(): void;
+    setClassMap(): void;
     getSticky(column: XTableColumn | XTableCell): boolean;
     getIndex(index: number): number;
     setData(): void;

package/table/table.property.d.ts

@@ -1,4 +1,4 @@
-import { XProperty, XNumber, XIdentityProperty, XId, XSort, XBoolean, XData, XTextAlign } from '@ng-nest/ui/core';
+import { XProperty, XNumber, XIdentityProperty, XId, XSort, XBoolean, XData, XTextAlign, XSize } from '@ng-nest/ui/core';
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { XPaginationProperty, XPaginationOption } from '@ng-nest/ui/pagination';
 /**
@@ -75,7 +75,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      * @zh_CN body 数据高度
      * @en_US body data height
      */
-    bodyHeight: number;
+    bodyHeight?: number;
     /**
      * @zh_CN itemSize，对应 cdk scroll 中的参数
      * @en_US itemSize，corresponding to the parameters in cdk scroll
@@ -95,7 +95,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      * @zh_CN 自适应高度，table 高度等于屏幕高度减掉此处设置的数值
      * @en_US Adaptive height, table height is equal to the screen height minus the value set here
      */
-    adaptionHeight: XNumber;
+    adaptionHeight?: XNumber;
     /**
      * @zh_CN 文档高度百分比，弹窗百分比高度用到
      * @en_US Document height percentage, used by pop-up window percentage height
@@ -117,7 +117,7 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      * @zh_CN 滚动区域高宽
      * @en_US Height and width of rolling area
      */
-    scroll: {
+    scroll?: {
         x: number;
         y: number;
     };
@@ -130,7 +130,12 @@ export declare class XTableProperty extends XPaginationProperty implements XTabl
      * @zh_CN 单元格配置
      * @en_US Cell config
      */
-    cellConfig: XTableCellConfig;
+    cellConfig?: XTableCellConfig;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    rowSize?: XSize;
 }
 /**
  * Table Option
@@ -207,6 +212,11 @@ export interface XTableOption extends XPaginationOption {
      * @en_US Cell config
      */
     cellConfig?: XTableCellConfig;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    rowSize?: XSize;
 }
 /**
  * @zh_CN 数据
@@ -389,12 +399,12 @@ export declare class XTableHeadProperty extends XProperty {
      * @zh_CN 竖向滚动条宽度
      * @en_US Vertical scroll bar width
      */
-    scrollYWidth: number;
+    scrollYWidth?: number;
     /**
      * @zh_CN 横向滚动条宽度
      * @en_US Horizontal scroll bar width
      */
-    scrollXWidth: number | null;
+    scrollXWidth?: number | null;
     /**
      * @zh_CN 单元格配置
      * @en_US Cell merge rules
@@ -445,7 +455,7 @@ export declare class XTableBodyProperty extends XProperty {
      * @zh_CN body 数据高度
      * @en_US body data height
      */
-    bodyHeight: number;
+    bodyHeight?: number;
     /**
      * @zh_CN 允许行点击选中
      * @en_US Allow row click to select
@@ -455,7 +465,7 @@ export declare class XTableBodyProperty extends XProperty {
      * @zh_CN 开启虚拟滚动
      * @en_US Turn on virtual scrolling
      */
-    virtualScroll?: XBoolean;
+    virtualScroll: XBoolean;
     /**
      * @zh_CN itemSize，对应 cdk scroll 中的参数
      * @en_US itemSize，corresponding to the parameters in cdk scroll
@@ -475,7 +485,7 @@ export declare class XTableBodyProperty extends XProperty {
      * @zh_CN 自适应高度，table 高度等于屏幕高度减掉此处设置的数值
      * @en_US Adaptive height, table height is equal to the screen height minus the value set here
      */
-    adaptionHeight: XNumber;
+    adaptionHeight?: XNumber;
     /**
      * @zh_CN 文档高度百分比，弹窗百分比高度用到
      * @en_US Document height percentage, used by pop-up window percentage height
@@ -485,7 +495,7 @@ export declare class XTableBodyProperty extends XProperty {
      * @zh_CN 滚动区域高宽
      * @en_US Height and width of rolling area
      */
-    scroll: {
+    scroll?: {
         x: number;
         y: number;
     };
@@ -504,5 +514,5 @@ export declare const XTableFootPrefix = "x-table-foot";
 /**
  * Table Foot Property
  */
-export declare class XTableFootProperty {
+export declare class XTableFootProperty extends XProperty {
 }