refactor: rename showProgress prop to showPercentage, add '%' to text

Author: woothu

src/components/Progress/CProgressBar.vue

@@ -59,8 +59,8 @@ export default {
       return this.props.value.toFixed(props.precision)
     },
     text () {
-      if (this.props.showProgress) {
-        return this.progressValue
+      if (this.props.showPercentage) {
+        return this.progressValue + '%'
       } else if (this.props.showValue) {
         return this.computedValue
       }  

src/components/Progress/progressProps.js

@@ -8,7 +8,7 @@ export default {
     type: Number,
     default: 0
   },
-  showProgress: Boolean,
+  showPercentage: Boolean,
   showValue: Boolean,
   max: {
     type: Number,

src/components/Progress/tests/CProgressBar.spec.js

@@ -28,10 +28,8 @@ describe(ComponentName, () => {
     expect(customWrapper.element).toMatchSnapshot()
   })
   it('renders progress correctly', () => {
-    // expect(customWrapper.vm.text).toBe(50)
-
-    customWrapper.setProps({ showProgress: true })
-    // console.log(customWrapper.vm.progressValue, customWrapper.vm.props)
-    expect(customWrapper.vm.text).toBe(25)
+    expect(customWrapper.vm.text).toBe('50')
+    customWrapper.setProps({ showPercentage: true })
+    expect(customWrapper.vm.text).toBe('25%')
   })
 })

src/components/index.d.ts

@@ -441,7 +441,7 @@ export declare class CProgress extends Vue {
   striped: boolean
   animated: boolean
   precision: number
-  showProgress: boolean
+  showPercentage: boolean
   showValue: boolean
   max: number
   value: number