tdesign-vue-next/lib/pagination/index.d.ts

TDesign Component for vue-next

import { TdPaginationProps, TdPaginationMiniProps } from './type';
import './style';
export * from './type';
export type PaginationProps = TdPaginationProps;
export type PaginationMiniProps = TdPaginationMiniProps;
export declare const Pagination: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        current: {
            type: NumberConstructor;
            default: any;
        };
        modelValue: {
            type: NumberConstructor;
            default: any;
        };
        defaultCurrent: {
            type: NumberConstructor;
            default: number;
        };
        disabled: BooleanConstructor;
        foldedMaxPageBtn: {
            type: NumberConstructor;
            default: number;
        };
        maxPageBtn: {
            type: NumberConstructor;
            default: number;
        };
        pageEllipsisMode: {
            type: import("vue").PropType<TdPaginationProps["pageEllipsisMode"]>;
            default: TdPaginationProps["pageEllipsisMode"];
            validator(val: TdPaginationProps["pageEllipsisMode"]): boolean;
        };
        pageSize: {
            type: NumberConstructor;
            default: any;
        };
        defaultPageSize: {
            type: NumberConstructor;
            default: number;
        };
        pageSizeOptions: {
            type: import("vue").PropType<TdPaginationProps["pageSizeOptions"]>;
            default: () => TdPaginationProps["pageSizeOptions"];
        };
        selectProps: {
            type: import("vue").PropType<TdPaginationProps["selectProps"]>;
        };
        showFirstAndLastPageBtn: BooleanConstructor;
        showJumper: BooleanConstructor;
        showPageNumber: {
            type: BooleanConstructor;
            default: boolean;
        };
        showPageSize: {
            type: BooleanConstructor;
            default: boolean;
        };
        showPreviousAndNextBtn: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdPaginationProps["size"]>;
            default: TdPaginationProps["size"];
            validator(val: TdPaginationProps["size"]): boolean;
        };
        theme: {
            type: import("vue").PropType<TdPaginationProps["theme"]>;
            default: TdPaginationProps["theme"];
            validator(val: TdPaginationProps["theme"]): boolean;
        };
        total: {
            type: NumberConstructor;
            default: number;
        };
        totalContent: {
            type: import("vue").PropType<TdPaginationProps["totalContent"]>;
            default: boolean;
        };
        onChange: import("vue").PropType<TdPaginationProps["onChange"]>;
        onCurrentChange: import("vue").PropType<TdPaginationProps["onCurrentChange"]>;
        onPageSizeChange: import("vue").PropType<TdPaginationProps["onPageSizeChange"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        current: {
            type: NumberConstructor;
            default: any;
        };
        modelValue: {
            type: NumberConstructor;
            default: any;
        };
        defaultCurrent: {
            type: NumberConstructor;
            default: number;
        };
        disabled: BooleanConstructor;
        foldedMaxPageBtn: {
            type: NumberConstructor;
            default: number;
        };
        maxPageBtn: {
            type: NumberConstructor;
            default: number;
        };
        pageEllipsisMode: {
            type: import("vue").PropType<TdPaginationProps["pageEllipsisMode"]>;
            default: TdPaginationProps["pageEllipsisMode"];
            validator(val: TdPaginationProps["pageEllipsisMode"]): boolean;
        };
        pageSize: {
            type: NumberConstructor;
            default: any;
        };
        defaultPageSize: {
            type: NumberConstructor;
            default: number;
        };
        pageSizeOptions: {
            type: import("vue").PropType<TdPaginationProps["pageSizeOptions"]>;
            default: () => TdPaginationProps["pageSizeOptions"];
        };
        selectProps: {
            type: import("vue").PropType<TdPaginationProps["selectProps"]>;
        };
        showFirstAndLastPageBtn: BooleanConstructor;
        showJumper: BooleanConstructor;
        showPageNumber: {
            type: BooleanConstructor;
            default: boolean;
        };
        showPageSize: {
            type: BooleanConstructor;
            default: boolean;
        };
        showPreviousAndNextBtn: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdPaginationProps["size"]>;
            default: TdPaginationProps["size"];
            validator(val: TdPaginationProps["size"]): boolean;
        };
        theme: {
            type: import("vue").PropType<TdPaginationProps["theme"]>;
            default: TdPaginationProps["theme"];
            validator(val: TdPaginationProps["theme"]): boolean;
        };
        total: {
            type: NumberConstructor;
            default: number;
        };
        totalContent: {
            type: import("vue").PropType<TdPaginationProps["totalContent"]>;
            default: boolean;
        };
        onChange: import("vue").PropType<TdPaginationProps["onChange"]>;
        onCurrentChange: import("vue").PropType<TdPaginationProps["onCurrentChange"]>;
        onPageSizeChange: import("vue").PropType<TdPaginationProps["onPageSizeChange"]>;
    }>>, {
        disabled: boolean;
        size: "small" | "medium";
        theme: "default" | "simple";
        modelValue: number;
        current: number;
        total: number;
        pageEllipsisMode: "mid" | "both-ends";
        pageSizeOptions: (number | {
            label: string;
            value: number;
        })[];
        totalContent: boolean | ((h: typeof import("vue").h) => import("..").TNodeReturnValue);
        defaultCurrent: number;
        foldedMaxPageBtn: number;
        maxPageBtn: number;
        pageSize: number;
        defaultPageSize: number;
        showFirstAndLastPageBtn: boolean;
        showJumper: boolean;
        showPageNumber: boolean;
        showPageSize: boolean;
        showPreviousAndNextBtn: boolean;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        current: {
            type: NumberConstructor;
            default: any;
        };
        modelValue: {
            type: NumberConstructor;
            default: any;
        };
        defaultCurrent: {
            type: NumberConstructor;
            default: number;
        };
        disabled: BooleanConstructor;
        foldedMaxPageBtn: {
            type: NumberConstructor;
            default: number;
        };
        maxPageBtn: {
            type: NumberConstructor;
            default: number;
        };
        pageEllipsisMode: {
            type: import("vue").PropType<TdPaginationProps["pageEllipsisMode"]>;
            default: TdPaginationProps["pageEllipsisMode"];
            validator(val: TdPaginationProps["pageEllipsisMode"]): boolean;
        };
        pageSize: {
            type: NumberConstructor;
            default: any;
        };
        defaultPageSize: {
            type: NumberConstructor;
            default: number;
        };
        pageSizeOptions: {
            type: import("vue").PropType<TdPaginationProps["pageSizeOptions"]>;
            default: () => TdPaginationProps["pageSizeOptions"];
        };
        selectProps: {
            type: import("vue").PropType<TdPaginationProps["selectProps"]>;
        };
        showFirstAndLastPageBtn: BooleanConstructor;
        showJumper: BooleanConstructor;
        showPageNumber: {
            type: BooleanConstructor;
            default: boolean;
        };
        showPageSize: {
            type: BooleanConstructor;
            default: boolean;
        };
        showPreviousAndNextBtn: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdPaginationProps["size"]>;
            default: TdPaginationProps["size"];
            validator(val: TdPaginationProps["size"]): boolean;
        };
        theme: {
            type: import("vue").PropType<TdPaginationProps["theme"]>;
            default: TdPaginationProps["theme"];
            validator(val: TdPaginationProps["theme"]): boolean;
        };
        total: {
            type: NumberConstructor;
            default: number;
        };
        totalContent: {
            type: import("vue").PropType<TdPaginationProps["totalContent"]>;
            default: boolean;
        };
        onChange: import("vue").PropType<TdPaginationProps["onChange"]>;
        onCurrentChange: import("vue").PropType<TdPaginationProps["onCurrentChange"]>;
        onPageSizeChange: import("vue").PropType<TdPaginationProps["onPageSizeChange"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        disabled: boolean;
        size: "small" | "medium";
        theme: "default" | "simple";
        modelValue: number;
        current: number;
        total: number;
        pageEllipsisMode: "mid" | "both-ends";
        pageSizeOptions: (number | {
            label: string;
            value: number;
        })[];
        totalContent: boolean | ((h: typeof import("vue").h) => import("..").TNodeReturnValue);
        defaultCurrent: number;
        foldedMaxPageBtn: number;
        maxPageBtn: number;
        pageSize: number;
        defaultPageSize: number;
        showFirstAndLastPageBtn: boolean;
        showJumper: boolean;
        showPageNumber: boolean;
        showPageSize: boolean;
        showPreviousAndNextBtn: boolean;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    current: {
        type: NumberConstructor;
        default: any;
    };
    modelValue: {
        type: NumberConstructor;
        default: any;
    };
    defaultCurrent: {
        type: NumberConstructor;
        default: number;
    };
    disabled: BooleanConstructor;
    foldedMaxPageBtn: {
        type: NumberConstructor;
        default: number;
    };
    maxPageBtn: {
        type: NumberConstructor;
        default: number;
    };
    pageEllipsisMode: {
        type: import("vue").PropType<TdPaginationProps["pageEllipsisMode"]>;
        default: TdPaginationProps["pageEllipsisMode"];
        validator(val: TdPaginationProps["pageEllipsisMode"]): boolean;
    };
    pageSize: {
        type: NumberConstructor;
        default: any;
    };
    defaultPageSize: {
        type: NumberConstructor;
        default: number;
    };
    pageSizeOptions: {
        type: import("vue").PropType<TdPaginationProps["pageSizeOptions"]>;
        default: () => TdPaginationProps["pageSizeOptions"];
    };
    selectProps: {
        type: import("vue").PropType<TdPaginationProps["selectProps"]>;
    };
    showFirstAndLastPageBtn: BooleanConstructor;
    showJumper: BooleanConstructor;
    showPageNumber: {
        type: BooleanConstructor;
        default: boolean;
    };
    showPageSize: {
        type: BooleanConstructor;
        default: boolean;
    };
    showPreviousAndNextBtn: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<TdPaginationProps["size"]>;
        default: TdPaginationProps["size"];
        validator(val: TdPaginationProps["size"]): boolean;
    };
    theme: {
        type: import("vue").PropType<TdPaginationProps["theme"]>;
        default: TdPaginationProps["theme"];
        validator(val: TdPaginationProps["theme"]): boolean;
    };
    total: {
        type: NumberConstructor;
        default: number;
    };
    totalContent: {
        type: import("vue").PropType<TdPaginationProps["totalContent"]>;
        default: boolean;
    };
    onChange: import("vue").PropType<TdPaginationProps["onChange"]>;
    onCurrentChange: import("vue").PropType<TdPaginationProps["onCurrentChange"]>;
    onPageSizeChange: import("vue").PropType<TdPaginationProps["onPageSizeChange"]>;
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    disabled: boolean;
    size: "small" | "medium";
    theme: "default" | "simple";
    modelValue: number;
    current: number;
    total: number;
    pageEllipsisMode: "mid" | "both-ends";
    pageSizeOptions: (number | {
        label: string;
        value: number;
    })[];
    totalContent: boolean | ((h: typeof import("vue").h) => import("..").TNodeReturnValue);
    defaultCurrent: number;
    foldedMaxPageBtn: number;
    maxPageBtn: number;
    pageSize: number;
    defaultPageSize: number;
    showFirstAndLastPageBtn: boolean;
    showJumper: boolean;
    showPageNumber: boolean;
    showPageSize: boolean;
    showPreviousAndNextBtn: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export declare const PaginationMini: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        disabled: {
            type: import("vue").PropType<TdPaginationMiniProps["disabled"]>;
        };
        layout: {
            type: import("vue").PropType<TdPaginationMiniProps["layout"]>;
            default: TdPaginationMiniProps["layout"];
            validator(val: TdPaginationMiniProps["layout"]): boolean;
        };
        showCurrent: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdPaginationMiniProps["size"]>;
            default: TdPaginationMiniProps["size"];
            validator(val: TdPaginationMiniProps["size"]): boolean;
        };
        tips: {
            type: import("vue").PropType<TdPaginationMiniProps["tips"]>;
        };
        variant: {
            type: import("vue").PropType<TdPaginationMiniProps["variant"]>;
            default: TdPaginationMiniProps["variant"];
            validator(val: TdPaginationMiniProps["variant"]): boolean;
        };
        onChange: import("vue").PropType<TdPaginationMiniProps["onChange"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        disabled: {
            type: import("vue").PropType<TdPaginationMiniProps["disabled"]>;
        };
        layout: {
            type: import("vue").PropType<TdPaginationMiniProps["layout"]>;
            default: TdPaginationMiniProps["layout"];
            validator(val: TdPaginationMiniProps["layout"]): boolean;
        };
        showCurrent: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdPaginationMiniProps["size"]>;
            default: TdPaginationMiniProps["size"];
            validator(val: TdPaginationMiniProps["size"]): boolean;
        };
        tips: {
            type: import("vue").PropType<TdPaginationMiniProps["tips"]>;
        };
        variant: {
            type: import("vue").PropType<TdPaginationMiniProps["variant"]>;
            default: TdPaginationMiniProps["variant"];
            validator(val: TdPaginationMiniProps["variant"]): boolean;
        };
        onChange: import("vue").PropType<TdPaginationMiniProps["onChange"]>;
    }>>, {
        layout: "vertical" | "horizontal";
        size: import("..").SizeEnum;
        variant: "text" | "outline";
        showCurrent: boolean;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        disabled: {
            type: import("vue").PropType<TdPaginationMiniProps["disabled"]>;
        };
        layout: {
            type: import("vue").PropType<TdPaginationMiniProps["layout"]>;
            default: TdPaginationMiniProps["layout"];
            validator(val: TdPaginationMiniProps["layout"]): boolean;
        };
        showCurrent: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<TdPaginationMiniProps["size"]>;
            default: TdPaginationMiniProps["size"];
            validator(val: TdPaginationMiniProps["size"]): boolean;
        };
        tips: {
            type: import("vue").PropType<TdPaginationMiniProps["tips"]>;
        };
        variant: {
            type: import("vue").PropType<TdPaginationMiniProps["variant"]>;
            default: TdPaginationMiniProps["variant"];
            validator(val: TdPaginationMiniProps["variant"]): boolean;
        };
        onChange: import("vue").PropType<TdPaginationMiniProps["onChange"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        layout: "vertical" | "horizontal";
        size: import("..").SizeEnum;
        variant: "text" | "outline";
        showCurrent: boolean;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    disabled: {
        type: import("vue").PropType<TdPaginationMiniProps["disabled"]>;
    };
    layout: {
        type: import("vue").PropType<TdPaginationMiniProps["layout"]>;
        default: TdPaginationMiniProps["layout"];
        validator(val: TdPaginationMiniProps["layout"]): boolean;
    };
    showCurrent: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<TdPaginationMiniProps["size"]>;
        default: TdPaginationMiniProps["size"];
        validator(val: TdPaginationMiniProps["size"]): boolean;
    };
    tips: {
        type: import("vue").PropType<TdPaginationMiniProps["tips"]>;
    };
    variant: {
        type: import("vue").PropType<TdPaginationMiniProps["variant"]>;
        default: TdPaginationMiniProps["variant"];
        validator(val: TdPaginationMiniProps["variant"]): boolean;
    };
    onChange: import("vue").PropType<TdPaginationMiniProps["onChange"]>;
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    layout: "vertical" | "horizontal";
    size: import("..").SizeEnum;
    variant: "text" | "outline";
    showCurrent: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export default Pagination;