Make steps layout more flexible, close #1099

components/steps/index.md

@@ -32,7 +32,6 @@ english: Steps
 | status | 指定当前步骤的状态，可选 `wait` `process` `finish` `error` | string | `process` |
 | size | 指定大小，目前支持普通（`default`）和迷你（`small`）| string | default |
 | direction | 指定步骤条方向。目前支持水平和竖直（`vertical`）两种方向，默认水平方向） | string | -  |
-| maxDescriptionWidth | 指定步骤的详细描述文字的最大宽度（单位 px） | number | 100 |
 
 ### Steps.Step
 

package.json

@@ -56,7 +56,7 @@
     "rc-rate": "~1.1.0",
     "rc-select": "~6.0.1",
     "rc-slider": "~3.5.1",
-    "rc-steps": "~1.5.2",
+    "rc-steps": "~2.0.0",
     "rc-switch": "~1.4.0",
     "rc-table": "~4.0.0-beta.3",
     "rc-tabs": "~5.8.0",

style/components/steps.less

@@ -333,3 +333,16 @@
     line-height: 18px;
   }
 }
+
+.@{steps-prefix-cls}-horizontal {
+   &.@{steps-prefix-cls}-hidden {
+     vertical-align: hidden;
+  }
+  .@{steps-prefix-cls}-description {
+    max-width: 100px;
+  }
+  .@{steps-prefix-cls}-item:not(:first-child) .@{steps-prefix-cls}-head {
+    padding-left: 10px;
+    margin-left: -10px;
+  }
+}