refactor: titlePlacement (#373)

Author: zombieJ

README.md

@@ -84,7 +84,7 @@ https://steps.vercel.app/
       <td>size of Steps, could be `small`</td>
     </tr>
     <tr>
-      <td>labelPlacement</td>
+      <td>titlePlacement</td>
       <td>string</td>
       <td></td>
       <td>placement of step title, could be `vertical`</td>

docs/examples/alternativeLabel.jsx

@@ -8,7 +8,7 @@ const description =
 
 export default () => (
   <Steps
-    labelPlacement="vertical"
+    titlePlacement="vertical"
     current={1}
     items={[
       {

src/Steps.tsx

@@ -55,7 +55,7 @@ export interface StepsProps {
 
   // layout
   orientation?: 'horizontal' | 'vertical';
-  labelPlacement?: 'horizontal' | 'vertical';
+  titlePlacement?: 'horizontal' | 'vertical';
 
   // data
   status?: Status;
@@ -82,7 +82,7 @@ export default function Steps(props: StepsProps) {
 
     // layout
     orientation = 'horizontal',
-    labelPlacement = 'horizontal',
+    titlePlacement = 'horizontal',
 
     // data
     status = 'process',
@@ -102,14 +102,14 @@ export default function Steps(props: StepsProps) {
   // ============================= layout =============================
   const isVertical = orientation === 'vertical';
   const mergedOrientation = isVertical ? 'vertical' : 'horizontal';
-  const mergeLabelPlacement =
-    !isVertical && labelPlacement === 'vertical' ? 'vertical' : 'horizontal';
+  const mergeTitlePlacement =
+    !isVertical && titlePlacement === 'vertical' ? 'vertical' : 'horizontal';
 
   // ============================= styles =============================
   const classString = cls(
     prefixCls,
     `${prefixCls}-${mergedOrientation}`,
-    `${prefixCls}-label-${mergeLabelPlacement}`,
+    `${prefixCls}-title-${mergeTitlePlacement}`,
     rootClassName,
     className,
     classNames.root,