refactor: CPagination: remove responsive functionality

Author: woothu

src/components/Pagination/CPagination.vue

@@ -82,7 +82,6 @@
 </template>
 
 <script>
-  import elementResizeDetectorMaker from 'element-resize-detector'
   import CLink from '../Link/CLink'
 
   export default {
@@ -140,13 +139,6 @@
       lastButtonHtml: {
         type: String,
         default: '&raquo;'
-      },
-      responsive: [Boolean, Object]
-    },
-    data () {
-      return {
-        minifiedSize: null,
-        erd: elementResizeDetectorMaker()
       }
     },
     watch: {
@@ -159,23 +151,15 @@
         }
       }
     },
-    mounted () {
-      if (this.responsive) {
-        this.erd.listenTo(this.$el, this.onWrapperResize)
-      }
-    },
     computed: {
-      dims () {
-        return this.size === 'sm' ? 'sm' : this.minifiedSize || this.size
-      },
       backArrowsClasses () {
         return ['page-item', { 'disabled': this.activePage === 1 }]
       },
       nextArrowsClasses () {
         return ['page-item', { 'disabled': this.activePage === this.pages }]
       },
       computedClasses () {
-        return `pagination pagination-${this.dims} justify-content-${this.align}`
+        return `pagination pagination-${this.size} justify-content-${this.align}`
       },
       showDots () {
         return this.dots && this.limit > 4 && this.limit < this.pages
@@ -215,12 +199,6 @@
       }
     },
     methods: {
-      onWrapperResize (el) {
-        const md = this.responsive.md || 600
-        const sm = this.responsive.sm || 400
-        const wrapper = el.clientWidth
-        this.minifiedSize = wrapper > md ? null : wrapper > sm ? 'md' : 'sm'
-      },
       setPage (number) {
         if (number !== this.activePage) {
           this.$emit('update:activePage', number)

src/components/Pagination/tests/CPagination.spec.js

@@ -12,8 +12,7 @@ const customWrapper = mount(Component, {
     limit: 7,
     dots: false,
     arrows: false,
-    doubleArrows: false,
-    responsive: true
+    doubleArrows: false
   }
 })
 
@@ -39,14 +38,4 @@ describe(ComponentName, () => {
     links.at(4).trigger('click')
     expect(defaultWrapper.emitted()['update:activePage']).toBeTruthy()
   })
-  it('correctly change size on wrapper resize when responsive', () => {
-    customWrapper.vm.onWrapperResize({ clientWidth: 700 })
-    expect(customWrapper.vm.dims).toBe('lg')
-
-    customWrapper.vm.onWrapperResize({ clientWidth: 500 })
-    expect(customWrapper.vm.dims).toBe('md')
-
-    customWrapper.vm.onWrapperResize({ clientWidth: 300 })
-    expect(customWrapper.vm.dims).toBe('sm')
-  })
 })