[{"__symbolic":"module","version":4,"metadata":{"SortEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sort-editor","template":"<div class=\"table-header \"> <table class=\"table table-bordered\" style=\"margin-bottom: 0\"> <colgroup> <col *ngFor=\"let s of columnSizeData\" [width]=\" s + 'px'\"> </colgroup> <thead> <tr> <th></th> <th><b>字段</b></th> <th><b>排序</b></th> </tr> </thead> </table> </div> <div class=\"table-body flex-fill\" style=\"overflow: hidden\" #tablebodybox> <perfect-scrollbar [config]=\"{}\" [style.height]=\"height- 165 + 'px'\"> <table class=\"table table-bordered\"> <colgroup> <col *ngFor=\"let s of columnSizeData\" [width]=\" s + 'px'\"> </colgroup> <tbody> <tr *ngFor=\"let condition of conditions; let index=index;\" (click)=\"selected({'index':index, 'condition': condition})\" [class.selected]=\"isSelected(index)\" > <td style=\"padding-left: 0; padding-right: 0; text-align: center\"> <button type=\"button\" (click)=\"insertCondition(index)\" class=\"k-button k-button-icon k-flat\"><span class=\"k-icon k-i-plus\"></span></button> <button type=\"button\" (click)=\"removeCondition(index)\" class=\"k-button k-button-icon k-flat\"><span class=\"k-icon k-i-minus\"></span></button> </td> <td> <select class=\"form-control filter-select\" [(ngModel)]=\"condition.sortField\" name=\"sortField\"> <option *ngFor=\"let col of columns\" [value]=\"col.value\">{{ col.label }}</option> </select> </td> <td> <select class=\"form-control filter-select\" [(ngModel)]=\"condition.sortType\" name=\"sortType\"> <option *ngFor=\"let item of sortTypes\" [value]=\"item.value\">{{ item.label }}</option> </select> </td> </tr> </tbody> </table> </perfect-scrollbar> </div> <div class=\"footer-container\"> <button type=\"button\" (click)=\"onAdd()\" class=\"k-button k-button-icontext k-flat \"><span class=\"k-icon k-i-add\"></span> 添加</button> <button type=\"button\" (click)=\"onClear()\" [disabled]=\"!conditions.length\" class=\"k-button k-button-icontext k-flat \"><span class=\"k-icon k-i-delete\"></span> 清空</button> <button type=\"button\" [disabled]=\"!canMoveUp()\" (click)=\"onMoveTop()\" class=\"k-button k-button-icontext k-flat \"><span class=\"k-icon k-i-arrow-end-up\"></span> 置顶</button> <button type=\"button\" [disabled]=\"!canMoveUp()\" (click)=\"onMovePrev()\" class=\"k-button k-button-icontext k-flat \"><span class=\"k-icon k-i-arrow-60-up\"></span> 上移</button> <button type=\"button\" [disabled]=\"!canMoveDown()\" (click)=\"onMoveNext()\" class=\"k-button k-button-icontext k-flat \"><span class=\"k-icon k-i-arrow-60-down\"></span> 下移</button> <button type=\"button\" [disabled]=\"!canMoveDown()\" (click)=\"onMoveBottom()\" class=\"k-button k-button-icontext k-flat\"><span class=\"k-icon k-i-arrow-end-down\"></span> 置底</button> </div>","styles":["\n        .filter-select { width:100%; padding-left: 0; padding-right: 0; }\n        .selected { background: #c2e4ff; }\n        "]}]}],"members":{"cls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":5},"arguments":["class"]}]}],"conditions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"sortsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../container/modal","name":"MessagerService","line":37,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"insertCondition":[{"__symbolic":"method"}],"removeCondition":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"onMoveTop":[{"__symbolic":"method"}],"onMovePrev":[{"__symbolic":"method"}],"onMoveNext":[{"__symbolic":"method"}],"onMoveBottom":[{"__symbolic":"method"}],"canUse":[{"__symbolic":"method"}],"canMoveUp":[{"__symbolic":"method"}],"canMoveDown":[{"__symbolic":"method"}],"changeConditionList":[{"__symbolic":"method"}]}}}}]