fix(steps): change steps style (#1733)

growingio · Dec 28, 2021 · 87eff12 · 87eff12 · vercel · Dec 28, 2021
1 parent 4c28824
commit 87eff12
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/src/steps/Steps.tsx b/src/steps/Steps.tsx
@@ -91,8 +91,8 @@ export const Steps = WithRef<
 
     return (
       <StepsContext.Provider value={{ activeValue }}>
-        <div className={tabClasses} data-testid="steps" ref={ref}  {...restProps}>
-          <div data-testid="tablist" className={`${prefixCls}-tablist`}>
+        <div className={tabClasses} data-testid="steps" ref={ref} {...restProps}>
+          <div data-testid="tablist" className={`${prefixCls}-tablist steps-container`}>
             {tabs}
           </div>
           <div data-testid="tabpanels" className={`${prefixCls}-tabpanels`}>

diff --git a/src/steps/demos/Steps.stories.tsx b/src/steps/demos/Steps.stories.tsx
@@ -186,14 +186,14 @@ Demo.args = {
 // default
 export const Default = Template.bind({});
 Default.args = {
-  className: 'cc',
+  className: 'steps',
   defaultValue: 3,
   onChange: action('onchange'),
 };
 // have children
 export const HaveChildren = childrenTemplate.bind({});
 HaveChildren.args = {
-  className: 'cc',
+  className: 'steps',
   defaultValue: 1,
   onChange: action('onchange'),
 };
diff --git a/src/steps/interface.ts b/src/steps/interface.ts
@@ -6,7 +6,7 @@ export interface StepsProps {
   */
   defaultValue?: React.Key;
   /**
-  初始化选中面板的 `key`
+  初始化选中面板的 `key`，默认从1开始，一定要注意!!!
   */
   current?: number;
   /**
@@ -26,4 +26,3 @@ export interface StepsProps {
    */
   size?: 'small' | 'normal';
 }
-
diff --git a/src/steps/style/index.less b/src/steps/style/index.less
@@ -4,8 +4,10 @@
 @tabs-prefix-cls: ~'@{component-prefix}-tabs';
 
 .@{tabs-prefix-cls} {
-  &-tablist {
+  &-tablist.steps-container {
     display: flex;
+  }
+  &-tablist {
     &-stepbar {
       flex: 1;
       & > button {