rename

README.md

@@ -93,7 +93,7 @@ online example: http://react-component.github.io/steps/examples/
       <td>spicify the default finish icon and error icon</td>
     </tr>
     <tr>
-      <td>showStepNum</td>
+      <td>showNumber</td>
       <td>boolean</td>
       <td></td>
       <td>display step number, It will be ignored if icons is provided</td>
@@ -138,7 +138,7 @@ online example: http://react-component.github.io/steps/examples/
       <td>set icon of step item</td>
     </tr>
     <tr>
-      <td>showStepNum</td>
+      <td>showNumber</td>
       <td>boolean</td>
       <td></td>
       <td>display step number, It will be ignored if icon/icons is provided</td>

src/Step.jsx

@@ -36,7 +36,7 @@ export default class Step extends React.Component {
       finish: PropTypes.node,
       error: PropTypes.node,
     }),
-    showStepNum: PropTypes.bool,
+    showNumber: PropTypes.bool,
     onClick: PropTypes.func,
     onStepClick: PropTypes.func,
   };
@@ -54,7 +54,7 @@ export default class Step extends React.Component {
   renderIconNode() {
     const {
       prefixCls, progressDot, stepNumber, status, title, description, icon,
-      iconPrefix, icons, showStepNum,
+      iconPrefix, icons, showNumber,
     } = this.props;
     let iconNode;
     const iconClassName = classNames(`${prefixCls}-icon`, `${iconPrefix}icon`, {
@@ -81,7 +81,7 @@ export default class Step extends React.Component {
     } else if (icons && icons.error && status === 'error') {
       iconNode = <span className={`${prefixCls}-icon`}>{icons.error}</span>;
     } else if (icon || status === 'finish' || status === 'error') {
-      iconNode = <span className={iconClassName}>{showStepNum ? stepNumber : ''}</span>;
+      iconNode = <span className={iconClassName}>{showNumber ? stepNumber : ''}</span>;
     } else {
       iconNode = <span className={`${prefixCls}-icon`}>{stepNumber}</span>;
     }

src/Steps.jsx

@@ -27,7 +27,7 @@ export default class Steps extends Component {
       finish: PropTypes.node,
       error: PropTypes.node,
     }),
-    showStepNum: PropTypes.bool,
+    showNumber: PropTypes.bool,
     onChange: PropTypes.func,
   };
   static defaultProps = {
@@ -102,7 +102,7 @@ export default class Steps extends Component {
     const {
       prefixCls, style = {}, className, children, direction,
       labelPlacement, iconPrefix, status, size, current, progressDot, initial,
-      icons, onChange, showStepNum,
+      icons, onChange, showNumber,
       ...restProps,
     } = this.props;
     const { lastStepOffsetWidth, flexSupported } = this.state;
@@ -132,7 +132,7 @@ export default class Steps extends Component {
               wrapperStyle: style,
               progressDot,
               icons,
-              showStepNum,
+              showNumber,
               onStepClick: onChange && this.onStepClick,
               ...child.props,
             };