refactor: CImg, CMedia: rename blankColor prop to placeholderColor

Author: woothu

src/components/Image/CImg.vue

@@ -12,7 +12,7 @@
     :class="imageClasses"
     :width="width"
     :height="height"
-    :style="{'background-color': isActive ? blankColor : 'transparent' }"
+    :style="{'background-color': isActive ? placeholderColor : 'transparent' }"
   />
 </template>
 
@@ -47,7 +47,7 @@ export default {
       type: String,
       validator: align => ['', 'left', 'right', 'center'].includes(align)
     },
-    blankColor: {
+    placeholderColor: {
       type: String,
       default: 'transparent'
     }

src/components/Image/tests/CImg.spec.js

@@ -14,8 +14,7 @@ const customWrapper = mount(Component, {
     rounded: 'right',
     // thumbnail: true,
     align: 'right',
-    blankColor: 'red',
-    rounded: 'right'
+    placeholderColor: 'red'
   }
 })
 

src/components/Image/tests/CImgLazy.spec.js

@@ -24,7 +24,7 @@ const customWrapper = mount(Component, {
     rounded: 'right',
     // thumbnail: true,
     align: 'right',
-    blankColor: 'red'
+    placeholderColor: 'red'
   }
 })
 

src/components/Media/CMedia.vue

@@ -37,7 +37,7 @@ export default {
     computedAsideImageProps () {
       return Object.assign(
         {
-          blankColor: '#777777',
+          placeholderColor: '#777777',
           width: '64px',
           height: this.asideVerticalPosition === 'stretch' ? '100%' : '64px'
         },

src/components/index.d.ts

@@ -315,7 +315,7 @@ export declare class CImg extends Vue {
   rounded: [boolean, string]
   thumbnail: boolean
   align: string
-  blankColor: string
+  placeholderColor: string
 }
 
 export declare class CImgLazy extends CImg {