All files / src/blank BlankSteps.tsx

100% Statements 3/3
0% Branches 0/1
100% Functions 2/2
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29                          1x 1x           3x                
import React from "react";
import classNames from "classnames";
import { StyledProps } from "../_type";
import { useConfig } from "../_util/config-context";
 
export interface BlankStepsProps extends StyledProps {
  /**
   * 步骤内容
   */
  steps: React.ReactNode[];
}
 
export function BlankSteps({ steps = [], className, style }: BlankStepsProps) {
  const { classPrefix } = useConfig();
  return (
    <div
      className={classNames(`${classPrefix}-blank-page__step`, className)}
      style={style}
    >
      {steps.map((step, index) => (
        <div className="item" key={index}>
          <i className="num">{index + 1}</i>
          {step}
        </div>
      ))}
    </div>
  );
}