ivue-material-plus
Version:
A high quality UI components Library with Vue.js
395 lines (394 loc) • 8.72 kB
TypeScript
declare const _sfc_main: import("vue").DefineComponent<{
/**
* v-model
*
* @type {Number}
*/
modelValue: {
type: NumberConstructor;
default: number;
};
/**
* 显示总条数
*
* @type {Boolean}
*/
showTotal: {
type: BooleanConstructor;
default: boolean;
};
/**
* 数据总数
*
* @type {Number}
*/
total: {
type: NumberConstructor;
default: number;
};
/**
* 上一页图标
*
* @type {String}
*/
prevIcon: {
type: StringConstructor;
default: string;
};
/**
* 下一页图标
*
* @type {String}
*/
nextIcon: {
type: StringConstructor;
default: string;
};
/**
* 是否禁用
*
* @type {Boolean}
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* 每页条数
*
* @type {Number}
*/
pageSize: {
type: NumberConstructor;
default: number;
};
/**
* 页码按钮的数量，当总页数超过该值时会折叠
* 大于等于 5 且小于等于 21 的奇数
*
* @type {Number}
*/
pagerCount: {
type: NumberConstructor;
validator(value: number): boolean;
default: number;
};
/**
* 显示分页，用来改变page-size
*
* @type {Boolean}
*/
showSizer: {
type: BooleanConstructor;
default: boolean;
};
/**
* 条数切换弹窗的展开方向，可选值为 bottom 和 top
*
* @type {String}
*/
placement: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
/**
* 是否将弹层放置于 body 内，在 Tabs、
* 带有 fixed 的 Table 列内使用时，
* 建议添加此属性，它将不受父级样式影响，
* 从而达到更好的效果
*
* @type {Boolean}
*/
transfer: {
type: BooleanConstructor;
default(): any;
};
/**
* 页数选择选项
*
* @type {Array}
*/
pageSizeOpts: {
type: ArrayConstructor;
default: () => number[];
};
/**
* 页数选择文字
*
* @type {Array}
*/
pageSizeText: {
type: StringConstructor;
default: string;
};
/**
* 是否显示电梯
*
* @type {Boolean}
*/
showElevator: {
type: BooleanConstructor;
default: boolean;
};
/**
* 电梯文字
*
* @type {Array}
*/
elevatorText: {
type: ArrayConstructor;
default: () => string[];
};
/**
* 是否使用小型分页样式
*
* @type {Boolean}
*/
small: {
type: BooleanConstructor;
default: boolean;
};
/**
* 简洁版
*
* @type {Boolean}
*/
simple: {
type: BooleanConstructor;
default: boolean;
};
}, {
prefixCls: string;
data: {
currentPage: number;
currentPageSize: number;
showPrevMore: boolean;
showNextMore: boolean;
};
wrapperClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
prevClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean | import("vue").Slot;
})[]>;
nextClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean | import("vue").Slot;
})[]>;
itemClasses: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
itemTextClass: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
firstClasses: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
allPages: import("vue").ComputedRef<number>;
lastClasses: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
abbreviationClasses: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
pagerList: import("vue").ComputedRef<any[]>;
simpleWrapperClasses: import("vue").ComputedRef<string[]>;
simplePageClasses: import("vue").ComputedRef<string>;
handlePrev: () => boolean;
handleNext: () => boolean;
handleCangePage: (page: number) => void;
handleFastPrev: () => void;
handleFastNext: () => void;
handleChangeSize: (value: number) => void;
handleChangePage: (value: number) => void;
handleKeyDown: (event: any) => void;
handleKeyUp: ({ keyCode, target }: {
keyCode: any;
target: any;
}) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "update:modelValue" | "on-prev" | "on-next" | "on-page-size-change")[], "on-change" | "update:modelValue" | "on-prev" | "on-next" | "on-page-size-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
/**
* v-model
*
* @type {Number}
*/
modelValue: {
type: NumberConstructor;
default: number;
};
/**
* 显示总条数
*
* @type {Boolean}
*/
showTotal: {
type: BooleanConstructor;
default: boolean;
};
/**
* 数据总数
*
* @type {Number}
*/
total: {
type: NumberConstructor;
default: number;
};
/**
* 上一页图标
*
* @type {String}
*/
prevIcon: {
type: StringConstructor;
default: string;
};
/**
* 下一页图标
*
* @type {String}
*/
nextIcon: {
type: StringConstructor;
default: string;
};
/**
* 是否禁用
*
* @type {Boolean}
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* 每页条数
*
* @type {Number}
*/
pageSize: {
type: NumberConstructor;
default: number;
};
/**
* 页码按钮的数量，当总页数超过该值时会折叠
* 大于等于 5 且小于等于 21 的奇数
*
* @type {Number}
*/
pagerCount: {
type: NumberConstructor;
validator(value: number): boolean;
default: number;
};
/**
* 显示分页，用来改变page-size
*
* @type {Boolean}
*/
showSizer: {
type: BooleanConstructor;
default: boolean;
};
/**
* 条数切换弹窗的展开方向，可选值为 bottom 和 top
*
* @type {String}
*/
placement: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
/**
* 是否将弹层放置于 body 内，在 Tabs、
* 带有 fixed 的 Table 列内使用时，
* 建议添加此属性，它将不受父级样式影响，
* 从而达到更好的效果
*
* @type {Boolean}
*/
transfer: {
type: BooleanConstructor;
default(): any;
};
/**
* 页数选择选项
*
* @type {Array}
*/
pageSizeOpts: {
type: ArrayConstructor;
default: () => number[];
};
/**
* 页数选择文字
*
* @type {Array}
*/
pageSizeText: {
type: StringConstructor;
default: string;
};
/**
* 是否显示电梯
*
* @type {Boolean}
*/
showElevator: {
type: BooleanConstructor;
default: boolean;
};
/**
* 电梯文字
*
* @type {Array}
*/
elevatorText: {
type: ArrayConstructor;
default: () => string[];
};
/**
* 是否使用小型分页样式
*
* @type {Boolean}
*/
small: {
type: BooleanConstructor;
default: boolean;
};
/**
* 简洁版
*
* @type {Boolean}
*/
simple: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
"onOn-change"?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
"onOn-prev"?: (...args: any[]) => any;
"onOn-next"?: (...args: any[]) => any;
"onOn-page-size-change"?: (...args: any[]) => any;
}, {
small: boolean;
modelValue: number;
disabled: boolean;
transfer: boolean;
placement: string;
prevIcon: string;
nextIcon: string;
simple: boolean;
showSizer: boolean;
pageSize: number;
pageSizeOpts: unknown[];
pageSizeText: string;
showElevator: boolean;
elevatorText: unknown[];
showTotal: boolean;
total: number;
pagerCount: number;
}>;
export default _sfc_main;