@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
91 lines (90 loc) • 1.55 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const pageSizes = [6, 12, 24, 48];
const PaginationVariantTypes = ["solid", "outline"];
const PaginationLayoutTypes = ["total", "pagesize", "pager", "jumper"];
const paginationProps = {
/**
* 布局:PaginationVariantT
*/
layout: {
type: Array,
default: ["pagesize", "pager", "jumper"]
},
/**
* 按钮类型:PaginationVariantT
*/
variant: {
type: String,
default: "outline"
},
/**
* 圆角值 RoundT
*/
round: {
type: String
},
/**
* 支持选择的每页数据条数
*/
pageSizes: {
type: Array,
default: () => pageSizes
},
/**
* 每页数据条数 v-model
*/
pageSize: {
type: Number,
default: pageSizes[0]
},
/**
* 数据总条数
*/
total: {
type: Number,
default: 0
},
/**
* 当前页码 v-model
*/
page: {
type: Number,
default: 1
},
/**
* 显示页面数 > 3
*/
showPageCount: {
type: Number,
default: 9
},
/**
* 页码被隐藏时,hover显示所有页码
*/
showMore: {
type: Boolean,
default: true
},
/**
* 显示总数据量
*/
showTotal: {
type: Boolean
},
/**
* 显示输入跳转
*/
showJumper: {
type: Boolean
},
/**
* 简洁模式
*/
simple: {
type: Boolean
}
};
exports.PaginationLayoutTypes = PaginationLayoutTypes;
exports.PaginationVariantTypes = PaginationVariantTypes;
exports.paginationProps = paginationProps;