From 3204b46b11714fd4ee13ae964cc39e8599614253 Mon Sep 17 00:00:00 2001
From: Jake <Jake.Laoyu@gmail.com>
Date: Wed, 11 Sep 2019 11:34:04 +0800
Subject: [PATCH] feat(Progress): add stroke-width prop

---
 example/pages/progress/index.wxml |  4 ++++
 packages/progress/README.md       |  8 ++++++++
 packages/progress/index.ts        | 19 +++++++++++++++++++
 packages/progress/index.wxml      |  2 +-
 4 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/example/pages/progress/index.wxml b/example/pages/progress/index.wxml
index 831cdcb3..8a7cb88d 100644
--- a/example/pages/progress/index.wxml
+++ b/example/pages/progress/index.wxml
@@ -2,6 +2,10 @@
   <van-progress custom-class="progress" percentage="50" />
 </demo-block>
 
+<demo-block title="线条粗细">
+  <van-progress custom-class="progress" stroke-width="8" percentage="50" />
+</demo-block>
+
 <demo-block title="置灰">
   <van-progress custom-class="progress" inactive percentage="50" />
 </demo-block>
diff --git a/packages/progress/README.md b/packages/progress/README.md
index 7c6a3a62..302414d1 100644
--- a/packages/progress/README.md
+++ b/packages/progress/README.md
@@ -19,6 +19,14 @@
 <van-progress percentage="50" />
 ```
 
+### 线条粗细
+
+通过`stroke-width`可以设置进度条的粗细
+
+```html
+<van-progress :percentage="50" stroke-width="8" />
+```
+
 ### 置灰
 
 ```html
diff --git a/packages/progress/index.ts b/packages/progress/index.ts
index b79c4258..905849bb 100644
--- a/packages/progress/index.ts
+++ b/packages/progress/index.ts
@@ -1,5 +1,6 @@
 import { VantComponent } from '../common/component';
 import { BLUE } from '../common/color';
+import { addUnit } from '../common/utils';
 
 VantComponent({
   props: {
@@ -18,6 +19,24 @@ VantComponent({
     textColor: {
       type: String,
       value: '#fff'
+    },
+    strokeWidth: {
+      type: null,
+      observer: 'setStrokeWidthUnit'
+    }
+  },
+
+  data() {
+    return {
+      strokeWidthUnit: '4px'
+    };
+  },
+
+  methods: {
+    setStrokeWidthUnit(val) {
+      this.setData({
+        strokeWidthUnit: addUnit(val)
+      });
     }
   }
 });
diff --git a/packages/progress/index.wxml b/packages/progress/index.wxml
index a810ef0e..ee847edf 100644
--- a/packages/progress/index.wxml
+++ b/packages/progress/index.wxml
@@ -1,6 +1,6 @@
 <wxs src="./index.wxs" module="getters" />
 
-<view class="van-progress custom-class">
+<view class="van-progress custom-class" style="height: {{ strokeWidthUnit }};">
   <view
     class="van-progress__portion"
     style="width: {{ percentage }}%; background: {{ inactive ? '#cacaca' : color }}"