[新增] jigsaw-pagination组件给搜索框增加placeholder属性

Author: rdkmaster

src/app/demo/pagination/basic/demo.component.html

@@ -14,6 +14,7 @@ <h3>默认模式</h3>
                            [(current)]="currentPage"
                            [pageSizeOptions]="[5, 10, 20]"
                            [searchable]="true"
+                           [placeholder]="'搜一搜'"
                            [showQuickJumper]="true"
                            (currentChange)="getCurrentPage($event)"
                            (pageSizeChange)="getPageSize($event)">

src/jigsaw/component/pagination/pagination.html

@@ -1,6 +1,7 @@
 <ng-container [ngSwitch]="mode">
     <ng-container *ngSwitchDefault>
-        <jigsaw-input class="jigsaw-paging-search" *ngIf="searchable" width="160" (valueChange)="search.emit($event)">
+        <jigsaw-input class="jigsaw-paging-search" *ngIf="searchable" width="160"
+                      [placeholder]="placeholder" (valueChange)="search.emit($event)">
             <span jigsaw-prefix-icon class="fa fa-search"></span>
         </jigsaw-input>
 

src/jigsaw/component/pagination/pagination.ts

@@ -141,6 +141,7 @@ export class JigsawPagination extends AbstractJigsawComponent implements OnInit,
     @Input() public showQuickJumper: boolean = false; // 是否可以快速跳转至某页
 
     @Input() public mode: 'complex' | 'simple' = 'complex'; // 当为「small」时，是小尺寸分页
+    @Input() public placeholder: string = '';
 
     @ViewChildren(forwardRef(() => JigsawPagingItem))
     private _pages: QueryList<JigsawPagingItem> = null;