fix(Step): step-item param of labelPlacement change update bug

alibaba-fusion · Mar 7, 2019 · f0939af · f0939af
1 parent f52c5c2
commit f0939af
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/src/step/view/step-item.jsx b/src/step/view/step-item.jsx
@@ -117,13 +117,14 @@ class StepItem extends Component {
                 width: '',
                 [pos]: '',
             });
-        } else if (
-            shape === 'circle' &&
-            (labelPlacement === 'horizontal' || labelPlacement === 'hoz') &&
-            index !== total - 1
-        ) {
-            // 调整横向Content
-            this.adjustTail();
+            if (
+                shape === 'circle' &&
+                (labelPlacement === 'horizontal' || labelPlacement === 'hoz') &&
+                index !== total - 1
+            ) {
+                // 调整横向Content
+                this.adjustTail();
+            }
         } else if (index !== total - 1) {
             dom.setStyle(this.tail, {
                 width: '',

diff --git a/test/step/index-spec.js b/test/step/index-spec.js
@@ -273,7 +273,15 @@ describe('Step', () => {
             );
 
             assert(wrapper.find('.next-step-label-vertical').length === 1);
-            wrapper.setProps({ labelPlacement: 'horizontal' });
+            wrapper.setProps({ labelPlacement: 'horizontal' }, () => {
+                // 横向模式下会调整 next-step-item-tail 的宽度值
+                const $tail = wrapper.find('.next-step-item-tail');
+                assert(
+                    $tail.length === 3 && 
+                    $tail.at(0).instance().style.width !== "" &&
+                    $tail.at(2).instance().style.width === ""
+                );
+            });
             assert(wrapper.find('.next-step-label-horizontal').length === 1);
         });