@douyinfe/semi-ui 2.33.0 → 2.34.0-alpha.1

package/lib/cjs/_utils/index.d.ts

@@ -5,7 +5,7 @@ import React from 'react';
  * @param {React.MouseEvent<HTMLElement>} e React mouse event object
  * @param {boolean} noImmediate Skip stopping immediate propagation
  */
-export declare function stopPropagation(e: React.MouseEvent, noImmediate?: boolean): void;
+export declare function stopPropagation(e: React.MouseEvent | React.FocusEvent<HTMLElement>, noImmediate?: boolean): void;
 /**
  * use in Table, Form, Navigation
  *

package/lib/cjs/button/index.d.ts

@@ -32,7 +32,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         'aria-label': import("prop-types").Requireable<string>;
     };
     static elementType: string;
-    constructor(props?: {});
+    constructor(props?: ButtonProps);
     render(): JSX.Element;
 }
 export default Button;

package/lib/cjs/input/index.d.ts

@@ -126,7 +126,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         onKeyPress: (...args: any[]) => void;
         onEnterPress: (...args: any[]) => void;
         validateStatus: string;
-        noBg: boolean;
+        borderless: boolean;
     };
     inputRef: React.RefObject<HTMLInputElement>;
     prefixRef: React.RefObject<React.ReactNode>;

package/lib/cjs/input/index.js

@@ -549,7 +549,7 @@ Input.defaultProps = {
   onKeyPress: _noop2.default,
   onEnterPress: _noop2.default,
   validateStatus: 'default',
-  noBg: false
+  borderless: false
 };
 
 const ForwardInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(Input, Object.assign({}, props, {

package/lib/cjs/navigation/Item.d.ts

@@ -19,6 +19,9 @@ export interface NavItemProps extends ItemProps, BaseProps {
     onClick?(clickItems: SelectedData): void;
     onMouseEnter?: React.MouseEventHandler<HTMLLIElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
+    selected?: boolean;
+    mode?: string;
+    isInSubNav?: boolean;
 }
 export interface SelectedData extends SelectedItemProps<NavItemProps> {
     text?: React.ReactNode;
@@ -28,6 +31,7 @@ export interface NavItemState {
 }
 export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
     static contextType: React.Context<NavContextType>;
+    static elementType: string;
     static propTypes: {
         text: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         itemKey: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/navigation/Item.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
+
 var _times2 = _interopRequireDefault(require("lodash/times"));
 
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
@@ -121,21 +123,28 @@ class NavItem extends _baseComponent.default {
       notifyMouseLeave: function () {
         return _this.props.onMouseLeave(...arguments);
       },
-      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
-      getSelected: () => Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
-      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
+      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed),
+      getSelected: () => this.props.selected || Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey)),
+      getIsInSubNav: () => this.props.isInSubNav || Boolean(this.context && this.context.isInSubNav),
+      getMode: () => {
+        var _a, _b;
+
+        return (_a = this.props.mode) !== null && _a !== void 0 ? _a : (_b = this.context) === null || _b === void 0 ? void 0 : _b.mode;
+      }
     });
   }
 
   renderIcon(icon, pos) {
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    const mode = this.adapter.getMode();
 
     if (this.props.isSubNav) {
       return null;
     }
 
-    if (!icon && this.context.mode === _constants.strings.MODE_HORIZONTAL) {
+    if (!icon && mode === _constants.strings.MODE_HORIZONTAL) {
       return null;
     }
 
@@ -158,6 +167,8 @@ class NavItem extends _baseComponent.default {
   }
 
   render() {
+    var _a;
+
     const {
       text,
       children,
@@ -173,16 +184,17 @@ class NavItem extends _baseComponent.default {
       linkOptions,
       disabled,
       level = 0,
-      tabIndex
+      tabIndex,
+      mode: modeInProps
     } = this.props;
     const {
-      mode,
-      isInSubNav,
       prefixCls,
       limitIndent
     } = this.context;
     const isCollapsed = this.adapter.getIsCollapsed();
     const selected = this.adapter.getSelected();
+    const isInSubNav = this.adapter.getIsInSubNav();
+    const mode = this.adapter.getMode();
     let itemChildren = null;
 
     if (!(0, _isNullOrUndefined.default)(children)) {
@@ -230,14 +242,20 @@ class NavItem extends _baseComponent.default {
         onKeyDown: this.handleKeyPress
       }, itemChildren);
     } else {
-      // Items are divided into normal and sub-wrap
+      // isFirstLayer 用于决定 semi-navigation-first-layers（仅在 c2中使用) 是否生效
+      // 当 this.props.isInSubNav 存在是，则由 this.props.isInSubNav 决定
+      // 否则由 this.context?.mode 决定，因为第一层节点无context
+      const isFirstLayer = !(0, _isUndefined2.default)(this.props.isInSubNav) ? !this.props.isInSubNav : (0, _isUndefined2.default)((_a = this.context) === null || _a === void 0 ? void 0 : _a.mode); // Items are divided into normal and sub-wrap
+
       const popoverItemCls = (0, _classnames.default)(`${className || `${clsPrefix}-normal`}`, {
         [clsPrefix]: true,
         [`${clsPrefix}-sub`]: isSubNav,
         [`${clsPrefix}-selected`]: selected && !isSubNav,
         [`${clsPrefix}-collapsed`]: isCollapsed,
         [`${clsPrefix}-disabled`]: disabled,
-        [`${clsPrefix}-has-link`]: typeof link === 'string'
+        [`${clsPrefix}-has-link`]: typeof link === 'string',
+        [`${_constants.cssClasses.PREFIX}-first-layer`]: isFirstLayer,
+        [`${clsPrefix}-horizontal`]: modeInProps === _constants.strings.MODE_HORIZONTAL
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -317,4 +335,5 @@ NavItem.defaultProps = {
   onMouseLeave: _noop2.default,
   disabled: false,
   tabIndex: 0
-};
+};
+NavItem.elementType = 'Nav.Item';

package/lib/cjs/navigation/SubNav.d.ts

@@ -22,11 +22,14 @@ export interface SubNavProps extends BaseProps {
     onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
     text?: React.ReactNode;
     toggleIcon?: ToggleIcon;
+    active?: boolean;
+    mode?: string;
 }
 export interface SubNavState {
     isHovered: boolean;
 }
 export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
+    static elementType: string;
     static contextType: React.Context<NavContextType>;
     static propTypes: {
         /**
@@ -70,6 +73,7 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         disabled: PropTypes.Requireable<boolean>;
         level: PropTypes.Requireable<number>;
+        active: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         level: number;
@@ -82,6 +86,7 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
             closed: JSX.Element;
         };
         disabled: boolean;
+        active: boolean;
     };
     titleRef: React.RefObject<HTMLDivElement>;
     itemRef: React.RefObject<HTMLLIElement>;

package/lib/cjs/navigation/SubNav.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
+
 var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _times2 = _interopRequireDefault(require("lodash/times"));
@@ -129,16 +131,29 @@ class SubNav extends _baseComponent.default {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      getIsSelected: itemKey => Boolean(!(0, _isNullOrUndefined.default)(itemKey) && (0, _get2.default)(this.context, 'selectedKeys', []).includes(String(itemKey))),
-      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey)))
+      getIsSelected: itemKey => this.props.active || Boolean(!(0, _isNullOrUndefined.default)(itemKey) && (0, _get2.default)(this.context, 'selectedKeys', []).includes(String(itemKey))),
+      getIsOpen: () => this.props.isOpen || Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey))),
+      getIsCollapsed: () => {
+        var _a;
+
+        return this.props.isCollapsed || Boolean((_a = this.context) === null || _a === void 0 ? void 0 : _a.isCollapsed);
+      },
+      getMode: () => {
+        var _a, _b;
+
+        return (_a = this.props.mode) !== null && _a !== void 0 ? _a : (_b = this.context) === null || _b === void 0 ? void 0 : _b.mode;
+      }
     });
   }
 
   renderIcon(icon, pos, withTransition) {
     let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+
+    var _a;
+
     const {
-      prefixCls
+      prefixCls = _constants.cssClasses.PREFIX
     } = this.context;
     let iconSize = 'large';
 
@@ -146,14 +161,15 @@ class SubNav extends _baseComponent.default {
       iconSize = 'default';
     }
 
+    const isOpen = this.adapter.getIsOpen();
     const className = (0, _classnames.default)(`${prefixCls}-item-icon`, {
-      [`${prefixCls}-item-icon-toggle-${this.context.toggleIconPosition}`]: isToggleIcon,
-      [`${prefixCls}-item-icon-info`]: !isToggleIcon
+      [`${prefixCls}-item-icon-toggle-${(_a = this.context.toggleIconPosition) !== null && _a !== void 0 ? _a : 'right'}`]: isToggleIcon,
+      [`${prefixCls}-item-icon-info`]: !isToggleIcon,
+      [`${prefixCls}-icon-rotate-${isOpen ? "180" : "0"}-no-transition`]: !withTransition && isToggleIcon
     });
-    const isOpen = this.adapter.getIsOpen();
     const iconElem = /*#__PURE__*/_react.default.isValidElement(icon) ? withTransition ? /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
       animationState: isOpen ? "enter" : "leave",
