Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor Pagination component #487

Closed
17 tasks
jingChen55 opened this issue Dec 14, 2020 · 2 comments
Closed
17 tasks

refactor Pagination component #487

jingChen55 opened this issue Dec 14, 2020 · 2 comments

Comments

@jingChen55
Copy link
Contributor

Tasking

Pagination 分页组件

  • 通过slot的方式,自定义内容需要在 layout 中列出 slot

  • 通过props. small 控制pagination组件的小型样式,可选值[true/false]

  • 通过props. background 控制pagination组件是否为分页按钮添加背景色,可选值[true/false]

  • 通过props.page-size 控制pagination组件每页显示条目个数,支持 .sync 修饰符 可选值[number]

  • 通过props. total 控制pagination组件总条目数 可选值[number]

  • 通过props. page-count 控制pagination组件总页数,total 和 page-count 设置任意一个就可以达到显示页码的功能;如果要支持 page-sizes 的更改,则需要使用 total 属性 可选值[Number]

  • 通过props. pager-count 控制pagination组件页码按钮的数量,当总页数超过该值时会折叠 可选值[number] 大于等于 5 且小于等于 21 的奇数

  • 通过props. current-page 控制pagination组件当前页数,支持 .sync 修饰符 可选值[number]

  • 通过props. layout 控制pagination组件组件布局,子组件名用逗号分隔 可选值[sizes/ prev/pager/ next/ jumper, ->, total, slot]

  • 通过props. prev-text 控制pagination组件替代图标显示的上一页文字 可选值[string]

  • 通过props. next-text 控制pagination组件替代图标显示的下一页文字 可选值[string]

  • 通过props.popper-class 控制pagination组件每页显示个数选择器的下拉框类名 可选值[string]

  • 通过props.disabled 控制pagination组件是否禁用 可选值[boolean]

  • 通过props.hide-on-single-page 控制pagination组件只有一页时是否隐藏 可选值[boolean]

  • 通过events.size-change 控制pagination组件pageSize 改变时会触发 回调参数 [每页条数]

  • 通过events.prev-click 控制pagination组件用户点击上一页按钮改变当前页后触发 回调参数[当前页]

  • 通过events.next-click 控制pagination组件用户点击下一页按钮改变当前页后触发 回调参数[当前页]

@cuixiaorui cuixiaorui added the refactor Refactor old code label Dec 14, 2020
@Lydanne
Copy link
Contributor

Lydanne commented Mar 12, 2021

此组件已经开发完成,之后请在开发组件之前先去修改表格,防止开发冲突

@Lydanne Lydanne removed the refactor Refactor old code label Mar 12, 2021
@Lydanne
Copy link
Contributor

Lydanne commented Mar 12, 2021

#567

@Lydanne Lydanne closed this as completed Mar 12, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants