{"__symbolic":"module","version":4,"metadata":{"PaginationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ui-pagination","template":"\n    <div class=\"pagination\">\n      <div class=\"buttons\">\n        <a [class.disabled]=\"pageIndex === 1\" (click)=\"goPage(pageIndex - 1)\"\n          ><i class=\"iconfont icon-angle-left\"></i\n        ></a>\n        <ng-template ngFor let-item let-i=\"index\" [ngForOf]=\"pages\">\n          <a *ngIf=\"item === 1 && !canShow(1)\" (click)=\"goPage(pageIndex - 4)\">...</a>\n          <a *ngIf=\"canShow(item)\" (click)=\"goPage(item)\" [class.active]=\"pageIndex === item\">{{ item }}</a>\n        </ng-template>\n        <a *ngIf=\"pages.length > 10 && pages.length - pageIndex > 4\" (click)=\"goPage(pageIndex + 4)\">...</a>\n        <a [class.disabled]=\"pageIndex === pages.length\" (click)=\"goPage(pageIndex + 1)\"\n          ><i class=\"iconfont icon-angle-right\"></i\n        ></a>\n      </div>\n      <div class=\"full\">\n        <ui-select\n          *ngIf=\"options.pageCount\"\n          class=\"ml10\"\n          [class.up]=\"up\"\n          style=\"width: .85rem\"\n          [(ngModel)]=\"pageCount\"\n          [options]=\"countOptions\"\n          [multi]=\"false\"\n          (change)=\"onCountChange()\"\n        ></ui-select>\n        <span class=\"nowrap ml10\">\n          跳至\n          <input\n            type=\"number\"\n            class=\"input inline\"\n            style=\"width: .5rem\"\n            [(ngModel)]=\"goIndex\"\n            (change)=\"onGo()\"\n            uiIsPositiveInteger\n          />\n          页\n        </span>\n      </div>\n      <div>共{{ pages.length }}页，{{ pageTotal }}条记录</div>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":57,"character":17},"member":"None"},"styles":[".pagination{display:flex;align-items:center}.pagination>.full{white-space:nowrap;width:auto!important;flex-grow:1}.pagination .buttons{display:flex;align-items:center;white-space:nowrap}.pagination .buttons>a{text-decoration:none;background-color:#fff;border:1px solid #c4c9cd;height:.3rem;line-height:.28rem;width:.32rem;text-align:center}.pagination .buttons>a:not(:last-child){border-right:none}.pagination .buttons>a:first-child{border-top-left-radius:.04rem;border-bottom-left-radius:.04rem}.pagination .buttons>a:last-child{border-top-right-radius:.04rem;border-bottom-right-radius:.04rem}.pagination .buttons>a.active{color:#fff!important;background-color:#26bbf0!important;border-color:#26bbf0!important}.pagination .buttons>a:hover{background-color:#f3f3f3}.pagination .buttons>a.disabled{color:#c4c9cd!important}.pagination .buttons>a.disabled:hover{background-color:#fff}.up .ui-select .dropdown-list{top:initial;bottom:calc(100% + 1px);border-top:1px solid #26bbf0;border-bottom:none;border-radius:.04rem .04rem 0 0}.up .ui-select.show-dropdown.input{border-bottom:1px solid #26bbf0;border-radius:0 0 .04rem .04rem}"]}]}],"members":{"pageIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"pageIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":61,"character":3}}]}],"pageCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"pageCountChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":63,"character":3}}]}],"pageTotal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"up":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":101,"character":30},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":101,"character":61}]}],"ngOnInit":[{"__symbolic":"method"}],"setPages":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"goPage":[{"__symbolic":"method"}],"canShow":[{"__symbolic":"method"}],"onCountChange":[{"__symbolic":"method"}],"onGo":[{"__symbolic":"method"}]}},"PaginationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":26},{"__symbolic":"reference","module":"le5le-components/select","name":"SelectModule","line":8,"character":39}],"declarations":[{"__symbolic":"reference","name":"PaginationComponent"}],"exports":[{"__symbolic":"reference","name":"PaginationComponent"}]}]}],"members":{}}},"origins":{"PaginationComponent":"./pagination.component","PaginationModule":"./pagination.module"},"importAs":"le5le-components/pagination"}