refactor: CImg, CImgLazy refactor:

- delete CImgLazy,
- CImg: change rounded prop to shape

Author: woothu

src/components/image/CImg.vue

@@ -26,22 +26,8 @@ export default {
     height: [Number, String],
     block: Boolean,
     fluid: Boolean,
-    // Gives fluid images class `w-100` to make them grow to fit container
     fluidGrow: Boolean,
-    // rounded can be:
-    //   false: no rounding of corners
-    //   true: slightly rounded corners
-    //   'top': top corners rounded
-    //   'right': right corners rounded
-    //   'bottom': bottom corners rounded
-    //   'left': left corners rounded
-    //   'circle': circle/oval
-    rounded: {
-      type: [Boolean, String],
-      validator: val => {
-        return ['', false, true, 'top','right','bottom','left','circle'].includes(val)
-      }
-    },
+    shape: String,
     thumbnail: Boolean,
     align: {
       type: String,
@@ -69,14 +55,14 @@ export default {
     },
     imageClasses () {
       return [
-        //animationClass is rendered in CImgLazy
+        //animationClasses is rendered in CImgLazy
         this.animationClasses,
         this.alignClass,
         {
           'img-thumbnail': this.thumbnail,
           'img-fluid': this.fluid || this.fluidGrow,
           'w-100': this.fluidGrow,
-          [`rounded${this.rounded===true?'':'-'+this.rounded}`]: this.rounded,
+          [`${this.shape}`]: this.shape,
           'd-block': this.block
         }
       ]

src/components/image/CImgLazy.vue

@@ -1,7 +1,5 @@
 import CImg from './CImg'
-// import CImgLazy from './CImgLazy'
 
 export {
-  CImg,
-  // CImgLazy
+  CImg
 }

src/components/image/index.js

@@ -11,7 +11,7 @@ const customWrapper = mount(Component, {
     height: 200,
     block: true,
     fluidGrow: true,
-    rounded: 'right',
+    shape: 'rounded-right',
     // thumbnail: true,
     align: 'right',
     placeholderColor: 'red'
@@ -37,7 +37,7 @@ describe(ComponentName, () => {
   })
   it('changes rounding properly', () => {
     expect(customWrapper.classes().includes('rounded-right')).toBe(true)
-    customWrapper.setProps({ rounded: true})
+    customWrapper.setProps({ shape: 'rounded'})
     expect(customWrapper.classes().includes('rounded')).toBe(true)
   })
 })