{"__symbolic":"module","version":4,"metadata":{"ProTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"pro-table","exportAs":"proTable","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"providers":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":22,"character":14},{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":22,"character":24}],"host":{"[class.pro-table-show-operation]":"showColumnSelector || showRefresh","$quoted$":["[class.pro-table-show-operation]"]},"template":"<nz-table #table\n          [nzSize]=\"size\"\n          [nzFrontPagination]=\"frontPagination\"\n          [nzData]=\"data\"\n          [nzBordered]=\"bordered\"\n          [nzOuterBordered]=\"bordered\"\n          [(nzPageIndex)]=\"pageIndex\"\n          [(nzPageSize)]=\"pageSize\"\n          [nzTotal]=\"total\"\n          [nzShowPagination]=\"showPagination\"\n          [nzShowSizeChanger]=\"showSizeChanger\"\n          [nzPageSizeOptions]=\"pageSizeOptions\"\n          [nzPaginationPosition]=\"'bottom'\"\n          [nzPaginationType]=\"paginationType\"\n          [nzShowQuickJumper]=\"showQuickJumper\"\n          [nzShowTotal]=\"totalTemplate\"\n          (nzPageIndexChange)=\"change('pageIndex')\"\n          (nzPageSizeChange)=\"change('pageSize')\"\n          [nzLoading]=\"loading\"\n          [nzScroll]=\"scroll\"\n          [nzVirtualItemSize]=\"virtualItemSize\"\n          [nzVirtualMaxBufferPx]=\"virtualMaxBufferPx\"\n          [nzVirtualMinBufferPx]=\"virtualMinBufferPx\"\n          [nzVirtualForTrackBy]=\"virtualForTrackBy\"\n          [nzTitle]=\"title\"\n          [nzFooter]=\"footer\"\n          (nzCurrentPageDataChange)=\"currentPageDataChange.emit($event)\">\n  <thead>\n  <tr>\n    <ng-container *ngIf=\"nestedTableTemplate\">\n      <th nzWidth=\"30px\"></th>\n    </ng-container>\n    <ng-container *ngIf=\"selectType === 'radio'\">\n      <th [nzWidth]=\"selectColumnWidth\" [nzLeft]=\"'0px'\"></th>\n    </ng-container>\n    <ng-container *ngIf=\"selectType === 'checkbox'\">\n      <th [nzWidth]=\"selectColumnWidth\" [nzLeft]=\"'0px'\" nzShowCheckbox [nzChecked]=\"checkedAll\"\n          [nzIndeterminate]=\"checkedIndeterminate\"\n          [nzDisabled]=\"selectDisabled.length > 0\"\n          (nzCheckedChange)=\"onCheckAll($event)\"></th>\n    </ng-container>\n    <ng-container *ngFor=\"let c of columns; let cIndex = index; let cLast = last\">\n      <ng-container *ngIf=\"c.show === false ? false : true\">\n        <th *ngIf=\"acl(c.acl)\"\n            [nzAlign]=\"'center'\"\n            [nzWidth]=\"c.width? c.width : null\"\n            [nzLeft]=\"getTdLeft(c)\"\n            [nzRight]=\"c.right ? c.right : false\">\n          {{c.title}}\n        </th>\n      </ng-container>\n    </ng-container>\n  </tr>\n  </thead>\n  <tbody>\n  <ng-container *ngIf=\"bodyHeader\">\n    <ng-template [ngTemplateOutlet]=\"bodyHeader\" [ngTemplateOutletContext]=\"{$implicit: data }\"></ng-template>\n  </ng-container>\n  <ng-container *ngIf=\"!virtualScroll; else virtualScrollTemplate\">\n    <ng-container *ngFor=\"let d of data; let dIndex = index\">\n      <ng-template [ngTemplateOutlet]=\"bodyTpl\"\n                   [ngTemplateOutletContext]=\"{ $implicit: d, index: dIndex }\"></ng-template>\n    </ng-container>\n  </ng-container>\n  <ng-template #virtualScrollTemplate>\n    <ng-template nz-virtual-scroll let-d let-dIndex=\"index\">\n      <ng-template [ngTemplateOutlet]=\"bodyTpl\"\n                   [ngTemplateOutletContext]=\"{ $implicit: d, index: dIndex }\"></ng-template>\n    </ng-template>\n  </ng-template>\n  <ng-template #bodyTpl let-d let-dIndex=\"index\">\n    <tr (dblclick)=\"dblClickChange.emit(d)\"\n        (click)=\"trClick(d)\"\n        [ngStyle]=\"rowColor(d)\">\n      <ng-container *ngIf=\"nestedTableTemplate\">\n        <td [(nzExpand)]=\"d.expand\" (nzExpandChange)=\"expandChange(d.expand,d,dIndex)\"></td>\n      </ng-container>\n      <ng-container *ngIf=\"selectType === 'radio'\">\n        <td [nzAlign]=\"'center'\" [nzLeft]=\"'0px'\">\n          <label style=\"margin: 0\"\n                 nz-radio\n                 [nzValue]=\"d[selectKey]\"\n                 [nzDisabled]=\"getTdDisabled(d)\"\n                 [ngModel]=\"setOfCheckedId.has(d[selectKey])\"\n                 (ngModelChange)=\"onCheckedChange(d[selectKey],$event)\"></label>\n        </td>\n      </ng-container>\n      <ng-container *ngIf=\"selectType === 'checkbox'\">\n        <td nzShowCheckbox [nzLeft]=\"'0px'\"\n            [nzChecked]=\"setOfCheckedId.has(d[selectKey])\"\n            [nzDisabled]=\"getTdDisabled(d)\"\n            (nzCheckedChange)=\"onCheckedChange(d[selectKey],$event)\"></td>\n      </ng-container>\n      <ng-container *ngFor=\"let c of columns; let cIndex = index; let cLast = last\">\n        <ng-container *ngIf=\"c.show === false ? false : true\">\n          <td *ngIf=\"acl(c.acl)\"\n              [nzAlign]=\"getTdAlign(c)\"\n              [nzLeft]=\"getTdLeft(c)\"\n              [nzRight]=\"c.right ? c.right : false\"\n              [nzEllipsis]=\"c.left || c.right || c.ellipsis === false  ? false : true\"\n              [nzBreakWord]=\"c.breakWord ? c.breakWord: false \"\n              [ngStyle]=\"rowColor(d)\">\n            <ng-container *ngIf=\"!hidden(c.hidden,d)\">\n              <ng-container [ngSwitch]=\"c.type\">\n                <ng-container *ngSwitchCase=\"'no'\">\n                  {{(pageIndex - 1) * pageSize + 1 + dIndex}}\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'link'\">\n                  <a (click)=\"tdClick(d, c, $event)\"\n                     [innerHTML]=\"getTdValue(d, c)\" [attr.title]=\"getTdValue(d, c)\"\n                     [style]=\"getTdStyle(d,c)\" [class]=\"getTdClass(d,c)\">\n                  </a>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'badge'\">\n                  <ng-container *ngIf=\"getBadgeConfig(d, c) && getBadgeConfig(d, c).text\">\n                    <nz-badge [nzColor]=\"getBadgeConfig(d,c).color\"\n                              [nzText]=\"getBadgeConfig(d,c).text\"\n                              [style]=\"getTdStyle(d,c)\" [class]=\"getTdClass(d,c)\">\n                    </nz-badge>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'tag'\">\n                  <ng-container *ngIf=\"getTagConfig(d, c) && getTagConfig(d, c).text\">\n                    <nz-tag [nzColor]=\"getTagConfig(d,c).color\"\n                            [style]=\"getTdStyle(d,c)\" [class]=\"getTdClass(d,c)\">\n                      {{getTagConfig(d, c).text}}\n                    </nz-tag>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'img'\">\n                  <ng-container *ngIf=\"getTdValue(d, c)\">\n                    <img nz-image\n                         [nzSrc]=\"getTdValue(d, c)\"\n                         [attr.width]=\"c.img && c.img.width ? c.img.width : '60px'\"\n                         [attr.height]=\"c.img && c.img.height ? c.img.height : '60px'\"\n                         [style]=\"getTdStyle(d,c)\" [class]=\"getTdClass(d,c)\"/>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'currency'\">\n                  <span [style]=\"getTdStyle(d,c)\" [class]=\"getTdClass(d,c)\">{{getTdValue(d, c)}}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'date'\">\n                  <span [style]=\"getTdStyle(d,c)\" [class]=\"getTdClass(d,c)\">{{getTdValue(d, c)}}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'operation'\">\n                  <ng-container *ngFor=\"let btn of c.operation; let i = index\">\n                    <ng-container *ngIf=\"show(btn.show,d)\">\n                      &nbsp;\n                      <ng-container *ngIf=\"btn.type === 'link'\">\n                        <a (click)=\"tdClick(d, btn, $event)\"\n                           [innerHTML]=\"btn.title\"\n                           [attr.title]=\"btn.title\"\n                           [style]=\"getTdStyle(d,btn)\"\n                           [class]=\"getTdClass(d,btn)\">\n                        </a>\n                      </ng-container>\n                      <ng-container *ngIf=\"btn.type === 'popConfirm'\">\n                        <a nz-popconfirm\n                           [nzPopconfirmTitle]=\"btn.popConfirmTitle ? btn.popConfirmTitle : ''\"\n                           (nzOnConfirm)=\"tdClick(d, btn)\"\n                           [style]=\"getTdStyle(d,btn)\"\n                           [class]=\"getTdClass(d,btn)\">\n                          {{btn.title}}\n                        </a>\n                      </ng-container>\n                      &nbsp;\n                    </ng-container>\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'widget'\">\n                  <ng-template pro-table-widget [record]=\"d\" [column]=\"c\"></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchDefault>\n                  <ng-container *ngIf=\"c.ellipsis\">\n                        <span nz-tooltip\n                              [nzTooltipTitle]=\"getTdValue(d, c)\"\n                              nzTooltipPlacement=\"topLeft\"\n                              [style]=\"getTdStyle(d,c)\"\n                              [class]=\"getTdClass(d,c)\">\n                          {{getTdValue(d, c)}}\n                        </span>\n                  </ng-container>\n                  <ng-container *ngIf=\"!c.ellipsis\">\n                    <span [style]=\"getTdStyle(d,c)\" [class]=\"getTdClass(d,c)\">{{getTdValue(d, c)}}</span>\n                  </ng-container>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </td>\n        </ng-container>\n      </ng-container>\n    </tr>\n    <!-- 嵌套表格 -->\n    <ng-container *ngIf=\"nestedTableTemplate\">\n      <tr [nzExpand]=\"d.expand\">\n        <ng-container [ngTemplateOutlet]=\"nestedTableTemplate\" [ngTemplateOutletContext]=\"{record: d}\"></ng-container>\n      </tr>\n    </ng-container>\n  </ng-template>\n  <ng-container *ngIf=\"bodyFooter\">\n    <ng-template [ngTemplateOutlet]=\"bodyFooter\" [ngTemplateOutletContext]=\"{$implicit: data }\"></ng-template>\n  </ng-container>\n  </tbody>\n</nz-table>\n<div *ngIf=\"data && data.length === 0\"\n     class=\"ant-table-pagination ant-table-pagination-right ant-pagination\"\n     style=\"position: relative;\">\n  共{{ 0 }} 条\n  <ng-container *ngIf=\"showColumnSelector || showRefresh\">\n    <pro-table-col-operation [size]=\"paginationType\"\n                             [showColumnSelector]=\"showColumnSelector\"\n                             [showRefresh]=\"showRefresh\"\n                             [columns]=\"columns\"\n                             (refreshChange)=\"refreshChange.emit()\"\n                             (columnsChange)=\"columnsSelectorChange($event)\">\n    </pro-table-col-operation>\n  </ng-container>\n</div>\n<ng-template #totalTemplate let-total>\n  共{{ total }} 条\n  <ng-container *ngIf=\"showColumnSelector || showRefresh\">\n    <pro-table-col-operation [size]=\"paginationType\"\n                             [showColumnSelector]=\"showColumnSelector\"\n                             [showRefresh]=\"showRefresh\"\n                             [columns]=\"columns\"\n                             (refreshChange)=\"refreshChange.emit()\"\n                             (columnsChange)=\"columnsSelectorChange($event)\">\n    </pro-table-col-operation>\n  </ng-container>\n</ng-template>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":34,"character":32},{"__symbolic":"reference","module":"@angular/common","name":"CurrencyPipe","line":35,"character":36}]}],"selectedIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"selectedId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"pageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"total":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"frontPagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"showPagination":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"showSizeChanger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"pageSizeOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"showQuickJumper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"paginationType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"bordered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"selectType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"selectColumnWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"selectDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"showColumnSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"showRefresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"virtualScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"virtualItemSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"virtualMaxBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"virtualMinBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"nestedTableTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"nestedExpandChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"bodyHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"bodyFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"pageSizeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":95,"character":3}}]}],"pageIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":96,"character":3}}]}],"selectedIdsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"selectedIdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":98,"character":3}}]}],"columnsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":3}}]}],"refreshChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"currentPageDataChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":101,"character":3}}]}],"dblClickChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":102,"character":3}}]}],"clickChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":103,"character":3}}]}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":105,"character":3},"arguments":["table"]}]}],"virtualForTrackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"parseTdValue":[{"__symbolic":"method"}],"getTdValue":[{"__symbolic":"method"}],"getTdAlign":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"tdClick":[{"__symbolic":"method"}],"trClick":[{"__symbolic":"method"}],"rowColor":[{"__symbolic":"method"}],"onCheckAll":[{"__symbolic":"method"}],"onCheckedChange":[{"__symbolic":"method"}],"updateCheckedSet":[{"__symbolic":"method"}],"refreshCheckedStatus":[{"__symbolic":"method"}],"columnsSelectorChange":[{"__symbolic":"method"}],"getTagConfig":[{"__symbolic":"method"}],"getBadgeConfig":[{"__symbolic":"method"}],"acl":[{"__symbolic":"method"}],"hidden":[{"__symbolic":"method"}],"getTdLeft":[{"__symbolic":"method"}],"getTdStyle":[{"__symbolic":"method"}],"getTdClass":[{"__symbolic":"method"}],"getTdDisabled":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"expandChange":[{"__symbolic":"method"}]}},"ProTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":12},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":23,"character":26},{"__symbolic":"reference","module":"ng-zorro-antd/table","name":"NzTableModule","line":23,"character":42},{"__symbolic":"reference","module":"ng-zorro-antd/badge","name":"NzBadgeModule","line":23,"character":57},{"__symbolic":"reference","module":"ng-zorro-antd/tag","name":"NzTagModule","line":24,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/radio","name":"NzRadioModule","line":24,"character":17},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":24,"character":32},{"__symbolic":"reference","module":"ng-zorro-antd/input","name":"NzInputModule","line":24,"character":45},{"__symbolic":"reference","module":"ng-zorro-antd/popconfirm","name":"NzPopconfirmModule","line":24,"character":60},{"__symbolic":"reference","module":"ng-zorro-antd/popover","name":"NzPopoverModule","line":25,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/switch","name":"NzSwitchModule","line":25,"character":21},{"__symbolic":"reference","module":"ng-zorro-antd/button","name":"NzButtonModule","line":25,"character":37},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":25,"character":53},{"__symbolic":"reference","module":"ng-zorro-antd/divider","name":"NzDividerModule","line":25,"character":67},{"__symbolic":"reference","module":"ng-zorro-antd/image","name":"NzImageModule","line":26,"character":4},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":26,"character":19},{"__symbolic":"reference","module":"ng-zorro-antd/space","name":"NzSpaceModule","line":26,"character":36}],"exports":[{"__symbolic":"reference","name":"ProTableComponent"},{"__symbolic":"reference","name":"ProTableOperationComponent"},{"__symbolic":"reference","name":"ProTableWidgetDirective"}],"declarations":[{"__symbolic":"reference","name":"ProTableComponent"},{"__symbolic":"reference","name":"ProTableOperationComponent"},{"__symbolic":"reference","name":"ProTableWidgetDirective"}]}]}],"members":{}},"ProTableData":{"__symbolic":"interface"},"ProTableColumn":{"__symbolic":"interface"},"ProTableWidgetColumn":{"__symbolic":"interface"},"ProTablePageChange":{"__symbolic":"interface"},"ProTableSelectChange":{"__symbolic":"interface"},"STColumnBadge":{"__symbolic":"interface"},"STColumnBadgeValue":{"__symbolic":"interface"},"ProTableOperation":{"__symbolic":"interface"},"ProTableTagType":{"__symbolic":"interface"},"ProTableTagTypeValue":{"__symbolic":"interface"},"ProTableBadgeType":{"__symbolic":"interface"},"ProTableBadgeTypeValue":{"__symbolic":"interface"},"NestedExpandData":{"__symbolic":"interface"},"ProTableOperationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"pro-table-col-operation","exportAs":"proTableColOperation","preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":17},"member":"None"},"template":"\n    <nz-button-group [nzSize]=\"size\">\n      <button *ngIf=\"showRefresh\" nz-button nzType=\"default\" nzType=\"default\" (click)=\"refreshChange.emit()\">\n        <i nz-icon nzType=\"sync\" nzTheme=\"outline\" nz-tooltip nzTooltipTitle=\"刷新\"></i>\n      </button>\n      <button *ngIf=\"showColumnSelector\"\n              nz-button\n              nzType=\"default\"\n              nz-popover\n              nzPopoverTrigger=\"click\"\n              [(nzPopoverVisible)]=\"popoverVisible\"\n              (nzPopoverVisibleChange)=\"visibleChange($event)\"\n              [nzPopoverContent]=\"contentTemplate\"\n              [nzPopoverOverlayClassName]=\"'pro-table-col-selector'\">\n        <i nz-icon nzType=\"unordered-list\" nzTheme=\"outline\"\n           nz-tooltip nzTooltipTitle=\"列设置\"></i>\n      </button>\n    </nz-button-group>\n\n    <ng-template #contentTemplate>\n      <div class=\"pro-table-col-selector-header\">\n        <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n          <input type=\"text\" nz-input [nzSize]=\"size\" placeholder=\"搜索字段\" [(ngModel)]=\"kw\" (ngModelChange)=\"search()\"/>\n        </nz-input-group>\n        <ng-template #suffixIconSearch>\n          <i nz-icon nzType=\"search\"></i>\n        </ng-template>\n      </div>\n      <div class=\"pro-table-col-selector-container\">\n        <ul class=\"pro-table-col-selector-container-list pro-table-col-selector-container-list-fixed\">\n          <ng-container *ngFor=\"let column of fixLeftColumns\">\n            <li *ngIf=\"acl(column)\" class=\"pro-table-col-selector-container-item\">\n              <nz-switch [nzSize]=\"size\" [ngModel]=\"column.show\" [nzDisabled]=\"true\"></nz-switch>\n              <span class=\"pro-table-col-selector-container-item-label\">{{column.title}}</span>\n            </li>\n          </ng-container>\n        </ul>\n        <ul cdkDropList class=\"pro-table-col-selector-container-list pro-table-col-selector-container-list-sortable\"\n            (cdkDropListDropped)=\"drop($event)\">\n          <ng-container *ngFor=\"let column of middleColumns\">\n            <li *ngIf=\"acl(column)\"\n                class=\"pro-table-col-selector-container-item pro-table-col-selector-item-sortable\"\n                [ngClass]=\"{'search-matched':searchMatchedColumns.includes(column.title)}\"\n                cdkDrag\n                cdkDragLockAxis=\"y\">\n              <nz-switch [nzSize]=\"size\" [(ngModel)]=\"column.show\"></nz-switch>\n              <span class=\"pro-table-col-selector-container-item-label\">{{column.title}}</span>\n            </li>\n          </ng-container>\n        </ul>\n        <ul class=\"pro-table-col-selector-container-list pro-table-col-selector-container-list-fixed\">\n          <ng-container *ngFor=\"let column of fixRightColumns\">\n            <li *ngIf=\"acl(column)\" class=\"pro-table-col-selector-container-item\">\n              <nz-switch [nzSize]=\"size\" [ngModel]=\"column.show\" [nzDisabled]=\"true\"></nz-switch>\n              <span class=\"pro-table-col-selector-container-item-label\">{{column.title}}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"pro-table-col-selector-footer\">\n        <button nz-button nzType=\"primary\" [nzSize]=\"size\" (click)=\"submit()\">确定</button>\n        <button nz-button [nzSize]=\"size\" (click)=\"reset()\">重置</button>\n      </div>\n    </ng-template>\n  "}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"showRefresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"showColumnSelector":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"columnsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":83,"character":3}}]}],"refreshChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"visibleChange":[{"__symbolic":"method"}],"parseFixedColumns":[{"__symbolic":"method"}],"parseMiddleColumns":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"acl":[{"__symbolic":"method"}]}},"ProTableWidgetDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[pro-table-widget]"}]}],"members":{"record":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ProTableWidgetService"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":12,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":13,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ProTableWidgetService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"register":[{"__symbolic":"method"}],"has":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"ProTableComponent":"./table.component","ProTableModule":"./table.module","ProTableData":"./table.type","ProTableColumn":"./table.type","ProTableWidgetColumn":"./table.type","ProTablePageChange":"./table.type","ProTableSelectChange":"./table.type","STColumnBadge":"./table.type","STColumnBadgeValue":"./table.type","ProTableOperation":"./table.type","ProTableTagType":"./table.type","ProTableTagTypeValue":"./table.type","ProTableBadgeType":"./table.type","ProTableBadgeTypeValue":"./table.type","NestedExpandData":"./table.type","ProTableOperationComponent":"./table-operation.component","ProTableWidgetDirective":"./table-widget.directive","ProTableWidgetService":"./table-widget.service"},"importAs":"ng-zorro-pro/table"}