-      startClassName: `${_constants.cssClasses.PREFIX}-icon-rotate-${isOpen ? "180" : "0"}`
+      startClassName: `${prefixCls}-icon-rotate-${isOpen ? "180" : "0"}`
     }, _ref => {
       let {
         animationClassName
@@ -183,17 +199,20 @@ class SubNav extends _baseComponent.default {
       level
     } = this.props;
     const {
-      mode,
       isInSubNav,
-      isCollapsed,
-      prefixCls,
+      prefixCls = _constants.cssClasses.PREFIX,
       subNavMotion,
       limitIndent
     } = this.context;
+    const isFirstLayer = (0, _isUndefined2.default)(this.context.mode);
+    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
+    const isCollapsed = this.adapter.getIsCollapsed();
     const titleCls = (0, _classnames.default)(`${prefixCls}-sub-title`, {
       [`${prefixCls}-sub-title-selected`]: this.adapter.getIsSelected(itemKey),
-      [`${prefixCls}-sub-title-disabled`]: disabled
+      [`${prefixCls}-sub-title-disabled`]: disabled,
+      [`${prefixCls}-first-layer`]: isFirstLayer,
+      [`${prefixCls}-sub-title-horizontal`]: mode === _constants.strings.MODE_HORIZONTAL
     });
     let withTransition = false;
     let toggleIconType = '';
@@ -234,6 +253,7 @@ class SubNav extends _baseComponent.default {
     }
 
     const isIconChevronRightShow = !isCollapsed && isInSubNav && mode === _constants.strings.MODE_HORIZONTAL || isCollapsed && isInSubNav;
+    const toggleIconPositionLeft = this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_LEFT;
 
     const titleDiv = /*#__PURE__*/_react.default.createElement("div", {
       role: "menuitem",
@@ -246,9 +266,9 @@ class SubNav extends _baseComponent.default {
       "aria-expanded": isOpen ? 'true' : 'false'
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-item-inner`
-    }, placeholderIcons, this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== _constants.strings.MODE_HORIZONTAL ? this.renderIcon(icon, _constants.strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/_react.default.createElement("span", {
+    }, placeholderIcons, toggleIconPositionLeft && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-left'), icon || indent || isInSubNav && mode !== _constants.strings.MODE_HORIZONTAL ? this.renderIcon(icon, _constants.strings.ICON_POS_LEFT, false, false, 'key-inSubNav-position-left') : null, /*#__PURE__*/_react.default.createElement("span", {
       className: `${prefixCls}-item-text`
-    }, text), this.context.toggleIconPosition === _constants.strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
+    }, text), !toggleIconPositionLeft && this.renderIcon(toggleIconType, _constants.strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
 
     return titleDiv;
   }
@@ -259,12 +279,12 @@ class SubNav extends _baseComponent.default {
       maxHeight
     } = this.props;
     const {
-      isCollapsed,
-      mode,
       subNavMotion,
-      prefixCls
+      prefixCls = _constants.cssClasses.PREFIX
     } = this.context;
+    const isCollapsed = this.adapter.getIsCollapsed();
     const isOpen = this.adapter.getIsOpen();
+    const mode = this.adapter.getMode();
     const isHorizontal = mode === _constants.strings.MODE_HORIZONTAL;
     const subNavCls = (0, _classnames.default)(`${prefixCls}-sub`, {
       [`${prefixCls}-sub-open`]: isOpen,
@@ -295,14 +315,14 @@ class SubNav extends _baseComponent.default {
       disabled
     } = this.props;
     const {
-      mode,
       isInSubNav,
-      isCollapsed,
       subNavCloseDelay,
       subNavOpenDelay,
-      prefixCls,
+      prefixCls = _constants.cssClasses.PREFIX,
       getPopupContainer
     } = this.context;
+    const isCollapsed = this.adapter.getIsCollapsed();
+    const mode = this.adapter.getMode();
     const isOpen = this.adapter.getIsOpen();
     const openKeysIsControlled = this.adapter.getOpenKeysIsControlled();
     const subNavCls = (0, _classnames.default)({
@@ -347,10 +367,10 @@ class SubNav extends _baseComponent.default {
       text
     } = this.props;
     const {
-      mode,
-      isCollapsed,
-      prefixCls
+      prefixCls = _constants.cssClasses.PREFIX
     } = this.context;
+    const mode = this.adapter.getMode();
+    const isCollapsed = this.adapter.getIsCollapsed();
     let titleDiv = this.renderTitleDiv();
     const subUl = this.renderSubUl(); // When mode=horizontal, it is displayed in Dropdown
 
@@ -368,9 +388,11 @@ class SubNav extends _baseComponent.default {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       disabled: disabled,
-      text: text
+      text: text,
+      mode: mode
     }, /*#__PURE__*/_react.default.createElement(_navContext.default.Provider, {
       value: Object.assign(Object.assign({}, this.context), {
+        mode: mode,
         isInSubNav: true
       })
     }, titleDiv, subUl));
@@ -433,7 +455,8 @@ SubNav.propTypes = {
   onMouseLeave: _propTypes.default.func,
   // Is it disabled
   disabled: _propTypes.default.bool,
-  level: _propTypes.default.number
+  level: _propTypes.default.number,
+  active: _propTypes.default.bool
 };
 SubNav.defaultProps = {
   level: 0,
@@ -449,5 +472,7 @@ SubNav.defaultProps = {
       "aria-hidden": true
     })
   },
-  disabled: false
-};
+  disabled: false,
+  active: false
+};
+SubNav.elementType = 'Nav.Sub';

package/lib/cjs/skeleton/index.d.ts

@@ -12,6 +12,7 @@ export interface SkeletonProps {
     style?: CSSProperties;
 }
 declare class Skeleton extends PureComponent<SkeletonProps> {
+    static elementType: string;
     static Avatar: React.FC<import("./item").AvatarProps>;
     static Title: React.FC<import("./item").BasicProps>;
     static Button: React.FC<import("./item").BasicProps>;

package/lib/cjs/skeleton/index.js

@@ -86,5 +86,6 @@ Skeleton.propTypes = {
   loading: _propTypes.default.bool,
   children: _propTypes.default.node
 };
+Skeleton.elementType = 'Skeleton';
 var _default = Skeleton;
 exports.default = _default;

package/lib/cjs/skeleton/item.d.ts

@@ -21,6 +21,7 @@ export declare const Image: React.FC<BasicProps>;
 export declare const Title: React.FC<BasicProps>;
 export declare const Button: React.FC<BasicProps>;
 export declare class Paragraph extends PureComponent<ParagraphProps> {
+    static elementType: string;
     static propTypes: {
         rows: PropTypes.Requireable<number>;
         prefixCls: PropTypes.Requireable<string>;

package/lib/cjs/skeleton/item.js

@@ -86,6 +86,10 @@ const Title = generator('title')(Generic);
 exports.Title = Title;
 const Button = generator('button')(Generic);
 exports.Button = Button;
+Avatar.elementType = 'Skeleton.Avatar';
+Image.elementType = 'Skeleton.Image';
+Title.elementType = 'Skeleton.Title';
+Button.elementType = 'Skeleton.Button';
 
 class Paragraph extends _react.PureComponent {
   render() {
@@ -116,4 +120,5 @@ Paragraph.propTypes = {
 Paragraph.defaultProps = {
   prefixCls: _constants.cssClasses.PREFIX,
   rows: 4
-};
+};
+Paragraph.elementType = 'Skeleton.Paragraph';

package/lib/cjs/steps/basicStep.d.ts

@@ -19,6 +19,8 @@ export interface BasicStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
+    usedInC2D?: string;
+    direction?: string;
 }
 export declare enum stepSizeMapIconSize {
     small = "large",
@@ -45,5 +47,6 @@ declare const BasicStep: {
         status: string;
         className: string;
     };
+    elementType: string;
 };
 export default BasicStep;

package/lib/cjs/steps/basicStep.js

@@ -42,7 +42,9 @@ const BasicStep = props => {
     stepNumber,
     onClick,
     onChange,
-    onKeyDown
+    onKeyDown,
+    usedInC2D,
+    direction: direction
   } = props;
 
   const renderIcon = () => {
@@ -103,7 +105,10 @@ const BasicStep = props => {
 
   const classString = (0, _classnames.default)(prefixCls, `${prefixCls}-${status}`, {
     [`${prefixCls}-active`]: active,
-    [`${prefixCls}-done`]: done
+    [`${prefixCls}-done`]: done,
+    [`${prefixCls}-basic`]: usedInC2D,
+    [`${prefixCls}-${direction}`]: direction,
+    [`${prefixCls}-small`]: size === 'small'
   }, className);
 
   const handleClick = e => {
@@ -167,5 +172,6 @@ BasicStep.defaultProps = {
   status: 'wait',
   className: ''
 };
+BasicStep.elementType = 'Steps.BasicStep';
 var _default = BasicStep;
 exports.default = _default;

package/lib/cjs/steps/basicSteps.js

@@ -44,7 +44,8 @@ const Steps = props => {
       const stepNumber = initial + index;
       const childProps = Object.assign({
         stepNumber: `${stepNumber + 1}`,
-        size
+        size,
+        direction
       }, child.props);
 
       if (status === 'error' && index === current - 1) {

package/lib/cjs/steps/fillStep.d.ts

@@ -15,6 +15,7 @@ export interface FillStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
+    usedInC2D?: boolean;
 }
 declare const FillStep: {
     (props: FillStepProps): JSX.Element;
@@ -33,5 +34,6 @@ declare const FillStep: {
         status: string;
         className: string;
     };
+    elementType: string;
 };
 export default FillStep;

package/lib/cjs/steps/fillStep.js

@@ -111,7 +111,8 @@ const FillStep = props => {
     className: (0, _classnames.default)({
       [prefixCls]: true,
       [`${prefixCls}-${status}`]: Boolean(status),
-      [`${prefixCls}-clickable`]: onClick
+      [`${prefixCls}-clickable`]: onClick,
+      [`${prefixCls}-fill`]: props.usedInC2D
     }, className),
     style: style,
     onClick: e => {
@@ -146,5 +147,6 @@ FillStep.defaultProps = {
   status: 'wait',
   className: ''
 };
+FillStep.elementType = 'Steps.FillStep';
 var _default = FillStep;
 exports.default = _default;

package/lib/cjs/steps/fillSteps.js

@@ -34,11 +34,8 @@ const Steps = props => {
     onChange
   } = props;
   const inner = (0, _react.useMemo)(() => {
-    const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c));
+    const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c)); // const colStyle = direction === 'vertical' ? null : { width: `${100 / filteredChildren.length }%` };
 
-    const colStyle = direction === 'vertical' ? null : {
-      width: `${100 / filteredChildren.length}%`
-    };
 
     const content = _react.Children.map(filteredChildren, (child, index) => {
       if (!child) {
@@ -69,11 +66,11 @@ const Steps = props => {
         if (index !== current) {
           onChange(index + initial);
         }
-      };
+      }; // Whether colStyle is set has no effect
+      // return <Col style={colStyle}>{cloneElement(child, { ...childProps })}</Col>;
 
-      return /*#__PURE__*/_react.default.createElement(_grid.Col, {
-        style: colStyle
-      }, /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps)));
+
+      return /*#__PURE__*/_react.default.createElement(_grid.Col, null, /*#__PURE__*/(0, _react.cloneElement)(child, Object.assign({}, childProps)));
     });
 
     return content;

package/lib/cjs/steps/index.d.ts

@@ -22,7 +22,69 @@ export interface NavStepsAllProps extends NavStepsProps {
 }
 export declare type StepsProps = FillStepsAllProps | BasicStepsAllProps | NavStepsAllProps;
 declare class Steps extends Component<StepsProps> {
-    static Step: (props: import("./step").StepProps) => JSX.Element;
+    static Step: {
+        (props: import("./step").StepProps): JSX.Element;
+        elementType: string;
+    };
+    static FillStep: {
+        (props: import("./fillStep").FillStepProps): JSX.Element;
+        propTypes: {
+            prefixCls: PropTypes.Requireable<string>;
+            description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            status: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        };
+        defaultProps: {
+            prefixCls: string;
+            status: string;
+            className: string;
+        };
+        elementType: string;
+    };
+    static BasicStep: {
+        (props: import("./basicStep").BasicStepProps): JSX.Element;
+        propTypes: {
+            prefixCls: PropTypes.Requireable<string>;
+            description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            status: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            active: PropTypes.Requireable<boolean>;
+            done: PropTypes.Requireable<boolean>;
+        };
+        defaultProps: {
+            prefixCls: string;
+            active: boolean;
+            done: boolean;
+            status: string;
+            className: string;
+        };
+        elementType: string;
+    };
+    static NavStep: {
+        (props: import("./navStep").NavStepProps): JSX.Element;
+        propTypes: {
+            prefixCls: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            active: PropTypes.Requireable<boolean>;
+        };
+        defaultProps: {
+            prefixCls: string;
+            active: boolean;
+            className: string;
+        };
+        elementType: string;
+    };
     static propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;

package/lib/cjs/steps/index.js

@@ -21,6 +21,12 @@ var _basicSteps = _interopRequireDefault(require("./basicSteps"));
 
 var _navSteps = _interopRequireDefault(require("./navSteps"));
 
+var _fillStep = _interopRequireDefault(require("./fillStep"));
+
+var _basicStep = _interopRequireDefault(require("./basicStep"));
+
+var _navStep = _interopRequireDefault(require("./navStep"));
+
 var _context = _interopRequireDefault(require("./context"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -77,6 +83,9 @@ class Steps extends _react.Component {
 }
 
 Steps.Step = _step.default;
+Steps.FillStep = _fillStep.default;
+Steps.BasicStep = _basicStep.default;
+Steps.NavStep = _navStep.default;
 Steps.propTypes = {
   onChange: _propTypes.default.func,
   type: _propTypes.default.oneOf(['fill', 'basic', 'nav']),

package/lib/cjs/steps/navStep.d.ts

@@ -13,6 +13,8 @@ export interface NavStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
+    usedInC2D?: boolean;
+    size?: string;
 }
 declare const NavStep: {
     (props: NavStepProps): JSX.Element;
@@ -29,5 +31,6 @@ declare const NavStep: {
         active: boolean;
         className: string;
     };
+    elementType: string;
 };
 export default NavStep;