jpush-ui/pager/pager.component.metadata.json

极光大数据前端Angular组件（^6.1.0）

[{"__symbolic":"module","version":4,"metadata":{"PagerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"jui-pager","template":"\n      <div class=\"jui-pager\" [style.height.px]=\"height\"\n          *ngIf=\"this.page.total > 0\">\n          <div class=\"jpager-left\" [style.line-height.px]=\"height\"\n              *ngIf=\"showInfo\" [style.float]=\"align!=='right'?'left': 'right'\">\n              {{page.start + 1}} - {{page.end}}条，共{{page.total}}条\n          </div>\n          <div class=\"jpager-right\" [style.float]=\"align!=='left'?'right': 'left'\">\n              <div class=\"inner jump\">\n                  <div class=\"addition-wrap\">\n                      <label class=\"desc\" *ngIf=\"showJumpTool\">转到:\n                          <jui-select [selected]=\"page.curPage + 1\" \n                              (selectedChange)=\"onPageNoChange($event)\"\n                              [dataSrc]=\"page.allPageNos\"\n                              minWidth=\"50\" [height]=\"height\">\n                          </jui-select>页\n                      </label>\n                      <span *ngIf=\"showTotalPages\">/ 共{{page.totalPage}}页</span>\n                  </div>\n                  <div class=\"addition-wrap\" *ngIf=\"showPageTool\">\n                      <label class=\"desc\">每页:\n                          <jui-select [(selected)]=\"page.pageSize\"\n                              (selectedChange)=\"onSizeChange($event)\"\n                              [dataSrc]=\"page.pageSizeOpts\"\n                              minWidth=\"50\" [height]=\"height\">\n                          </jui-select>条\n                      </label>\n                  </div>\n              </div>\n              <div class=\"inner page-nos\">\n                  <ul>\n                      <li (click)=\"goFirstPage()\" [ngClass]=\"page.curPage !== 0 ? 'clickable' : 'disabled' \">\n                          <a href=\"javascript:void(0);\"\n                              [style.width.px]=\"height\"\n                              [style.height.px]=\"height - 2\">«</a>\n                      </li>\n                      <li (click)=\"goPrevPage()\" [ngClass]=\"page.curPage !== 0 ? 'clickable' : 'disabled' \">\n                          <a href=\"javascript:void(0);\"\n                              [style.width.px]=\"height\"\n                              [style.height.px]=\"height - 2\">‹</a>\n                      </li>\n                      <li (click)=\"selectPage(index)\"\n                          *ngFor=\"let index of page.pageNos\"\n                          [ngClass]=\"index === page.curPage + 1 ? 'active' : 'clickable' \">\n                          <a href=\"javascript:void(0);\"\n                              [style.width.px]=\"height\"\n                              [style.height.px]=\"height - 2\">{{index}}</a>\n                      </li>\n                      <li (click)=\"goNextPage()\" [ngClass]=\"page.curPage !== page.totalPage - 1 ? 'clickable' : 'disabled' \">\n                          <a href=\"javascript:void(0);\"\n                              [style.width.px]=\"height\"\n                              [style.height.px]=\"height - 2\">›</a>\n                      </li>\n                      <li (click)=\"goLastPage()\" [ngClass]=\"page.curPage !== page.totalPage - 1 ? 'clickable' : 'disabled' \">\n                          <a href=\"javascript:void(0);\"\n                              [style.width.px]=\"height\"\n                              [style.height.px]=\"height - 2\">»</a>\n                      </li>\n                  </ul>\n              </div>\n          </div>\n      </div>\n    ","styles":["\n      @font-face {\n        font-family: 'iconfont';\n        /* project id 290315 */\n        src: url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.eot\");\n        src: url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.eot?#iefix\") format(\"embedded-opentype\"), url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.woff\") format(\"woff\"), url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.ttf\") format(\"truetype\"), url(\"//at.alicdn.com/t/font_290315_x4r2fph1yvutbj4i.svg#iconfont\") format(\"svg\"); }\n\n      .iconfont {\n        display: inline-block;\n        vertical-align: baseline;\n        font-family: \"iconfont\" !important;\n        font-style: normal;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale; }\n\n      .icon-jui-alert:before {\n        content: \"\\e600\"; }\n\n      .icon-jui-search:before {\n        content: \"\\e630\"; }\n\n      .icon-jui-paper3:before {\n        content: \"\\e652\"; }\n\n      .icon-jui-setting:before {\n        content: \"\\e602\"; }\n\n      .icon-jui-left2:before {\n        content: \"\\e697\"; }\n\n      .icon-jui-wrong:before {\n        content: \"\\e69a\"; }\n\n      .icon-jui-up2:before {\n        content: \"\\e6a5\"; }\n\n      .icon-jui-down2:before {\n        content: \"\\e6a6\"; }\n\n      .icon-jui-right2:before {\n        content: \"\\e6a7\"; }\n\n      .icon-jui-correct2:before {\n        content: \"\\e627\"; }\n\n      .icon-jui-qq:before {\n        content: \"\\e63a\"; }\n\n      .icon-jui-email:before {\n        content: \"\\e62a\"; }\n\n      .icon-jui-edit:before {\n        content: \"\\e686\"; }\n\n      .icon-jui-download2:before {\n        content: \"\\e714\"; }\n\n      .icon-jui-speaker:before {\n        content: \"\\e85c\"; }\n\n      .icon-jui-add:before {\n        content: \"\\e609\"; }\n\n      .icon-jui-msg:before {\n        content: \"\\e613\"; }\n\n      .icon-jui-minus:before {\n        content: \"\\e601\"; }\n\n      .icon-jui-up:before {\n        content: \"\\e658\"; }\n\n      .icon-jui-letter-open:before {\n        content: \"\\e61d\"; }\n\n      .icon-jui-down:before {\n        content: \"\\ed22\"; }\n\n      .icon-jui-info:before {\n        content: \"\\e685\"; }\n\n      .icon-jui-cross2:before {\n        content: \"\\e6b4\"; }\n\n      .icon-jui-paper2:before {\n        content: \"\\e71e\"; }\n\n      .icon-jui-loading:before {\n        content: \"\\eee3\"; }\n\n      .icon-jui-road-sign:before {\n        content: \"\\e604\"; }\n\n      .icon-jui-left:before {\n        content: \"\\e66a\"; }\n\n      .icon-jui-letter:before {\n        content: \"\\e605\"; }\n\n      .icon-jui-right:before {\n        content: \"\\e64d\"; }\n\n      .icon-jui-back-top:before {\n        content: \"\\e628\"; }\n\n      .icon-jui-dropdown:before {\n        content: \"\\e75a\"; }\n\n      .icon-jui-down3:before {\n        content: \"\\e629\"; }\n\n      .icon-jui-alarm:before {\n        content: \"\\e6c2\"; }\n\n      .icon-jui-paper:before {\n        content: \"\\e612\"; }\n\n      .icon-jui-cross:before {\n        content: \"\\e6b0\"; }\n\n      .icon-jui-correct:before {\n        content: \"\\e6b3\"; }\n\n      .icon-jui-up3:before {\n        content: \"\\eee4\"; }\n\n      .icon-jui-username:before {\n        content: \"\\e670\"; }\n\n      .icon-jui-password:before {\n        content: \"\\e615\"; }\n\n      .icon-jui-slideLeft:before {\n        content: \"\\e603\"; }\n\n      .icon-jui-slideRight:before {\n        content: \"\\e641\"; }\n\n      /* icon Animate */\n      .icon-doTurn {\n        -webkit-animation: doTurn 1s infinite linear;\n        animation: doTurn 1s infinite linear; }\n\n      @-webkit-keyframes doTurn {\n        0% {\n          -webkit-transform-origin: 50% 50%;\n          -webkit-transform: rotate(0deg); }\n        to {\n          -webkit-transform-origin: 50% 50%;\n          -webkit-transform: rotate(1turn); } }\n\n      @keyframes doTurn {\n        0% {\n          transform-origin: 50% 50%;\n          transform: rotate(0deg); }\n        to {\n          transform-origin: 50% 50%;\n          transform: rotate(1turn); } }\n      jui-pager .jui-pager {\n        width: 100%; }\n        jui-pager .jui-pager .hidden {\n          display: none; }\n        jui-pager .jui-pager .jpager-left {\n          float: left;\n          margin-left: 0;\n          font-size: 12px;\n          color: #4190EE; }\n        jui-pager .jui-pager .jpager-right {\n          margin-right: 0;\n          display: inline-block;\n          font-size: 12px;\n          float: right; }\n          jui-pager .jui-pager .jpager-right .inner {\n            float: left;\n            margin-left: 5px; }\n            jui-pager .jui-pager .jpager-right .inner p {\n              float: left; }\n            jui-pager .jui-pager .jpager-right .inner .addition-wrap {\n              float: left;\n              margin: 0 5px; }\n              jui-pager .jui-pager .jpager-right .inner .addition-wrap .jui-select {\n                margin: 0 5px; }\n          jui-pager .jui-pager .jpager-right .page-nos ul {\n            height: 30px;\n            border: 1px solid #d0d0d0;\n            border-radius: 2px;\n            padding: 0px; }\n            jui-pager .jui-pager .jpager-right .page-nos ul li {\n              list-style: none;\n              float: left;\n              border-right: 1px solid #d0d0d0;\n              cursor: pointer; }\n              jui-pager .jui-pager .jpager-right .page-nos ul li.disabled a {\n                color: #ccc; }\n              jui-pager .jui-pager .jpager-right .page-nos ul li a {\n                position: relative;\n                font-size: 12px;\n                display: block;\n                line-height: 28px;\n                text-align: center;\n                text-decoration: none;\n                color: #4190EE; }\n              jui-pager .jui-pager .jpager-right .page-nos ul li:last-child {\n                border-right: none; }\n              jui-pager .jui-pager .jpager-right .page-nos ul li.clickable:hover {\n                background-color: #eee; }\n              jui-pager .jui-pager .jpager-right .page-nos ul li.active {\n                background-color: #4190EE; }\n              jui-pager .jui-pager .jpager-right .page-nos ul li.active:hover {\n                border-color: #4190EE; }\n              jui-pager .jui-pager .jpager-right .page-nos ul li.active a {\n                color: #fff; }\n    "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":288,"character":21},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":289,"character":19},"member":"None"}}]}],"members":{"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":292,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":294,"character":5}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":296,"character":5}}]}],"pageSizeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":299,"character":5}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":301,"character":5}}]}],"listChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":303,"character":5}}]}],"showInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":307,"character":5}}]}],"showJumpTool":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":309,"character":5}}]}],"showTotalPages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":311,"character":5}}]}],"showPageTool":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":313,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":316,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":329,"character":44}]}],"ngOnInit":[{"__symbolic":"method"}],"selectPage":[{"__symbolic":"method"}],"onPageNoChange":[{"__symbolic":"method"}],"onSizeChange":[{"__symbolic":"method"}],"goFirstPage":[{"__symbolic":"method"}],"goLastPage":[{"__symbolic":"method"}],"goPrevPage":[{"__symbolic":"method"}],"goNextPage":[{"__symbolic":"method"}],"updatePageNos":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}]}}}}]