chore(Steps): rename unreleased center prop

src/step/index.js

@@ -23,15 +23,24 @@ export default createComponent({
     },
 
     lineStyle() {
-      const { activeColor, inactiveColor, alignCenter, direction } = this.parent
-      return {
+      const { activeColor, inactiveColor, center, direction } = this.parent;
+      const style = {
         background: this.status === 'finish' ? activeColor : inactiveColor,
-        top: (alignCenter && direction === 'vertical') && '50%'
+      };
+      if (center && direction === 'vertical') {
+        style.top = '50%';
+      }
+      return style;
+    },
+
+    circleContainerStyle() {
+      if (this.parent.center && this.parent.direction === 'vertical') {
+        return {
+          top: '50%',
+        };
       }
     },
-    circleContainerStyle() {
-      return { top: (this.parent.alignCenter && this.parent.direction === 'vertical') && '50%' };
-    },
+
     titleStyle() {
       if (this.active) {
         return { color: this.parent.activeColor };
@@ -114,7 +123,11 @@ export default createComponent({
         >
           {this.slots()}
         </div>
-        <div class={bem('circle-container')} onClick={this.onClickStep} style={this.circleContainerStyle} >
+        <div
+          class={bem('circle-container')}
+          onClick={this.onClickStep}
+          style={this.circleContainerStyle}
+        >
           {this.genCircle()}
         </div>
         <div class={bem('line')} style={this.lineStyle} />

src/steps/README.md

@@ -72,12 +72,12 @@ export default {
 | active | Active step | _number \| string_ | `0` |
 | direction | Can be set to `vertical` | _string_ | `horizontal` |
 | active-color | Active step color | _string_ | `#07c160` |
-| align-center | Center title and description(Only active by `direction: vertical` )  | _boolean_ | `false` |
 | inactive-color `v2.9.1` | Inactive step color | _string_ | `#969799` |
 | active-icon | Active icon name | _string_ | `checked` |
 | inactive-icon | Inactive icon name | _string_ | - |
 | finish-icon `v2.12.7` | Finish icon name | _string_ | - |
 | icon-prefix `v2.12.15` | Icon className prefix | _string_ | `van-icon` |
+| center | Whether to center content when direction is vertical | _boolean_ | `false` |
 
 ### Step Slots
 

src/steps/README.zh-CN.md

@@ -82,12 +82,12 @@ export default {
 | active | 当前步骤 | _number \| string_ | `0` |
 | direction | 显示方向，可选值为 `vertical` | _string_ | `horizontal` |
 | active-color | 激活状态颜色 | _string_ | `#07c160` |
-| align-center | 进行居中对齐（设置`direction: vertical`时有效） |  _boolean_ | `false` |
 | inactive-color `v2.9.1` | 未激活状态颜色 | _string_ | `#969799` |
 | active-icon | 激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | `checked` |
 | inactive-icon | 未激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | - |
 | finish-icon `v2.12.7` | 已完成步骤对应的底部图标，优先级高于 `inactive-icon`，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | - |
 | icon-prefix `v2.12.15` | 图标类名前缀，同 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
+| center | 是否进行居中对齐，仅在竖向展示时有效 |  _boolean_ | `false` |
 
 ### Step Slots
 

src/steps/index.js

@@ -7,6 +7,7 @@ export default createComponent({
   mixins: [ParentMixin('vanSteps')],
 
   props: {
+    center: Boolean,
     iconPrefix: String,
     finishIcon: String,
     activeColor: String,
@@ -24,10 +25,6 @@ export default createComponent({
       type: String,
       default: 'checked',
     },
-    alignCenter: {
-      type: Boolean,
-      default: false,
-    }
   },
 
   render() {