@varlet/ui/types/pagination.d.ts

A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.

import { VNode } from 'vue'
import { BasicAttributes, ListenerProp, SetPropsDefaults, VarComponent } from './varComponent'

type Range = [number, number]

export declare const paginationProps: Record<keyof PaginationProps, any>

export interface PaginationProps extends BasicAttributes {
  current?: string | number
  size?: string | number
  total?: string | number
  maxPagerCount?: number
  disabled?: boolean
  simple?: boolean
  elevation?: boolean | string | number
  showSizeChanger?: boolean
  showQuickJumper?: boolean
  sizeOption?: Array<number>
  showTotal?: (total: number, range: Range) => string
  onChange?: ListenerProp<(current: number, size: number) => void>
  'onUpdate:current'?: ListenerProp<(current: number) => void>
  'onUpdate:size'?: ListenerProp<(size: number) => void>
}

export class Pagination extends VarComponent {
  static setPropsDefaults: SetPropsDefaults<PaginationProps>

  $props: PaginationProps

  $slots: {
    prev(): VNode[]
    next(): VNode[]
  }
}

export class _PaginationComponent extends Pagination {}