refactor Pagination component

[Lydanne]

Target

• [x] 兼容旧的API功能
• [x] 使用TDD进行重构

Tasking

• 实现简单的分页显示
  • [x] 基于 layout 实现显示 total\pager\next\prev
  • [x] 基于 current-page page-count 页码的显示
  • [x] 基于 total page-size自动推算页码
  • [x] 基于 hide-on-single-page 实现当只有一页的时候自动隐藏页码
  • [x] 当 currentPage >= 1 && currentPage <=pageCount 的时候才可点击prev和next
  • [x] 当 pageCount > pagerCount的时候实现折叠
• 实现简单的页码切换
  • [x] 基于 layout next\prev\pager 实现页码变更
  • [x] 当 currentPage 发生变化后触发 current-change 事件
  • [x] 当 pageSize 发生变化后触发 size-change 事件
  • [x] 当点击上一页按钮后触发 prev-click 事件
  • [x] 当点击下一页按钮后触发 next-click 事件
  • [x] 在点击Pager的页码的时候可以进行切换，当点击折叠当时候可以触发快速跳页
• 实现 page-size 变更下拉选择框
  • [x] 基于 layout sizes 实现下拉选择框
  • [x] 基于 page-sizes 实现对下拉选择框控制
  • [x] 基于 popper-class 实现下拉条目的样式控制
• 实现自定义内容的展示
  • [x] 当设置 layout 为 slot后， 基于 #default 自定义插槽
  • [x] 当设置 layout 为 next 后，基于 next-text 实现将下一页图标改为文字
  • [x] 当设置 layout 为 prev 后，基于 prev-text 实现将上一页图标改为文字
  • [x] 基于layout -> 实现自定义布局对齐
• 实现禁用功能
  • [x] 基于 disabled 实现组件禁用
• 实现页码跳转输入框
  • [x] 基于 layout jumper 实现页码跳转功能
• 实现通过选项变更大小
  • [x] 基于 small 实现缩小整个页码组件
• 实现pager的背景样式
  • [x] 基于background 实现对 layout pager 背景变更

[Lydanne]

解决了 #560 的问题