UNPKG

@duoduo-oba/ng-devui

Version:

DevUI components based on Angular

115 lines (114 loc) 3.36 kB
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core'; import { Subscription } from 'rxjs'; import { I18nInterface, I18nService } from '@duoduo-oba/ng-devui/i18n'; export declare class PaginationComponent implements OnChanges, AfterViewInit, OnDestroy { private ref; private i18n; static EFFECT_PAGE_RANGE_KEYS: string[]; /** * 【可选】每页显示最大条目数量,默认10条 */ pageSize: number; /** * 【可选】用于选择更改分页每页最大条目数量的下拉框的数据源,默认为`[5, 10, 20, 50]` */ pageSizeOptions: number[]; /** * 【可选】初始化页码 */ pageIndex: number; /** * 页码变化的回调 */ pageIndexChange: EventEmitter<number>; /** * 每页最大条目数量变更时的回调 */ pageSizeChange: EventEmitter<number>; /** * 分页最多显示几个按钮,默认10个 */ maxItems: number; /** * 【可选】前一页按钮文字,默认为左箭头图标 */ preLink: string; /** * 【可选】后一页按钮文字,默认为左箭头图标 */ nextLink: string; /** * 【可选】分页组件尺寸 */ size: '' | 'sm' | 'lg'; /** * 【可选】是否显示分页输入跳转 */ canJumpPage: boolean; /** * 【可选】是否显示用于选择更改分页每页最大条目数量的下拉框 */ canChangePageSize: boolean; /** * 【可选】是否显示总条目 */ canViewTotal: boolean; cssClass: string; showJumpButton: boolean; showTruePageIndex: boolean; id: any; showPages: any[]; totalPage: number; _total: number; jumpPage: any; totalItemText: string; goToText: string; /** * 下拉菜单默认方向 */ selectDirection: 'auto' | 'up' | 'down'; /** * 极简模式开关 */ lite: boolean; showPageSelector: boolean; haveConfigMenu: boolean; litePaginatorIndex: { value: number; label: string; } | null; litePaginatorOptions: any[]; private litePaginatorOptionsLengthCache; showConfig: boolean; litePaginator: ElementRef; private configButtonLoseFocusHandler; private loseFocusListener; i18nText: I18nInterface['pagination']; i18nSubscription: Subscription; constructor(ref: ChangeDetectorRef, i18n: I18nService); total: any; first(): void; last(): void; prev(): void; next(): void; jump(): void; validateInput(): void; preRange(): void; nextRange(): void; onPageIndexChange(pageIndex: number): void; onPageSizeChange(size: any): void; hasPrev(): boolean; hasNext(): boolean; private getTotalPage; ngOnChanges(changes: SimpleChanges): void; ngAfterViewInit(): void; private updateShowPageRange; private extractRange; private constructLitePaginatorOptions; private adjustPaginatorWidth; toggleMenu(force?: boolean): void; private closeMenu; private unsubscribeLoseFocusHandler; ngOnDestroy(): void; private subscribeLoseFocusHandler; }